/*
Theme Name: ATZ Car
Description: This is a child theme for ATZ
Author: ATZ
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
	font-family: 'test-4';
	src: url('./fonts/7687TEST-4.woff2') format('woff2'),
		url('./fonts/7687TEST-4.woff2') format('woff');
	font-display: auto;
}

.test-4{
	font-family: 'test-4' !important;
}

h1, h2, h3, h4, h5, h6, .entry-title, body.single-post .entry-title, body.page .entry-title, body.category .entry-title, .widget-title, .site-title, .site-description, body, p, blockquote, li, a, strong, b, em, .menu-footer-menu-container li a, .menu-footer-menu-container li span, #menu-footer-menu li a, #menu-footer-menu li span, .menu-menu-chung-container li a, .menu-menu-chung-container li span, #menu-menu-chung li a, #menu-menu-chung li span, .menu-menu-mobile-container li a, .menu-menu-mobile-container li span, #menu-menu-mobile li a, #menu-menu-mobile li span, .menu-top-menu-container li a, .menu-top-menu-container li span, #menu-top-menu li a, #menu-top-menu li span{
	font-family: 'test-4' !important;
}
.single-product .product-thumbnails .col a {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.single-product .product-thumbnails .col a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#vehicle_color_360_viewer{
    margin:0 auto;
    cursor: e-resize;
}
.ux-search-box.form-flat .search-field{
    border: 0;
    background: transparent;
    height: calc;
}
 .header .stuck #logo{
    top:0;
}
.header #logo{
    position: relative;
    z-index: 9999;
}
.header #logo img{
    max-height: 115px;
}
.header-nav-main{
    position:relative;
    z-index:999;
}
.header-main .nav > li > a.label-red{
    background: #002c5f;
    color: #fff !important;
    padding: 0px 10px;
}
.quick-button .col-inner>div {
    width: 100%;
    box-shadow: 0 -4px 0 #cdcdcd inset;
    float: left;
}
.quick-button .col-inner>div:hover{
    box-shadow: 0 -5px 0 #C71444 inset;
}
.quick-button .col-inner>div a{
    background: url('images/quick-button.png') no-repeat;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 80px;
    display: table-cell;
    height: 123px;
    padding-bottom: 0;
    vertical-align: middle;
}
.quick-button .col-inner>div:hover a {
    color: #C71444;
}
.quick-button .col-inner>div.find-dealer a {
    background-position: 20px 36px;
}
.quick-button .col-inner>div.find-dealer:hover a {
    background-position: 20px -114px;
}
.quick-button .col-inner>div.pricing-.col-inner>divst a {
    background-position: 20px -264px;
}
.quick-button .col-inner>div.pricing-.col-inner>divst:hover a {
    background-position: 20px -414px;
}
.quick-button .col-inner>div.test-drive a {
    background-position: 20px -564px;
}
.quick-button .col-inner>div.test-drive:hover a {
    background-position: 20px -714px;
}
.quick-button .col-inner>div.price-calculator a {
    background-position: 20px -874px;
}
.quick-button .col-inner>div.price-calculator:hover a {
    background-position: 20px -1014px;
}
.quick-button .col-inner>div.pricing-list a {
    background-position: 20px -264px;
}
.quick-button .col-inner>div.pricing-list:hover a {
    background-position: 20px -414px;
}
.uxcm-price-wrapper{}
.uxcm-price-wrapper .uxcm-price{
    color: #002c5f;
    font-weight: 600;
}
.listing-car .col.post-item .box-image img{
    left: 10px;
    transition: 0.4s all;
}
.listing-car .col.post-item .box-image:hover img{
    left: -10px;
}

/* Single */
.vehicle-banner {
    position: relative;
}
.vehicle-banner .basic {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    position: absolute;
    z-index: 1;
}
.vehicle-banner .basic h1 {
    font-size: 20px;
    line-height: 80px;
    color: #141414;
    font-weight: 700;
    font-family: 'NissanAGBoldRegular', 'Open Sans', sans-serif;
    line-height: 40px;
}
.vehicle-banner .basic p {
    font-size: 14px;
    color: #888888;
}
.vehicle-banner .basic p.banner-price {
    font-size: 10px;
}
.vehicle-banner .basic p span {
    color: #e5003d;
    font-size: 23px;
}
.vehicle-banner .hotline {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #414141;
    top: 70px;
    position: absolute;
    right: 0px;
    text-align: right;
}
.vehicle-banner .hotline span {
    display: block;
    font-size: 34px;
    color: #002c5f;
}
.vehicle-banner .color-360 {
    position: relative;
}
.vehicle-banner .color-360 .viewer {
    margin: 0 auto;
    cursor: w-resize;
    transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}
