html {padding:0px; margin:0px;}
body {font-family: 'Open Sans', sans-serif; font-size:16px;	color:#333333; width:auto; padding:0px; margin:0px; }

h1 {font-weight:bold; font-size:24px; color:#ee7524; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
h2 {font-weight:bold; font-size:18px; color:#ee7524; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
h3 {font-weight:bold; font-size:16px; color:#ee7524; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
h4 {font-weight:normal; font-size:16px; color:#ee7524; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
h5 {font-weight:normal; font-size:16px; color:#ee7524; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

img {border:none;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline; color:inherit!important}

.clr {clear:both;}
.img-center{vertical-align:middle;}
.img-right{float:right; margin-left:10px; margin-bottom:10px; }
.gallery-img {border:none}
.gallery-img-zoom {border:10px solid #fff;}
.photo {margin:5px; float:left;border:5px solid #fff; box-shadow: 2px 2px 10px #c1c1c1;}
.tweet {padding-bottom:5px; border-bottom:1px solid #eee; margin-bottom:5px;}

.black{color:#000000;}
.black-bg{background-color:#000000;}
.white{color:#FFFFFF;}
.white-bg{background-color:#FFFFFF;}
.light-grey{color:#f1f1f1;}
.light-grey-bg{background-color:#f1f1f1;}
.medium-grey{color:#a6a8ab;}
.medium-grey-bg{background-color:#a6a8ab;}
.dark-grey{color:#808080;}
.dark-grey-bg{background-color:#808080;}
.orange{color:#ee7524;}
.orange-bg{background-color:#ee7524;}
.blue{color:#2d3165;}
.blue-bg{background-color:#2d3165;}

.border{border:1px solid #a00; box-sizing:border-box}

.align-left{text-align:center;}
.align-center{text-align:center;}
.align-right{text-align:center;}
.desktop-only{display:none!important;}
.mobile-only{display:inline-block!important;}
@media (min-width: 750px) {
	.align-left{text-align:left;}
	.align-center{text-align:center;}
	.align-right{text-align:right;}
	.desktop-only{display:inline-block!important;}
	.mobile-only{display:none!important;}
}

.shaddow{box-shadow: 0px 5px 5px #777777;}

.sep{width:100%; background-color:#333333; height:1px; border-radius:5px; margin:5px 0px 5px 0px;}
.sep-5{width:100%; height:5px; margin:0px;}
.sep-10{width:100%; height:10px; margin:0px;}
.sep-15{width:100%; height:15px; margin:0px;}
.sep-20{width:100%; height:20px; margin:0px;}
.sep-25{width:100%; height:25px; margin:0px;}
.sep-30{width:100%; height:30px; margin:0px;}
.sep-35{width:100%; height:35px; margin:0px;}
.sep-40{width:100%; height:40px; margin:0px;}
.sep-45{width:100%; height:45px; margin:0px;}
.sep-50{width:100%; height:50px; margin:0px;}
.sep-60{width:100%; height:60px; margin:0px;}
.sep-70{width:100%; height:70px; margin:0px;}
.sep-80{width:100%; height:80px; margin:0px;}
.sep-90{width:100%; height:90px; margin:0px;}
.sep-100{width:100%; height:100px; margin:0px;}

.padding-5 {box-sizing:border-box; padding:0px 5px 0px 5px;}
.padding-10{box-sizing:border-box; padding:0px 10px 0px 10px;}
.padding-15{box-sizing:border-box; padding:0px 15px 0px 15px;}
.padding-20{box-sizing:border-box; padding:0px 20px 0px 20px;}
.padding-25{box-sizing:border-box; padding:0px 25px 0px 25px;}

#message {background-color:#080; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 0px 0px 0px 0px;}
#error   {background-color:#c00; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 0px 0px 0px 0px;}
#warning {background-color:#F90; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 0px 0px 0px 0px;}

#menu-wrapper-mobile {display:block;}
#header-menu{display:none;}
	
#header-wrapper{position:relative;}
#menu-wrapper{position:relative;}
#slider-box{}

.content-button{display:inline-block; padding:5px 15px 5px 15px; font-size:12px; text-transform:uppercase}
.content-button a {text-decoration:none;}
.content-button a:hover {text-decoration:none;}
.button-100 {display:block; cursor:pointer;}

.centered-boxes{width:auto; text-align:center;} 
.centered-box{position:relative; width:120px; margin:5px 5px 5px 5px; text-align:center; display:inline-block; vertical-align:top; }

.centered-photos{width:auto; text-align:center; margin-bottom:5px;} 
.centered-photo{position:relative; width:160px; margin:5px 5px 0px 0px; text-align:center; display:inline-block; vertical-align:top; }
.centered-photo img {width:auto; max-width:100%; height:auto;}

.full-width{position:relative; width:100%; box-sizing:border-box; }
.content-wrapper{position:relative; padding:10px; width:auto; box-sizing:border-box;}
.content-wrapper img {width:auto; max-width:100%; height:auto;}

.content-wrapper-nopad{position:relative; padding:0px; width:auto;}
.content-wrapper-nopad img {width:auto; max-width:100%; height:auto;}

.content-wrapper-full-width{position:relative; padding:0px; width:auto;}
.content-wrapper-full-width img {width:auto; width:100%; height:auto;}

.dynamic-col{}

@media (min-width: 750px) {
    
        .centered-photos{width:auto; text-align:left!important;} 
        .centered-photo{width:194px; margin:0px 5px 0px 0px; text-align:left!important;}

        
        .dynamic-col{}
        
	.full-width{}
	.content-wrapper{position:relative; max-width:980px; width:auto; margin-left:auto; margin-right:auto; }
	.content-wrapper-nopad{position:relative; max-width:1000px; width:auto; margin-left:auto; margin-right:auto; }	
        .content-wrapper-full-width{position:relative; width:100%;}
	
	.col1-of-6 	{position:relative; float:left; width:15.11%; }
	.col2-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.61%; }
	.col3-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }
	.col4-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }	
	.col5-of-6 	{position:relative; float:left; width:15.11%; margin-left:1.62%; }	
	.col6-of-6 	{position:relative; float:right; width:15.11%; }			

	.col12-of-6 	{position:relative; float:left; width:32.0%; }
	.col123-of-6 	{position:relative; float:left; width:49.0%; }
	.col1234-of-6 	{position:relative; float:left; width:66.0%; }
	.col12345-of-6	{position:relative; float:left; width:82.9%; }
	
	.col56-of-6		{position:relative; float:right; width:32.0%; }
	.col456-of-6	{position:relative; float:right; width:49.0%; }
	.col3456-of-6	{position:relative; float:right; width:66.0%; }
	.col23456-of-6	{position:relative; float:right; width:82.9%; }
	
	.col1-of-5 	{position:relative; float:left; width:18.5%;}
	.col2-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}
	.col3-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}
	.col4-of-5 	{position:relative; float:left; width:18.5%; margin-left:1.6%;}	
	.col5-of-5 	{position:relative; float:right; width:18.5%;}		

	.col12-of-5 	{position:relative; float:left; width:38.6%;}
	.col123-of-5 	{position:relative; float:left; width:58.9%;}
	.col1234-of-5 	{position:relative; float:left; width:79.2%;}
	
	.col2345-of-5 	{position:relative; float:right; width:79.5%;}
	.col345-of-5 	{position:relative; float:right; width:59.2%;}
	.col45-of-5 	{position:relative; float:right; width:38.6%;}
	
	.col1-of-4 	{position:relative; float:left; width:23.5%;  }
	.col2-of-4 	{position:relative; float:left; width:23.5%; margin-left:2%;  }
	.col3-of-4 	{position:relative; float:left; width:23.5%; margin-left:2%;  }
	.col4-of-4 	{position:relative; float:right; width:23.5%;  }	

	.col12-of-4 {position:relative; float:left; width:49.0%; }
	.col23-of-4 {position:relative; float:left; width:49.0%; margin-left:1.7%;  }
	.col34-of-4 {position:relative; float:right; width:49.0%;  }
	
	.col123-of-4 {position:relative; float:left; width:74.4%; }
	.col234-of-4 {position:relative; float:right; width:74.4%;  }

	.col1-of-3 	{position:relative; float:left; width:32%; }
	.col2-of-3 	{position:relative; float:left; width:32%; margin-left:2%; }
	.col3-of-3 	{position:relative; float:right; width:32%; }

	.col12-of-3 {position:relative; float:left; width:66%; margin-right:1.4%; }
	.col23-of-3 {position:relative; float:right; width:66%; margin-left:1.4%; }
	
	.col1-of-2 	{position:relative; float:left; width:49%; }
	.col2-of-2 	{position:relative; float:right; width:49%; }

	.col-sep	{position:relative; float:left; width:1.4%; border:1px solid #eee}

	#menu-wrapper-mobile {display:none;}
	#header-menu{display:block; position:relative; background-color:#f1f1f1; width:auto; height:24px; margin:0px; z-index:99999}
	.menu-sep{display:none; position:relative; background-color:#999; height:20px; width:1px; margin-top:0px; font-size:0%; }
	
	ul.topnav {position:relative; right:50%; float:right; clear:left; list-style:none; padding:0px; margin:0px; font-size: 14px;}
	ul.topnav li {display:block; float:left; margin:0px; padding:0px; position: relative; left:50%; box-sizing:border-box;}
	ul.topnav li a{display:block; float:left;     padding: 12px 10px 12px 10px; margin:0px 0px 0px 0px; color:#383738;  text-decoration: none; font-weight:normal;  height:20px; text-align:center;}
	ul.topnav li a:hover{background-color:#2d3165; color:#ffffff!important; overflow:hidden;}
	
	ul.topnav li ul.subnav {list-style:none; position:absolute; left:0px; top:44px; margin:0; padding:0; display:none; z-index:99999;}
	ul.topnav li ul.subnav li{margin:0; padding:0; clear:both; left:0px;}
	ul.topnav li ul.subnav li a {float:left; width:200px; text-align:left; background-color:#f1f1f1; color:#333; border-top:1px solid rgba(0,0,0,0.1);}
	ul.topnav li ul.subnav li a:hover {background-color:#a6a8ab; color:#fff; background-image:none;}
}

@media (min-width: 820px) {

	#menu-wrapper-mobile {display:none;}
	#header-menu{display:block; position:relative; background-color:#f1f1f1; width:auto; height:24px; margin:0px; z-index:99999}
	.menu-sep{display:none; position:relative; background-color:#999; height:20px; width:1px; margin-top:0px; font-size:0%; }
	
	ul.topnav {position:relative; right:50%; float:right; clear:left; list-style:none; padding:0px; margin:0px; font-size: 16px;}
	ul.topnav li {display:block; float:left; margin:0px; padding:0px; position: relative; left:50%; box-sizing:border-box;}
	ul.topnav li a{display:block; float:left;     padding: 12px 10px 12px 10px; margin:0px 0px 0px 0px; color:#383738;  text-decoration: none; font-weight:normal;  height:20px; text-align:center;}
	ul.topnav li a:hover{background-color:#2d3165; color:#ffffff; overflow:hidden;}
	
	ul.topnav li ul.subnav {list-style:none; position:absolute; left:0px; top:44px; margin:0; padding:0; display:none; z-index:99999;}
	ul.topnav li ul.subnav li{margin:0; padding:0; clear:both; left:0px;}
	ul.topnav li ul.subnav li a {float:left; width:200px; text-align:left; background-color:#f1f1f1; color:#333; border-top:1px solid rgba(0,0,0,0.1);}
	ul.topnav li ul.subnav li a:hover {background-color:#a6a8ab; color:#fff; background-image:none;}
}
/* ------------------------------------------------------------------------------------------
	QForm
	------------------------------------------------------------------------------------------ */
#qform-outer h2 {background-color:#ee7524; box-sizing:border-box; padding:5px 10px 5px 10px; color:#fff;}
.qform-question-wrapper{box-sizing:border-box; padding:10px; background-color:rgba(0,0,0,0.05); margin-bottom:20px;}

.qform-label {margin-bottom:0px; padding:5px 0px 5px 0px;}
.qform-input {margin-bottom:10px; }
.qform-input input {box-sizing:border-box; width:100%; padding:5px 0px 5px 3px; border:none;}
.qform-input textarea{box-sizing:border-box; width:100%; padding:5px 0px 5px 3px; border:none;}
.button-qform{position:relative; text-align:center; padding:10px 25px 10px 25px; background-color:#be202e; width:135px; font-size:14px; margin:15px auto 10px auto; color:#fff; cursor:pointer;}
.button-qform a{color:#fff; text-decoration:none;}
.qform-input table {width:100%; text-align:left;}
.qform-fld-error{color:#d00!important; font-size:14px;}
.delivery-error{color:#d00!important; margin:0px 0px 0px 0px}
.inline-button-red{color:#ea1d2b; font-weight:bold; display:inline;}
.inline-button-red a {color:#ea1d2b; text-decoration:underline;}
.q-form-help{font-size:12px; color:#999;}
.form-div{padding-right:0px;}
.qform-wrapper{max-width:450px;}

.form-button{background-color:#fe7e11; display:inline-block; color:#fff; padding:5px 15px 5px 15px; border-radius:5px; cursor:pointer;}
.prod-chk{background-color:rgba(255,0,0,1); color:#fff; padding:5px; box-sizing:border-box; cursor:pointer; text-align:center;}

input[type=checkbox] {
  transform: scale(1.5); margin:5px 5px 0px 10px ;
}

#map-panel{position:relative; height:300px;}

@media (min-width: 750px) {
	.qform-label {margin-bottom:10px;}
	.qform-input {margin-bottom:10px;}
	.button-qform{float:left;}
	.qform-fld-error{float:left;}
        .form-div{padding-right:25px;}
        #map-panel{position:relative; height:550px;}
}


/* ------------------------------------------------------------------------------------------
    SlickNav config
------------------------------------------------------------------------------------------ */
#menu-wrapper-mobile a {color:#333;}
.slicknav_menu {background:#f1f1f1;} 
.slicknav_nav a{color:#333!important;}
.slicknav_nav .slicknav_row:hover a {background:#f2f2f2; color:#333333!important;}
.slicknav_nav a:hover{background:#f2f2f2; color:#333333!important; background-color:#f7f7f7;}

/* ------------------------------------------------------------------------------------------
    CC Fader
------------------------------------------------------------------------------------------ */
.fader-wrapper{position:relative; height:275px;}
.fader-info-panel{display:none; position:absolute; z-index:99; top:0px; width:100%; background-position:center center; background-size:cover; height:100%;}
.fader-inner-wrapper{display:relative; width:100%; height:100%; line-height:275px; text-align:center;}
.fader-box-span{display: inline-block; vertical-align: middle; line-height:20px; padding:25px; box-sizing:border-box; margin-left:auto; margin-right:auto; }
.fader-box-span-wide{display: inline-block; vertical-align: middle; line-height:20px; padding:15px; box-sizing:border-box; margin-left:auto; margin-right:auto; }
.fader-trans-light{background-color:rgba(255,255,255,0.8); color:#333;}
.fader-trans-dark{background-color:rgba(0,0,0,0.5); color:#fff;}
.content-box-footer{position:absolute; text-align:center; width:98%; left:1%; bottom:8px;}
.content-box-footer a {font-weight:bold; text-decoration:underline}
.fader-small-title{font-size:14px; line-height:normal; padding:5px 25px 5px 25px;}
.fader-title{font-size:22px; line-height:normal; padding:0px 25px 0px 25px;}
.fader-desc{font-size:14px; padding:0px 25px 0px 25px;}
.fader-title-wide{font-size:22px; line-height:normal; padding:0px 5px 0px 5px;}
.fader-desc-wide{font-size:14px; padding:0px 25px 0px 25px;}
.current-panel{display:block; z-index:999;}
.fader-left{display:none;}
.fader-right{display:none;}

@media (min-width: 750px) {    
    .fader-wrapper{position:relative; height:450px}
    .fader-info-panel{overflow:hidden;}
    .fader-inner-wrapper{line-height:450px;}
    .fader-box-span{max-width:600px;}
    .fader-box-span-wide{max-width:1200px; }
    .fader-title{font-size:36px; padding:0px 25px 0px 25px;  }
    .fader-desc{font-size:18px; padding:0px 25px 0px 25px;}
    .fader-title-wide{font-size:56px; line-height:normal; padding:0px 25px 0px 25px;  }
    .fader-desc-wide{font-size:32px; line-height:normal; padding:0px 25px 0px 25px;}
    .fader-left{display:block; position:absolute; top:45%; left:15px; z-index:999999; cursor:pointer;}
    .fader-right{display:block; position:absolute; top:45%; right:15px; z-index:999999; cursor:pointer;}
}


/* ------------------------------------------------------------------------------------------
    CC Blog Summary
------------------------------------------------------------------------------------------ */
.blog-summary-image{position:relative; height:250px; background-size:cover; background-position:center center;}
.blog-summary-no-image{position:relative; height:250px; background-size:contain; background-repeat:no-repeat; background-position:center center;}
.blog-summary-title{font-weight:bold; font-size:16px;}
.blog-summary-excerpt{}
.blog-border{border:10px solid #fff; box-shadow: 2px 2px 10px #c1c1c1; box-sizing:border-box; margin-bottom:25px;}
.blog-main-image{width:100%!important;}
.recent-posts{font-size:14px;}
.blog-follow-us{font-size:18px;}
.blog-icons{margin-left:0px!important; padding-left:0px!important; font-size:24px; color:#2d3165!important;}

@media (min-width: 750px) {   
    .blog-summary-title{height:50px; overflow:hidden}
    .blog-summary-excerpt{height:110px; overflow:hidden}
}
/* ------------------------------------------------------------------------------------------
    CC Testimonial slider
------------------------------------------------------------------------------------------ */
.testimonials{width:auto; text-align:center;} 
.testimonial{position:relative; text-align:center; display:inline-block; vertical-align:top;}
.testimonial-comment{text-style:italic;}
.testimonial-credit{font-weight:bold; font-size:12px;}

/* ------------------------------------------------------------------------------------------
    FAQs
------------------------------------------------------------------------------------------ */
.question{cursor:pointer; padding:10px 25px 10px 25px; font-size:14px; margin-top:1px; background-color:rgba(0,0,0,0.05)}
.answer{display:none; padding:10px 25px 10px 25px; font-size:14px; background-color:rgba(0,0,0,0.02)}

/* ------------------------------------------------------------------------------------------
    Contact Form JS
------------------------------------------------------------------------------------------ */

.contact-html input{ border:1px solid rgba(0,0,0,0.2); width:95%!important; font-size:14px; padding-left:5px; height:30px; text-align:left; box-sizing:border-box}
.contact-html textarea{ border:1px solid rgba(0,0,0,0.2); width:95%!important; font-size:14px; padding-left:5px; height:30px; text-align:left; height:75px; box-sizing:border-box}
.content-enquiry-button {background-color:#000; color:#fff; cursor:pointer; font-size:14px; height:31px; padding:10px 15px 0px 15px; display:inline-block; }

.content-enquiry-spinner {display:none;} 
.content-enquiry-spinner i {padding-top:3px;}
.content-enquiry-result{font-size:14px; padding-top:10px;} 


/* ------------------------------------------------------------------------------------------
    Image/Text 50/50
------------------------------------------------------------------------------------------ */
.image5050{background-size:cover; background-position:center center; min-height:300px}    

@media (min-width: 750px) {   
    .row5050{height:auto; display: flex; flex-flow: row column; width:100%;}
    .left5050{max-width:50%; flex: 1 1 100%;}
    .right5050{max-width:50%; flex: 1 1 100%;}
    .left5050-float{position:relative; float:right!important;}
}


/* ------------------------------------------------------------------------------------------
    Header 
------------------------------------------------------------------------------------------ */
.header-social{box-sizing:border-box; padding:10px 6px 10px 0px; display:block; float:none; font-size:18px; }
.header-social a {color:#fff;}
.header-social a:hover {color:#2d3165;}
.header-social-icon{display:inline-block; padding:0px 3px 0px 6px; margin:0px 0px 0px 3px;}
.header-telephone:hover{color:#fff!important; text-decortation:underline;}
.header-email:hover{color:#fff!important; text-decortation:underline;}
.header-buger {color:#fff; cursor:pointer;}
.logo img {width:100%; max-width:300px;}

.header-newline{clear:both; width:100%; display:block}

@media (min-width: 750px) {
    .header-social{float:right; display:inline-block; padding:5px 10px 5px 0px; }
    .header-telephone:hover{color:#fff!important; text-decortation:none!important;}
    .header-email:hover{color:#fff!important; text-decortation:none!important;}
    .header-social-icon{padding:0px 5px 0px 10px; margin:0px 0px 0px 5px;}
    .header-social > .header-social-icon:not(:first-child){border-left:2px solid #fff;}
    .logo img {max-width:500px;}
    
    .header-newline{display:none}
}



/* ------------------------------------------------------------------------------------------
    Footer 
------------------------------------------------------------------------------------------ */
#footer-wrapper{font-size:14px!important}

#footer-wrapper .header-social-icon{padding:0px 15px 0px 0px; font-size:24px;}

#jakhq {font-size:11px; margin:5px 0px 5px 0px; color:rgba(255,255,255,1);}
#jakhq a {color:#19a89d; text-decoration:none; font-weight:bold;}

.icon-back-top-top {width:50px!important; cursor:pointer;}

.menu-footer a {color:#fff;}


@media (min-width: 750px) {    
    #footer-wrapper .header-social > .header-social-icon:not(:first-child){border-left:2px solid #fff;}
}

/* ------------------------------------------------------------------------------------------
    Body
------------------------------------------------------------------------------------------ */
.sub_page_li a{font-weight:bold;}

.content-button-showroom{
-webkit-animation: orange-blue 1s infinite;
-moz-animation:    orange-blue 1s infinite;
-o-animation:      orange-blue 1s infinite;
animation:         orange-blue 1s infinite;
display:inline-block; padding:5px 15px 5px 15px; font-size:18px; text-transform:uppercase; font-weight:bold;}
.content-button-showroom a {text-decoration:none;}
.content-button-showroom a:hover {text-decoration:none;}
@-webkit-keyframes orange-blue {
    0%, 49%     {background-color: #ee7524; color:#fff;}
    50%, 100%   {background-color: #2d3165; color:#fff;}
}
@keyframes orange-blue {
    0%, 49% { background: #ee7524; color: #fff;}
    50%, 100% { background: #2d3165; color: #fff;}
}

.content-button-flash{
-webkit-animation: orange-blue-flash 1s infinite;
-moz-animation:    orange-blue-flash 1s infinite;
-o-animation:      orange-blue-flash 1s infinite;
animation:         orange-blue-flash 1s infinite;}
@-webkit-keyframes orange-blue-flash {
    0%, 49%     {background-color: #ee7524; color:#fff;}
    50%, 100%   {background-color: #2d3165; color:#fff;}
}
@keyframes orange-blue-flash {
    0%, 49% { background: #ee7524; color: #fff;}
    50%, 100% { background: #2d3165; color: #fff;}
}



.cotw-col{box-sizing:border-box; width:100%; display:block;}
.cotw-col img {width:100%; display:block;}
.cotw-title{box-sizing:border-box; padding:10px; font-size:18px; font-weight:bold;}
.cotw-desc{box-sizing:border-box; padding:10px; font-size:16px; font-weight:bold;}
.cotw-price{box-sizing:border-box; padding:10px; font-size:16px; font-weight:bold;}
.cotw-button{font-size:16px; font-weight:bold;}
.cotw-button a:hover{color:#fff!important;}

.featured-vehicle{position:relative; text-align:center; display:inline-block; vertical-align:top; width:100%;}
.featured-vehicle-image{width:100%; height:220px; background-size:cover; background-position:center center;}
.featured-vehicle-sep{width:100%; height:2px; margin:5px 0px 5px 0px;}
.featured-vehicle-name{font-weight:bold;}
.featured-vehicle-price{font-weight:bold;} 

.vehicle-category{background-size:cover; background-position:center center; height:250px;}
.vehicle-category-overlay{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)); color:#fff; }
.vehicle-category-overlay a{color:#fff!important;}
.vehicle-category-overlay a:hover{color:#fff!important; text-decoration:none;}

.vehicle-category-name{font-size:28px; text-align:center!important;}



.detail-main-image img {width:100%;}

.detail-info-block a{text-decoration:none!important;}
.detail-info-block a:hover {text-decoration:none!important;}

.detail-title{font-weight:bold; font-size:18px;}
.detail-brief{font-weight:normal; font-size:14px;}
.detail-price{font-weight:bold; font-size:38px;}
.detail-button {display:block; cursor:pointer; font-size:16px; background-color:#ee7524;  vertical-align:middle; padding:5px 10px 5px 10px}
.detail-button:hover {background-color:#2d3165; }
.detail-button img {float:right; vertical-align:middle; height:15px; margin-top:4px;}
.detail-button-youtube {display:block; cursor:pointer; font-size:16px; background-color:#2d3165;  vertical-align:middle; padding:5px 10px 5px 10px}
.detail-button-youtube:hover {background-color:#ee7524; }
.detail-button-youtube i {float:right; vertical-align:middle; font-size:20px;  margin-top:1px;}

.detail-button-blue {display:block; cursor:not-allowed; font-size:16px; background-color:#2d3165;  vertical-align:middle; padding:5px 10px 5px 10px}
.detail-button-red {display:block; cursor:not-allowed; font-size:16px; background-color:#aa0000;  vertical-align:middle; padding:5px 10px 5px 10px}


.centered-infos{width:auto; text-align:center; font-size:14px;} 
.centered-info{position:relative; width:160px; margin:0px 5px 0px 0px; text-align:center; display:inline-block; vertical-align:top; }
.centered-info-title{box-sizing:border-box; padding:10px; height:40px;}
.centered-info-title img {height:14px; margin-right:5px; vertical-align:middle}
.centered-info-data{box-sizing:border-box; padding:10px; height:60px;}
    
.vehicle-testdrive{display:block;}
.vehicle-testdrive{display:none;}
.vehicle-writeup-tab{display:inline-block; padding:5px 5px 5px 5px; font-size:14px; cursor:pointer; font-weight:bold;}
.tab-on{background-color:#ee7524; color:#fff;}
.tab-off{background-color:#a6a8ab; color:#000;}

.sr-vehicles{width:auto; text-align:center;} 
.sr-vehicle{position:relative; width:300px; margin:5px; text-align:center; display:inline-block; vertical-align:top; background-color:rgba(0,0,0,0.1); color:#333!important;}
.sr-vehicle-image{position:relative; width:100%; height:220px; background-size:cover; background-position:center center;background-color:rgba(255,255,255,0.6);}
.sr-vehicle-name{font-weight:normal; height:100px; overflow:hidden; box-sizing:border-box; padding:10px;}
.sr-vehicle-price{font-weight:normal; box-sizing:border-box; padding:10px} 
.sr-vehicle-href{cursor:pointer;}

.sr-item-name{font-weight:bold; height:55px; overflow:hidden; box-sizing:border-box; padding:10px 10px 0px 10px}
.sr-item-desc{font-weight:normal; height:80px; overflow:hidden; box-sizing:border-box; padding:0px 10px 10px 10px; font-size:14px;}

.page{cursor:pointer;}

.filter-wrapper{box-sizing:border-box; padding:10px} 
.filter-wrapper select{width:100%;}

.stock-number{font-size:10px; padding-top:5px;}
.stock-number-showroom{position: absolute; right: 5px; bottom: 5px; font-size:10px; color:#fff; text-shadow: 0px 0px 2px #000;}

#frm_keyword_in  {width:230px; border:none; padding: 4px 8px 4px 8px; box-sizing: border-box;}
.form-button-search{width:230px; background-color:#2d3165; display:inline-block; color:#fff; padding:4px 15px 4px 15px; border-radius:0px; cursor:pointer; box-sizing: border-box;}

@media (min-width: 750px) {
    
    .sr-vehicle{width:313px;}
    .vehicle-writeup-tab{padding:5px 15px 5px 15px; font-size:16px;}
    
    .centered-infos{width:auto; text-align:left!important;} 
    .centered-info{width:194px; margin:0px 1px 5px 0px; text-align:left!important;}
        
    .cotw-col{box-sizing:border-box; width:50%; float:left;}
    .cotw-title{padding:15px 45px 15px 35px; font-size:28px;}
    .cotw-desc{padding:35px 45px 0px 35px; font-size:18px; font-weight:bold;}
    .cotw-price{padding:0px 45px 15px 35px; font-size:28px; font-weight:bold;}
    .cotw-button{padding:0px 45px 0px 35px; font-weight:bold;}
    
    .content-button-showroom{padding:5px 25px 5px 25px; font-size:24px;}    
    
    .stock-number{font-size:10px; padding-top:13px;}
}

.covid{background-color:#a00; color:#fff; text-align:center; box-sizing:border-box; padding:15px;}
.covid-title{font-size:18px; padding-bottom:10px;}
.covid-message{font-size:14px;}

.footer-cookie-wrapper{position:fixed; bottom:0px; width:100%; font-size:18px; text-align:center; z-index: 9999999!important;}

.privacy{position:relative; text-align:center; z-index: 9999999; box-shadow: 0px -3px 3px rgba(0,0,0,0.2);}
.privacy-inner{ margin:0px auto 0px auto;}
.privacy-inner a {color:#fff; text-decoration:underline;}
.privacy-agree{font-size:14px; padding:1px 4px 1px 4px!important}
.privacy-agree:hover{cursor:pointer;}