body {
    font-family: "Roboto";
    color: #292929;
    font-size: 16px;
}

.fancybox-thumbs>ul>li:before {
border: 3px solid #1c69d4 !important;
}

.plyr__control--overlaid {
    background: rgba(255, 255, 255, 0.4) !important;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background:#1c69d4!important;
    color: #fff!important;
}

.plyr--full-ui input[type=range] {
    color:#1c69d4!important;
}

/* MODAL */

.modal-body {
    font-family: Roboto!important;
    font-weight: 300;
}

.modal-content {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.modal-footer {
    border: none;
}

.btn-primary {
outline:none!important;
box-shadow: none!important;
background-color: #797979!important;
color: #fff!important;
    border-radius: 0;
    border: none;
    font-family: Roboto!important;
    font-weight: 700;
    width: 100px;
    text-align: center;
}
.btn-primary:hover {
    color: #292929!important;
    background-color: #fefe00!important;
}

/* HEADER */

header {
    
background-color: transparent;
    
padding: 20px 0px;
    
margin-bottom: -116px;
    
position: relative;
    
z-index: 11;
    
padding-top: 0;
    
/* border-bottom: 1px solid #fff; */
}

header .header-row {
    
font-size: 0;
    
/* border-bottom: 1px solid #fff; */
}
header .header-row:after {
    content: "";
    border-bottom: 1px solid #fff;
    display: block;
    margin-left: 83px;
    margin-bottom: -1px;
    position: relative;
    top: -2px;
 }

header .header-row .logo {
    
display: inline-block;
    
width: 200px;
    
vertical-align: middle;
}
header .header-row .logo img {
    
max-width: 100%;
    
max-height: 80px;
    
object-fit: contain;
}

header .header-row .menu-items {
    
font-size: 16px;
    
display: inline-block;
    
width: calc(100% - 200px);
    
text-align: right;
    
vertical-align: middle;
}
header .header-row .menu-items .menu-item {
    transition: 0.3s;
    color: inherit!important;
    font-weight: 600;
    margin-left: 23px;
    text-decoration: none;
    color: #fff!important;
}
header .header-row .menu-items .menu-item:hover {
    
color: #e6e6e6!important;
}

/* TOP SECTION */

.top-section {
    
/* background-image: url(/images/landing/pattern.jpg); */
    
position: relative;
    
background-attachment: fixed;
}

.top-section .text-data {
    
position: relative;
    
z-index: 2;
    
padding: 220px 0;
}
.top-section .text-data h1 {
    
font-size: 51px;
    
font-weight: 800;
    
color: #fff;
    
text-transform: uppercase;
}
.top-section .text-data .description {
    
width: 470px;
    
margin-bottom: 44px;
    
font-weight: 600;
    
color: #fff;
    
text-transform: uppercase;
}
.top-section .text-data .button {transition:0.3s;color: #fff;background-color: #1c69d4;text-transform: none;width: 160px;display: inline-block;font-weight: 600;text-align: center;line-height: 60px;text-decoration: none;}
.top-section .text-data .button:hover {
        color: #ffffff;
        background-color: #1651a5;
}
.top-section .text-data .button.offer {
    
background-color: #666666;
    
margin-left: 22px;
}
.top-section .text-data .button.offer:hover {
    
background-color: #585858;
}
.top-section .background-section {
    
position: absolute;
    
z-index: 1;
    
right: 0;
    
left: 0;
    
top: 0;
    
height: 100%;
    
/* background-size: cover; */
    
background-repeat: no-repeat;
}
.top-section .background-section img {
    
position: absolute;
    
object-fit: cover;
    
pointer-events: none;
    
left: 0;
    
top: 0;
    
width: 100%;
    
height: 100%;
}

/* COMMON SECTION */
.common-section {
    
padding-top: 65px;
    
padding-bottom: 100px;
    
position: relative;
}
.common-section.gallery-section {
    background-color: #282828!important;
    
}
.common-section.video-section {/* padding-bottom:0; *//* margin-bottom: 120px; */}
.common-section.with-bg {/* background-image: url(/images/landing/pattern.jpg); *//* background-attachment: fixed; */}
.common-section-title {
    
text-align: left;
    
font-weight: 800;
    
font-size: 190%;
    
text-transform: uppercase;
}
.common-section-subtitle {
    
font-weight: 600;
    
text-align: left;
    
font-size: 131%;
    
margin-top: 0px;
}

.common-section.gallery-section  .common-section-title {
    color: #fff!important;
}

.common-section.gallery-section .common-section-subtitle {
    color: #fff!important;
}


/* ALBUM PLAYLIST */

.album {
    
font-size: 0;
    
margin-top: 55px;
}
.album .photo {
    
display: inline-block;
    
width: 340px;
    
vertical-align: top;
}
.album .photo .photo-box {
    
width: 100%;
}
.album .photo .photo-box img {
    
width: 100%;
}


.album .playlist {
    
display: inline-block;
    
/* font-size: 16px; */
    
vertical-align: top;
    
width: calc(100% - 340px);
    
/* padding-left: 25px; */
}

.album .playlist .column {
    
/* font-size: 16px; */
    
width: 50%;
    
display: inline-block;
    
vertical-align: top;
    
padding: 0 19px;
}

.album .playlist .item {
    
border-bottom: 1px solid #f6f6f6;
    
padding: 13px 13px;position: relative;
}
.album .playlist .item .bar {
    position: absolute;
    background-color: #b7b7b7;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1;
    width: 0%;
    background-attachment: fixed;
}
.album .playlist .item:last-child {
    border-bottom: none;
}
.album .playlist .item .icon {
    cursor:pointer;
display: inline-block;
    
vertical-align: middle;
    
width: 30px;
    
font-size: 21px;
}

.album .playlist .item .icon > i {
    transform: scale(1.4);
}

.album .playlist .item .name {
    
user-select: none;
    
display: inline-block;
    
vertical-align: middle;
    
font-size: 16px;
    
width: calc(100% - 80px);
    
white-space: nowrap;
    
text-overflow: ellipsis;
    
overflow: hidden;
    
pointer-events: none;
}

.album .playlist .item .time {
    
display: inline-block;
    
vertical-align: middle;
    
font-size: 16px;
    
width: 50px;
    
text-align: right;
    
color: #8d8d8d;
    
pointer-events: none;
    
user-select: none;
}


/* DOWNLOADS */

.downloads {
    font-size: 0;
    margin-top: 60px;
}
.downloads .files {
    
display: inline-block;
    
/* font-size: 16px; */
    
vertical-align: top;
    
width: 100%;
    
/* padding-left: 25px; */
}

.downloads .files .column {
    
/* font-size: 16px; */
    
width: 50%;
    
display: inline-block;
    
vertical-align: top;
    
padding: 0 19px;
}

.downloads .files .item {
    
border-bottom: 1px solid #f6f6f6;
    
padding: 13px 13px;
}
.downloads .files .item:last-child {
    border-bottom: none;
}
.downloads .files .item .icon {
    
display: inline-block;
    
vertical-align: middle;
    
width: 30px;
    
font-size: 21px;
    
color: inherit!important;
    
color: #1c69d4!important;
}

.downloads .files .item .name {
    
display: inline-block;
    
vertical-align: middle;
    
font-size: 16px;
    
width: calc(100% - 100px);
    
white-space: nowrap;
    
text-overflow: ellipsis;
    
overflow: hidden;
}

.downloads .files .item .time {
    
display: inline-block;
    
vertical-align: middle;
    
font-size: 15px;
    
width: 70px;
    
text-align: right;
    
color: #8d8d8d;
}


/* VIDEOS */

.videos {
    
margin-top: 50px;
    
/* margin-bottom: -120px; */
}

.videos .arrows {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 0;
}

.videos .arrows .left,
.videos .arrows .right {
    background-color: #797979;
    width: 85px;
    height: 60px;
    display: inline-block;
    margin-left: 1px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    transition: 0.3s;
    cursor: pointer;
}

.videos .arrows .left:hover,
.videos .arrows .right:hover {
    background-color: #1c69d4;
}

.videos .arrows .left:hover {
    /* background-image: url(/images/landing/left-dark.png); */
}
.videos .arrows .right:hover {
    /* background-image: url(/images/landing/right-dark.png); */
}

.videos .arrows .left {
    background-image: url(/images/landing/left.png);
}
.videos .arrows .right {
    background-image: url(/images/landing/right.png);
}

.videos .video {
    display: none;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
}

.videos .video.active {
    display: block;
}


.videos .plyr--video, .videos .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

/* TEXT CONTEN */

.text-box {
    
margin-top: 70px;
}

.text-box hr {
    
border-color: #f6f6f6;
}

.text-box a {
    color: inherit!important;
}

.text-box img {
    display: block;
    max-width: 100%;
    max-height: 200px;
    margin: 10px auto;
}

/* GALLERY */

.gallery {
font-size: 0;
margin-top: 50px;
    gap: 30px;

    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.gallery .thumb {
overflow: hidden;
    display: block;
    width: calc(50% - 16px);
}
.gallery .thumb:hover img {
    transform: scale(1.05);
}
.gallery .thumb img {
    transition: 0.3s;
    width: 100%;
}

@media (max-width: 480px) {
    .gallery .thumb {
        width: 100%;
    }
}

/* CONTACT */

.contact-section {

padding: 90px 0;

position: relative;

background-color: #f6f6f6;
}

.contact-section.with-bg {
    

background-attachment: fixed;
}

.contact {
    
font-size: 0;
}

.contact .text-column {
    
display: inline-block;
    
vertical-align: top;
    
font-size: 16px;
    
width: 380px;
    
padding-right: 25px;
    
display: none;
}
.contact .text-column .common-section-title {
    
text-align: left;
    
margin-bottom: -13px;
}

.contact .text-column .common-section-subtitle {
    
text-align: left;
}

.contact .contact-description {
    
margin-top: 33px;
color: #797979!important;
}

.contact .contact-description a {
    color: #797979!important;
font-weight: 600;
    
color: inherit;
}

.contact .form-column {
    
display: inline-block;
    
vertical-align: top;
    
font-size: 16px;
    
width: 100%;
    
padding-top: 0;
    
padding-left: 0;
    
position: relative;
    
z-index: 2;
}

.contact .form-column .write-us.common-section-subtitle {

text-align: left;
}

.contact .form-column .columns {
    
font-size: 0;
    
margin-bottom: 34px;
    
margin-top: 34px;
}

.contact .form-column .columns .column {
    
font-size: 16px;
    
display: inline-block;
    
vertical-align: top;
    
width: calc(50% - 17px);
    
margin-right: 34px;
}

.contact .form-column .columns .column:last-child {margin-right: 0;}
.contact .form-column .columns input {background-color: #f6f6f6;transition: 0.3s;border: 1px solid #7f7f7f;width: 100%;padding: 16px 20px;outline: none;}

.contact .form-column .columns input:focus {

background-color: #292929;

border-color: #292929;

color: #fff;
}

.contact .form-column textarea {background-color: #f6f6f6;transition: 0.3s;width: 100%;border: 1px solid #7f7f7f;width: 100%;padding: 16px 20px;height: 110px;outline: none;}
.contact .form-column textarea:focus {background-color: #292929;border-color: #292929;color: #fff;}

.contact .form-column .input-row {
    
margin-bottom: 34px;
}

.contact .form-column .button-row {
    
text-align: right;
}

.contact .form-column .error-message {
    
}

.contact .form-column .button-row button {
    
color: #fff;
    
background-color: #1c69d4;
    
text-transform: none;
    
width: 160px;
    
display: inline-block;
    
font-weight: 600;
    
text-align: center;
    
line-height: 60px;
    
text-decoration: none;
    
border: none;
    
transition: 0.3s;
}

.contact .form-column .button-row button:hover {
    color: #ffffff;
    background-color: #1651a5;
}

button {}

.contact-section .form-bg {
    
background-color: #f6f6f6;
    
position: absolute;
    
left: calc(50% - 195px);
    
top: 0;
    
right: 0;
    
height: 100%;
    
z-index: 1;
    
display: none;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9c9c9c;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #9c9c9c;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #9c9c9c;
}

/* FOOTER */

footer {
    
background-color: #fff;
    
padding: 30px 0;
}

footer .footer-box {
    
font-size: 0;
    
color: #797979!important;
    
display: flex;
    
/* flex: 1; */
    
/* align-items: stretch; */
    
flex-direction: column;
    
flex-direction: column-reverse;
}

footer .footer-box .logo {display: inline-block;vertical-align: middle;width: 160px;display: none;}
footer .footer-box .logo img {

max-width: 100%;

max-height: 80px;
}
footer .footer-box .copyright {

font-size: 14px;

display: inline-block;

vertical-align: middle;

padding-left: 0;

width: 100%!important;

text-align: center;

flex: 1;

margin-top: 14px;
}
footer .footer-box .legal {

font-size: 14px;

display: inline-block;

vertical-align: middle;

width: 100%;

padding-left: 0;

text-align: center;

width: 100%!important;

flex: 1;

margin-top: 14px;
}
footer .footer-box .menu-items {

font-size: 14px;

display: inline-block;

vertical-align: middle;

width: 100%!important;

text-align: right;

padding-left: 0;

text-align: center;

flex: 1;
}
footer .footer-box .menu-items .menu-item {font-weight: 600;}

footer a {
    
color: inherit;
    
/* font-weight: 600; */
    
text-decoration: none;
    
margin-left: 11px;
    
text-decoration: none!important;
}

@media (max-width: 1200px) {
    .album .photo {
        width: 250px;
    }
    .album .playlist {
        width: calc(100% - 250px);
    }
    .contact-section .form-bg {
        
left: calc(50% - 90px);
    }
}

@media (max-width: 992px) {
header .header-row:after {
    
margin-left: 67px;
    
margin-bottom: -1px;
    
position: relative;
    
top: -2px;
}

.gallery .column:nth-child(1){
    
width: 100%;
    
margin-right: 0;
}
.gallery .column:nth-child(2) {
    margin-right: 30px;
    width: calc(50% - 15px);
    margin-right: 30px;
}
.gallery .column:nth-child(3) {
    margin-right: 0;
}
.gallery .column:nth-child(5) {
    margin-right: 0;
}
.gallery .column:first-child .thumb {padding-bottom: 62.8%;}
.gallery .column:nth-child(2) .thumb {padding-bottom: 80%;}
.gallery .column .thumb:hover img {
    transform: scale(1.05);
}
.gallery .column:nth-child(2n) {
    /* margin-right: 0!important; */
}
.gallery .column {
    width: calc(50% - 15px);
}
    .common-section-title {
        
font-size: 140%;
        
text-align: center;
    }
    .common-section-subtitle {
        
font-size: 101%;
        
text-align: center;
    }
    .top-section .text-data h1 {
        
font-size: 30px;
        
text-align: center;
    }
    .top-section .text-data .description {
        
width: 100%;
        
font-size: 89%;
        
text-align: center;
    }
    header .header-row .menu-items .menu-item {
        
margin-left: 15px;
    }
    header .header-row .logo {
        
width: 160px;
    }
    header .header-row .menu-items {
        
width: calc(100% - 160px);
    }
    .top-section .text-data {
        
padding: 130px 0;
        
text-align: center;
    }
    .album .photo {
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 45px;
    }
    .album .playlist .item .name {
        
font-size: 15px;
    }
    .album .playlist {
        
width: 100%;
    }
    .album .playlist .item .time {
        font-size: 14px;
    }
    
    .downloads .files .item .name {
        
font-size: 15px;
    }
    .downloads .files {
        
width: 100%;
    }
    .downloads .files .item .time {
        font-size: 14px;
    }
    
    .text-box {
        font-size: 15px;
    }
    .contact-section .form-bg {
        /* display: none; */
        bottom: 0;
        top: 460px;
        width: 100%;
        height: auto;
        left: 0;
        
        display: none;
    }
    .contact .form-column {
        width: 100%;
        padding-left: 0;
        /* padding-top: 80px; */
    }
    .contact .text-column {
        text-align: center;
        width: 100%;
    }
    .contact .form-column .write-us.common-section-subtitle {
        text-align: center;
    }
    .contact .text-column .common-section-title {
        text-align: center;
    }
    .contact .text-column .common-section-subtitle {
        text-align: center;
    }
    .contact-section {
        
padding: 50px 0;
    }
    .common-section {
        
padding-top: 35px;
        
padding-bottom: 60px;
    }
    footer .footer-box .logo {
        width: 100%;
        text-align: center;
    }
    footer .footer-box .copyright {
        width: 100%;
        text-align: center;
        /* margin-top: 25px; */
        padding-left: 0;
    }
    footer .footer-box .legal {
        width: 100%;
        text-align: center;
        padding-left: 0;
        /* margin-top: 25px; */
    }
    footer .footer-box .menu-items {
        width: 100%;
        text-align: center;
        padding-left: 0;
        /* margin-top: 25px; */
    }
    
    .contact .form-column .button-row button {
        line-height: 48px;
        font-size: 15px;
        width: 131px;
    }
    
    .top-section .text-data .button {
        
line-height: 48px;
        
font-size: 15px;
        
width: 131px;
    }
}

@media (max-width: 768px) {
    header .header-row:after {
        
margin-left: 85px;
        
margin-bottom: -1px;
        
position: relative;
        
top: -2px;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
    }
    .contact .form-column .button-row {
        text-align: center;
    }
    .top-section .background-section {
        /* display: block; */
        /* position: static; */
        /* height: auto; */
        /* width: 100%; */
        height: 100%;
        width: 100%;
    }
    .top-section .background-section img {
        /* display: block; */
        /* position: static; */
        /* width: 100%; */
        /* height: auto; */
    }
    .top-section .text-data h1 {
        font-size: 27px;
        text-align: center;
    }
    .top-section .text-data .description {
        width: 100%;
        text-align: center;
        margin-bottom: 35px;
        font-size: 14px;
    }
    .top-section .text-data {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

    .common-section-title {
        
font-size: 131%;
        
padding-left: 15px;
        
padding-right: 15px;
    }
    .common-section-subtitle {
        
font-size: 94%;
        
margin-top: 0;
        
padding-left: 15px;
        
padding-right: 15px;
    }
    header .header-row .menu-items {
        display: none;
    }
    header .header-row .logo {
        /* width: 100%; */
        /* text-align: center; */
        margin-left: 10px;
    }
    header .header-row .logo img {
        
max-width: 180px;
        
max-height: 100px;
        
/* object-fit: contain; */
    }
    .album {
        padding: 15px;
        margin-top: 30px;
    }
    .album .playlist .column {
        width: 100%;
        padding: 0;
    }
    
    .downloads {
        padding: 15px;
        margin-top: 30px;
    }
    .downloads .files .column {
        width: 100%;
        padding: 0;
    }
    
    .text-box {
        padding: 15px;
        margin-top: 30px;
    }
    footer a {
        display: block;
        text-align: center;
        margin-top: 10px;
        /* margin-left: 0; */
    }
    .gallery {
        padding: 15px;
        margin-top: 29px;
    }
    .contact .text-column .common-section-subtitle {
        margin-top: 15px;
    }
    .contact .form-column {
        
padding: 0 15px;
        
/* padding-top: 110px; */
    }
    .contact .form-column .button-row {
        text-align: center;

    }
    

    
    .hamburger-icon {
        width: 30px;
        height: 24px;
        background-image: url(/images/landing/bmw/hamburger.png);
        background-repeat: no-repeat;
        position: absolute;
        right: 18px;
        top: 21px;
        cursor: pointer;
    }
    
    .mobile-menu {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 50;
        padding: 20px;
        padding-top: 50px;
        opacity: 0;
        visibility: hidden;
        transition: 0.4s;
    }
    .mobile-menu.shown {
        opacity: 1;
        visibility: visible;
    }
    
    .mobile-menu .box {
        background-color: #fff;
        padding-bottom: 30px;
    }
    
    .mobile-menu .box .close-row {
            display: block;
        height: 50px;
        width: 100%;
        text-align: right;
    }
    
    .mobile-menu .box .close-icon {
        width: 50px;
        height: 50px;
        cursor: pointer;
        background-image: url(/images/landing/close.png);
        background-repeat: no-repeat;
        background-position: center  center;
        display: inline-block;
    }
    
    .mobile-menu .box a {
        display: block;
        width: 50px;
        text-align: center;
        padding: 10px;
        width: 100%;
        color: inherit;
        font-weight:600;
        text-decoration: none;
    }
}

@media (max-width: 512px) {
    .contact .form-column .columns .column {
        margin: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .contact .form-column .columns .column:last-child {
        margin-bottom: 0;
    }
    
    
    .contact .form-column .columns {
        margin-bottom: 15px;
    }
    .plyr__control--overlaid {
        transform: translate(-50%,-50%) scale(1.5) !important;
    }
    

    .gallery .column:nth-child(1){
        width: 100%!important;
        margin-right: 0!important;
        margin-bottom: 15px!important;
    }
    .gallery .column:nth-child(2) {
        width: 100%!important;
        margin-right: 0!important;
        margin-bottom: 15px!important;
    }
    .gallery .column:nth-child(3) {
        width: 100%!important;
        margin-right: 0!important;
        margin-bottom: 15px!important;
    }
    .gallery .column:nth-child(5) {
        width: 100%!important;
        margin-right: 0!important;
        margin-bottom: 15px!important;
    }
    .gallery .column:first-child .thumb {padding-bottom: 62.8%;}
    .gallery .column:nth-child(2) .thumb {padding-bottom: 62.8%;}
    .gallery .column .thumb:hover img {
        transform: scale(1.05);
    }
    .gallery .column .thumb {
        padding-bottom: 62.8%;
    }
    .gallery .column:nth-child(2n) {
        /* margin-right: 0!important; */
    }
    .gallery .column {
        width: 100%!important;
        margin-right: 0!important;
        margin-bottom: 15px;
    }
}

@media (max-width: 380px) {
    .contact .form-column .button-row button {
        width: 100%;
    }
    .top-section .text-data .button {
        width: 100%;
        margin: 0!important;
        margin-top: 15px!important;
    }
    
}