.vehicle-banner .color-360 .viewer img {
    width: 100% !important;
    height: 100% !important;
}
.vehicle-banner .color-360 .viewer.blur {
    opacity: 0.0;
    transition: opacity 0s;
    -ms-transition: opacity 0s;
    -moz-transition: opacity 0s;
    -webkit-transition: opacity 0s;
}
.vehicle-banner .color-360 .loader {
    background: url('images/loading.gif') no-repeat;
    position: absolute;
    width: 75px;
    height: 75px;
    left: 50%;
    top: 50%;
    margin-left: -32.5px;
    margin-top: -32.5px;
    display: none;
}
ul#vehicle_color_list
 li {
    float: left;
}

ul#vehicle_color_list {
    margin: auto;
    width: 300px;
    overflow: hidden;
}
.vehicle-banner .color-list {
    /* text-align: center; */
    /* position: absolute; */
    /* right: 0px; */
    /* top: 150px; */
    margin: auto;
}
.vehicle-banner .color-list li {
    width: 30px;
    position: relative;
    display: block;
    margin: 4px;
}
.vehicle-banner .color-list li img {
    display: block;
    cursor: pointer;
    border-radius: 4px;
}
.vehicle-banner .color-list li span {
    position: absolute;
    color: #333;
    text-align: right;
    display: none;
    right: 18px;
    width: 160px;
    line-height: 27px;
    bottom: -26px;
}
.vehicle-banner .color-list li:hover span {
    display: block;
}
.vehicle-banner .color-list li.current:before {
    border: 2px solid #222;
    border-radius: 4px;
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.single-uxcm_vehicle .rotate {
    text-align: center;
    margin-top: 10px;
}
.single-uxcm_vehicle .rotate span {
    padding-left: 32px;
    background: url("images/icon-rotate.png") no-repeat scroll left center transparent;
    font-size: 19px;
}
.single-uxcm_vehicle .image-note {
    font-size: 12px;
    color: #999;
    margin-top: -20px;
}


/* Vehicle navigation */
.vehicle-navigation {
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 3;
}
.vehicle-navigation .container {
    position: relative;
}
.vehicle-navigation.fixed {
    position: fixed;
    top: 0;
    padding-top: 0;
    z-index: 4;
}
.vehicle-navigation a.logo {
    display: none;
}
.vehicle-navigation.fixed a.logo {
    position: absolute;
    top: 0;
    width: 97px;
    height: 120px;
    opacity: 0;
    display: block;
}
.vehicle-navigation .menu-cta {
    display: none;
    position: absolute;
    top: 10px;
    right: 0;
}
.vehicle-navigation .menu-cta a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 12px;
}
.vehicle-navigation.fixed .menu-cta {
    display: block;
}
.vehicle-navigation span.icon {
    position: absolute;
    bottom: -7px;
    left: 237px;
    color: #C71444;
    display: none;
}
.vehicle-navigation.fixed span.icon {
    display: block;
}

.vehicle-navigation .menu {
    background-color: #002c5f;
}
.vehicle-navigation.fixed .menu {
    margin-top: 57px;
    margin-left: 98px;
}
.vehicle-navigation .menu li a {
    color: #8a8a8a;
    display: block;
    text-align: center;
}

