/*
	Theme Name: De Beier Heerenveen

*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: BMW-light,Arial,Helvetica,Roboto,sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #262626;
    overflow-x: hidden;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after { clear:both;}

.clear {*zoom:1; clear:both;}

img {max-width:100%;	vertical-align:bottom;}

a {	color:#444;	text-decoration:none;}

a:hover {text-decoration:none;}

a:focus {outline:0;text-decoration:none;}

a:hover, a:active {	outline:0;}

input:focus, textarea:focus, button:focus {	outline:0;	border:0;}

ul,li,h1,h2,h3,h4 {list-style-type:none;margin:0;padding:0}


h1, h2, h3, h4, h5, h6 {
    font-family: BMW-light !important;
    color: #262626;
    margin-top: 0;
    margin-bottom: 15px;
        font-weight: normal !important;
}




h1 {
    font-size: 25px;
    letter-spacing: .525px;
    line-height: 1;
    margin-top: -3px;
    margin-bottom: 13px;
}

.page-title {	text-transform: uppercase;   }

.para-title h2{
	font-size: 25px;
    letter-spacing: .525px;
    line-height: 1;
    margin-top: -3px;
    margin-bottom: 13px;
	text-transform: uppercase; 
}



@media (min-width:521px){
h1 , .para-title h2{
    font-size: 35px;
    letter-spacing: .525px;
    margin-bottom: 0px;
}
	
.menu__social {
    text-align: right;
}
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */

.blur, .mega-menu-header-menu-mobile-open{
	position: fixed;
    top: 0px;
    width: 100%;
    overflow-y: scroll;
}



.container {	max-width:1275px;	padding:0 45px; 	margin:0 auto;	width:100%;   }

.row {    margin-right: -7.5px;    margin-left: -7.5px;  }

.col {  padding-right: 7.5px;  padding-left: 7.5px;  -ms-flex-preferred-size: 0;   flex-basis: 0; -ms-flex-positive: 1;
    flex-grow: 1;    max-width: 100%; }

/* header */
h1.site-title {    margin: 0;  }

h1.site-title a {
    font-size: 26px;
    font-weight: 400;
    font-family: BMW-bold;
	line-height: 20px;
	color: #262626;
    display: block;
}

