/*
 Font Name: mclaren
 Weights: 700, 300, 100
*/
@font-face {
  font-family: 'mclaren_bespokebold';
  src: url('fonts/mclarenbespoke_bd-webfont.eot');
  src: url('fonts/mclarenbespoke_bd-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/mclarenbespoke_bd-webfont.woff2') format('woff2'),
       url('fonts/mclarenbespoke_bd-webfont.woff') format('woff'),
       url('fonts/mclarenbespoke_bd-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;

}
@font-face {
  font-family: 'mclaren_bespokelight';
  src: url('fonts/mclarenbespoke_lt-webfont.eot');
  src: url('fonts/mclarenbespoke_lt-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/mclarenbespoke_lt-webfont.woff2') format('woff2'),
       url('fonts/mclarenbespoke_lt-webfont.woff') format('woff'),
       url('fonts/mclarenbespoke_lt-webfont.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;

}
@font-face {
  font-family: 'mclaren_bespokeregular';
  src: url('fonts/mclarenbespoke_rg-webfont.eot');
  src: url('fonts/mclarenbespoke_rg-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/mclarenbespoke_rg-webfont.woff2') format('woff2'),
       url('fonts/mclarenbespoke_rg-webfont.woff') format('woff'),
       url('fonts/mclarenbespoke_rg-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;

}
/*
 Font Name: soho gothic pro
 Weights: 100, 500, 300
*/
@font-face {
  font-family: 'soho-gothic-pro-l';
  src: url('fonts/soho-gothic-pro-light.woff2') format('woff2'),
       url('fonts/soho-gothic-pro-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'soho-gothic-pro-r';
  src: url('fonts/soho-gothic-pro-regular.woff2') format('woff2'),
       url('fonts/soho-gothic-pro-regular.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'soho-gothic-pro-m';
  src: url('fonts/soho-gothic-pro-medium.woff2') format('woff2'),
       url('fonts/soho-gothic-pro-medium.woff') format('woff');
  font-weight: 500;
  font-style: bold;
}
.soho{
  font-family: 'soho-gothic-pro-l'!important;
}
.soho-head{
  font-family: 'soho-gothic-pro-l'!important;
  color: #fff;
  font-size: 2em;
}
.besp-l{
  font-family: 'mclaren_bespokelight'!important;
  font-weight: 100!important;
}
.absolute{
  position: absolute;
}
.wb-block-brand {
    min-height: 50px;
    padding: 10px 0px!important;
}
body{
	font-family: 'soho-gothic-pro-regular'!important;
    }
 #main{background:#1d2226!important;}
.nav > li > a{font-family: 'soho-gothic-pro-r'!important;font-weight: 300!important;font-size: 12px!important;}
.wb-head-text{
	font-size:3em;
}
.wb-w-c{
	color:#fff;
}
.wb-subs-warpper span{
	max-width:100%!important;
	display: inline!important;
}
.wb-subs-input {
	width: 75%!important;
	display: inline!important;
	background: #fff!important;
	border-radius: 0!important;
	margin: 0px!important;
}
.wb-subs-btn {
	width: 25%!important;
	display: inline!important;
	margin:0!important;
	padding: 0 3px!important;
	min-width: 100px;
}
.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
	height:2px!important;
  width: 30px!important;
}
.flickity-page-dots .dot {
  margin: 0 1px!important;
  border: 1px solid #eeeeee94!important;
}
.ux-menu .nav-dropdown {
  min-width: 600px;
  padding: 0px;
}

.ux-megamenu .nav-dropdown {
  min-width: 100vw;
  border: 0px solid #ddd;
  color:#f4f4f4;
}

.ux-megamenu li.menu-item {
  width:100%;
}

.container .ux-megamenu .row:not(.row-collapse) {
  margin-left: auto;
  margin-right: auto;
}
.wb-cars-dropdown img{
  max-width:100px!important;
}
.wb-brand-dropdown img {
  max-width: 100px;
  height: 22px!important;
  margin-top: 8px;
}
.wb-brand-dropdown {
  margin-bottom: 0px!important;

}
.nav-dropdown-has-arrow li.has-dropdown:before{
  display:none;
}
.tp-bullet {
  width: 40px!important;
  height: 2px!important;
}
.nav-dropdown{font-family: 'soho-gothic-pro-r'!important;font-weight: 300!important;font-size: 14px!important;}
.nav-dropdown-full {
    margin-top: 18px!important;
}
.wb-products-tab{
  position:fixed;
  bottom: 0px;
  overflow: visible;
  z-index: 10;
  color: #fff;

}
.wb-products-box a{
  border-left: 3px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
  box-sizing: border-box;
  padding: 20px 5px;
  font-weight: bold;
  text-align: center;
  display: block;
  color:#fff;
  font-family: 'mclaren_bespokelight'!important;
  background: #0000009e;
}
.wb-products-box{margin: 0px;font-size:1em;}
.wb-products-box a:hover {
  background:#ff5e00;
  color:#fff;
  border-left: 3px solid #fff;
  border-bottom: 1px solid #fff;
}
.wb-h2{
  font-size:2em;
}
.wb-session {
}
.wb-session-l {
  top: 5rem;
}
.wb-session-r {
  top: 5rem;
}
.wb-session-r .box-overlay .box-text, .wb-session-l .box-overlay .box-text, .wb-session .box-overlay .box-text{
  padding: 100px 60px;
  font-weight:100;
  font-size:1.2em;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);
}
.wb-text-box-card{

}
.wb-floating-dark {
    margin-top: -60px!important;
    background: #1b2024!important;
}
.wb-floating-light {
    margin-top: -60px!important;
    background: #fff!important;
}
.wb-floating-trans {
    margin-top: -60px!important;
    background: #fff0!important;
}
.wb-z-8{
	z-index:8!important;
}
.wb-z-7{
	z-index:7!important;
}
.wb-z-6{
	z-index:6!important;
}
.wb-d-60{
	top: 60px!important;
}
.wb-u-60{
	top: -60px!important;
}
.wb-bg-0 {
    background: #fff0!important;
}
.wb-flip-scale {
	-webkit-animation: flip-scale-2-hor-top 0.5s linear both;
	        animation: flip-scale-2-hor-top 0.5s linear both;
}

/**
 * ----------------------------------------
 * animation flip-scale-2-hor-top
 * ----------------------------------------
 */
@-webkit-keyframes wb-flip-scale {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  50% {
    -webkit-transform: translateY(-50%) rotateX(-90deg) scale(2);
            transform: translateY(-50%) rotateX(-90deg) scale(2);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: translateY(-100%) rotateX(-180deg) scale(1);
            transform: translateY(-100%) rotateX(-180deg) scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes wb-flip-scale {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  50% {
    -webkit-transform: translateY(-50%) rotateX(-90deg) scale(2);
            transform: translateY(-50%) rotateX(-90deg) scale(2);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: translateY(-100%) rotateX(-180deg) scale(1);
            transform: translateY(-100%) rotateX(-180deg) scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}


.stm-template-car_dealer_two.no_margin #wrapper #stm-boats-header #header {
    padding: 13px 0 12px;
}
.mfp-content {
    background: #000000d1!important;
    color: #fff;
}
.mfp-content a{
    color:#fff!important;
}

.absolute-footer {
    height: 130px;
}
.mejs-mediaelement {
    width: 50px;
    height: 50px;
    background: #d1c9cb;
    border-radius: 50px;
    border: 0px solid #000;
}
.mejs-container{
	background:#2220!important;
}
.mejs-container .mejs-controls {
    background:#2220!important;
}
.mejs-time, .mejs-volume-button, a.mejs-horizontal-volume-slider {
    display: none!important;
}
.mejs-time-rail{
    height: 100%!important;
    padding:0px!important;
}
.mejs-time-total{
	margin:0px!important;
    height: 100%!important;
}
.mejs-time-loaded, .mejs-time-current, .mejs-time-buffering {
    height: 100%!important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #ff5e00!important;
}

.wb-bg-gray , .section.dark{
	background-image: -o-linear-gradient(243deg,#181c20,#363f44)!important;
    background-image: linear-gradient(207deg,#181c20,#363f44)!important;
}

@media (min-width: 1280px){
	.wb-spec-item{
    	border-bottom:1px solid #9da8ae
    }
    .wb-technical {
        font-size: 1.4rem;
        line-height: 3rem;
        margin-top: -1rem;
        font-family: 'mclaren_bespokelight'!important;
    }
    .wb-spec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0.5rem;
        position: relative;
        border-bottom: 1px solid #d1c9cb;
        border-width: thin;
	}
    .wb-speclabel{
    	flex:4;
        color:#9da8ae;
    }
    .wb-specvalue{
    	flex: 3;
    	padding-left: 1rem;
    }
    #wb-sidemenu-warp {
        position: fixed;
        z-index: 9;
        right: 0;
        bottom: 50%;
    }
    .wb-inner-box {
        display: block;
        height: 40px;
        margin: 0 0 1px 0;
    }
    .wb-img-icon {
        width: 40px;
        padding: 5px;
    }
    .wb-inner-img {
        background: #23282d;
        display: inline-flex;
        float: right;
        transition: all 0.2s;
    }
    .wb-inner-img:hover {
        background: #ff4200;
        transition: all 0.5s;
    }
    .wb-inner-img:hover + .wb-menu-tip {
        opacity:1!important;
        background: #00000085;
        color: #fff;
        transition: all 0.5s;
    }
    .wb-menu-tip {
        color: #000;
        font-family: 'soho-gothic-pro-r'!important;
        background: #fff;
        height: 40px;
        font-size: 0.7em;
        width: 150px;
        text-align: right;
        padding: 10px 7px;
        margin-right: 40px;
        opacity:0;
        transition: all 0.2s;
    }

}
@media (max-width: 640px){
    #wb-sidemenu-warp {
        height: 65px;
        border-top: 1px solid #70828e;
        border-width: thin;
        text-align: center;
        position: fixed;
        bottom: 0px;
        z-index: 9;
        width: 100%;
        background: #191c1d;
        padding: 15px 0;
    }
    .wb-img-icon {
        width: 35px;
    }
    .wb-inner-box {
        display: inline-block;
        width: 18%;
    }
    .wb-menu-tip {
        display: none;
    }
}