.vehicle-navigation.fixed .menu li a {
    padding-bottom: 11px;
    line-height: normal;
}

.vehicle-detail {
    margin-top: 100px;
}
/* Vehicle navigation END */


.vehicle-next-steps {
    padding: 50px 0;
}
.vehicle-next-steps .vehicle-call-to-action {
    float: left;
    margin-right: 10px;
}
.the-content .vehicle-call-to-action {
    display: inline-block;
    margin-bottom: 20px;
}
.the-content .vehicle-call-to-action a {
    color: #FFF;
}
.vehicle-call-to-action {
    background-color: #C71444;
    float: right;
    text-transform: uppercase; 
    font-weight: 700;
    margin-top: 20px;
}
.vehicle-call-to-action:hover {
    background-color: #A9113A;
}
.vehicle-call-to-action a {
    color: #FFF;
    display: block;
    position: relative;
    padding: 10px 50px 10px 20px;
    font-size: 18px;
    line-height: 18px;
}
.sidebar-block .vehicle-call-to-action {
    width: 100%;
}
.vehicle-call-to-action small {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
}
.vehicle-call-to-action a:after {
    content: "";
    font-family: "icons";
    position: absolute;
    right: 13px;
    top: 0px;
    color: #FFF;
    line-height: 47px;
    font-size: 28px;
    z-index: 3;
}
.vehicle-share {
    width: 44px;
    height: 44px;
    position: relative;
    overflow: hidden;
    margin-top: 26px;
    float: left;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
}
.single-news .vehicle-share, 
.vehicle-share.expanded {
    width: 223px;
}
.vehicle-share .social-network {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 0;
    white-space: nowrap;
    padding-left: 4px;
}
.vehicle-share .button-toggle {
    background-color: #C71444;
    color: #FFF;
    font-size: 24px;
    line-height: 44px;
    height: 44px;
    width: 44px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
}
.vehicle-share .social-network a {
    width: 44px;
    height: 44px;
    margin-left: -3px;
    display: inline-block;
    background-image: url("images/block-social.png");
    background-repeat: no-repeat; 
    text-indent: -9999px;
}
.vehicle-share .social-network a.facebook {
    background-color: #3B5998;
    background-position: 2px -1px;
}
.vehicle-share .social-network a.google {
    background-color: #DD4B39;
    background-position: -46px -1px;
}
.vehicle-share .social-network a.twitter {
    background-color: #55ACEE;
    background-position: -93px -1px;
}
.vehicle-share .social-network a.youtube {
    background-color: #C3191E;
    background-position: -139px -1px;
}

.section {
    border-bottom: 1px solid #DDD;
    padding: 50px 0;
}
.section-title {
    color: #414141;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 25px;
    border-bottom: 1px dashed #C1C1C1;
    font-weight: 800;
    line-height: 45px;
    display: block;
}

/* Version */
.section.version {
    margin-top: 50px;
    padding: 0;
}
.vehicle-version .item {
    background-color: #EEE;
    float: left;
    width: 387px;
    margin: 0% 20px 20px 0px;
}
.vehicle-version .item {
    background-color: #EEE;
    float: left;
    width: 387px;
    margin: 0% 20px 20px 0px;
}
.vehicle-version .item .name {
    color: #343434;
    font-weight: 800;
    font-size: 35px;
    line-height: 35px;
    margin: 20px 25px 0;
}
.vehicle-version .item .price {
    color: #c60c3e;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin: 0px 25px;
}
.vehicle-version .item .price small {
    color: #696969;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    float: right;
    line-height: 24px;
}
.vehicle-version .item .point {
    border-top: 1px solid #CBCBCB;
    margin: 15px 25px 20px;
    padding-top: 5px;
    min-height: 186px;
}
.vehicle-version .item .point p {
    margin: 13px 0px;
    font-size: 12px;
}
.vehicle-version .item .point p:before {
    padding-right: 5px;
    position: relative;
    top: -1px;
    color: #C71444;
    font-family: sans-serif;
}