.header {
	padding:20px 0 0px 0;	
	background:#fff;
	position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
	transition:all .3s;
}
.blur .light-header .header{
    background: #fff;
    border-bottom: solid 1px #e6e6e6;
}
.header .container ul.menu {   border-bottom: solid 1px #e6e6e6;   }

.light-header .header {    position: fixed;    background: transparent;   }

.light-header .header.sticky{ background:#fff;}

.light-header main.container {    margin-top:0;      }

.light-header .header .container ul.mega-menu {  border-bottom: solid 1px rgba(255,255,255,0.5) !important;   }

.light-header .header:not(.sticky) .nav_area ul li a , .light-header  .header:not(.sticky) h1.site-title a {color:#fff; }

.light-header .header:not(.sticky):before {
    content: "";
    background: linear-gradient(0deg,transparent,rgba(0,0,0,0.4));
    background-size: cover;
    width: 100%;
    height: 150px;
    position: absolute;
    top: 0;
}
.blur .light-header .header:not(.sticky):before{
	display:none;
}


.logo-bmw {    width: 53px;    position: absolute;    right: 0;    top: 5px;   }

.logo-white {visibility:hidden; }

.light-header .header:not(.sticky) .logo-gray {    visibility: hidden;    opacity: 0;  }

.light-header .header:not(.sticky) .logo-white {    visibility: visible;   }

.sticky {   background:#fff;     border-bottom: solid 1px #e6e6e6;  }

.dark-header .header{  border-bottom: solid 1px #e6e6e6; }

.mega-menu-wrap > ul > li > ul.mega-sub-menu:before {
    content: "" !important;
    width: 100%;
    height: 20px;
    position: absolute;
    transition: all 0.1s ease;
    /*background-color: rgba(0,0,0,0.065);
    background: linear-gradient(180deg,rgba(0,0,0,0.13) 0%,transparent 100%); */
    z-index: 9999999;
    top: 0;
    display: block !important;
    left: 0;
}


#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link , 
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
	background:transparent !important;
}

.blur header.header:after {
    content: "" !important;
    width: 100%;
    height: 20px;
    position: absolute;
    transition: all 0.1s ease;
    background-color: rgba(0,0,0,0.065);
    background: linear-gradient(180deg,rgba(0,0,0,0.13) 0%,transparent 100%);
    z-index: 9999999;
    bottom: -20px;
    display: block !important;
    left: 0;
}
.header #mega-menu-wrap-header-menu #mega-menu-header-menu .mega-top-row li a.mega-menu-link,
.header #mega-menu-mobile-header-menu #mega-menu-header-menu .mega-top-row li a.mega-menu-link{
    /*font-family: BMW-light !important;*/
    font-weight: normal !important;
}

/*Menu Icon style */

.toggle{
	z-index: 100;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 35px;	
	vertical-align:middle;
	height:30px;
}

label.toggle span{
	display: block;
	height: 4px;
	width: 100%;
	background: #000;
	border-radius: 9px;
	opacity: 1;
	
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

label.toggle span:nth-child(1) {top: 0px;}

label.toggle span:nth-child(2), label.toggle span:nth-child(3) {margin-top: 6px;}

label.toggle.open span:nth-child(1) {
	margin-top: 11px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

label.toggle.open span:nth-child(2) {opacity: 0;}

label.toggle.open span:nth-child(3) {
	margin-top: -14px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/* End Menu Icon style */

/* logo */

.logo {}
.logo-img {}


/* nav */


.nav_area ul li{display:inline-block;}

.nav_area ul li a {
    padding: 15px 10px;
    color: #8e8e8e;   
    text-transform: capitalize;
    display: block;
	font-family: BMW-bold,Arial,Helvetica,sans-serif;
}

ul.sub-menu {    position: absolute;    display: none;    background: #ddd;    z-index: 555;   }

ul.sub-menu li{	display:block;}

ul.sub-menu li a{	padding:5px 10px;	display:block;    border-bottom: 1px solid #fff;   }


.dark-header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link
{color:#8e8e8e;}
.dark-header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
.blur #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:hover
{color:#262626;}

@media (min-width: 1040px){
#mega-menu-wrap-header-menu #mega-menu-header-menu:before {
    content: "BMW maakt rijden";
    position: absolute;
    right: 74px;
    bottom: -25px;
    color: #fff;
    transition: all 0.1s ease;
    opacity: 1;
	display:block;
	    font-family: BMW-light;
    transition: all 0.1s ease;    font-size: 15px;
    line-height: 22px;
   
}
#mega-menu-wrap-header-menu #mega-menu-header-menu:after {
    content: "geweldig";
    position: absolute;
    right: 0px;
    bottom: -25px;
    color: #fff;
    opacity: 1;
    transition: all 0.1s ease;
		display:block;
	 font-family: BMW-bold;    font-size: 15px;
    line-height: 22px;

}
.header.sticky #mega-menu-wrap-header-menu #mega-menu-header-menu:after,
	.header.sticky #mega-menu-wrap-header-menu #mega-menu-header-menu:before{
		display:none;
	}
}

@media(min-width:1025px){
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item{
	    border-bottom: solid 4px #1c69d4;
}
	
	
	.sticky #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link,
	.blur #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
		color:#8e8e8e;
	}
	.blur #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{
		color:#262626;
	}
		.blur .light-header .header:not(.sticky) h1.site-title a{color: #262626;}
	.blur .light-header .header:not(.sticky) .logo-gray{visibility:visible;opacity:1}
	
	.blur #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-toggle-on {border-bottom:solid 4px #1c69d4;}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item{border-bottom:solid 4px transparent;}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:hover{border-bottom:solid 4px #1c69d4;}
	
}
.logo {
    z-index: 999;
    position: relative;
}
	
	.top-row li.mega-menu-item a:after {
    content: '\f105';
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block !important;
    font-size: 26px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 15px;
    color: #1c69d4;
}
	
	.nav_area {width:calc(100% - 70px);  }
	.nav_area > ul > li {flex: 1 0 auto;}
	
.nav_area > ul > li > a {
	padding: 0 20px;
    height: 60px;
	border-bottom: solid 4px transparent;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
	
	
.nav_area > ul > li > a:hover,
.nav_area > ul > li.current-menu-item > a{
	 color: #262626;
	border-color: #1c69d4;
}	
	
.light-header .nav_area > ul > li > a:hover,
.light-header .nav_area > ul > li.current-menu-item > a{
	color: #0653B6;
}
	    
	
.nav_area ul li:hover ul.sub-menu {	display:block;}


.nav_area > ul > li ul.sub-menu {
    transform-origin: 50% 0;
    transform: scaleY(0) translateZ(0);
    opacity: 0;
    transition: transform 0.3s, opacity 0.3s;
    display: block;
}

.nav_area > ul > li:hover ul.sub-menu {
    transform: scaleY(1) translateZ(0);
    opacity: 1;
}
	
.header ul.menu{display:flex !important; }
}

/* sidebar */
.sidebar {}

/* footer */

.footer--main {    background: #e6e6e6;	padding:35px 0;   }

.menu__social {    border-bottom: solid 1px #bbbbbb;    margin-bottom: 2em;    padding-bottom: 1em;   }

.footer h4 {	font-size: 18px;    margin-bottom: 30px;    font-family: BMW-light;  }

.footer__end {    padding: 1em 0;  }

.footer__end  p {margin:0;}

.footer h3.widget-title {    font-size: 18px;    margin-bottom: 30px;  }

ul.fmenu li {    margin-right: 20px;    font-size: 24px;  }

ul.fmenu li a {    color: #4d4d4d; }

ul.fmenu li:last-child{margin-right:0; font-family: BMW-bold; font-size:15px; line-height:22px; }

ul#menu-footer-menu li {   display: block;    margin-bottom: 7px;  }

ul#menu-footer-menu li a   {      color: #8e8e8e;    font-family: BMW-bold,Arial,Helvetica,sans-serif;   }
ul#menu-footer-menu li a:hover {    color: #000;  }


.footer__end__right a { color: #1c69d4;font-family: BMW-bold,Arial,Helvetica,sans-serif; }


.scroll__top {
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: fixed;
    line-height: 1;
    background: #7a7a7a;
    color: #c8c8c8;
    bottom: 15px;
    right: 45px;
    cursor: pointer;
    opacity: 0;
    transition: color 0.25s ease,opacity 0.25s ease;
}

.scroll__top.show {
    opacity: 0.8;
    height: 40px;
    width: 40px;
}

.scroll__top.show:hover {
    opacity: 1;
}

.scroll__top:before {
       content: '\f106';
    font: normal normal normal 14px/1 FontAwesome;font-weight:700;
	    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 32px;
	color:#fff;
	
}

h5.cli_messagebar_head {
    font-family: BMW-bold,Arial,Helvetica,sans-serif !important;
    margin-bottom: 10px !important;
}

.cookie-link {  font-family: BMW-bold,Arial,Helvetica,sans-serif !important;}

#cookie-law-info-bar[data-cli-style="cli-style-v2"] {
    padding: 30px 45px;
    margin: 0 auto;
    width: 100%;
}

.cli-bar-btn_container {
	
    width: 26%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start; font-family: BMW-bold,Arial,Helvetica,sans-serif !important;
}

a#cookie_action_close_header {
    width: 100%;
    display: block;
    max-width: 280px;
    padding: 14px 10px;
}

/*------------------------------------*\
	404 PAGE
\*------------------------------------*/



#mega-menu-wrap-header-menu #mega-menu-header-menu > li {    flex: 1 0 auto;  }

.header #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link {
	padding: 15px 10px;
    text-transform: capitalize !important;
	font-size:15px !important;
    display: block;
	font-family: BMW-bold,Arial,Helvetica,sans-serif !important;
}


.dark-header .header #mega-menu-wrap-header-menu #mega-menu-header-menu > a.mega-menu-link { color:#8e8e8e !important; }

.light-header .header #mega-menu-wrap-header-menu #mega-menu-header-menu > a.mega-menu-link {	color:#fff !important; }

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {	background:transparent !important; }

.sticky #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{
	color:#262626 !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {  padding: 0 20px; font-weight:normal !important;  }

#mega-menu-wrap-header-menu {    background: transparent;   }

.mega-menu > li > ul.mega-sub-menu {    padding: 30px 45px !important;  margin-top:4px !important;  } 

.bottom-row {    padding: 40px 0 0 !important;  }

.bottom-row ul.mega-sub-menu li {    padding: 0 15px !important;  font-family: BMW-bold;   }

.top-row ul.mega-sub-menu li > ul {    padding: 0 10px !important; }

.bottom-row ul.mega-sub-menu li > ul > li {
    background-color: #f2f2f2 !important;
    padding: 2.5em 1em !important;
    text-align: center !important;
}

.bottom-row ul.mega-sub-menu li > ul > li > a {
    text-align: center !important;
	font-family: BMW-bold !important;
	color: #8e8e8e !important;
}

.top-row ul.mega-sub-menu li > ul > li{
	
	 border-bottom: solid 1px #EAEAEA !important;
}

.top-row ul.mega-sub-menu li > ul > li > a {
	font-family: BMW-bold !important;	
    color: #262626;   
	    line-height: 49px !important;
}

.letters {  line-height: 155px;  font-size: 150px;  font-weight: 700;  display: block;   width: 100%;  }

.letters strong {    color: #5f636b;    transform: rotate(24deg);    display: inline-block;    padding: 0 10px 0 17px;  }

.error-page h2 { color: #000; padding: 0 0 20px 0; text-transform: uppercase;  font-weight: 700;    font-size: 40px; }

a.home-btn {    display: inline-block;    padding: 0 40px;    background: #0c5156;    height: 50px;    line-height: 50px;    color: #fff;    text-transform: uppercase;    font-weight: 600;    font-size: 20px;    margin: 25px 0 40px 0;  }


/*------------------------------------*\
    PAGES
\*------------------------------------*/

.elementor-widget:not(:last-child) {    margin-bottom: 12px;   }

.elementor-section.elementor-section-boxed > .elementor-container {    max-width: 1275px;  }

.elementor-text-editor {    font-family: BMW-light,Arial,Helvetica,Roboto,sans-serif;   }

.bmw-bold *{ font-family: BMW-bold !important; }

.blue-btn .elementor-button {    max-width: 285px;    width: 100%; transition: background .25s ease; }


.blue-btn .elementor-button:hover { background-color: #0653B6 !important; }

main.container {    margin-top: 45px;  margin-bottom:45px; }

.para-title.medium-title h2{font-size:1.5em !important}

.about-link a i {
    font-weight: 700;
    font-size: 18px;
    padding-right: 5px;
}

.about-link a { margin-bottom: 2px; font-family: BMW-bold,Arial,Helvetica,sans-serif;    font-size: 16px;    display: block;  }

.hours  .field__label, .hours  .field__items {    float: left;   }

.hours .field__label {    font-weight: 400;  }

.hours .field__item {    text-align: right;  }

.team-item p.elementor-image-box-description {    font-family: BMW-light !important;    font-size: 16px !important;  }

.nav-bar__list__item  {  	font-family: BMW-bold,Arial,Helvetica,sans-serif;   }

.nav-bar__list__item a {    padding: 0 15px;    text-decoration: none;    color: #8e8e8e;  }

.about-nav {border-top: solid 1px #EAEAEA;    border-bottom: solid 1px #EAEAEA; line-height:76px;}

.service-box > div > div {    border: 1px solid #ddd;    padding: 15px;  }

.listing ul {    list-style-position: outside;    padding-left: 16px;   } 

.listing ul li {    list-style: disc;   }

.custom-table table {    width: 100%;   }

.custom-table tr{    border-bottom: 1px solid #e9ecef;    }

.custom-table tr td ,.custom-table tr th{     padding: 12px 0;    padding-left: 0;    vertical-align: top;   }

.highlight-text .elementor-text-editor{font-size: 35px;    line-height: 39px;  font-family: BMW-bold,Arial,Helvetica,sans-serif;}

.highlight-text .elementor-text-editor p::before {
    content: "„";
    position: relative;
    line-height: 0;
    font-family: Arial, Helvetica, Roboto, sans-serif;
    font-size: 76px;
    top: -11px;
}

.highlight-text .elementor-text-editor p::after {
    content: "“";
    position: relative;
    line-height: 0;
    font-family: Arial, Helvetica, Roboto, sans-serif;
    font-size: 76px;
    top: 38px;
}

.highlight-text .elementor-text-editor p::before {    top: -16px;    font-size: 97px; }

.highlight-text .elementor-text-editor p::after {      top: 48px;    font-size: 97px; }

/*------------------------------------*\
    home slick slider 
\*------------------------------------*/

.gal-inner-slider .slick-slide {
    padding: 0 7.5px;
}

.slick-dots {
    margin: 0 auto;
    max-width: 1275px;
    padding: 5px 17px 0;
    overflow: hidden;
    display: -ms-flexbox !important;
    display: flex !important;
	width: 100%;
}

.slick-dots li {
    margin: 0;
    height: 5px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    transition: all 0.5s linear;
   
}

.slick-slider .slick-dots li {
    float: left;
    list-style: none;
}



.slick-dots li button {
    background: #ffffff;
    border: 0 none;
    color: transparent;
    display: block;
    font-size: 0;
    height: 5px;
    width: 100%;
	transition: background .3s ease;
}

.slick-dots li.slick-active button{
	background: #1c69d4
}



.slick-prev {    left: 0;  }
.slick-next {    right: 0;  }
.slick-prev, .slick-next {    opacity: 0;}  

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 60px;
    width: 26px;
    cursor: pointer;
    top: 50%;
    margin-top: -30px;
    padding: 0;
    border: none;
    outline: none;
    color: transparent;
    transition: opacity 0.2s ease;
    background: #666666;
    color: #fff;z-index: 999;
}

.slick-prev i, .slick-next i {
    font-size: 26px;
    line-height: 60px;
    text-align: center;
    display: block;
    font-weight: 700;
}

.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next {    opacity: 1;   }

.slider-image img {    width: 100%;  }

.slider-inner {position:relative;}


h2.slide-title {    font-size: 48px;    letter-spacing: 0.72px;    color: #fff;   }

h3.slide-subtitle {    color: #fff;    font-size: 25px;    letter-spacing: 0.375px;   }

.slider-btn {
	color: #ffffff;
    display: inline-block;
    font-weight: 400;
    padding: 10px;
    text-align: center;
    width: 100%;
	background-color: #1c69d4;
	max-width:285px;
	font-family:BMW-bold,Arial,Helvetica,sans-serif;    font-size: 15px;  
	transition:background .25s ease;
	margin-bottom:10px;
}

.slider-btn:hover{	color:#fff;	background-color: #0653B6;   }

.gray-btn {   color:#fff;	background-color:#666;  }

.gray-btn:hover {background-color:#4d4d4d;  }

.gform_wrapper .gform_footer .gform_button {
    display: block !important;
    width: 100% !important;
    max-width: 285px;
    padding: 0 40px;
    background: #1C69D4;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    border: 0;
	font-family: BMW-bold,Arial,Helvetica,Roboto,sans-serif !important;
	 transition: background .25s ease; 
}

.gform_wrapper .gform_footer .gform_button:hover{
	 background: #0653B6 !important;
}



.gform_wrapper input {
    font-family: BMW-light,Arial,Helvetica,Roboto,sans-serif !important;
}

/*------------------------------------*\
	TAB SLIDER
\*------------------------------------*/

.swipe-tabs .swipe-tab{	padding:29px 0;     color: #666666;    font-weight: 700 !important; cursor:pointer;   }
.swipe-tabs .swipe-tab.active-tab{    color: #1c69d4;  }  

.swipe-tabs .swipe-tab {    border-bottom: 5px solid #e7e7e7;  }

.swipe-tabs .swipe-tab.slick-current {    border-bottom: 5px solid #1c69d4;   }

.swipe-tabs .swipe-tab:first-child {   margin-right: 15px;   }

.swipe-tabs .swipe-tab.active-tab:focus, 
.tab-slider .swipe-tab.active-tab{ outline:0 !important;}

.tab-slider .slick-prev, .tab-slider .slick-next {    opacity: 1;   }
.tab-slider .slick-prev {left:-35px;}
.tab-slider .slick-next{right:-35px;}

.tab-slider .slick-prev, .tab-slider .slick-next {background:#fff; color:#666; }

.slick-slide:focus{   outline:0; }




.swipe-tabs1 .swipe-tab1{	padding:29px 0;     color: #666666;    font-weight: 700 !important; cursor:pointer;   }
.swipe-tabs1 .swipe-tab1.active-tab{    color: #1c69d4;  }  

.swipe-tabs1 .swipe-tab1 {    border-bottom: 5px solid #e7e7e7;  }

.swipe-tabs1 .swipe-tab1.slick-current{    border-bottom: 5px solid #1c69d4;   }

.swipe-tabs1 .swipe-tab1:first-child {   margin-right: 15px;   }

.swipe-tabs1 .swipe-tab1.active-tab:focus, 
.tab-slider1 .swipe-tab1.active-tab1{ outline:0 !important;}

.tab-slider1 .slick-prev, .tab-slider1 .slick-next {    opacity: 1;   }
.tab-slider1 .slick-prev {left:-35px;}
.tab-slider1 .slick-next{right:-35px;}

.tab-slider1 .slick-prev, .tab-slider1 .slick-next {background:#fff; color:#666; }

.team-title .fa-2x {
    font-weight: 700;
    font-size: 1.7em;
    vertical-align: middle;
}

.team-title h4 {font-family: BMW-bold,Arial,Helvetica,sans-serif !important; cursor:pointer;  }

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
    font-family: BMW-bold;
    src: url(fonts/bmwtypewebbold.eot);
    src: url(fonts/bmwtypewebbold.eot) format("embedded-opentype"), url(fonts/bmwtypewebbold.woff) format("woff"),
        url(fonts/bmwtypewebbold.ttf) format("truetype"), url(fonts/bmwtypewebbold.eot) format("embedded-opentype"),
        url(fonts/bmwtypewebbold.svg) format("svg");
}
@font-face {
    font-family: BMW-light;
    src: url(fonts/bmwtypewebli_all.eot);
    src: url(fonts/bmwtypewebli_all.eot#iefix) format("embedded-opentype"), url(fonts/bmwtypewebli_all.woff) format("woff2"), url(fonts/bmwtypewebli_all.svg) format("svg");
}

/*------------------------------------*\
    OVERONS PAGE MENU
\*------------------------------------*/

.nav-bar.fixed .nav-bar__list {
    margin: 0;
    width: 100%;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 20px;
}

.nav-bar__list {
    line-height: 76px;
    margin-top: 0;
    margin-bottom: 0;
 
    width: 100%;
    padding-left: 0px;

}

.nav-bar.fixed {
    position: fixed;
    z-index: 998;
    top: 60px;
    max-width: 100%;
    width: 100%;
    margin-top: 0 !important;
	left: 0 !important;
}
.nav-bar {   
    background-color: #fff;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
   
   
}

.nav-bar__list__item.first {
    color: #262626;
    margin-right: 15px;
    position: relative;
}
.nav-bar__list__item {
    color: #8e8e8e;
    display: inline-block;
}

.nav-bar__list__item.first span {
    padding-right: 30px;
    cursor: pointer;
    line-height: 1;
}

.nav-bar__list__item.first::after {
    content: "";
    background: #EAEAEA;
    width: 1px;
    height: 40px;
    top: 21px;
    right: 0;
    position: absolute;
}

.nav-bar__list__item.first span::before {
    color: #1c69d4;
    margin-right: 15px;
    top: 2px;
    position: relative;
}
.nav-bar__list__item.first span:before {
    content: '\f104';
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block !important;
    font-size: 26px;
    font-weight: 700;
    top: 4px;
    color: #1c69d4;
}

.nav-bar__list__item.active {
    border-bottom: solid 4px #1c69d4;
}

.nav-bar__list__item.active a {
    color: #0653B6;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after {
    content: '\f335'; font-size:38px;    color: #262626 !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu img { width: 30px;  height: 30px;  display: table; margin: 0 auto 1em; }



a#cookie_action_close_header_reject { color: #007bff;    text-decoration: none;  }

a#cookie_action_close_header_reject:before , a.cookie-link:before{
    content: '\f105';
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block !important;
    font-size: 19px;
    font-weight: 700;
    color: #666;
    width: 20px;
    height: 20px;
    line-height: 18px;
    vertical-align: middle;
    text-align: left;
}

a#cookie_action_close_header_reject:hover:before , a.cookie-link:hover:before{
    color: #007bff;
}


@media only screen and (min-width:981px) {
.nav-bar__list {    max-width: 1275px;  } 
	
.nav-bar.fixed .nav-bar__list {    padding-left: 45px;    padding-right: 45px;  }
	
.nav-bar__list {    padding-left: 45px;    padding-right: 45px;  }

	.nav-bar.fixed {
    max-width: 100%;
    width: 100%;
}
}


@media only screen and (min-width:1025px) {
	
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: none;
}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu .top-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {    color:#1c69d4;    }
	
	
	.nav-bar.fixed {
    top: 100px;
}
	
.slider-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 60px;
    z-index: 999;
    color: #fff;
    width: 100%;
    left: 0;
}
	
	ul#mega-menu-header-menu {    display: flex !important;   }
	
	.highlight-text {padding: 0 75px 50px 90px; }
	
	
	 .toggle , span.arrow{    display: none;}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu{
	    max-width: 1270px;
    min-width: 1270px;
    margin-left: -45px;
    margin-right: -45px;
	}
	
	.blur::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    z-index: 2;
}
	
	.hide-desktop{display:none !important;}
	
}

@media only screen and (max-width: 1220px) and (min-width: 1024px){
		.para-title.medium-title h2{font-size: 1.3em !important;}
	.service-box > div > div p{height:50px;}
}

@media only screen and (max-width:1024px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {display:block; }
	
	.blur header.header:after{display:none !important;}
	
	#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1:after {    font-size: 32px;     margin-left: 0; }
	
	.hide-mobile{ display:none !important;  }
	.bottom-row {
    padding: 0px 0 0 !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 2em 1em;
    display: block;
    height: auto;
    border-bottom: 1px solid #eaeaea !important;
	    color: #262626 !important;
    font-size: 20px !important;line-height: normal;
}
	
	
	.slider-image{padding-bottom:15px;}
	
	main.container {
    margin-top: 15px;
    margin-bottom: 15px;
}
	
	#mega-menu-wrap-header-menu .mega-menu-toggle{background:transparent !important; }
	
	#mega-menu-wrap-header-menu, .header .col , .header .container {    position: initial;  }
	
	
	
	#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu {
    display: block;
    height:100vh;
    overflow: scroll;
    position: absolute;
    width: 100%;
    z-index: 99999;
    background: #fff;
    left: 0;
    right: 0;
	padding: 25px 45px 45px;    top: 0;
}
	
	.menu-side { position: initial;}

	.nav_area { position: initial; text-align:right;}

	
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > .mega-indicator:before{
    content: '\f107';
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block !important;
    font-size: 30px;
    font-weight: 700;
    color: #b9b9b9;
}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > .mega-indicator:before{content: '\f106';}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{display:none;}
	
	.top-row li.mega-menu-item a:after {  content: '\f105';  font: normal normal normal 14px/1 FontAwesome;
    display: inline-block !important;    font-size: 26px;    font-weight: 700;    position: absolute;    right: 0;   
    color: #1c69d4; top: -5px;}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {   padding: 2em 1em;    width: 100%;  }
	
	 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current_page_item > a.mega-menu-link, 
	 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.mega-current-menu-parent > a  {
        color: #0653B6 !important;
}

	#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1:after{color:#8e8e8e;}
	h1.site-title a,.blur .light-header .header:not(.sticky) h1.site-title a {font-size:18px; line-height:20px; color: #8e8e8e; }
	
	h1.site-title {padding-left:40px; }
	.logo-bmw {      right: 15px;    top: 12px;  z-index: 3;    width: 35px;    height: 35px; }
	
	.mega-menu-wrap .mega-menu-toggle{    position: absolute;      z-index: 100000!important;   top: 10px;    left: 13px; }
	
	.wrapper.dark-header .header #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1:after ,
	.wrapper.dark-header .header.sticky #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1:after ,
	.wrapper.light-header .header.sticky #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1:after {
    color: #8e8e8e !important;
}
	
	.bottom-row ul.mega-sub-menu li > ul > li {
    margin-bottom: 15px !important;
}
	
	.wrapper.light-header .header #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1:after {
    color: #fff !important;
	}
	
	.wrapper.light-header .header #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after{
    color: #262626 !important;
	}
	
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:hover > a.mega-menu-link,
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item :hover > a{
		color:#1c69d4 !important;
	}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.menu-box {
		   margin-bottom:15px!important; 
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.menu-box#mega-menu-item-1356{
		margin-top:25px!important; 
	}
	
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.menu-box{
	background-color: #f2f2f2 !important;    padding: 2.1em 1em !important; 	
	}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.menu-box > a.mega-menu-link{
	padding:0; text-align: center !important;
	border-bottom:0 !important;	   font-size: 14px !important;    line-height: 17px;color:#8e8e8e !important;		
	}
	
	
	header.header {    padding: 20px 0;   }
	h2.slide-title {    font-size: 25px;    left: .72px;    color: #000;   }
	
	h3.slide-subtitle {        font-size: 18px;    letter-spacing: 0.375px;    color: #000;   } 
	
	.mega-menu > li > ul.mega-sub-menu {    padding: 0px !important;  }
	.top-row ul.mega-sub-menu li > ul > li > a {line-height:20px !important;}
	
	#cookie-law-info-bar[data-cli-style="cli-style-v2"] {padding:15px;}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a {
		color:#1c69d4 !important;
	}
	
	
	
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a:after,
		#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item  .top-row li.mega-menu-item:after{
		content:'';		display:block; width:0; transition: width 0.1s ease;		height:4px; background:#1c69d4; 
		   bottom: 0;    left: 0;    position: absolute;  	
	}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a:hover:after,
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item  .top-row li.mega-menu-item:hover:after{
		width:50%; 
	}
	
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.menu-box > a:after{ display:none; }
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.menu-box.mega-current-menu-item > a {
		color:#8e8e8e !important;
	}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu::after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 120px;
}
	
}

@media only screen and (max-width:980px) {
	
	.cli-bar-btn_container {
    width: 100%;
}
	
.nav-bar ul.nav-bar__list li {
    display: none;
    padding: 30px 15px;
    transition: background 0.25s ease;
}
	
	.nav-bar ul.nav-bar__list li.active {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    position: relative;
    line-height: 1;
}
	
	.nav-bar ul.nav-bar__list li.nav-bar__list__item.active:after {
    content: '\f105';
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block !important;
    font-size: 26px;
    font-weight: 700;
    /* top: 4px; */
    color: #1c69d4;
    right: 15px;
    position: absolute;
}
	
	.nav-bar ul.nav-bar__list li a {
    color: #262626;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding-right: 0;
    margin-right: 20px;
    width: 100%;
    line-height: 1.2;
		padding-left:0;
}
	
}


@media only screen and (max-width:767px) {
	
	
	#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu {
		padding:25px 50px 0px; 
	}
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
		padding: 1.9em 25px;
	}
	
	
	h1.site-title {    padding-left: 50px;  }
	
	.logo-bmw {right:15px; }
	
	.container {padding-left:15px; padding-right:15px; }
	div#mega-menu-wrap-header-menu {left:0;}
	
	#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {margin:0 !important}
	
	.tab-slider1 .slick-prev , .tab-slider .slick-prev {    left: -10px;  width:auto;  }
	.tab-slider1 .slick-next, .tab-slider .slick-next {     right: -10px;    width: auto;   }
	
	.highlight-text .elementor-text-editor {font-size:25px; line-height:30px;}
	
	
}
@media only screen and (max-width:500px) {
	
	.blue-btn .elementor-button {max-width:100%;}
	
	
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {
}
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}