@font-face {
    font-family: 'utm_swis_bold';
    src: url('../fonts/UTMSWISSCONDENSEDBOLD.otf');
    src: url('../fonts/UTMSWISSCONDENSEDBOLD.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'utm_swis';
    src: url('../fonts/UTMSWISSCONDENSED.otf');
    src: url('../fonts/UTMSWISSCONDENSED.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% 'Roboto',Arial, Helvetica, sans-serif; line-height: 20px; font-size: 13px; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

.mcn-icon {background: url(../images/front/sprite.png) no-repeat;}

/*===================================HEADER================================*/
#header {}
.top-header {background: #0a82f6;width: 100%;padding: 7px 0 7px;color: #fff}
.top-header span{padding:3px 0 ;border-left: 1px solid #399eff;font-size:12px;display: inline-block;margin-left: 10px;text-indent: 20px;}
.top-header span:last-child {border-right: 1px solid #399eff;padding-right: 20px}
.top-header ul {padding-top: 5px;}
.top-header ul li {float: left;}
.top-header ul li a{height: 16px;width: 16px;margin-left: 10px;text-indent: -99999px;display: inline-block;}

.bot-header {border-bottom: 1px solid #e5e5e5;position: relative;}
.bot-header .logo {width: 240px;background: ;height: 80px;margin: 16px 0}
.logo a img {}
.main-menu ul.nav-menu {margin: 45px 0}
.main-menu ul.nav-menu li {float: left;border-left: 1px solid #e5e5e5;padding: 0 20px}
.main-menu ul.nav-menu li:last-child {border-right: 1px solid #e5e5e5;}
.main-menu ul.nav-menu li a{font:400 13px/normal 'Open Sans' ,sans-serif; color: #444;text-transform: uppercase;padding: 5px 0 12px}
.main-menu ul.nav-menu li:hover  a {color: #ff0000;position: relative;}
.main-menu ul.nav-menu li:hover a:after {content: '';height: 3px;background: #ff1d1d;width: 100%;display: block;position: absolute;bottom: 0px}
.main-menu ul.nav-menu li:hover a:after {content: '';height: 3px;background: #ff1d1d;width: 100%;display: block;position: absolute;bottom: 0px}
.main-menu ul.nav-menu li.active a {color: #ff0000;position: relative;}
.main-menu ul.nav-menu li.active a:after {content: '';height: 3px;background: #ff1d1d;width: 100%;display: block;position: absolute;bottom: 0px}

.slider {position: relative;margin-bottom: 40px}
.search-car {height: 107px;background: rgba(51,166,255,0.6);position: absolute;bottom: 0;left: 0;width: 100%;z-index: 100;overflow: hidden;padding: 20px 0 25px}
.where {width: 284px;float:left;margin-right: 20px;overflow: hidden;}
.date-type-age {float:left;width: 690px;height: 36px}
.date-type-age .form-group {margin-right: 20px}
.date,.type-car,.age-car {width: 147px;float: left}
.form-group label {font: 400 13px/20px 'Roboto';color: #fff;text-transform: uppercase;margin-bottom: 8px}
.form-group input,.form-group select,.search-car button{-webkit-box-shadow: none;border:none;border-radius: 0; box-shadow: none;border:1px solid #e5e5e5;}
.search-car button {float: left;background: #0c95ff;color: #fff;-webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;border-color: #62bbff;padding: 10px 25px;margin-top: 20px;-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2); box-shadow: 1px 2px 5px rgba(0,0,0,0.2);-webkit-transition: background .25s ease); -moz-transition: background .25s ease); -ms-transition: background .25s ease); -o-transition: background .25s ease); transition: background .25s ease);}
.search-car button:hover{background: #ff3333;border-color: #fff;}
.submit {float: left}
/*====================================END HEADER======================================*/

/*====================================CONTENT======================================*/
.box-sidebar {margin-bottom: 30px}
.icon-fb {background-position: 0 0;}
.icon-go {background-position: -26px 0;}
.icon-tw {background-position: -52px 0;}
.icon-xe {height: 19px;width: 19px;;display: inline-block;background-position: 0 -26px;}
.icon-support {height: 19px;width: 19px;display: inline-block;background-position: -29px -26px;}
.icon-fb-s {height: 19px;width: 19px;display: inline-block;background-position: 0px -55px;}
.icon-sk-s {height: 19px;width: 19px;display: inline-block;background-position: -19px -55px;}
.icon-yh-s {height: 19px;width: 19px;display: inline-block;background-position: -45px -55px;}
.icon-fb-fanpage {height: 19px;width: 19px;display: inline-block;background-position: -58px -26px;}
.icon-45c {height: 10px;width: 13px;display: inline-block;background-position: 0px -81px;}
.icon-dhnd {height: 13px;width: 13px;display: inline-block;background-position: -23px -81px;}
.icon-std{height: 13px;width: 13px;display: inline-block;background-position: -46px -81px;}
.icon-viewmore{height: 7px;width: 4px;display: inline-block;background-position: -36px -105px;margin:0 5px 1px 0}

.box-sidebar h4 {font: normal 15px/normal 'utm_swis_bold';color: #fff;background: #0a82f6;padding: 12px 16px 10px 16px;text-transform: uppercase;}
.box-sidebar h4 i {margin-right: 7px;vertical-align: middle;margin-top: -6px;}
.wrap-box {border: 1px solid #e5e5e5;padding: 20px;border-top: 0px;}
.cate-car {padding: 0;}
.list-cate-car {padding: 10px 0;}
.list-cate-car li {padding: 7px 10px 7px 25px;position: relative;}
.list-cate-car li a {text-transform: uppercase;color: #333;font: normal 13px/20px 'Roboto';display: block;position: relative;}
.list-cate-car li:hover:before {content:'';display: block;width: 2px;height: 20px;background: #ff0000;position: absolute;left: 0;top: 5px;}
.list-cate-car li:hover a {color: #ff0000}

.box-support .wrap-box{padding:15px 20px 10px 20px}
.list-sup li {}
.list-sup li p span {color: #ff0000;text-transform: uppercase;}
.list-sup li p {margin-bottom: 4px}
.list-sup li {position: relative;border-bottom: 1px solid #e5e5e5;padding-bottom: 7px;margin-bottom: 10px}
.list-sup li .support a {margin-left: 2px}
.list-sup li:last-child {padding: 0px;border: 0;margin: 0}
.list-sup li .support {position: absolute;right: 0 ;top: 0;}

.fb-fanpage {padding: 0}

h2.title {border-bottom: 1px solid #e5e5e5;padding-bottom: 8px;margin-bottom: 20px}
h2.title span{font: normal 20px/normal 'utm_swis_bold';color: #222;text-transform: uppercase;position: relative;padding-bottom: 8px}
h2.title span:after {content: '';display: block;height: 1px;background: #11b4ff;position: absolute;bottom: -1px;width: 100%;}

.detail-product	{}
.detail-product	{border: 1px solid #e5e5e5;padding: 10px 10px 10px 10px;overflow: hidden;}
.detail-product h4 a{color: #333;font: 500 15px/normal 'Roboto';text-transform: uppercase;margin-bottom: 18px;display: block;text-align: center;}
.detail-product h4 a:hover{color: #ff0000;}
.detail-product	a.img{height: 150px;margin-bottom: 20px;display: block;text-align: center;background: #fff;}
.slick-slide img {text-align: center;display: inline-block;}
.block-product .price {font: 500 14px/normal 'Roboto';color: #ff0000;text-transform: uppercase;margin-top: 20px}
.detail-product	.txt-info span i {margin-right: 9px}
.detail-product	.txt-info span{display: block;color: #555;font: normal 13px/normal 'Roboto';margin-bottom: 8px}
.detail-product p {color: #555;font-size: 12px;}
.detail-product hr {padding: 0;margin: 0 -15px 5px;}
a.view-more{color: #0a82f6}
a.view-more:hover{color: #ff0000}
a.view-more:hover i.icon-viewmore{background-position: -50px -105px;}

.block-product {overflow: hidden;position: relative;margin-bottom: 40px}
ul.list-product li {padding:0 15px;}
ul.list-product .slick-list {margin:0 -15px;}
.slick-arrow {background: url(../images/front/sprite.png) no-repeat;border:none;display: inline-block;width: 9px;height: 13px;position: absolute;right: 46px;top:-45px;text-indent: -99999px;
	-webkit-transition: all 0.8s ease;
   -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
     -o-transition: all 0.8s ease;
        transition: all 0.8s ease}
.slick-next {right: 0px !important;background-position: -14px -105px;}
.slick-next:hover {background-position: -14px -128px;}
.slick-next:after{content: '';display: inline-block;width: 30px;height: 1px;background: #11b4ff;position: absolute;bottom: -12px;left: -16px;}
.slick-prev {right: 16px !important;background-position: 0 -105px;}
.slick-prev:hover {background-position: 0 -128px;}

.block-service {}
.block-service {background: url(../images/bg-service.png) no-repeat; -webkit-background-size: cover;
background-size: cover;margin-bottom: 40px;padding: 45px 0}
.block-service h2.title {border: 0;text-align: center;margin-bottom: 0px}
.block-service h2.title span{color: #fff}
.block-service h2.title span:after {display: none}
.block-service p {color: #fff;text-align: center;}

ul.list-service {margin-top: 30px}
.detail-service {background: #fff;
}
.detail-service a.img{display: inline-block;text-align: center;border:1px solid #e5e5e5;margin: 10px 10px 10px 10px;}
.detail-service h4 a{display:block;background: #3b9bf8;font:500 13px/20px 'Roboto', sans-serif; color: #fff;text-align: center;text-transform: uppercase;padding: 12px 0;-webkit-transition: all .8s ease;
   -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
     -o-transition: all .6s ease;
        transition: all .6s ease;}
.detail-service:hover h4 a {background: #ff3333;}

ul.list-service li {padding:0 15px;}
ul.list-service .slick-list {margin:0 -15px 20px;}
ul.list-service .slick-dots {text-align: center;display: block}
ul.list-service .slick-dots li {display: inline-block;}
ul.list-service .slick-dots li button {height: 15px;width: 15px;background: url(../images/front/sprite.png) no-repeat;background-position: -83px -128px;box-shadow: 0;border: 0;text-indent: -99999px}
ul.list-service .slick-dots li.slick-active button {background-position: -58px -128px;}
ul.list-service .slick-dots li {padding: 0 5px}

.block-news-why {}

.detail-news {}
.detail-news a.img {margin-bottom: 12px;display: block}
.detail-news h4 a {font: 500 14px/20px 'Roboto';color: #333;margin-bottom: 10px;display: block}
.detail-news p {font: 500 13px/18px 'Roboto';color: #555;margin-bottom: 8px;}

ul.list-news-right li {border-bottom: 1px solid #e5e5e5;padding-bottom: 12px;margin-bottom: 12px}
ul.list-news-right li a{display: block;margin-bottom: 5px;color: #333}
ul.list-news-right li span.date-post {display: block;width: 100%;color: #777}

.block-why {}
.tab-intro ul li h4 {font:500 15px/20px 'Roboto' ; color: #333;cursor: pointer;padding: 6px 0 7px;transition: all .3s ease;position: relative;}
.tab-intro h4:before{content: ''; background: #555; width: 10px; height: 1px; display: block; position: absolute; right: 20px; top: 50%; margin-top: -1px; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.tab-intro h4:after{content: ''; background: #555; width: 10px; height: 1px; display: block; position: absolute; right: 20px; top: 50%; margin-top: -1px; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg);}
.tab-intro h4.active:after{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);background: #ff0000;}
.tab-intro h4.active {color: #ff0000}


.detail-tb ul {padding-left: 20px;color: #555}
.detail-tb ul li {padding-left: 20px;position: relative;margin:10px 0}
.detail-tb ul li:before {content: '';width: 12px;height: 12px;display: block;background: url(../images/front/sprite.png) no-repeat -36px -129px;position: absolute;top: 0;left: 0;margin-top: 3px}


/*====================================END CONTENT======================================*/

/*====================================FOOTER======================================*/
#footer {background: #005ca4;color: #fff;margin-top: 40px}
.top-footer {padding-top: 54px;padding-bottom: 56px;background: url(../images/front/bgfooter.png) no-repeat center bottom;-webkit-background-size: cocover;
background-size: cocover;}
.top-footer h4 {font: 500 20px/20px 'Roboto';color: #fff;text-transform: uppercase;margin-bottom: 20px}
.ft-gt p {margin-bottom: 10px;color: #a0d5ff}
.ft-gt .view-more {font-size: 13px;color: #fff}
.top-footer ul li {margin-bottom: 10px}
.top-footer ul li a {color: #dcf0ff}
.top-footer ul li:hover a {color: #fff}
.ft-sv ul li a{color: #dcf0ff;position: relative;padding-left: 20px;-webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease}
.ft-sv ul li a:before{content: '';width: 7px;height: 5px;display: inline-block;position: absolute;left: 0;top: 50%;background: url(../images/front/sprite.png) no-repeat -78px 0;margin-top: -3px}
.ft-sv ul li:hover a{color: #fff;padding-left: 30px}

.ft-ct p {margin-bottom: 10px;color: #a0d5ff}
.bottom-footer {padding:15px 0 15px;border-top: 1px solid #489fe3;}
.bottom-footer ul li {float: left;}
.bottom-footer ul li a{height: 16px;width: 16px;margin-left: 10px;text-indent: -99999px;display: inline-block;}
/*====================================END FOOTER======================================*/
.menu-mobile {display: none;padding: 10px;height:50px;background: #f15a29;text-indent: -999999px;position: relative;margin-top: 20px}
.menu-mobile:after {display:block;content: '';width: 18px;height: 10px;background:  url(../images/front/sprite.png) no-repeat -95px 0;position: absolute;top: 16px;left: 13px;z-index: 9999}



@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){}
@media (max-width: 1024px){
	.box-sidebar h4 {padding-right: 0}
	.search-car {height: auto;padding: 10px 0}
	.bot-header .logo {display: block;width: 100%;text-align: center;}
	.main-menu {display: block;width: 100%;text-align: center;}
	.main-menu ul.nav-menu {margin: 0px 0 10px; text-align: center; display: inline-block;}
	ul.nav-menu {text-align: center;}
	.where {width: 200px;margin-right: 10px}
	.date-type-age {margin-right: 10px}
	.date-type-age .form-group {margin-right: 10px}
	.date, .type-car, .age-ca{width: 130px}
	.date-type-age {width: 586px;margin-right: 0}
	.form-group label {font-size: 12px}
/*	.search-car button {margin-top: 0px;display: inline-block;margin: 0 auto;float: none}
	.search-car .submit {text-align: center;width: 100%;clear: both;display: block;overflow: hidden;}*/

}
@media (max-width: 990px){}
@media (max-width: 768px){
.nav ul {display: none}
.menu-mobile {display: block;    width: 40px;
    height: 40px;
float: right;margin-top: 50px}
.nav .menu-mobile {float: right;display: inline-block;width: 20px;height: 20px}
.bot-header .logo {width: auto;display: inline-block;}
.main-menu ul.nav-menu {display: none}
.main-menu {display: block;position: absolute;top: 114px;right: 15px;width: 250px;z-index: 99999;background: #fff;}
.main-menu ul {padding: 10px 0}
.main-menu li{display: block;width: 100%;float: none;border: none;text-align: left;}
.main-menu li a{display: block;width: 100%;}

	.where {width: 100%}
	.search-car button {margin-top: 0px;display: inline-block;margin: 0 auto;float: none}
	.search-car .submit {text-align: center;width: 100%;clear: both;display: block;overflow: hidden;}
	.date-type-age {width: 100%;float: none}
	.date-type-age {text-align: center;}
	.date, .type-car, .age-ca {width: 24%}
	.block-news {margin-bottom: 20px}
	.first-news {margin-bottom: 20px}
	.detail-service {text-align: center;}
}
@media (max-width: 750px){
	.where {width: 100%}
	.search-car button {margin-top: 0px;display: inline-block;margin: 0 auto;float: none}
	.search-car .submit {text-align: center;width: 100%;clear: both;display: block;overflow: hidden;}
	.date-type-age {width: 100%;float: none}
	.date-type-age {text-align: center;}
	.date, .type-car, .age-ca {width: 24%}
	.slider {}
	.search-car {display: block;overflow: hidden;opacity: 1;position: relative;}
}
@media (max-width: 680px){
	.date, .type-car, .age-ca {width: 22%}
}
@media (max-width: 630px){
	.date, .type-car, .age-ca {width: 21%}
}
@media (max-width: 500px){
	.date, .type-car, .age-car {width: 100%}
	span.email-hd {display: none}
	.tab-intro ul li h4 {font-size: 13px}
	.block-news {margin-bottom: 20px}
	.first-news {margin-bottom: 20px}
	.detail-service {text-align: center;}
	.detail-service a.img {}
}
@media (max-width: 420px){}