/*
#exterior,
#interior {
    height: 1288px;
}
#video {
    height: 842px;
}
#specification {
    height: 586px;
}
#news {
    height: 621px;
}*/

/* Vehicle slider */
.home-slider,
.vehicle-slider,
.vehicle-feature {
    position: relative;
}
.vehicle-slider .slides > li img {
    width: 100%;
    display: block;
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.vehicle-slider .slides > li .description {
    position: absolute;
}
.vehicle-slider .slides > li.left .description {
    left: 2%;
}
.vehicle-slider .slides > li.right .description {
    right: 2%;
}
.vehicle-slider .slides > li.top .description {
    top: 4%;
}
.vehicle-slider .slides > li.bottom .description {
    bottom: 4%;
}
.vehicle-slider .slides > li .description p {
    background-color: rgba(0,0,0,0.7);
    color: #FFF;
    font-size: 42px;
    margin-top: 1px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 15px;
    display: block;
    float: left;
    clear: both;
}
.vehicle-slider .slides > li.right .description p {
    float: right;
}

/* control-nav */
.vehicle-news .flex-control-nav,
.vehicle-video .flex-control-nav,
.vehicle-slider .flex-control-nav,
.vehicle-version .flex-control-nav,
.vehicle-feature .flex-control-nav {
    text-align: center;
    margin-top: 8px;
}
.vehicle-news .flex-control-nav li,
.vehicle-video .flex-control-nav li,
.vehicle-slider .flex-control-nav li,
.vehicle-version .flex-control-nav li,
.vehicle-feature .flex-control-nav li {
    display: inline-block;
    padding: 3px;
}
.vehicle-news .flex-control-nav li a,
.vehicle-video .flex-control-nav li a,
.vehicle-slider .flex-control-nav li a,
.vehicle-version .flex-control-nav li a,
.vehicle-feature .flex-control-nav li a {
    outline: none;
    background: #333;
    text-indent: -99999px;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    -webkit-transition-duration: 700ms;
    -moz-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;

}
.vehicle-news .flex-control-nav li a.flex-active,
.vehicle-video .flex-control-nav li a.flex-active,
.vehicle-slider .flex-control-nav li a.flex-active,
.vehicle-version .flex-control-nav li a.flex-active,
.vehicle-feature .flex-control-nav li a.flex-active {
    background: rgb(199, 20, 68);
}

/* direction-nav */
.home-slider .flex-direction-nav li a,
.vehicle-slider .flex-direction-nav li a {
    outline: none;
    display: block;
    background-color: #EEE;
    background-position: center center;
    background-repeat: no-repeat; 
    text-indent: -9999px;
    width: 37px;
    height: 170px;
    position: absolute;
    top: 50%;
    margin-top: -85px;
    z-index: 2;
    opacity: 0;
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}
.home-slider:hover .flex-direction-nav li a,
.vehicle-slider:hover .flex-direction-nav li a {
    opacity: 0.5;
}
.home-slider .flex-direction-nav li a.flex-prev,
.vehicle-slider .flex-direction-nav li a.flex-prev {
    background-image: url("images/direction-prev.png");
    left: 0;
}
.home-slider .flex-direction-nav li a.flex-next,
.vehicle-slider .flex-direction-nav li a.flex-next {
    background-image: url("images/direction-next.png");
    right: 0;
}


/* Vehicle feature */
.vehicle-feature {
    margin-top: 50px;
}
.vehicle-feature .item {
    width: 285px;
    float: left;
    margin-right: 20px;
    background-color: #EEE;
    padding-bottom: 20px;
    min-height: 360px;
}
.vehicle-feature .item img {
    display: block;
}
.vehicle-feature .item h3 {
    margin: 13px 20px;
    text-transform: uppercase;
    font-weight: 800;
}
.vehicle-feature .item h3 a {
    color: #3F3F3F;
}
.vehicle-feature .item p {
    margin: 13px 20px;
    font-size: 12px;
}
.vehicle-feature .item a.more {
    color: #C71444;
    font-size: 12px;
    margin: 0 20px;
}
/* Popup */
.vehicle-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: -100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10;
    overflow: hidden;
    -webkit-transition: top 600ms ease-in-out 0s; 
    -moz-transition: top 600ms ease-in-out 0s; 
    -o-transition: top 600ms ease-in-out 0s; 
    transition: top 600ms ease-in-out 0s; 
}
.vehicle-popup-container {
    width: 94%;
    max-width: 960px;
    height: 76%;
    margin: 8.25% auto;
    background-color: #FFF;
    position: relative;
    color: #FFF;
}
.vehicle-popup-closer {
    position: absolute;
    right: 13px;
    top: -57px;
    display: block;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    z-index: 1;
}
.vehicle-popup-content {
    height: 100%;
}
.vehicle-feature-detail-header {
    background-color: #4C4C4C;
    padding: 20px 0px;
    position: absolute;
    top: -70px;
    width: 100%;
    height: 70px;
}
.vehicle-feature-detail-header .vehicle-share  {
    position: absolute;
    margin-top: 0;
    left: 20px;
    top: 13px;
}
.vehicle-feature-detail-header h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    color: #FFF;
}
.vehicle-feature-detail-header a {
    color: #FFF;
    font-size: 10px;
    line-height: 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    top: -2px;
    position: relative;
}
.vehicle-feature-detail-header a:hover {
    color: #A9113A;
}
.vehicle-feature-detail-content {
    overflow: auto;
    color: #666;
    height: 100%;
}
.vehicle-feature-detail-content h3 {
    font-weight: 800;
    color: #343434;
    text-transform: uppercase;
}
.vehicle-feature-detail-content p {
    font-size: 12px; 
}
.vehicle-feature-detail-content img {
    display: block;
    width: 100%;
}
.vehicle-feature-detail-content .left {
    float: left;
    width: 60%; 
    border-right: 1px solid #C1C1C1;
}
.vehicle-feature-detail-content .left small {
    width: 41%;
    float: left;
    margin: 0% 3% 0% 6%;
    border-top: 16px solid rgb(199, 20, 68);
    padding-top: 3%;
    font-size: 16px;
    color: rgb(199, 20, 68);
    text-transform: uppercase;
    font-weight: 700;
}
.vehicle-feature-detail-content .left h3 {
    margin: 0% 3% 3% 6%;
    width: 41%;
    float: left;
    clear: both;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -1px;
}
.vehicle-feature-detail-content .left p {
    float: right;
    margin: 0% 6% 3% 3%;
    width: 41%;
}
.vehicle-feature-detail-content .right {
    float: left;
    width: 40%; 
    background-color: #EEE;
    border-left: 1px solid #C1C1C1;
}
.vehicle-feature-detail-content .right h3 {
    margin: 15px 20px 0;
}
.vehicle-feature-detail-content .right p {
    margin: 3px 20px 18px;
}

