﻿/**BMW**/

html { scroll-behavior: smooth; }
body { font-size: 20px; color: #161f3e; }

h1, #headline h1, .section-title h1, .section-title h2, .grid-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
.grid-rows .grid-row-text h2 { font-size: 250%; }
h1, h2 { position: relative; line-height: 1.1; font-family: atlas-pro-aaa-700, Arial; }
h1:after, h2:after { content: ''; display: block; width: 100px; height: 5px; margin: 5px auto 20px; background-color: #8bb2d5; }
.internalPage #text1 ul, .internalPage #text2 ul, .internalPage #lobbyText ul { margin-bottom: 20px; padding-left: 0; }
ul { list-style: none; padding-right: 0; margin-bottom: 0; }
.internalPage #text1 ul li, .internalPage #text2 ul li, .internalPage #lobbyText ul li { position: relative; }
.internalPage #text1 li:before, .internalPage #text2 li:before, .internalPage #lobbyText li:before { content: ''; display: inline-block; width: 8px; height: 8px; background: #0055a2; vertical-align: middle; margin-left: 11px; }
p, ul li { font-size: 100%; line-height: 1.7; }
input, select, textarea { outline: none; }
#headline { font-size: 100%; }
.grid-rows .grid-row { background: none; }
.grid-rows .grid-row-text { margin-top: 0; }
.row { margin: 0; }
.container { width: 100%; padding: 0; }
.container-fluid { padding: 0; }
.section { position: relative; margin: 0; padding: 0; }
a:hover, a:focus, .grid-boxes .grid-box-title h3 a, .grid-boxes .grid-box-subtitle { color: inherit; }
a:focus { outline: none; text-decoration: none !important; }
.grid-rows .grid-row { color: inherit; }
.grid-text p { margin-top: 0; }
.section-title { position: relative; margin-bottom: 0; }
.gallery-container { width: 100%; display: block; }
.sections .grid-content-section { max-width: 100%; padding: 0; margin-bottom: 0; }
.grid-rows .grid-row-text h2 { margin-bottom: 0; }
.grid-boxes .grid-box-title h3 { margin: 0; }
.grid-text-section .section-title { margin-bottom: 0; }
iframe { width: 100%; }
#allSectionsWrapper { z-index: 1; }


/* accessibility*/
.INDDesktop #INDmenu-btn, .INDMobile #INDmenu-btn { top: auto !important; bottom: 20px !important; }

.woot-widget-bubble.woot-elements--right { right: unset !important; left: 20px !important; }

/*General Transition Styles*/
a, svg, .shopBtn, #DynamicFormObject input[type=submit], .normal-form input[type=submit],
.grid-content-section.topCubeSec .grid-box-subtitle.button:before, .grid-content-section.topCubeSec .grid-box-subtitle.button:after,
#header2 ul.menu li a:after, .footer-text-divided > div.footer-text-right a:after, .grid-content-section.servicesHighLightSec .grid-box .grid-box-subtitle.button a:before,
.grid-content-section.servicesHighLightSec .grid-box .grid-box-subtitle.button a:after, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after,
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before, #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link a:after,
#FormResultPage #text1 a:after { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

/*General Button Styles*/
#FormResultPage #text1 a:after { content: ''; position: absolute; width: 0; height: 100%; top: 0; right: 0; background-color: #161f3e; z-index: -1; pointer-events: none; }
#FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus { color: #fff; }
#FormResultPage #text1 a:hover:after, #FormResultPage #text1 a:focus:after { width: 100%; }

/*General Form Styles*/
#SiteGrid.layout-bottom #GridPromo { padding: 100px 0 0; margin-bottom: 0; }
body:not(.aaaPage) #DynamicFormObject { color: #fff; }
body:not(.aaaPage) #DynamicFormObject:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 30, 58,0.8); }
.form-container-wide #DynamicFormObject { max-width: 941px; display: block; border: none; color: inherit; padding: 70px; margin: 0 auto; background-image: url('../../../warehouse/temp/bmw/formBg.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
#DynamicFormObject:after, .normal-form:after { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 135%; font-family: atlas-pro-aaa-700, Arial; margin-bottom: 7px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 80%; margin-bottom: 25px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { margin-bottom: 0; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.normal-form input, .normal-form select, .normal-form textarea { width: 100%; max-width: 100%; border: 1px solid #8bb2d5; border-radius: 0; font-size: 80%; margin-bottom: 15px; background: #f7f6f7; color: #001e3a; }
.normal-form textarea { height: 121px; padding-right: 15px; }
.select-wrapper:after { content: ''; width: 14px; height: 9px; top: 35%; left: 15px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); background-image: url('../../../warehouse/temp/bmw/servicesArrL.svg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.normal-form input::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #001e3a; }
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { height: 49px; border-radius: 0; background: transparent; border: 1px solid #fff; font-size: 95%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 10px; }
.normal-form input, .normal-form select { height: 46px; padding-right: 15px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100% !important; display: inline-block; float: none; font-size: 80%; margin: 10px 0 30px; }
/*.normal-form input[type=checkbox] { opacity: 0; }*/
.normal-form input[type=checkbox] { background-image: url(../../../warehouse/temp/story/checkboxV.svg); -webkit-appearance: none; background-size: 0; background-repeat: no-repeat; background-position: center center; width: 17px; height: 17px; padding: 0; display: inline-block; margin-top: 0; vertical-align: top; }
.normal-form input[type=checkbox]:checked { background-size: 80%; }
.normal-form input[type=checkbox]:focus { outline: none; }

.checkboxField label { position: relative; }
.checkboxField label:before, .checkboxField label:after { content: ''; position: absolute; }
.checkboxField label:before { width: 12px; height: 12px; right: 0; /*border: 1px solid #8bb2d5;*/ right: -17px; top: 50%; pointer-events: none; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }
.checkboxField label:after { width: 3px; height: 7px; right: -20px; top: 4px; /*border: solid #8bb2d5;*/ border-width: 0 3px 3px 0; opacity: 0; pointer-events: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.normal-form input[type=checkbox]:checked + label:after { opacity: 1; }



.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { max-width: calc(175px - 20px); display: inline-block; float: none; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after { content: ''; position: absolute; width: 16px; height: 16px; top: 50%; left: 30%; pointer-events: none; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-image: url(../../../warehouse/temp/bmw/garageArrW.svg); background-size: cover; background-position: center center; background-repeat: no-repeat; }
body.aaaPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after { background-image: url(../../../warehouse/temp/bmw/garageArrBlue.svg); }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input[type=submit] { padding-left: 20px; }
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { border: 1px solid #fff; color: #fff; background: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { content: ''; position: absolute; width: 0; height: 100%; background-color: #fff; top: 0; right: 0; pointer-events: none; z-index: -1; }
body.aaaPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { background-color: #001e3a; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:before { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:after { background-image: url(../../../warehouse/temp/bmw/garageArrBlue.svg); }
body.aaaPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:after { background-image: url(../../../warehouse/temp/bmw/garageArrW.svg); }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover input[type=submit] { color: #001e3a; }
body.aaaPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover input[type=submit] { color: #fff; }
label.error, span.error { font-size: 70%; left: 15px; }
.must:before { right: 15px; }

/*Header*/
#header2.bg { background: #001e3a; }
#header2 { padding: 0; background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.85)), color-stop(0%, rgba(255,255,255,0)), to(rgba(0, 0, 0, 0.8))); background: -o-linear-gradient(bottom, rgba(0,0,0,0.85) 0%, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.8) 100%); transition: background 200ms ease-in-out; -webkit-transition: background 200ms ease-in-out; -o-transition: background 200ms ease-in-out; }
#header2 #header-left, #header2 #header-left img { width: 65px; }
#header2.detailsInRow .header-right-section { text-align: right; padding: 25px 50px 25px 0; }
#header2 #header-left { padding: 25px 0 25px 50px; }
#header2 .menu-nav { margin-top: 0; }
#header2 ul.menu > li:before { content: none; }
#header2 ul.menu li.active { color: #fff; }
#header2 ul.menu li:hover { color: inherit; }
#header2 ul.menu li { font-size: 90%; }
#header2 ul.menu li a:after, .footer-text-divided > div.footer-text-right a:after { content: ''; position: absolute; width: 0; height: 2px; bottom: -3px; right: 0; pointer-events: none; background-color: #fff; }
#header2 ul.menu li a:focus { opacity: 1; border: none; }
.footer-text-divided > div.footer-text-right a:after { height: 1px; }
#header2 ul.menu li.active a:after, .footer-text-divided > div.footer-text-right a:hover:after, .footer-text-divided > div.footer-text-right a:focus:after { width: 100%; }
#header2 .header-top-left a { width: 27px; height: 27px; text-align: center; line-height: 25px; background: #fff; border-radius: 50%; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); }
#header2 .header-top-left svg { width: auto; height: 16px; fill: #040406; }
#header2 .header-top-left a:hover, #header2 .header-top-left a:focus { background: #9ec1e1; }
#header2 .header-top-left a:hover svg, #header2 .header-top-left a:focus svg { fill: #fff; }

/*Top Banner*/
#home-gallery .scroll-down { display: none; }

/*Top Cube Section*/
.grid-content-section.topCubeSec { max-width: 1170px; margin: -90px auto 0; z-index: 12; }
.grid-row-section.centerLocSec .grid-row-text h2:after { content: none; }
.grid-content-section.topCubeSec .grid-box { color: #001e3a; padding: 23px 15px; box-shadow: -37px 3px 36px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: -37px 3px 36px 0 rgba(0, 0, 0, 0.2); }

.grid-content-section.topCubeSec .grid-box.vidIconCube { background-color: #edf4fa; }
.grid-content-section.topCubeSec .grid-box.waIconCube { background-color: #dce8f4; }
.grid-content-section.topCubeSec .grid-box.scheduleIconCube { background-color: #c1d8ec; }
.grid-content-section.topCubeSec .grid-box.accidentIconCube { background-color: #b0cce6; }
.grid-content-section.topCubeSec .grid-box.phoneIconCube { background-color: #9ec1e1; }

.grid-content-section.topCubeSec .grid-box img { display: inline-block; width: auto; margin: 0 auto; vertical-align: -webkit-baseline-middle; transform: none; -webkit-transform: none; -ms-transform: none; }
.grid-content-section.topCubeSec .grid-box .grid-box-image { padding-bottom: 50px; margin-bottom: 0; }
.grid-content-section.topCubeSec .grid-boxes .grid-box-title h3, .grid-boxes .grid-box-subtitle { font-size: 80%; }
.grid-content-section.topCubeSec .grid-box-subtitle.button { position: relative; background-color: inherit; }
.grid-content-section.topCubeSec .grid-box-subtitle.button:after { content: ''; position: absolute; width: 35px; height: 10px; top: 50%; right: 50%; pointer-events: none; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); background-image: url('../../../warehouse/temp/bmw/servicesArrLong.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.grid-content-section.topCubeSec .grid-box:hover .grid-box-subtitle.button:after,
.grid-content-section.topCubeSec .grid-box:focus .grid-box-subtitle.button:after { right: 52%; }
.grid-content-section.topCubeSec .grid-box:hover .grid-box-subtitle.button:before,
.grid-content-section.topCubeSec .grid-box:focus .grid-box-subtitle.button:before { right: 40%; }
.grid-content-section.topCubeSec .grid-box-subtitle.button a { opacity: 0; background-color: inherit; }
.grid-content-section.topCubeSec .grid-box-subtitle.button:before { content: ''; position: absolute; width: 25px; height: 10px; background-color: inherit; top: 50%; right: 45%; z-index: 1; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }
.grid-content-section.topCubeSec .grid-box { opacity: 1; margin-top: 0; }
/*Center Location Section*/
.grid-row-section.centerLocSec:before, #GridPage:before, .grid-content-section.topCubeSec:before { content: ''; position: absolute; width: 550px; height: 515px; top: -78px; right: 0; pointer-events: none; z-index: 1; background-image: url('../../../warehouse/temp/bmw/topRighttPatternBg.svg'); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.grid-row-section.centerLocSec .grid-rows { max-width: 1170px; margin: 0 auto; padding: 135px 0 0; }
.grid-row-section.centerLocSec li.slider-item.grid-iframe-holder { padding-bottom: 51.8%; }
.grid-row-section.centerLocSec li.slider-item.grid-iframe-holder iframe { height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.grid-row-section.centerLocSec .grid-row-text { max-width: 445px; width: 100%; }
.grid-row-section.centerLocSec .grid-row-text h3 { font-size: 175%; margin-top: 7px; }
.grid-row .grid-row-cell.grid-row-cell-text { text-align: right; }
.grid-row-section.centerLocSec .grid-row-text p { font-size: 85%; }

/*Garage Services Section*/
.grid-content-section.garageServicesSec { padding: 120px 0 100px; background-image: url('../../../warehouse/temp/bmw/bottomPatternBg.png'); background-size: 100% 100%; background-position: center bottom; background-repeat: no-repeat; }
.grid-content-section.garageServicesSec h2:after { margin-bottom: 50px; }
.grid-content-section.garageServicesSec .grid-boxes { max-width: 1323px; margin: 0 auto; }
.grid-content-section.garageServicesSec .grid-boxes .grid-box { width: calc(13% - 36px); padding: 25px 6px 15px; margin: 0 18px; background: #fff; border-bottom: 4px solid #00549f; box-shadow: 0 3px 36px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 3px 36px 0 rgba(0, 0, 0, 0.15); }
.grid-content-section.garageServicesSec .grid-boxes .grid-box .grid-box-image,
.grid-content-section.garageServicesSec .grid-boxes .box-image-animation { overflow: unset; }
.grid-content-section.garageServicesSec .grid-boxes .grid-box .grid-box-image { padding-bottom: 72%; margin-bottom: 5px; }
.grid-content-section.garageServicesSec .grid-boxes .grid-box img { width: auto; height: 100%; max-height: 85px; margin: 0 auto; }
.grid-content-section.garageServicesSec .grid-boxes .grid-box .grid-box-title h3 { min-height: 41px; color: #000; font-size: 80%; }

/*Services Highlight Section*/
/*General Transition For The Cubes*/
.grid-content-section.servicesHighLightSec .grid-box .grid-box-title, .grid-content-section.servicesHighLightSec .grid-box .grid-box-opacity-layer { transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; }
.grid-content-section.servicesHighLightSec .grid-box-subtitle.button a { transition: all 800ms ease-in-out; -webkit-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; }

.grid-content-section.servicesHighLightSec .grid-boxes { max-width: 1440px; margin: 0 auto; }
.grid-content-section.servicesHighLightSec .grid-box { padding: 0; color: #fff; }
.grid-content-section.servicesHighLightSec .grid-box.servMidCube { padding: 0 2px; }
.grid-content-section.servicesHighLightSec .grid-box:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.4); pointer-events: none; }
.grid-content-section.servicesHighLightSec .grid-boxes .grid-box-image { padding-bottom: 576px; margin-bottom: 0; }
.grid-content-section.servicesHighLightSec .box-image-animation:hover img { transform: none; -webkit-transform: none; -ms-transform: none; }
.grid-content-section.servicesHighLightSec .grid-box .grid-box-title { position: absolute; bottom: 11%; left: 50%; pointer-events: none; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.grid-content-section.servicesHighLightSec .grid-box:hover .grid-box-title { bottom: 75%; }
.grid-content-section.servicesHighLightSec .grid-box .grid-box-title h3 { font-size: 130%; font-family: atlas-pro-aaa-700, Arial; }
.grid-content-section.servicesHighLightSec .grid-box .grid-box-image-text { max-width: 335px; width: 100%; font-size: 80%; top: 95%; left: 50%; bottom: auto; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.grid-content-section.servicesHighLightSec .grid-box:hover a.box-image-animation .grid-box-image-text,
.grid-content-section.servicesHighLightSec .grid-box:focus a.box-image-animation .grid-box-image-text { top: 50%; }
.grid-content-section.servicesHighLightSec .grid-box .grid-box-opacity-layer { background: rgba(0, 30, 58, 0.7); bottom: 100%; }
.grid-content-section.servicesHighLightSec .grid-box:hover a.box-image-animation .grid-box-opacity-layer,
.grid-content-section.servicesHighLightSec .grid-box:focus a.box-image-animation .grid-box-opacity-layer { bottom: 0; }
.grid-content-section.servicesHighLightSec .grid-box-subtitle.button { position: absolute; bottom: 0; right: 50%; font-size: 95%; pointer-events: none; z-index: 1; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }
.grid-content-section.servicesHighLightSec .grid-box-subtitle.button { opacity: 0; }
/*.grid-content-section.servicesHighLightSec .grid-box:hover .grid-box-subtitle.button a {position: relative; background: #fff; color: #001e3a;}*/
.grid-content-section.servicesHighLightSec .grid-box-subtitle.button a { display: inline-block; width: 153px; height: 49px; border: 1px solid #fff; line-height: 49px; }
.grid-content-section.servicesHighLightSec .grid-box .grid-box-subtitle.button a:before { content: ''; position: absolute; width: 0; height: 100%; background-color: #fff; top: 0; right: 0; z-index: -1; }
.grid-content-section.servicesHighLightSec .grid-box .grid-box-subtitle.button a:after { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; background-image: url(../../../warehouse/temp/bmw/garageArrW.svg); background-size: cover; background-position: center center; background-repeat: no-repeat; }

/*Articles Section*/
.grid-content-section.articleSec .grid-boxes { max-width: 1170px; margin: 0 auto; }
.grid-content-section.articleSec a.box-image-animation:hover .grid-box-opacity-layer, .articleSec a.box-image-animation:focus .grid-box-opacity-layer { opacity: 1; }
.grid-content-section.articleSec a.box-image-animation .grid-box-opacity-layer { opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; }
.grid-content-section.articleSec .grid-box { padding: 3px; margin-bottom: 0; }
.grid-content-section.articleSec .grid-box .grid-box-image { margin-bottom: 0; padding-bottom: 330px; }
.grid-content-section.articleSec a.box-image-animation:hover img, .articleSec a.box-image-animation:focus img { transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); }
.grid-content-section.articleSec .grid-box.aricleBlueBG .grid-box-image { background-color: #0055A3; }
.grid-content-section.articleSec .grid-box-image-text { width: 100%; height: 100%; text-align: left; padding: 25px 20px 15px; font-size: 100%; }
.grid-content-section.articleSec .grid-box:not(.aricleBlueBG) .grid-box-image-text { height: auto; bottom: -35px; top: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.grid-content-section.articleSec .grid-box:not(.aricleBlueBG) .grid-box-image-text h3 { margin-bottom: 13px; }
.grid-content-section.articleSec .grid-box-image-text h3 { font-size: 100%; margin: 0 0 20px; }
.grid-content-section.articleSec .grid-box.aricleBlueBG .grid-box-image-text h3 { margin-bottom: 25px; }
.grid-content-section.articleSec .grid-box-image-text h4 { font-size: 70%; margin: 0; }
.grid-content-section.articleSec .grid-box-image-text h5, .grid-content-section.articleSec .grid-box-image-text h6 { position: absolute; left: 20px; font-size: 55%; margin: 0; }
.grid-content-section.articleSec .grid-box-image-text h6 { bottom: 15px; }
.grid-content-section.articleSec .grid-box-image-text h5 { bottom: 30px; }
.grid-content-section.firstArticlesSec { padding-top: 85px; }
.grid-content-section.firstArticlesSec:after, .grid-content-section.lastArticlesSec:after { content: ''; position: absolute; width: 540px; pointer-events: none; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.grid-content-section.firstArticlesSec:after { height: 660px; top: 0; left: 0; background-image: url(../../../warehouse/temp/bmw/topLeftPatternBg.png); }
.grid-content-section.lastArticlesSec:after { height: 690px; bottom: 0; right: 0; z-index: 1; background-image: url(../../../warehouse/temp/bmw/bottomRightPatternBg.png); }
.grid-content-section.lastArticlesSec { padding-bottom: 100px; }

/*Lower Banner Section*/
.grid-row-section.lowerBannerSec { background: #f6f6f6; }
.grid-row-section.lowerBannerSec .grid-row .grid-row-cell.grid-row-cell-text, .grid-row-section.lowerBannerSec .grid-rows .grid-row-text { text-align: left; }
.grid-row-section.lowerBannerSec .grid-row .grid-row-cell.grid-row-cell-text { color: #191919; background-image: url(../../../warehouse/temp/bmw/HPLastSecPatternBg.png); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.grid-row-section.lowerBannerSec .grid-row .grid-row-cell.grid-row-cell-text { color: #191919; padding-left: 4.5vw; text-align: center; }

.grid-row-section.lowerBannerSec .grid-row .grid-row-cell.grid-row-cell-text h2 { margin-bottom: 0; font-size: 320%; line-height: 1.3; text-transform: uppercase; }
.grid-row-section.lowerBannerSec .grid-row .grid-row-cell.grid-row-cell-text h2:after { content: none; }
.grid-row-section.lowerBannerSec .grid-rows .grid-row-text { max-width: 510px; width: 100%; text-align: right; }
.grid-row-section.lowerBannerSec .grid-row { direction: ltr !important; }

/*Footer*/
footer { padding-top: 0; }
body:not(.home-page) footer { padding-top: 100px; }
.footer-text-divided { position: relative; padding: 50px 0; color: #fff; background: #001e3a; /* background-image: url('../../../warehouse/temp/bmw/footerBg.jpg'); background-size: cover; background-position: center center; */ }
.footer-text-divided > div { position: relative; z-index: 1; }
.footer-text-divided { font-size: 70%; }
.footer-text-divided > div { vertical-align: middle; }
.footer-text-divided > div.footer-text-right ul { display: inline-block; margin-left: 2vw; vertical-align: top; }
.footer-text-divided > div.footer-text-right ul li a { position: relative; }
.footer-text-divided > div.footer-text-right ul li, .footer-text-divided > div.footer-text-left p { margin-bottom: 10px; }
.footer-text-divided > div.footer-text-left p:first-child a { display: inline-block; width: 27px; height: 27px; position: relative; margin-left: 5px; }
.footer-text-divided > div.footer-text-left p:first-child a:last-child { margin-left: 0; }
.footer-text-divided > div.footer-text-left p:first-child a:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; opacity: 0; pointer-events: none; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.footer-text-divided > div.footer-text-left p:first-child a:first-child:after { background-image: url('../../../warehouse/temp/bmw/footerIGIconHover.png'); }
.footer-text-divided > div.footer-text-left p:first-child a:last-child:after { background-image: url('../../../warehouse/temp/bmw/footerFBIconHover.png'); }
.footer-text-divided > div.footer-text-left p:first-child a:hover:after, .footer-text-divided > div.footer-text-left p:first-child a:focus:after { opacity: 1; }
.site-credit.alternative { padding: 10px 0; }

/*****Inner Pages*****/
#GridTop.noTopImage.longer { height: 90px; }
#GridTop:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background-color: rgba(0,0,0,.2); }
#GridPage { padding-top: 95px; }
#GridPage:before { top: 0; }
body.contentInnerPage .MainContent { margin: 0 auto; }
#headline h1:after { margin-top: 15px; }
#subheadline { text-align: center; }
#text1, #text2, body.contentInnerPage .MainContent { max-width: 750px; }
#text1 p { font-size: 85%; }
#text1 p:last-child { margin-bottom: 0; }

/*General Content Styles*/
body.rightAligning #pageview { max-width: 750px; margin: 0 auto; }
body.rightAligning h1:after { margin-right: 0; }
body.rightAligning #text1 { max-width: 100%; width: 100%; }
body.rightAligning #text1 h2, body.rightAligning #text2 h2 { font-size: 135%; margin-bottom: 10px; }
body.rightAligning #text1 p, body.rightAligning #text2 p { font-size: 80%; }
body.rightAligning #galleryview > div:not(.gallery-container) { max-width: 750px; margin: 0 auto; }
body.rightAligning #ContentRegularModule { text-align: right; }
body.rightAligning #text2 h2:after { content: none; }
body.rightAligning #text1 h2:after, body.rightAligning #text2 h2:after { margin-right: 0; }
body.rightAligning #subheadline { text-align: right; }
#accessability #text1 h2:after { content: none; }


.servicesLobby:not(.contentInnerPage) #headline h1:after { margin-right: auto; }

/*Services Page*/
.servicesPage #ContentGridShortModule { text-align: center; }
.servicesPage #gridshort-view { margin-top: 60px; }
.servicesPage #gridshort-view .flex-row > div { padding: 0 10px; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box { margin-bottom: 20px; }
.servicesPage #gridshort-view { text-align: center; }
.servicesPage #gridshort-view .flex-row > div { float: none !important; display: inline-block; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box { position: relative; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image { padding-bottom: 128%; pointer-events: none; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; background-color: rgba(0,30,58,0.7); }
.servicesPage #gridshort-view .flex-row > div .grid-short-box-image img { width: 100%; object-fit: cover; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext { position: absolute; width: 90%; top: 22.5%; right: 50%; color: #fff; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }
.servicesPage #gridshort-view .flex-row .grid-short-box-label, .servicesPage #gridshort-view .flex-row .grid-short-box-subtitle { pointer-events: none; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label { position: relative; font-family: atlas-pro-aaa-700, Arial; padding: 0; font-size: 100%; pointer-events: none; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label:after { content: ''; display: block; width: 45px; height: 2px; background-color: #fff; margin: 6px auto; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle { font-size: 70%; letter-spacing: 0.36px; line-height: 1.4; pointer-events: none; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link a { display: inline-block; width: 160px; height: 40px; border: 2px solid #fff; font-size: 80%; line-height: 38px; margin-top: 25px; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link a { position: relative; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link a:after { content: ''; position: absolute; width: 0; height: 100%; top: 0; right: 0; background-color: #fff; z-index: -1; pointer-events: none; }
.servicesPage #gridshort-view .flex-row > div .grid-short-box:hover .grid-short-box-fulltext .grid-short-box-link a:after,
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link a:focus:after { width: 100% }
.servicesPage #gridshort-view .flex-row > div .grid-short-box:hover .grid-short-box-fulltext .grid-short-box-link a,
.servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link a:focus { color: #161f3e; }


/*Serivces Inner Page*/
#subheadline h2:after { content: none; }
#subheadline h2 { font-size: 90%; font-family: atlas-pro-aaa-400, Arial; }


/*Price Page*/
.pricePage #lobbyText { max-width: 750px; font-size: 80%; }
.pricePage #LobbyModule h2:after { content: ""; display: none; }
.pricePage #LobbyModule h2 { font-size: 180%; margin-bottom: 30px; }
.pricePage section.grid-row-section { max-width: 1440px; margin-right: auto; margin-left: auto; }
.pricePage .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 100px; }
.pricePage .grid-rows .grid-row-text { width: 80%; }
.pricePage #LobbyModule .grid-rows .grid-row-text h2, .pricePage #LobbyModule .grid-rows .grid-row-text h3 { font-size: 140%; margin-bottom: 15px; font-family: atlas-pro-aaa-700, Arial; }
.pricePage .grid-row .grid-row-cell.grid-row-cell-text table { font-size: 80%; border: 0; border-top: solid 5px #8bb2d5; border-bottom: solid 1px #8bb2d5; }
.pricePage .grid-row .grid-row-cell.grid-row-cell-text table td { border: 0; padding: 15px 0px 5px; }
.pricePage .grid-row .grid-row-cell.grid-row-cell-text table tr { border: 0; }
.pricePage .grid-row .grid-row-cell.grid-row-cell-text table td:last-child { color: #161f3e; font-family: atlas-pro-aaa-700, Arial; text-align: left; }
.pricePage .grid-row .grid-row-cell.grid-row-cell-text table tr:last-child td { padding-bottom: 25px; }

.pricePage #SiteGrid.layout-bottom #GridPromo { padding-top: 0; }

@media (min-width: 767px) {
    .pricePage .grid-row li.slider-item { position: relative; padding-bottom: 86%; }
    .pricePage .box-image-animation img { max-width: 100%; height: auto !important; }
}

@media (max-width: 1025px) and (min-width:767px) {
    .pricePage .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 40px; }
    .pricePage .grid-rows .grid-row-text { width: 100%; }
}

@media (max-width: 1025px) {
    .pricePage section.grid-row-section { margin-top: 60px; }
}

@media (max-width: 767px) {
    .pricePage #LobbyModule h2 { font-size: 120%; }
    .pricePage #lobbyText { font-size: 70%; }
    .pricePage .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 0; }
    .pricePage .grid-rows .grid-row-text { width: 100%; margin-top: 30px; }
    .pricePage .grid-row li.slider-item { padding-bottom: 76%; }
    .pricePage #LobbyModule .grid-rows .grid-row-text h2, .pricePage #LobbyModule .grid-rows .grid-row-text h3 { font-size: 110%; }
    .pricePage .form-container-wide #DynamicFormObject { padding: 30px 5px; }

    #DynamicFormObject .checkboxField label { max-width: calc(100% - 30px); display: inline-block; vertical-align: top; margin-bottom: 0; }
}


/*AAA Page*/
/*body.aaaPage #header2 {box-shadow: 0 24px 34px 0 rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 24px 34px 0 rgba(0, 0, 0, 0.6);}*/
body.aaaPage #SiteGridContainer { min-height: unset; }
body.aaaPage #GridPage:before { content: none; }
body.aaaPage #GridPage { padding-top: 115px; background-image: url('../../../warehouse/temp/bmw/aaaBg.jpg'); background-size: contain; background-position: center center; }
body.aaaPage #GridPage:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, .8); pointer-events: none; }
body.aaaPage #SiteGrid.layout-bottom #GridPromo { margin-bottom: 0; padding: 0 0 160px 0; }
body.aaaPage .form-container-wide #DynamicFormObject { background: #fff; }
body.aaaPage #GridWrapInner { position: relative; z-index: 1; }
body.aaaPage #DynamicFormObject input[type=submit] { border: 1px solid #001e3a; background: none; color: #001e3a; }
body:not(.home-page).aaaPage footer { padding-top: 0; }
body.aaaPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { margin-bottom: 5px; margin-top: 0; }
body.aaaPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 10px; }

/*Second Hand Page*/
body.secondHandPage #subheadline { max-width: 750px; margin: 0 auto 90px; }
body.secondHandPage #subheadline h2 { font-size: 85%; margin-bottom: 0; line-height: 1.65; }
body.secondHandPage #gridshort-view .gridshort-view-item { padding: 0 13px; margin-bottom: 28px; color: #fff; }
body.secondHandPage #gridshort-view .gridshort-view-item .grid-short-box { margin-bottom: 0; }
body.secondHandPage #gridshort-view .gridshort-view-item .grid-short-box-image { padding-bottom: 146.5%; }
body.secondHandPage #gridshort-view .gridshort-view-item .grid-short-box-image:after { content: ''; position: absolute; width: 100%; height: 80%; bottom: 0; right: 0; pointer-events: none; background-image: linear-gradient(to bottom, rgba(0, 85, 162, 0) 43%, rgba(0, 40, 75, 0.63)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(43%, rgba(0, 85, 162, 0)), to(rgba(0, 40, 75, 0.63))); background-image: -o-linear-gradient(top, rgba(0, 85, 162, 0) 43%, rgba(0, 40, 75, 0.63)); }
body.secondHandPage #gridshort-view .gridshort-view-item img { width: 100%; object-fit: cover; }
body.secondHandPage #gridshort-view .gridshort-view-item .grid-short-box-label, .secondHandPage #gridshort-view .gridshort-view-item .grid-short-box-text { position: absolute; width: 100%; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }
body.secondHandPage #gridshort-view .gridshort-view-item .grid-short-box-label { padding: 0; bottom: 42px; font-size: 100%; font-family: atlas-pro-aaa-700, Arial; text-transform: uppercase; }
body.secondHandPage #gridshort-view .gridshort-view-item .grid-short-box-text { bottom: 15px; }

/*Form Results Page*/
#FormResultPage #headline { text-align: center; }
#FormResultPage #headline h1:after { margin-right: auto; }
#FormResultPage #text1 a { width: 160px; height: 40px; position: relative; font-size: 80%; border: 1px solid #161f3e; line-height: 40px; }

/* Blog Page */
#BlogModule .blog-post .blog-post-title:after { margin-right: 0; }
#BlogModule #BlogView .blog-view > h2 { text-align: center; }
#BlogModule #BlogView .blog-view > h2:after { content: none; }
#BlogModule #BlogView .share-strip span { display: none; }
#BlogModule #BlogView .blog-related-posts > h2 { text-align: center; }


/* Accidents Page */
.accidentPage .lobby-grid #GridPage .max-width { padding: 0; width: 100% !important; }
.accidentPage .section-title h2 { line-height: 1.22; }
.accidentPage .section-title h2:after { margin-top: 13.5px; }

/* Accidents Page - Text section */
.accidentPage #headline { display: none; }

.accidentPage .grid-text-section { max-width: 750px; margin: 0 auto; }
.accidentPage .grid-text-section .grid-text-content { width: 100%; }
.accidentPage .grid-text-section .grid-text { font-size: 85%; line-height: 1.65; }

/* Accidents Page - View Cards sec - viewcard-sec */
.accidentPage .viewcard-sec { padding-top: 60px; padding-bottom: 100px; }
.accidentPage #LobbyModule .viewcard-sec .grid-boxes { max-width: 880px; padding-top: 0; }
.accidentPage .viewcard-sec .grid-box-image-text { top: auto; left: 50%; bottom: 40px; transform: translateX(-50%); width: 100%; font-size: 125%; font-family: 'atlas-pro-aaa-700', sans-serif; }
.accidentPage .viewcard-sec .grid-box-image-text p { line-height: 1.2; }
.accidentPage .viewcard-sec .grid-box-title { display: none; }
.accidentPage .viewcard-sec .grid-box-opacity-layer { background: linear-gradient(to bottom, rgba(0, 85, 162, 0) 43%, rgba(0, 30, 58, 0.6)); }
.accidentPage #LobbyModule .viewcard-sec .grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 0; }
.accidentPage .viewcard-sec .grid-boxes .grid-box-image-container { position: static; }
.accidentPage #LobbyModule .viewcard-sec .grid-box { margin-bottom: 0; }
/* Accidents Page - Cards sec */
.accidentPage .cards-sec { padding: 57px 0 100px 0; background: rgb(232 240 247 / 0.38); }
.accidentPage #LobbyModule .cards-sec .grid-boxes.row { display: flex; flex-wrap: wrap; max-width: 1228px; justify-content: center; }
.accidentPage #LobbyModule .cards-sec .grid-box { margin-right: -5px; padding: 45px 24px; color: #000; margin: 24px; flex: 0 1 calc(25% - 48px); background: #fff; box-shadow: 0 3px 46px 0 rgba(0, 0, 0, 0.06); }
.accidentPage #LobbyModule .cards-sec .grid-box-title h3 { font-size: 100%; line-height: 1.2; font-family: 'atlas-pro-aaa-700', sans-serif; margin-bottom: 6px; }
.accidentPage #LobbyModule .cards-sec .grid-box-fulltext p { font-size: 65%; line-height: 1.38; }
.accidentPage #LobbyModule .cards-sec .grid-boxes .grid-box-image { padding: 0; margin-bottom: 33px; }
.cards-sec .grid-boxes .grid-box-image-container { position: static; }
.cards-sec .grid-boxes .box-image-animation img { height: 55px; width: auto; display: inline; }
.cards-sec .grid-boxes .box-image-animation:hover img { transform: none; }

/* Accident Page - Partners sec */
.accidentPage .partners-sec { padding: 140px 0; }
.accidentPage #LobbyModule .partners-sec .grid-boxes.row { max-width: 1100px; }
.accidentPage .partners-sec .grid-box-image { box-shadow: 0 3px 26px 0 rgba(0, 0, 0, 0.16); padding: 0; }
.accidentPage .partners-sec .grid-box-image-container { position: static; }
.accidentPage .partners-sec .grid-boxes img { max-width: 140px; margin: 0 auto; }
.accidentPage .partners-sec .grid-boxes.row { max-width: 1100px; }
.accidentPage #LobbyModule .partners-sec .grid-boxes.row { max-width: 1100px; }

/* Accident Page - Contact sec*/
body.accidentPage footer { padding-top: 0; }
.accidentPage .grid-form-section { background: url('/warehouse/temp/bmw/accident-form-bg.jpg') no-repeat; background-size: cover; max-width: 100%; padding: 85px 0; }


@media (max-width: 1024px) {
    /*cards*/
    .accidentPage #LobbyModule .cards-sec .grid-box { flex: 0 1 calc(33.3333% - 48px); }
}

@media(max-width: 768px) {
    /*sections*/
    .accidentPage .cards-sec, .accidentPage .partners-sec { padding: 50px 0; }

    /*viewcard */
    .accidentPage #LobbyModule .viewcard-sec .grid-box { width: 33.3333%; padding: 0; }
    .accidentPage .viewcard-sec .grid-box-image-text { font-size: 100%; bottom: auto; top: 50%; transform: translate(-50%, -50%); }
    .accidentPage .viewcard-sec { padding: 25px 0 50px; }


    /*cards*/
    .accidentPage #LobbyModule .cards-sec .grid-box { margin: 12px; }
    .accidentPage #LobbyModule .cards-sec .grid-box { flex: 0 1 calc(50% - 24px); }

    body.aaaPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { text-align: right; }
}

@media(max-width: 550px) {
    /*cards*/
    .accidentPage #LobbyModule .cards-sec .grid-box { flex: 0 0 90%; }

    /*contact*/
    .accidentPage .grid-form-section { padding: 0; }
}


/* Electric Page */
body.electricPage footer { padding-top: 0; }
.electricPage .lobby-grid #GridPage .max-width { padding: 0; width: 100% !important; }
.electricPage .section:nth-child(even) { background: #e8f0f7; }
.electricPage .grid-text .sec-button { background: #001e3a; border-radius: 0; min-width: 160px; max-width: 160px; text-align: center; display: inline-flex; justify-content: center; align-items: center; font-size: 80%; padding: 9px 6px; }
.electricPage .section-title h2 { line-height: 1.22; }
.electricPage .section-title h2:after { margin-top: 14.5px; }

/* slider-sec */
.electricPage .slider-sec { padding-top: 53px; padding-bottom: 137px; }
.electricPage .grid-form-section .section-animation-item,
.electricPage .section-animation-item.up { opacity: 1; margin-top: 0; -webkit-transition: opacity 0s ease-in-out; -moz-transition: opacity 0ms ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none; }

/* single movie sec */
.electricPage .singlemovie-sec { padding-top: 50px; padding-bottom: 80px; }
.electricPage .singlemovie-sec .owl-carousel { max-width: 50%; margin: 0 auto; }
/* when was a video iframe
.electricPage .singlemovie-sec .grid-boxes .grid-box-image-container { position: static; }
.electricPage #LobbyModule .singlemovie-sec .grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 0; }
.electricPage #LobbyModule .singlemovie-sec .grid-box { margin-bottom: 0; padding: 0;}
.electricPage #LobbyModule .singlemovie-sec .grid-iframe-holder { position: relative; padding-bottom: 44.25%; overflow: hidden; max-width: 100%; background: transparent; }
.electricPage .singlemovie-sec .grid-iframe-holder iframe,
.electricPage .singlemovie-sec .grid-iframe-holder object,
.electricPage .singlemovie-sec .grid-iframe-holder embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; }
*/


/*Yad2 Catalog*/

/*itembox*/
.catalog-yad2 .catalogItemBox .catalogItemBoxInner { background-color: #f5f5f5; border-bottom: 3px solid #8bb2d5; }
.catalog-yad2 .catalogItemBox a.item-image, .catalogCategoryBox a.catalogCategoryBoxImage { padding-bottom: 73%; }
.catalog-yad2 .catalogItemBox h3.itemTitle { font-size: 90%; font-weight: 600; min-height: 41px; line-height: 1.4; max-width: 100%; }
.catalog-yad2 .catalogItemBox h4.item-subtitle { font-size: 65%; margin-top: 5px; }
.catalog-yad2 .catalogItemBox span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice { font-size: 100%; font-weight: 600; }
.catalog-yad2 .catalogItemBox .item-price { margin-bottom: 15px; }
.catalog-yad2 .catalogItemBox a.item-image img, .catalogCategoryBox a.catalogCategoryBoxImage img { width: 100%; }
.catalog-yad2 #catalogText p { font-size: 85%; }


/*itempage*/
.catalog-yad2 .catalogContainer .backBtnWrapper { text-align: right; }
.catalog-yad2 #CatalogModule .itemContent #headline { margin-bottom: 40px; }
.catalog-yad2 #CatalogModule .itemContent #headline h1::after { margin-right: 0; }
.catalog-yad2 #CatalogModule .itemContent #subheadline h2 { text-align: right; font-weight: 600; }
.catalog-yad2 #CatalogModule .itemContent .catalogTextContainer { font-size: 80%; margin-bottom: 20px; }
.catalog-yad2 #CatalogModule .itemContent .item-custom-details { font-size: 80%; }
.catalog-yad2 #CatalogItemView .item-price span.finalPrice { font-weight: 600; }
.catalog-yad2 #CatalogModule .item-actions { border: none; }
.catalog-yad2 #CatalogModule #CatalogItemView .custom-field { display: block; margin-bottom: 5px; }
.catalog-yad2 #GridPage { padding-top: 35px; }
.catalog-yad2 #CatalogModule .relatedItems { margin-top: 50px; margin-bottom: 0; }
.catalog-yad2 .relatedItemsTitle h2::after { position: absolute; left: 0; right: 0; margin: 20px auto 10px; }
.catalog-yad2 #CatalogModule .relatedItems .relatedItemsTitle { margin-bottom: 40px; }
.catalog-yad2 #CatalogModule .gallery-slider.flexslider .slides li { background: #f5f5f5; }
.catalog-yad2 #CatalogModule .gallery-slider.thumbs li.item.flex-active-slide:after { border-color: #8bb2d5; }
.catalog-yad2 #CatalogModule .relatedItems .relatedItemsTitle:after { content: none; }
.catalog-yad2 #CatalogModule .CatalogNav { margin-top: 10px; margin-bottom: 50px; }
.catalog-yad2 #CatalogModule .CatalogNav .navigationItems a.active { background: #001e3a; border-color: transparent; }
.catalog-yad2 #CatalogModule .CatalogNav .navigationItems a { background: #f5f5f5; border: 1px solid #8bb2d5; padding: 3px 12px; }
.catalog-yad2 #CatalogModule .CatalogNav span#NextPage a span, .catalog-yad2 #CatalogModule .CatalogNav span#PrevPage a span { visibility: hidden; font-family: 'FontAwesome'; font-size: 20px; color: #2b0003; }
.catalog-yad2 #CatalogModule .CatalogNav span#NextPage a span::after { content: '\f105'; visibility: visible; }
.catalog-yad2 #CatalogModule .CatalogNav span#PrevPage a span::after { content: '\f104'; visibility: visible; }

.catalog-yad2 #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text a.contact-btn { border: 2px solid #001e3a; background: transparent; color: #001e3a; }
.catalog-yad2 #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text a.contact-btn:hover { background: #001e3a; color: #fff; border-color: transparent; }

.catalog-yad2 #CatalogModule #CatalogItemView .catalog-fields { float: none; border: none; margin: 0; position: absolute; bottom: 30px; right: 0; width: 50%; text-align: right; padding: 0 15px; }
.catalog-yad2 .catalogContainer .itemContentWrapper.row { position: relative; }
.catalog-yad2 #CatalogModule #CatalogItemView .catalog-fields ul.catalog-fields-tabs { display: none; }
.catalog-yad2 #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text { padding: 0; display: block; }
.catalog-yad2 #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text p { display: inline-block; }
.catalog-yad2 #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text a { background: #001e3a; color: #fff; padding: 8px 24px; margin-left: 12px; border: 2px solid #001e3a; }
.catalog-yad2 #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text a:hover, .catalog-yad2 #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text a:focus { background: #fff; border-color: #001e3a; color: #000; }
.catalog-yad2.CatalogItemPage #GridTop { display: none; }
.catalog-yad2 #CatalogModule { padding-top: 80px; padding-bottom: 0; }
.catalog-yad2 #SiteGrid.layout-bottom #GridPromo { padding-top: 20px; }


.catalog-yad2 #CatalogModule .filters-box button.filters-title { border: 1px solid #001e3a; padding: 6px 12px; font-size: 80%; }
.catalog-yad2 #CatalogModule .filters-box { margin: 0 8px; }
.catalog-yad2 #CatalogModule .filters-box ul.filter-list { background: #001e3a; color: #fff; }
.catalog-yad2 #CatalogModule .filters-box button.filters-title.active { background: #001e3a; color: #fff; }
.catalog-yad2 #CatalogModule .filters-box .filters-list-wrapper.active { min-width: 100%; border-top: 2px solid #8bb2d5; top: 36px; }
.catalog-yad2 #CatalogModule .filters-box ul.filter-list li { margin: 8px 0; font-size: 90%; }



/* faq sec */
.electricPage .faq-sec { padding: 130px 0; }
.electricPage .faq-sec .grid-text .grid-text-content p { font-size: 85%; }
.electricPage .faq-sec .grid-text .grid-text-content a { margin-top: 40px; }

/* complex gallery sec*/
.electricPage .complexgallery-sec { padding: 95px 0; }
.electricPage .complexgallery-sec .random-gallery { max-width: 1160px; }

/* Multi gallery video sec */
.multivideo-sec { padding-top: 130px; padding-bottom: 140px; }
.multivideo-sec .owl-carousel .owl-item .item { padding: 0 78px; }
.multivideo-sec .owl-carousel .owl-next:after { background-image: url('/warehouse/temp/bmw/arrow-left.svg'); width: 63px; height: 60px; background-size: 100%; }
.multivideo-sec .owl-carousel .owl-prev:after { background-image: url('/warehouse/temp/bmw/arrow-right.svg'); width: 63px; height: 60px; background-size: 100%; }
.multivideo-sec .owl-nav > div { font-size: 0; }

/* Articles sec */
.electricPage .articles-sec:nth-child(even) { padding: 70px 15px 0; z-index: 2; background: transparent; }
.electricPage .articles-sec:nth-child(even):before { content: ""; position: absolute; top: 0; bottom: 80px; right: 0; left: 0; background: #e8f0f7; }
.electricPage .articles-sec .section-title h3 { font-size: 85%; }
.electricPage #LobbyModule .articles-sec .grid-boxes.row { max-width: 1170px; }
.electricPage #LobbyModule .articles-sec .grid-boxes .grid-box-image { padding-bottom: 50%; margin-bottom: 36px; }
.electricPage #LobbyModule .articles-sec .grid-box { background: #fff; box-shadow: 0 3px 34px 0 rgba(0, 0, 0, 0.1); padding: 0; margin-bottom: 0; width: calc(33.3333% - 48px); margin: 0px 22px; }
.electricPage #LobbyModule .articles-sec .grid-box-title h3 { font-size: 120%; font-family: 'atlas-pro-aaa-700', sans-serif; line-height: 1; }
.electricPage #LobbyModule .articles-sec .grid-box-title h3:after { content: ''; display: block; width: 60px; height: 4px; background: #d1e0ee; margin: 12px auto 18px; }
.electricPage .articles-sec .grid-box-subtitle { padding: 0 7%; margin-bottom: 9%; font-size: 75%; line-height: 1.47; }
.electricPage .articles-sec .grid-box:hover .grid-box-subtitle { max-height: 200vh; transition: all ease-in-out 1000ms; -webkit-transition: all ease-in-out 1000ms; }

@media(min-width:992px) {
    .electricPage .articles-sec:nth-child(even) { height: 525px; }
    .electricPage .articles-sec .grid-box-subtitle { max-height: 44px; overflow: hidden; transition: all ease-in-out 500ms; -webkit-transition: all ease-in-out 500ms; transition-delay: 0s; }
}

/* form sec*/
.electricPage .grid-form-section { max-width: 100%; padding: 105px 0 130px; }

/* pollution sec*/
.electricPage .pollution-sec { padding-top: 90px; }
.electricPage .pollution-sec .section-title h2:after { margin-bottom: 50px; }
.electricPage .pollution-sec .grid-text .grid-text-content { max-width: 1170px; }
.electricPage .pollution-sec p { display: inline-block; width: 50%; margin-right: -5px; margin-bottom: 50px; }
.electricPage .pollution-sec img { width: auto; max-width: 100%; height: auto; }
.electricPage .pollution-sec:after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 405px; width: 100%; background: url(/warehouse/temp/bmw/textur2.png) no-repeat; background-position: bottom; background-position-y: 25%; background-size: 100% auto; }


@media (min-width: 1025px) {
    /*multi-gallery */
    .multivideo-sec .owl-carousel .owl-prev { right: 27%; }
    .multivideo-sec .owl-carousel .owl-next { left: 27%; }


    /*articles*/
    .electricPage #LobbyModule .articles-sec .grid-box:first-child { margin-right: 0; cursor: pointer; }
    .electricPage #LobbyModule .articles-sec .grid-box:last-child { margin-left: 0; }
}

@media (min-width: 767px) {
    #player-controls button { width: 100%; padding: 0; }
    #player-controls span { display: none; }
    #player-controls { right: 10px !important; bottom: 15%; }
}



@media (max-width: 768px) {
    /*sections*/
    .electricPage .singlemovie-sec, .electricPage .singlemovie-sec, .electricPage .faq-sec, .electricPage .complexgallery-sec, .multivideo-sec, .electricPage .articles-sec, .electricPage .pollution-sec, .electricPage .slider-sec { padding-top: 50px; padding-bottom: 50px; }

    /*single movie*/
    .electricPage .singlemovie-sec { padding-bottom: 0 !important; }
    .electricPage .singlemovie-sec .owl-carousel { max-width: 100%; }
    .electricPage .singlemovie-sec .owl-carousel .owl-item .item { padding: 0; }
    /* carousel slider */
    .electricPage .slider-sec { padding-top: 20px; }
    /*faq*/
    .electricPage .faq-sec .grid-text .grid-text-content a { margin-top: 20px; }
    /*articles*/
    .electricPage #LobbyModule .articles-sec .grid-boxes.row { transform: none; margin-top: 0; }
    .electricPage #LobbyModule .articles-sec .grid-box { width: 100%; margin: 0 0 25px; }
}

@media(max-width: 767px) {



    /*single-movie*/
    /*.electricPage .singlemovie-sec .grid-iframe-holder iframe { height: auto; }*/

    /*multi gallery */
    .multivideo-sec .owl-carousel .owl-prev:after { width: 40px; height: 40px; }
    .multivideo-sec .owl-carousel .owl-next:after { width: 40px; height: 40px; }
    .multivideo-sec .owl-carousel .owl-item .item { padding: 0 10%; }

    /*form*/
    .electricPage .grid-form-section { padding: 0; }

    /*pollution*/
    .electricPage .pollution-sec p { display: block; width: 100%; margin-right: 0; }
    .electricPage .pollution-sec p:last-child { margin-bottom: 0; }



    /*itempage*/
    .catalog-yad2 #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 3.8%; }
    .catalog-yad2 #CatalogModule #CatalogItemView .catalog-fields { width: 100%; padding: 0; }

    .catalog-yad2 .owl-carousel .owl-next { left: -25px; }
    .catalog-yad2 .owl-carousel .owl-prev { right: -25px; }
    .catalog-yad2 .owl-carousel .owl-nav div { font-size: 0; transform: translateY(calc(-50% - 20px)); }
}


@media(min-width: 1025px) { /*General Form Styles*/
    body:not(.aaaPage) #DynamicFormObject { padding-top: 50px; padding-bottom: 60px; }

    /*Header*/
    #header2.detailsInRow .header-top { position: absolute; left: 0; top: 50%; padding: 0; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }
    #header2 ul.menu li a:hover:after, #header2 ul.menu li a:focus:after { width: 100%; }
    #header2.bg #header-left, #header2.detailsInRow.bg .header-right-section { padding-top: 13px; padding-bottom: 13px; }
    #header2 #header-left, #header2.detailsInRow .header-right-section { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

    /*Center Location Section*/
    .grid-row-section.centerLocSec li.slider-item.grid-iframe-holder iframe { width: 101%; margin-right: -4px; border-right: 6px solid #fff; }

    /*Articles Section*/
    .grid-content-section.articleSec .grid-box-image-text { padding-right: 30px; }

    /*Services Page*/
    body.servicesPage #gridshort-view .flex-row { margin: 0 -36px; }

    /*Second Hand Page*/
    body.secondHandPage #GridContent #ContentGridShortModule { margin: 0 -44px; }
}


@media(min-width: 1170px) {
    .servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle { min-height: 15ch; }
}

@media(min-width: 991px) {
    /*Services Highlight Section*/
    .grid-content-section.servicesHighLightSec .grid-box:hover .grid-box-subtitle.button { bottom: 65px; opacity: 1; /*color: #001e3a;*/ transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; }
    /*.grid-content-section.servicesHighLightSec .grid-box:hover .grid-box-subtitle.button a:after { background-image: url(../../../warehouse/temp/bmw/garageArrBlue.svg);}*/
    /*.grid-content-section.servicesHighLightSec .grid-box:hover .grid-box-subtitle.button a:before {width: 100%;}*/

    /*Footer*/
    .footer-text-divided > div.footer-text-right { padding-right: 12vw; }
    .footer-text-divided > div.footer-text-left { padding-left: 12vw; }

    /*****Inner Pages*****/
    #GridTop { height: 450px; }

    /*Services Page*/
    body.servicesPage #gridshort-view .flex-row > div { width: 24%; }

    /*Second Hand Page*/
    body.secondHandPage #gridshort-view .gridshort-view-item { width: 19%; }
}

.bootstrap-datetimepicker-widget .datepicker table tr td.active.active { background-color: #f8992f; }

@media(min-width: 768px) {
    #whatAppButton { display: none; }

    /*General Form Styles*/
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.333%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.selectBox-1 { width: 100%; }

    /*Top Cube Section*/
    .grid-content-section.topCubeSec:before { content: none; }
    .grid-content-section.topCubeSec .grid-box { width: 20.1%; margin-right: -6px; }

    /*Center Location Section*/
    .grid-row-section.centerLocSec .grid-row-text { padding-right: 45px; }

    /*Articles Section*/
    .grid-content-section.articlesTwoSec .grid-box.articleLongBox { width: 67%; }

    /*****Inner Pages*****/
    /*AAA Page*/
    body.aaaPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-last-of-type(3) { width: 100%; }
}

@media(max-width: 1280px) {
    .grid-content-section.topCubeSec { width: 90%; }

    .grid-content-section.garageServicesSec .grid-boxes .grid-box { width: calc(13% - 14px); margin: 0 7px; }

    .grid-content-section.servicesHighLightSec .grid-boxes .grid-box-image { padding-bottom: 140%; }

    .grid-content-section.articleSec .grid-boxes { width: 90%; }
    .grid-content-section.articleSec .grid-box .grid-box-image { padding-bottom: 270px; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    body.secondHandPage #gridshort-view .gridshort-view-item { width: 24%; }
}

@media(max-width: 1024px) {
    /*Header*/
    #header2 .max-width { max-width: 100%; width: 100%; }
    .header-right-section { background: none; }
    #header2 .nav-menu-anim { margin-left: 0; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span,
    #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { height: 4px; }
    #nav-toggle-mobile.active span:after, #nav-toggle-mobile.active span:before, #nav-toggle.active span:after, #nav-toggle.active span:before { background: #0055a2; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -12px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -12px; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 #header-left { position: absolute; height: auto; padding: 0; left: 50%; top: 50%; margin: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
    #header2 .header-top-left { display: inline-block; position: absolute; margin: 0; left: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    #header2 .header-top-left a { width: 28px; height: 28px; }
    #header2.open .header-top-left, #header2.open #header-left { opacity: 0; pointer-events: none; }
    #header2.detailsInRow .header-right-section { width: 100%; padding: 30px 30px 30px 0; z-index: unset; }
    #header2 ul.menu { width: 100vw; height: 100vh; padding-top: 150px; color: #161f3e; background-color: #fff; background-image: url('../../../warehouse/temp/bmw/menuMobBg.svg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
    #header2 ul.menu li { padding: 10px 0; margin: 0; font-size: 180%; color: #001e3a; }
    #header2 ul.menu li.active { background: none; }
    #header2 ul.menu li.active a { color: #001e3a; }
    #header2 ul.menu li a { position: relative; font-family: atlas-pro-aaa-700, Arial; }
    #header2 ul.menu li a:after { background-color: #001e3a; }
    #header2 ul.menu li.social-mobile { direction: ltr; padding-top: 25px; }
    #header2 ul.menu .social-links a { display: inline-block; width: 40px; height: 40px; line-height: 34px; border-radius: 50%; background-color: #001e3a; padding: 0; margin: 0 5px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); }
    #header2 ul.menu .social-links a svg { width: auto; height: 18px; }

    /*Lower Banner*/
    .grid-row-section.lowerBannerSec .grid-rows .grid-row-text { width: 85%; vertical-align: unset; }
    .grid-row-section.lowerBannerSec .grid-row .grid-row-cell.grid-row-cell-text h2 { font-size: 160%; }

    /*****Inner Pages****/
    #GridTop.noTopImage.longer { height: 87px; }

    /*Services Page*/
    .servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext { top: 12%; }

    /*AAA Page*/
    body.aaaPage #SiteGrid.layout-bottom #GridPromo { padding-bottom: 100px; }

    /*Second Hand Page*/
    body.secondHandPage #subheadline { margin-bottom: 50px; }
    body.secondHandPage #gridshort-view .gridshort-view-item { padding: 0 7px; margin-bottom: 14px; }
}

@media(min-width: 991px) and (max-width: 1024px) {
    .servicesPage #gridshort-view .flex-row { margin: 0 -30px; }
}

@media(max-width: 991px) {
    .catalog-yad2 .mobileFiltersBtns button.showFiltersBtn { font-size: 90%; }
    .catalog-yad2 #CatalogModule .filters-box .filters-list-wrapper, .catalog-yad2 #CatalogModule .filters-box .filters-list-wrapper.active { top: 0; }
    .catalog-yad2 #CatalogModule .filters-box { margin: 0; }
    .desktop-filters-list .filters-box:after { content: none; }
}

@media(max-width: 990px) {
    h1, #headline h1, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2 { font-size: 180%; }

    /*General Form Styles*/
    #SiteGrid.layout-bottom #GridPromo { padding: 50px 0 0; }
    .form-container-wide #DynamicFormObject { max-width: 90%; padding: 30px; }

    /*Center Location Section*/
    .grid-row-section.centerLocSec:before, #GridPage:before, .grid-content-section.topCubeSec:before { width: 300px; height: 240px; top: -94px; z-index: 10; }
    .grid-row-section.centerLocSec .grid-rows { padding-top: 30px; }
    .grid-row-section.centerLocSec .grid-row-text h3 { font-size: 130%; }

    /*Garage Services Section*/
    .grid-content-section.garageServicesSec { padding: 40px 0 50px; }
    .grid-content-section.garageServicesSec .grid-boxes .grid-box { width: 22%; margin-bottom: 20px; }
    .grid-content-section.garageServicesSec .grid-boxes { width: 90%; }

    /*Services Highlight Section*/
    .grid-content-section.servicesHighLightSec .grid-box.servMidCube { padding: 0; }
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-opacity-layer { display: none; }
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-image img { height: 100%; object-fit: cover; }
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-image-text { width: 90%; top: 55%; opacity: 0; pointer-events: none; }
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-title { width: 90%; /*bottom: 75%;*/ bottom: auto; top: 60px; }
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-title h3 { font-size: 115%; }
    .grid-content-section.servicesHighLightSec .grid-box-subtitle.button { opacity: 1; bottom: 50px; }

    /*Articles Section*/
    .grid-content-section.firstArticlesSec:after, .grid-content-section.lastArticlesSec:after { width: 300px; }
    .grid-content-section.firstArticlesSec:after { height: 300px; }
    .grid-content-section.firstArticlesSec { padding-top: 80px; }
    .grid-content-section.articleSec .grid-box .grid-box-image { padding-bottom: 220px; }
    .grid-content-section.articleSec .grid-box .grid-box-image img { height: 100%; object-fit: cover; }
    .grid-content-section.articleSec .grid-box-image-text { padding: 15px 10px 10px; }
    .grid-content-section.articleSec .grid-box-image-text p { font-size: 80%; }
    .grid-content-section.lastArticlesSec { padding-bottom: 100px; }
    .grid-content-section.lastArticlesSec:after { height: 380px; }

    /*Footer*/
    .footer-text-divided { padding: 30px 0; }
    #SiteFooter .footer-text-middle img { max-width: 100px; }

    /*****Inner Pages*****/
    body.aaaPage #GridPage, #GridPage { padding-top: 60px; }
    #GridPage .max-width, #GridPage.gallery .max-width { width: 90%; }

    /*Services Page*/
    .servicesPage #gridshort-view { margin-top: 30px; }
    .servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label { font-size: 100%; }
}

@media(min-width: 768px) and (max-width: 991px) {
    .grid-content-section.topCubeSec { width: 83%; }
    .grid-content-section.topCubeSec .grid-box .grid-box-subtitle:not(.button) { min-height: 44px; }

    .grid-row-section.centerLocSec .grid-row-text { width: 90%; padding-right: 20px; }
    .grid-row-section.centerLocSec li.slider-item.grid-iframe-holder { padding-bottom: 63%; }
    .grid-row-section.centerLocSec li.slider-item.grid-iframe-holder iframe { width: 115%; margin-right: -59px; margin-top: 5px; }

    .grid-content-section.garageServicesSec .grid-boxes { padding: 40px 0; }
    /*.grid-content-section.garageServicesSec .grid-boxes .grid-box .grid-box-image {padding-bottom: 36%;}
    .grid-content-section.garageServicesSec .grid-boxes .grid-box img {max-height: 42px;}*/

    .footer-text-divided > div.footer-text-right { padding-right: 4vw; }
    .footer-text-divided > div.footer-text-left { padding-left: 4vw; }

    #text1, #text2, body.contentInnerPage .MainContent, body.secondHandPage #subheadline { width: 80%; }
    body.rightAligning #pageview { width: 75%; }

    /*service-page*/
    .servicesPage #gridshort-view .flex-row > div { width: 32.33%; }

    /*electric-page*/
    .multivideo-sec .owl-carousel .owl-item .item .plus-sign { opacity: 1; }
    .multivideo-sec .owl-carousel .owl-item .item { padding: 0 20px; }


    /*homepage*/
    #mobile-player-controls { left: 15px; }

    /*topCubeSec*/
    .grid-content-section.topCubeSec .grid-box { width: 26%; }

    /*garageServicesSec*/
    .grid-content-section.garageServicesSec h2:after { margin-bottom: 20px; }
    .grid-content-section.garageServicesSec .grid-boxes .grid-box { box-shadow: 0 3px 36px 0 rgb(0 0 0 / 0.10); }

    /*servicesHighLightSec*/
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-title { top: 50%; transform: translate(50%, -50%); }
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-image img { object-fit: fill; }
    .grid-content-section.servicesHighLightSec .grid-box { margin-right: -6px; }

    /*lowerBannerSec*/
    .grid-row-section.lowerBannerSec .grid-row li.slider-item { padding-bottom: 65%; }

    /*footer*/
    .footer-text-divided > div.footer-text-right ul { margin-left: 0; }
}


@media(max-width: 767px) {
    #whatAppButton { bottom: 20px; }
    #whatAppButton a { position: relative; }
    #whatAppButton a:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; pointer-events: none; background-image: url('../../../warehouse/temp/bmw/waIcon.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
    #whatAppButton img { max-width: 60px; opacity: 0; }

    /*General Form Styles*/
    #DynamicFormObject { max-width: 100% !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin: 0 auto 10px; max-width: 200px; position: relative; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { position: relative; margin-bottom: 0; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 17px; }

    /*Header*/
    #header2 { background: #001e3a; }
    #header2.detailsInRow .header-right-section { padding: 20px 20px 20px 0; }
    #header2 .header-top-left { left: 20px; }
    #header2 ul.menu { padding-top: 30vw; }
    #header2 ul.menu li { padding: 5px 0; font-size: 140%; }
    #header2 ul.menu li > a { font-size: 100%; }
    #header2 #header-left, #header2 #header-left img { width: 55px; }

    /*Top Banner*/
    #home-gallery, #home-gallery .slider-bg.stellar-bg { height: 600px !important; }
    #home-gallery .slider-bg.stellar-bg { min-height: unset; }

    /*Top Cube Section*/
    .grid-content-section.topCubeSec { width: 98%; }
    .grid-content-section.topCubeSec:before { top: 90px; right: -9px; z-index: 0; }
    .grid-content-section.topCubeSec .grid-boxes { margin-right: 5px; }
    .grid-content-section.topCubeSec .grid-box { width: calc(50% - 7px); margin: 0 -7px 0 0; }
    .grid-content-section.topCubeSec .grid-box.waIconCube { display: none; }

    /*Center Location Section*/
    .grid-row-section.centerLocSec:before { content: none; }
    .grid-row-section.centerLocSec .grid-row { overflow: hidden; }
    .grid-row-section.centerLocSec .grid-rows .grid-row-cell.flexslider-box { width: calc(100% + 2px); margin-left: -2px; }
    .grid-row-section.centerLocSec li.slider-item.grid-iframe-holder iframe { margin-right: -1px; transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); }
    .grid-row-section.centerLocSec .grid-rows .grid-row-cell { display: block !important; width: 90%; margin: 0 auto; float: none !important; }
    .grid-row-section.centerLocSec .grid-row-text { padding: 0; }

    /*Garage Services Section*/
    .grid-content-section.garageServicesSec { padding-top: 60px; background-size: 100%; }
    .grid-content-section.garageServicesSec .grid-boxes .grid-box { width: 44%; margin-bottom: 20px; }
    .grid-content-section.garageServicesSec .grid-boxes .grid-box .grid-box-image { padding-bottom: 59%; }
    /*.grid-content-section.garageServicesSec .grid-boxes .grid-box img { height: 60px;}*/

    /*Services Highlight Section*/
    .grid-content-section.servicesHighLightSec .grid-box a.box-image-animation { background-size: cover; background-position: center center; background-repeat: no-repeat; }
    .grid-content-section.servicesHighLightSec .grid-box.servFirstCube a.box-image-animation { background-image: url(../../../warehouse/temp/bmw/servFirstCube.jpg); }
    .grid-content-section.servicesHighLightSec .grid-box.servMidCube a.box-image-animation { background-image: url(../../../warehouse/temp/bmw/servMidCube.jpg); }
    .grid-content-section.servicesHighLightSec .grid-box.servLastCube a.box-image-animation { background-image: url(../../../warehouse/temp/bmw/servLastCube.jpg); }

    .grid-content-section.servicesHighLightSec .grid-box { width: 100%; margin-bottom: 5px; margin-right: 0; }
    .grid-content-section.servicesHighLightSec .grid-box.textOnHover .grid-box-image .grid-box-image-container { position: absolute; }
    .grid-content-section.servicesHighLightSec .grid-boxes .grid-box-image { padding-bottom: 300px; }
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-image img { opacity: 0; }
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-image-text { max-width: unset; width: 100%; height: 50px; padding: 0 15px; opacity: 1; top: -155px; overflow: hidden; }
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-title h3 { margin: 0; }
    .grid-content-section.servicesHighLightSec .grid-box:hover a.box-image-animation .grid-box-image-text,
    .grid-content-section.servicesHighLightSec .grid-box:focus a.box-image-animation .grid-box-image-text { top: -170px; }
    .grid-content-section.servicesHighLightSec .grid-box.textOnHover .grid-box-title { display: block; }
    .grid-content-section.servicesHighLightSec .grid-box.textOnHover .grid-box-image .box-image-animation { overflow: hidden; }
    .grid-content-section.servicesHighLightSec .grid-box .grid-box-opacity-layer { /*display: block;*/ position: absolute; top: 100%; left: 0; bottom: 0; right: 0; }
    .grid-content-section.servicesHighLightSec .grid-box:hover a.box-image-animation .grid-box-opacity-layer,
    .grid-content-section.servicesHighLightSec .grid-box:focus a.box-image-animation .grid-box-opacity-layer { top: 0; }
    /*.grid-content-section.servicesHighLightSec .grid-boxes .box-image-animation:hover .grid-box-image-text { opacity: 1;}*/
    /*.grid-content-section.servicesHighLightSec .grid-box:hover .grid-box-subtitle.button {bottom: 20px;}*/

    /*Articles Section*/
    .grid-content-section.articleSec .grid-box { margin: 0; }
    .grid-content-section.firstArticlesSec { padding-top: 40px; }
    .grid-content-section.articleSec .grid-box.artWidMob50 { width: calc(50% - 4px); margin-right: -4px; }
    .grid-content-section.articleSec .grid-box.aricleBlueBG .grid-box-image-text h3 { margin-bottom: 5px; }
    .grid-content-section.articleSec .grid-box-image-text p { font-size: 70%; line-height: 1.5; padding-right: 0; }
    .grid-content-section.articleSec .grid-box-image-text h5, .grid-content-section.articleSec .grid-box-image-text h6 { left: 10px; }
    .grid-content-section.lastArticlesSec { padding-bottom: 30px; }

    /*Lower Banner Section*/
    .grid-row-section.lowerBannerSec .grid-rows .grid-row-cell { width: 50%; float: none !important; }
    .grid-row-section.lowerBannerSec .grid-rows .grid-row { overflow: hidden; }
    .grid-row-section.lowerBannerSec .grid-row .grid-row-cell.grid-row-cell-text { padding: 10px; }
    .grid-row-section.lowerBannerSec .grid-row .grid-row-cell.grid-row-cell-text h2 { font-size: 70%; }
    .grid-row-section.lowerBannerSec li.slider-item { padding-bottom: 65%; }

    /*Footer*/
    #SiteFooter { padding-bottom: 0; }
    .footer-text-divided { font-size: 90%; }
    .footer-text-divided > div.footer-text-right ul li, .footer-text-divided > div.footer-text-left p { margin-bottom: 0; }
    .footer-text-divided > div.footer-text-right ul li { font-size: 80%; }
    /*.footer-text-divided>div.footer-text-middle { display: none;}*/
    .footer-text-divided > div.footer-text-middle { margin: 20px 0 10px; }
    #SiteFooter .footer-text-middle img { max-width: 80px; }
    .footer-text-divided > div.footer-text-left { display: block; width: 100%; text-align: center; margin-top: 15px; }

    /*****Inner Pages*****/
    #GridTop.noTopImage.longer { height: 68px; }

    /*Services Page*/
    /*.servicesPage #gridshort-view .flex-row > div {width: 75%;}
    .servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext { top: 17%;}*/

    .servicesPage #gridshort-view .flex-row { margin: 0 -15px; }
    .servicesPage #gridshort-view .flex-row > div { width: calc(50% - 4px); margin-right: -4px; padding: 0 5px; }
    .servicesPage #gridshort-view .flex-row > div .grid-short-box { margin-bottom: 10px; }
    .servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image { padding-bottom: 140%; }
    .servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext { top: 10%; }
    .servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle { height: 90px; overflow: hidden; font-size: 65%; }
    .servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link a { width: 90%; }
}

@media(max-width: 375px) {
    .servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image { padding-bottom: 185%; }
}

@media(max-width: 360px) {
    .grid-row-section.lowerBannerSec .grid-rows .grid-row-text { width: 100%; }
}

@media(max-width: 320px) {
    .checkboxField label:before { top: 25%; }

    .grid-content-section.servicesHighLightSec .grid-box:hover a.box-image-animation .grid-box-image-text,
    .grid-content-section.servicesHighLightSec .grid-box:focus a.box-image-animation .grid-box-image-text { top: -185px; }

    .grid-row-section.lowerBannerSec .grid-row .grid-row-cell.grid-row-cell-text h2 { font-size: 80%; }

    /*.servicesPage #gridshort-view .flex-row > div {width: 90%;}*/
    .servicesPage #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image { padding-bottom: 225%; }
}



/***cosmetic Page*/
.cosmeticPage #headline { text-align: right; max-width: 750px; margin: 0 auto; }
.cosmeticPage #headline h1:after { margin-right: 0; }