/* Vehicle video */
.vehicle-video,
.vehicle-interior-360-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 50%; /* 16:9 */
}
.vehicle-interior-360-wrap {
    cursor: w-resize;
}
.vehicle-video ul.slides,
.vehicle-interior-360 {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
}
.vehicle-video ul.slides li {
    height: 100%;
}
.vehicle-video ul.slides iframe {
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.vehicle-video .flex-control-nav {
    position: absolute;
    bottom: -31px;
    width: 100%;
}

/* Vehicle specs */
.toggle-next,
.accordion-heading {
    margin: 0 !important; 
    font-size: 14px !important;
    color: #424242 !important;
    padding: 12px 12px 12px 40px;
    border-bottom: 2px solid #FFF;
    cursor: pointer;
    background-color: #ECECEC;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-image: url("images/toggle-open.png");
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.toggle-next.active,
.accordion-heading.active {
    background-image: url("images/toggle-close.png");
}
.toggle-next:hover,
.accordion-heading:hover {
    background-color: #002c5f;
}
.toggle-content {
    display: none;
    padding: 0 0 0 40px;
}
.vehicle-specs .toggle-content {
    display: none;
    padding-left: 0;
}

/* Vehicle NEWS */
.vehicle-news .item {
    width: 285px;
    float: left;
    margin-right: 20px;
}
.vehicle-news .item img {
    display: block;
    width: 100%;
}
.vehicle-news .item h3 {
    margin-bottom: 15px;
}
.vehicle-news .item h3 a {
    font-size: 26px;
    font-weight: 300;
    line-height: 30px;
    color: #3F3F3F;
    text-transform: none;
}
.vehicle-news .item h3 a:hover {
    color: #C71444;
}
.vehicle-news .item p {
    font-size: 12px;
    margin-bottom: 25px;
    line-height: 22px;
    color: #999;
}
.vehicle-news .item p a {
    color: #C71444;
}
.single-uxcm_vehicle .rotate {
    text-align: center;
    margin-top: 10px;
}
.single-uxcm_vehicle .rotate span {
    padding-left: 32px;
    background: url("images/icon-rotate.png") no-repeat scroll left center transparent;
    font-size: 19px;
}
.single-uxcm_vehicle .image-note {
    font-size: 12px;
    color: #999;
    margin-top: -20px;
}
/* Vehicle navigation */
.vehicle-navigation {
    position: relative;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.vehicle-navigation .container {
    position: relative;
}
.vehicle-navigation.fixed {
    position: fixed;
    top: 0;
    padding-top: 0;
    z-index: 4;
}
.vehicle-navigation a.logo {
    display: none;
}
.vehicle-navigation.fixed a.logo {
    position: absolute;
    top: 0;
    width: 97px;
    height: 120px;
    opacity: 0;
    display: block;
}
.vehicle-navigation .menu-cta {
    display: none;
    position: absolute;
    top: 10px;
    right: 0;
}
.vehicle-navigation .menu-cta li {
    float: left;
    margin-left: 5px;
}
.vehicle-navigation .menu-cta a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 12px;
}
.vehicle-navigation.fixed .menu-cta {
    display: block;
}
.vehicle-navigation span.icon {
    position: absolute;
    bottom: -7px;
    left: 237px;
    color: #C71444;
    display: none;
}
.vehicle-navigation.fixed span.icon {
    display: block;
}
.vehicle-navigation .menu.fixed{
    top: 0;
    width: 100%;
    left: 0;
    text-align: center;
    box-shadow: 0px 2px 1px #ccc;
}
.vehicle-navigation .menu.fixed li{
    float: initial;
    display: inline-block;
}
.vehicle-navigation .menu {
    background-color: #ffffff;
    transition: 0.4s all;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}
.vehicle-navigation.fixed .menu {
    margin-top: 57px;
    margin-left: 98px;
}
.vehicle-navigation .menu li {
    border: 0;
    padding: 12px 30px 0;
}
.vehicle-navigation .menu li a {
    color: #777474;
    text-align: center;
    font-weight: normal;
    line-height: 40px;
    font-size: 16px;
    text-transform: none;
}

.vehicle-navigation.fixed .menu li a {
    padding-bottom: 11px;
    line-height: normal;
}
.vehicle-navigation .menu li a:hover {
    color: #c22424;
}
.vehicle-detail {
    margin-top: 100px;
}
.vehicle-slider .box-text{min-height: 95px;}
.vehicle-slider .accordion-item{}
.vehicle-slider .accordion-item .accordion-title{
    margin: 0 !important;
    font-size: 15px !important;
    color: #424242 !important;
    padding: 8px 12px 8px 40px;
    border-bottom: 2px solid #FFF;
    cursor: pointer;
    background-color: #ECECEC;
    background-position: 10px center;
    background-repeat: no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.vehicle-slider .accordion-item .accordion-title button i{
    line-height: initial;
    font-size: 15px;
}
.vehicle-slider .accordion-item .accordion-title span{
    margin-left: 10px;
}
.vehicle-slider .accordion-item .accordion-title button{
    height: 25px;
    width: 25px;
    background: #fff;
    border-radius: 0;
    line-height: 25px;
    padding: 0;
    margin-left: 10px;
    min-height: 25px;
    top: 6px;
}
.vehicle-slider .accordion-item .accordion-inner li{
    margin-bottom:5px;
}
.vehicle-slider .accordion-item .accordion-inner{
    font-size: 15px;
}
.vehicle-call-to-action {
    background-color: #C71444;
    float: right;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 20px;
    width: 100%;
}

.sidebar-block .vehicle-call-to-action {
    width: 100%;
}
.sidebar-tool li {
    border: 2px solid #d7d7d7;
    margin-bottom: 10px !important;
}
.sidebar-tool li.hotline a {
    background-position: right 10px;
    padding: 10px;
}
.header, .header-wrapper,#top-bar{
}
.sidebar-tool li a {
    background: url(images/sidebar-tool.png) no-repeat;
    display: block !important;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 18px;
    padding: 18px 10px !important;
}
.sidebar-tool li a span {
    display: block;
    font-size: 20px;
    color: #C71444;
}
.sidebar-tool li.sale a {
    background-position: right -60px;
    padding: 10px;
}
.sidebar-tool li.letter a {
    background-position: right -130px;
}
.sidebar-tool li.dealer a {
    background-position: right -200px;
}
.sidebar-tool li.calculator a {
    background-position: right -270px;
}
.sidebar-tool li.price a {
    background-position: right -340px;
}
.home-news .box-text {
    min-height: 85px;
    border-bottom: 3px solid #002c5f;
}

/* Vehicle navigation END */ 
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.header #logo{
    top:0;
}
.section-title{
    font-size:22px;
}

#vehicle_color_360_viewer {
    margin: 0 auto;
    cursor: e-resize;
    width: 500px !important;
    height: 226px !important;
}
.vehicle-banner .hotline{text-align: left;top: 120px;}
.footer-1 .large-columns-1>div:first-child {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: block;
}
.footer-1 .large-columns-1>div{
    max-width: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: none;
}
.header #logo img {
    max-height: 100%;
    top: 0;
}
#top-bar.header-top{
    background-color:#313131 !important;
    display: none;
}
.header, .header-wrapper{
    background: #002c5f;
}
.vehicle-banner .basic{
    position: unset;
}
.vehicle-navigation .menu.fixed{
    top: 0;
    padding: 5px 0;
}
.vehicle-navigation .menu li a{
    line-height: 16px;
    text-transform: none;
    padding: 0;
    font-size: 13px;
}
.single-uxcm_vehicle .image-note{
    margin: 0;
    text-align: center;
}
.rotate{
    margin-bottom: 10px;
    display: block;
    position: relative;
}



.header-top {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding: 5px 0;
    z-index: 2;
}

.social-icons .follow-icons 
{
    border-radius: 20px;
}
}
/* atz */
#masthead a.nav-top-link {
    padding: 5px 10px;
}
#masthead a.nav-top-link:hover, .nav > li.active > a, .nav-dropdown > li > a:hover {
    color: #c22424
}
h2.home-title {
    color: #c22424;
    text-transform: uppercase;
}
p.car-price b {
    color: #c22424;
}
.sec-car img, .img-bangiga{
    margin-left: 0;
    transition: all 0.5s ease;
}
.sec-car img:hover, .img-bangiga:hover {
    margin-left: -15px;
}
.item-service p {
    font-size: 14px;
}
.nav-dropdown {
    min-width: 170px;
    padding: 0;
    margin: 0;
    transition: opacity .25s;
    color: #777;
    background-color: #fff;
    border: none;
}
.nav > li > a,
.nav-dropdown > li > a,
.nav-column > li > a {
    transition: all .2s;
        padding: 5px 0;
        color: #222;        
}
.module-title {
    font-size: 2.25rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.9375rem;
    margin-bottom: 2.5rem;
    position: relative;
}
.module-title:before {
    content: ' ';
    background: #ED1C24;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 6.25rem;
    height: 1px;
    margin-left: -3.125rem;
}
div#car-header {
    margin-bottom: 40px;
}

div#color {
    overflow: hidden;
    position: relative;
}
/*modal tính phí lăn bánh*/
.atz_muaoto_wrap {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    padding: 0px 10px;
}
.atz_muaoto_left {
    width: 49%;
    float: left;
}
.atz_muaoto_wrap table {
    border: 0;
    border-collapse: collapse;
}
.atz_muaoto_wrap table td {
    background: transparent !important;
    border: 0 !important;
    padding: 5px !important;
}
.atz_muaoto_left table tr td:nth-child(1) {
    width: 120px;
}
.atz_muaoto_wrap select {
    width: 100%;
    margin-bottom: 6px;
}
button#btn-submit {
    margin-bottom: 0;
}

p.note {
    margin-bottom: 0;
}
.atz_muaoto_wrap select optgroup option, .atz_muaoto_wrap select option {
    color: #000;
}
.atz_muaoto_right {
    width: 49%;
    float: right;
}
tfoot.footer-kq {
    border-top: 1px solid #ccc;
}

tfoot.footer-kq td {
    color: #c22424;
    font-size: 17px;
}

tr.trgiaxe td {
    color: #c22424;
    font-size: 17px;
}
h3.title-modal {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    border-bottom: 1.5px dashed #ccc;
}
p.btn-dutoan span {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 2.3;
}
.archive-product {
    border: 1px solid #e0e0e0;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
}
.archive-product .name {
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: uppercase;
    background: #f0f0f0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0;
    text-align: center;
    padding: 5px;
}
.archive-product .info {
    padding: 1.875rem 1.25rem 1.25rem;
}
.archive-product .versions {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0;
}
.archive-product .versions dt {
    color: #888;
    float: left;
    clear: both;
    margin-bottom: 0.5rem;
}
.archive-product .versions dd {
    color: #ED1C24;
    float: right;
    margin-bottom: 0.5rem;
}
.item-bg .col-inner {
    height: 100%;
}
#load-banner img {
    max-width: 640px;
}

#load-banner {
    text-align: center;
}

#uxcm-vehicle-content {
    color: #444;
    font-weight: normal;
    font-size: 15px;
    text-transform: none;
}

#uxcm-vehicle-content li {margin-bottom: 0;}

.uxcm-vehicle-content.entry-content {
    padding: 0;
}
.basic h1 {
    text-align: center;
    margin-bottom: 0;
}
#vehicle_navigation_menu li img {
    display: block;
    height: 40px;
    margin: auto;
}

li.current {
    background: #dedede;
}

.vehicle-navigation .menu.fixed li img{
    height: 20px !important;
}
th, td {
    padding: 0;
}
table table, table table tr, table table td {
    border: none;
}

#menu-footer li a {
    display: inline-block;
    position: relative;
    padding-left: 0.9375rem;
}
#menu-footer li a:hover {
    color: #e5003d;
}
#menu-footer li a:before {
    content: ' ';
    background: #e5003d;
    display: block;
    width: 0.3125rem;
    height: 0.3125rem;
    position: absolute;
    top: 1rem;
    left: 0;
}
.car-text-nt p, .car-text-nt h2, .car-text-nt h3 {
    color: #333;
}
.car-text-nt p{
    font-size: 14px;
}
.car-text-nt h2{
    font-size: 34px;
}
.car-360-tip{
	text-align: center;
}
h1.home-title {
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    color: #c4221c;
}