body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    background-color: #fff;
    margin: 0;
}

ol,ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

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

b,strong {
    font-weight: bold;
}

i,em {
    font-style: italic;
}

* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

*:focus {
    outline: 0;
}

p {
    margin: 0 0 10px;
}

img {
    max-width: 100%;
}

.row {
    margin: 0 -10px;
    position: relative;
}

.col {
    width: 100%;
    padding: 0 10px;
    float: left;
    box-sizing: border-box;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.33%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-20 {
    width: 20%;
}

.row:after,.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.clear,.clr {
    clear: both;
    float: none;
}

.none,.mobile {
    display: none;
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table;
}

.col-15 {
    width: 15%;
}

.col-40 {
    width: 40%;
}

.reason h2 {
    text-transform: none;
    font-size: 18px;
    color: #002c5f;
    margin: 0;
}

.reason h2 span {
    font-size: 30px;
    text-transform: uppercase;
}

.reason .line {
    width: 100%;
    background: #002c5f;
    height: 1px;
}

.reason .col.col-4 h3 {
    font-size: 20px;
    margin: 30px 0 10px;
    color: #002c5f;
}

.reason .col.col-4 p {
    font-size: 14px;
    text-transform: none;
    margin: 0;
    text-align: justify;
}

.modal-block {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 999999;
    padding: 20px;
    box-sizing: border-box;
    background-color: black;
    background-color: rgba(49, 49, 49, .2);
    text-align: center;
}

.modal-dialog {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    width: 500px;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
    margin-top: 50px;
    max-width: 100%;
    box-sizing: border-box;
}

.dialog-title {
    letter-spacing: -1px;
    font-size: 1.3em;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 5px;
    text-align: center;
}

.dialog-content {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    text-align: center;
}

.dialog-actions {
    text-transform: uppercase;
    text-align: center;
    margin: 10px auto;
    float: left;
    width: 100%;
}

.dialog-actions a,.dialog-actions button {
    display: inline-block;
    padding: 0px 15px;
    background: #f3f3f3;
    color: #002c5f;
    margin-right: 10px;
    font-weight: bold;
    line-height: 35px;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    font-family: inherit;
    font-size: 14px;
    text-transform: uppercase;
}

.dialog-actions a:last-child,.dialog-actions button {
    background: #002c5f;
    color: #FFF;
}

.dialog-content input {
}

.dialog-content input:focus {
    box-shadow: 0 0 5px #51cbee;
    border: 1px solid #51cbee;
    color: #333;
}

.dialog-content input.error {
    box-shadow: 0 0 5px #e00;
    border: 1px solid #e00;
    color: #333;
}

.dialog-content .note {
    font-size: 12px;
    color: #888;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 10px;
    padding: 0 10%;
    margin-bottom: -10px;
}

a {
    color: #000;
}

.container {
}

.flex-direction-nav a:before {
    content: none !important;
}

.button {
    line-height: 40px;
    display: inline-block;
    padding: 0 30px;
    text-transform: uppercase;
    color: #fff;
    background: #eb1b2e;
    margin: 5px auto;
}

.block-title {
    margin: 20px auto;
    text-align: center;
    line-height: 40px;
    background-position: center;
    color: #002c5f;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 1px solid;
    display: table;
    padding: 0 20px;
}

.scrolltop {
    background: url(statics/sprite-genk_v9.png) -229px -195px no-repeat!important;
    width: 50px!important;
    height: 50px!important;
    opacity: .45!important;
    position: fixed;
    cursor: pointer;
    bottom: 100px;
    right: 10px;
}

.scrolltop span {
    display: none;
}

@font-face {
    font-family: icomoon;
    src: url(fonts/icomoon/icomoonf6b2.eot?1dy2ol);
    src: url(fonts/icomoon/icomoonf6b2.eot?1dy2ol#iefix) format("embedded-opentype"), url(fonts/icomoon/icomoonf6b2.ttf?1dy2ol) format("truetype"), url(fonts/icomoon/icomoonf6b2.woff?1dy2ol) format("woff"), url(fonts/icomoon/icomoonf6b2.svg?1dy2ol#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
}

[class*=" icon-"],[class^=icon-] {
    /* font-family: icomoon!important; */
    /* speak: none; */
    /* font-style: normal; */
    /* font-weight: 400; */
    /* font-variant: normal; */
    /* text-transform: none; */
    /* line-height: 1; */
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
}

.sticky {
    position: fixed;
    top: -webkit-calc(50% - 70px);
    top: calc(50% - 70px);
    z-index: 2000;
    right: 0;
}

.sticky .icon {
    background-color: #002c5f;
    padding: 10px;
    font-size: 20px;
    border-bottom: solid 1px #cdcdcd;
    position: relative;
}

.sticky .icon a {
    color: #fff;
    text-decoration: none;
}

.sticky .icon:hover a {
    color: #fff;
}

.icon-Drive:before {
    content: "\e90b";
}

.icon-PriceTag:before {
    content: "\e907";
}

.icon-Calculator:before {
    content: "\e906";
}

.sticky .icon .text,.sticky .icon:hover {
    background-color: #002c5f;
}

.sticky .icon .text {
    color: #fff;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 150px;
    font-size: 13px;
    padding: 15px;
    padding-left: 40px;
    transition: left .5s;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -o-transition: left .5s;
}

.sticky .icon:hover .text {
    left: -190px;
}

body>section {
    float: left;
    width: 100%;
    /* padding-top: 120px; */
}

.header-top div.right {
    width: 300px;
}

.header-top div.right img {
    height: 40px;
    float: left;
    padding: 10px;
}

.header-top div.right label {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 10px 0 0;
}

.header-top div.right b {
    font-weight: normal;
    color: #fff;
    line-height: 30px;
    display: block;
}

#logo {
    /* float: left; */
    /* padding: 7px 0; */
    ;}

header .testdrive {
    text-transform: uppercase;
    width: 70px;
    display: block;
    float: right;
    line-height: 25px;
    text-align: center;
    padding: 20px 10px;
    color: #fff;
    background: #eb1b2e;
    font-size: 18px;
}

.nav {
    width: 100%;
    height: 60px;
    background: #f5bd15;
    position: relative;
}

.nav>.container>a {
    line-height: 50px;
    display: block;
    float: left;
    margin-top: 5px;
    padding-left: 60px;
    color: #fff;
    font-size: 25px;
    background: url(statics/btn-bg.png) no-repeat;
    background-position: 0;
    background-size: auto 50px;
    padding-right: 30px;
    border-right: 3px solid #fff;
}

.nav>.container>a.btn-lt {
    background: url(statics/btn-lt.png) no-repeat;
    background-position: 0;
    background-size: auto 50px;
    margin-left: 30px;
    padding-right: 0;
    border: 0;
}

.nav>ul {
    position: absolute;
    background: #fff;
    width: calc(50% - 150px);
    right: 0;
    height: 60px;
}

.nav>ul:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 60px solid #f5bd15;
    border-right: 60px solid transparent;
}

.nav>ul li {
    display: inline-block;
    margin-left: 20px;
}

.nav>ul li:first-child {
    margin-left: 100px;
}

.nav>ul li img {
    height: 60px;
}

.home-cars,.category-name {
    float: left;
    width: 100%;
    background: #f2f1f0;
}

.home-cars h2,.category-name h1 {
    font-weight: 300;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 100px;
    float: left;
    margin: 0;
    margin-right: 30px;
}

.home-cars p {
    float: left;
    line-height: 100px;
    margin: 0;
    font-weight: 300;
    font-size: 20px;
}

.cars {
    float: left;
    width: 100%;
    padding: 2px 2px 20px;
    box-sizing: border-box;
}

.car img {
    max-width: 90%;
}

.articles {
    /* float: left; */
    /* width: 100%; */
    margin-top: 20px;
}

.article {
    margin-bottom: 20px;
}

.article>a {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    background: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.article>a img {
    display: none;
}

.article>a h3 {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 20px 10px 10px;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}

.test-drive {
    float: left;
    text-align: center;
    width: 100%;
    padding: 30px 0;
    background: #f2f1f0;
}

.test-drive .icon {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='%233C3C3C'%3E%3Cpath d='M300 60.2C167.5 60.2 60.2 167.5 60.2 300S167.5 539.8 300 539.8 539.8 432.4 539.8 300 432.5 60.2 300 60.2zm0 443.6c-112.5 0-203.8-91.2-203.8-203.8S187.5 96.2 300 96.2c112.5 0 203.8 91.2 203.8 203.8S412.5 503.8 300 503.8z'/%3E%3Cpath d='M514.8 309.9c-4.7-5.7-12-13.2-22.4-21.2-14.1-10.9-34-22.8-61.3-35.6-32.5-15.2-75.5-28.8-131.7-28.8-55.3-.2-97.5 12.6-129.3 27.1-28.4 13-48.7 25.5-62.9 36.7-8 6.3-14.1 12.3-18.6 17.3-13.7 15.3-6.7 48.3 6.5 45.1C145 338.3 211 330.4 284 329.2c4.2.6 8.6 1 13.2 1 80.4 0 153.5 8.1 207.6 21.4 13.3 3.4 23.1-25.9 10-41.7z'/%3E%3Cpath d='M440.7 333.1l-130-29.7v-4.9L300 301l-10.7-2.4v4.9l-130 29.7-19.5 8.3s45.7-7.7 60.8 8.7c14.7 16 71.1 127.7 71.7 141.3.3 7.1-2.1 10.3-8 9.2-12.2-2.4 18.4 20.3 35.7 20.1 17.4.2 48.3-22.5 35.6-20.1-6 1.1-8.3-2.1-8-9.2.5-13.6 56.9-125.5 71.7-141.3 14-15 61.3-8.7 61.3-8.7l-19.9-8.4zM105.5 361.1s-1.7-4.7-.2-8.9c.8-2.4 2.9-4.7 6.4-5.4 7.8-1.6-4.8-58.4-4.8-58.4s-11.1 8.3-10-6.5c.5-6.8-16.6 71.9 8.6 79.2z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 100%;
    height: 60px;
    width: 60px;
    margin: auto;
}

.test-drive h3 {
    font-size: 35px;
    font-weight: 300;
    margin: 10px 0;
}

.test-drive p {
    font-size: 18px;
    font-weight: 300;
}

footer {
    float: left;
    background: #002c5f;
    color: #fff;
    width: 100%;
    padding: 15px 0;
}

footer h4 {
    margin: 15px 0;
    font-size: 20px;
}

footer ul li,footer ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}

#page-article h1,#page-blog h1 {
    font-size: 40px;
    font-weight: 400;
    margin: 30px 0 20px;
}

#page-article article img,#page-article article input[type=img] {
    height: auto !important;
}

.vp {
    /* float: left; */
    /* width: 100%; */
    /* padding-top: 56.25%; */
    /* position: relative; */
    /* overflow: hidden; */
}

.vp img,.vp iframe {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blogs .blog:nth-child(3n + 1) {
    clear: both;
}

.blogs .blog h3 {
    float: left;
    width: 100%;
    margin: 10px 0 30px;
    font-weight: 400;
    font-size: 20px;
}

.contact-info {
    position: absolute;
    z-index: 9999;
    top: 50px;
    right: 30px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#page-contact h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: #002c5f;
    margin: 0 0 10px;
}

#page-contact p.des {
    font-weight: 500;
    font-size: 15px;
}

#page-contact ul.info li {
    list-style-type: circle;
    margin: 0 0 5px 15px;
    font-size: 15px;
}

#page-contact a.view {
    color: #002c5f;
    border-bottom: 1px solid;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
}

.price-policy {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.price-policy .card {
    align-items: flex-start;
    align-self: stretch;
    background: #fff;
    border: 1px solid #7a99ac;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 16px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
}

.price-policy .card .card-heading {
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}

.price-policy .card .card-heading span {
    font-size: 24px;
    font-style: italic;
    font-weight: 1000;
    margin-right: .8em;
}


.price-policy .card .card-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
}
.price-policy .card .card-body dl {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.price-policy .card .card-body dl dt {
    color: #3c3c3c;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.price-policy .card .card-body dl dd {
    color: #3c3c3c;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px;
}

.price-policy h2 {
    color: #1464f4;
    font-size: 42px;
    font-weight: 300;
    line-height: 52.71px;
    margin-bottom: 16px;
    text-align: center;
}

.h2-price {
    color: #1464f4;
    font-size: 42px;
    font-weight: 300;
    line-height: 52.71px;
    margin-bottom: 16px;
    text-align: center;
}

.package {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-around;
}

.package .price-box {
    align-items: center;
    border: 1px solid #1464f4;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 50%;
}

.package .package-group {
    padding: 16px;
    text-align: center;
}

.package .package-value {
    color: #1464f4;
    font-size: 40px;
    font-weight: 800;
    line-height: 50.2px;
}

.price-policy .d-block {
    display: none !important;
}

.price-policy .package-title {
    border-bottom: 1px solid #1464f4;
    color: #1464f4;
    font-size: 24px;
    font-weight: 300;
    line-height: 30.12px;
    padding: 16px;
    text-align: center;
    width: 100%;
}

.price-policy .policy-section .package-value {
    flex: auto;
    font-size: 16px;
    font-weight: 800;
    line-height: 20.08px;
    padding: 16px;
    text-align: center;
}

@media only screen and (min-width: 1200px) {
    .price-policy {
        flex-direction:row;
        gap: 30px;
    }
}

@media only screen and (min-width: 1200px) {
    .price-policy .card {
        flex-basis:50%;
        margin-bottom: 0;
        padding: 30px
    }
}

@media(max-width: 767px) {
    .price-policy h2 {
        font-size: 28px;
        line-height: 40.16px;
    }

    .package .package-value {
        font-size: 24px;
    }

    .package .price-box {
        width: 100%;
    }

    .price-policy .d-md-none {
        display: block !important;
    }
}

#page-product .container * {
    max-width: 100% !important;
}

#page-product .bigimg {
    position: relative;
    float: left;
    width: 100%;
}

#page-product .bigimg img {
    float: left;
    width: 100%;
}

#page-product .bigimg h1 {
    position: absolute;
    bottom: 60px;
    left: 60px;
    font-size: 40px;
    margin: 0;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0 10px #000;
}

#page-product .bigimg h1 i {
    font-style: normal;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 2px solid #fff;
    font-size: 25px;
    font-weight: 300;
}

#page-product .options {
    margin-bottom: 20px;
    text-align: center;
    float: left;
    width: 100%;
    background-color: #f8f8f8;
    box-shadow: 5px 5px 6px rgba(0, 0, 0, .1);
}

#page-product .options li {
    display: inline-block;
    border-right: 1px solid #ebebeb;
    padding: 20px 15px;
}

#page-product .options li:last-child {
    border-right: none;
}

#page-product .options li h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 10px;
}

#page-product .options li p {
    margin: 0;
    color: #eb1b2e;
    font-weight: 500;
}

#page-product article.description {
    float: left;
    width: 100%;
    margin: 50px 0;
}

#page-product article.description>table {
    margin: 30px 0;
}

#page-product article.description table td {
    width: 25%;
    vertical-align: top;
    padding: 10px;
}

#page-product article.description table td img {
    width: 100%;
    height: auto !important;
}

.hotline-social {
    float: right;
    padding: 26px 0;
}

.right-logo {
    float: left;
    padding-top: 17px;
    margin-left: 125px;
}

.right-logo img {
    max-height: 80px;
}

.hotline-social .social {
    display: inline-block;
}

.hotline-social .social a:hover {
}

.hotline-social .social a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #0d4688;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    color: #fff;
}

.hotline-social .social a i {
}

.hotline-social .hotline i {
    position: absolute;
    left: 0;
    font-size: 2.2em;
    top: -1px;
}

.hotline-social .hotline b {
    color: red
}

.hotline-social .hotline {
    display: inline-block;
    margin-left: 70px;
    color: #252525;
    padding-left: 33px;
    position: relative;
    text-transform: uppercase;
    font-size: 18px;
}

.hotline-social .email label,.hotline-social .hotline label {
    display: block
}

.hotline-social .email {
    padding-left: 40px;
}

.hotline-social .email i {
    font-size: 1.8em;
    top: 2px;
}

.hotline-social .hotline label {
    color: #0d4688;
    font-weight: bold;
    line-height: 1;
}

.clearfix {
    clear: both;
    float: none !IMPORTANT;
}

.slider-nav {
    display: flex;
    padding: 30px 0;
}

.slider-nav .item:hover .item-inner {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.4);
    background: #efefef;
}

.slider-nav .item .item-inner {
    margin: auto;
    padding: 20px 0 3px 0;
    width: 100%;
    max-width: 310px;
    border-radius: 15px;
    transition: 0.4s ease;
}

.slider-nav .item {
    flex: 0 0 33.333%;
    padding: 0 20px;
    text-align: center;
}

.slider-nav .item img {
}

.slider-nav .item .xlink {
    margin-top: 0px;
    border: 0;
    display: inline-block;
    padding: 7px 15px;
    color: #333;
    font-size: 16px;
    padding-bottom: 4px;
    border-radius: 4px;
}

.main-title {
    font-weight: normal;
    text-align: center;
    color: #121214;
    font-size: 28px;
    padding-bottom: 20px;
    clear: both;
}

.main-title span {
    display: inline-block;
    position: relative;
    padding-bottom: 14px;
}

.main-title span:after {
    content: "";
    background: url(assets/img/vline.png) center center no-repeat;
    height: 18px;
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 5%;
    top: 45px;
}

.reason .xitem {
    margin-bottom: 30px;
}

.wrap-why {
    display: flex;
    align-items: center;
    padding: 10px 0px 10px 10px;
}

.wrap-why .w-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: #d0d0d0;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    color: #4e4e4e;
}

.wrap-why .w-icon:after {
    content: "";
    position: absolute;
    width: calc(100% + 22px);
    height: calc(100% + 22px);
    border: 1px solid #ccc;
    left: -12px;
    top: -12px;
    border-radius: 50%;
}

.wrap-why .w-icon i {
}

.wrap-why h3 {
    margin: 0;
    padding-left: 20px;
    font-size: 14px;
}

#newsletter {
    background: url(assets/img/bg-newsletter.jpg) no-repeat top center;
    background-size: 100%;
    padding: 100px 0;
    height: 0;
    padding-bottom: 42%;
}

#newsletter .xinner {
    float: right;
    /* padding: 30px 0; */
    max-width: 420px;
}

#newsletter .xinner .desc .box-hotline a {
    color: #fff;
    display: block;
}

#newsletter .xinner .desc .box-hotline {
    background: #e63312;
    color: #fff;
    font-size: 14px;
    float: right;
    padding: 6px 15px;
    border-radius: 5px;
    line-height: 1.6;
}

#newsletter .xinner .desc .box-hotline span:first-child {
    padding-right: 10px;
    font-size: 16px;
}

#newsletter .xinner .desc .box-hotline span a {
}

#newsletter .xinner .desc * {
    box-sizing: border-box;
}

#newsletter .xinner .desc .title {
    font-weight: bold;
    text-align: right;
    font-size: 20px;
}

#newsletter .xinner .desc {
    /* color: #fff; */
    font-size: 18px;
    line-height: 2;
}

#newsletter .xinner form {
    max-width: 380px;
    position: relative;
    margin-top: 20px;
}

#newsletter .xinner form input {
    width: 100%;
    padding: 11px 10px;
    border-radius: 7px;
    border: 0;
}

#newsletter .xinner form button {
    position: absolute;
    top: 0;
    right: 0;
    background: #e63312;
    height: 100%;
    color: #fff;
    font-size: 16px;
    padding: 0px 15px;
    border: 0;
    border-radius: 7px;
}

.section-choose {
    background: #005499;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.section-choose .left-c:after {
    content: "";
    background: #e63312;
    position: absolute;
    left: -40px;
    width: 100px;
    height: 100%;
    top: 0;
}

.section-choose .left-c {
    float: left;
    width: 300px;
    background: #e63312;
    padding: 42px 0;
    transform: skewX(-30deg);
    position: relative;
    text-align: center;
}

.section-choose .left-c span {
    transform: skewX(30deg);
    display: block;
    position: relative;
    z-index: 2;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
}

.section-choose .right-c {
    float: left;
    width: calc(100% - 300px);
}

.section-choose .inner {
    width: 90%;
    max-width: 1300px;
    margin: auto;
    padding: 12px 30px;
}

.section-choose .inner .col-3 {
    float: left;
    text-align: center;
    color: #fff;
}

.section-choose .inner img {
}

.section-choose .inner p {
}

#kmx * {
    box-sizing: border-box
}

#kmx {
}

#kmx .col-7 {
    padding-left: 20px;
    padding-right: 20px;
}

#kmx .col-5 {
    padding-left: 20px;
    padding-right: 20px;
}

#kmx .articles {
    margin: 0 -20px;
}

#kmx {
    background: #f5f6f7;
    padding: 30px 0;
}

#kmx .a-title {
    text-transform: uppercase;
    font-size: 28px;
    color: #e63312;
    margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    font-weight: bold;
}

#kmx .a-title span {
    position: relative;
}

#kmx .a-title span:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    background: #e63312;
    left: 0;
    bottom: -10px;
}

#kmx select {
    width: 100%;
    padding: 5px 6px;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive-16by9::before {
    padding-top: 106.25%;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

footer .copyright {
    border-top: 1px solid rgba(204 ,204, 204,0.32);
    padding: 5px 0;
    padding-top: 7px;
}

footer .copyright .left {
    font-weight: normal;
}

footer .copyright .right {
}

footer .copyright .right ul {
}

footer .copyright .right ul li strong {
    font-weight: normal;
}

footer .copyright .right ul li {
    display: inline-block;
    padding: 0 5px;
}

#dk-newsletter {
    background: #050404;
    padding: 20px 0;
    color: #fff;
}

#dk-newsletter .left {
    font-size: 30px;
    font-weight: bold;
}

#dk-newsletter .left span {
    font-size: 40px;
    position: relative;
    top: 3px;
    margin-right: 20px;
}

#dk-newsletter .right {
    /* float: none; */
}

#dk-newsletter .right form {
    position: relative;
    width: 470px;
    max-width: 470px;
}

#dk-newsletter .right button {
    position: absolute;
    right: 0;
    height: 100%;
    background: #5e5e5e;
    border: 0;
    color: #fff;
    padding: 5px 0px;
    font-size: 17px;
    width: 90px;
    text-align: center;
    border-radius: 4px;
}

#dk-newsletter .right input {
    width: calc(100% - 95px);
    padding: 14px 10px;
    border-radius: 4px;
    border: 0;
}

#most-event {
    padding: 20px 0;
}

#most-event .title {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    color: #e63312;
    margin-bottom: 40px;
}

#most-event .itemz:hover .topz {
    border-bottom-color: red
}

#most-event .topz {
    margin-top: 10px;
    height: auto;
    padding: 10px;
    padding-top: 0;
    border-bottom: 4px solid transparent;
    transition: 0.4s ease;
}

#most-event .topz h3 {
    color: #e63312;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
}

#most-event .topz small {
    color: #333;
    margin-bottom: 2px;
    display: block
}

#most-event .topz .desc {
    color: #5a5a5a;
    font-size: 13px;
}

#kmx .w-video {
    width: calc(100% - 170px);
    float: left;
}

#kmx .w-video .inner-frame {
    position: relative;
    height: 0;
    padding-bottom: 75%;
}

#kmx .w-video .inner-frame iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

#kmx .scroll-video {
    float: right;
    width: 165px;
    max-height: 381px;
    overflow: auto;
}

#kmx .scroll-video::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#kmx .scroll-video::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

#kmx .scroll-video::-webkit-scrollbar-thumb {
    background-color: rgba(8, 8 ,8 ,0.44);
    border: 2px solid rgba(6, 6, 6,0.18);
}

#kmx .scroll-video li {
}

@media (max-width: 1200px) and (min-width: 800px) {
    header .menu>li {
        margin-left: 7px;
    }

    header .menu>li>a {
        font-size: 13px;
    }

    header #logo {
        padding: 10px;
        height: 60px;
    }

    .reason .col.col-4:last-child h3 {
        margin-left: 0;
    }
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

body {
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    background-color: #fff;
    margin: 0;
}

ol,ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

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

b,strong {
    font-weight: bold;
    /* font-size: 18px; */
}

i,em {
    font-style: italic;
}

* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

.text-center {
    text-align: center
}

p {
    margin: 0 0 10px;
    font-weight: 400;
}

img {
    max-width: 100%;
    height: auto !important;
}

.row {
    margin: 0 -10px;
    position: relative;
}

.col {
    width: 100%;
    padding: 0 10px;
    float: left;
    box-sizing: border-box;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.33%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-20 {
    width: 20%;
}

.row:after,.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.clear,.clr {
    clear: both;
    float: none;
}

.none,.mobile {
    display: none;
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

.col-25 {
    width: 25%;
}

.col-15 {
    width: 15%;
}

.col-40 {
    width: 40%;
}

.col-30 {
    width: 30%
}

.col-35 {
    width: 35%
}

.reason .desc {
    margin-bottom: 50px;
}

.reason .desc .d-flex {
    margin-bottom: 30px;
}

.reason .desc .d-flex .title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.reason .desc .imgx {
    width: 140px;
    text-align: center
}

.reason .desc .desx {
    max-width: calc(100% - 140px);
}

.reason .xtitle {
    text-transform: initial;
}

.reason .xtitle span {
    font-size: 50px;
    color: red;
    position: relative;
    top: 11px;
    display: inline-block;
    margin-right: 10px;
}

.reason .xtitle .desc {
}

.reason {
    /* text-transform: uppercase; */
    padding: 30px 0 10px;
}

.reason h2 {
    text-transform: none;
    font-size: 18px;
    color: #002c5f;
    margin: 0;
}

.reason h2 span {
    font-size: 30px;
    text-transform: uppercase;
}

.reason .line {
    width: 100%;
    background: #002c5f;
    height: 1px;
}

.reason .col.col-4 h3 {
    font-size: 20px;
    margin: 30px 0 10px;
    color: #002c5f;
}

.reason .col.col-4 p {
    font-size: 14px;
    text-transform: none;
    margin: 0;
    text-align: justify;
}

.modal-block {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 999999;
    padding: 20px;
    box-sizing: border-box;
    background-color: black;
    background-color: rgba(49, 49, 49, .8);
    text-align: center;
}

.modal-dialog .close-dialog {
    background: url(images/iconfinder_close_1282956.svg) no-repeat center center;
    background-size: cover;
    text-indent: -9999em;
    color: transparent;
    position: absolute;
    right: 10px;
    z-index: 123;
    width: 30px;
    height: 30px;
    top: 10px;
}

.modal-dialog {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    width: 96%;
    background: #111 url(assets/img/back-ground-1.jpg) no-repeat left center;
    padding: 15px;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
    margin-top: 50px;
    max-width: 100%;
    box-sizing: border-box;
    max-width: 1000px;
}

.dialog-title {
    letter-spacing: 1px;
    font-size: 1.7em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
    color: red;
    text-transform: uppercase;
}

.dialog-content .line {
    color: #fff;
}

.dialog-content .line:after {
    content: "";
    display: block;
    clear: both;
}

.dialog-content .line label {
    float: left;
    width: 140px;
    text-align: left;
    line-height: 53px;
}

.dialog-content .line .input {
    width: calc(100% - 155px);
    float: right;
}

.dialog-content {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    text-align: center;
}

.dialog-actions {
    text-transform: uppercase;
    text-align: center;
    margin: 10px auto;
    float: left;
    width: 100%;
}

.dialog-actions a,.dialog-actions button {
    display: inline-block;
    padding: 0px 50px;
    background: #f3f3f3;
    color: #002c5f;
    margin-right: 10px;
    font-weight: bold;
    line-height: 35px;
    border: none;
    cursor: pointer;
    border-radius: 30px;
    font-family: inherit;
    font-size: 14px;
    text-transform: uppercase;
}

.dialog-actions a:last-child,.dialog-actions button {
    background: #e63312;
    color: #FFF;
}

.dialog-actions button i {
    display: none
}

.load button i {
    display: inline-block !important
}

.dialog-content input,.dialog-content select {
    border: 1px solid #666;
    padding: 10px 10px;
    border-radius: 1px;
    width: 100%;
    margin: 10px 0 0;
    box-shadow: inset 0px 0px 3px 0px rgba(66, 66, 66, .1);
    font-size: 14px;
    color: #fff !important;
    background: #131114;
    outline: none !important;
}

.dialog-content input:focus {
    box-shadow: 0 0 5px #51cbee;
    border: 1px solid #51cbee;
    color: #333;
}

.dialog-content input.error {
    box-shadow: 0 0 5px #e00;
    border: 1px solid #e00;
    color: #333;
}

.dialog-content .note {
    font-size: 12px;
    color: #888;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 10px;
    padding: 0 10%;
    margin-bottom: -10px;
}

a {
    color: #000;
}

.container-fluid {
    width: calc(100% - 30px);
    position: relative;
    margin: 0 auto;
    max-width: 1410px;
}

.section-z {
    background: #111;
    padding: 50px 0;
}

.section-z .owl-dots:after {
    content: "";
    background: #333;
    width: 70%;
    height: 3px;
    position: absolute;
    right: 0;
    bottom: 14px;
    z-index: 1;
}

.section-z .owl-dots {
    position: absolute;
    bottom: 30px;
    right: 0;
    counter-reset: my-awesome-counter;
    left: 60%;
    padding-left: 40px;
}

.section-z .owl-dots button.active span {
    font-size: 26px;
    top: 3px;
}

.section-z .owl-dots button span {
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
    margin: 0 10px;
    position: relative;
}

.section-z .owl-dots button {
    counter-increment: my-awesome-counter;
    background: #d9d9d9 !important;
    z-index: 3;
    position: relative;
}

.section-z .owl-dots button:after {
}

.section-z .xitem {
}

.section-z .xitem .photo {
    padding: 30px 0;
    position: relative;
}

.section-z .xitem .inner {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    background: #d9d9d9;
    height: 100%;
    padding: 20px 40px;
}

.section-z .xitem .inner h3 {
    font-size: 20px;
    letter-spacing: 4px;
}

.section-z .xitem .inner .desc {
    font-size: 15px;
    line-height: 2;
    text-align: justify;
}

.section-z .xitem .photo img {
}

.container {
    width: calc(100% - 30px);
    position: relative;
    margin: 0 auto;
    max-width: 1230px;
}

.flex-direction-nav a:before {
    content: none !important;
}

.flex-direction-nav a.flex-prev {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.18011 208.24774' width='111.18' height='208.248'%3E%3Cpath d='M104.094 0L0 104.094l.094.062L7 111.062v.032l97.187 97.156 7-7L14 104.062 111.094 7l-7-7z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 100%;
    left: 20px !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 109;
    transition: opacity 0.3s ease-out;
    opacity: 1;
    font-size: 0;
}

.flex-direction-nav a.flex-next {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.18011 208.24774' width='111.18' height='208.248'%3E%3Cpath d='M7.094 208.25l104.094-104.094-.094-.062-6.906-6.907v-.03L7 0 0 7l97.188 97.187L.094 201.25l7 7z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 100%;
    right: 20px !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 109;
    transition: opacity 0.3s ease-out;
    opacity: 1;
    font-size: 0;
}

.button {
    line-height: 40px;
    display: inline-block;
    padding: 0 30px;
    text-transform: uppercase;
    color: #fff;
    background: #eb1b2e;
    margin: 5px auto;
}

.block-title {
    margin: 20px auto;
    text-align: center;
    line-height: 40px;
    background-position: center;
    color: #002c5f;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 1px solid;
    display: table;
    padding: 0 20px;
}

.scrolltop {
    background: url(statics/sprite-genk_v9.png) -229px -195px no-repeat!important;
    width: 50px!important;
    height: 50px!important;
    opacity: .45!important;
    position: fixed;
    cursor: pointer;
    bottom: 100px;
    right: 10px;
}

.scrolltop span {
    display: none;
}

@font-face {
    font-family: icomoon;
    src: url(fonts/icomoon/icomoonf6b2.eot?1dy2ol);
    src: url(fonts/icomoon/icomoonf6b2.eot?1dy2ol#iefix) format("embedded-opentype"), url(fonts/icomoon/icomoonf6b2.ttf?1dy2ol) format("truetype"), url(fonts/icomoon/icomoonf6b2.woff?1dy2ol) format("woff"), url(fonts/icomoon/icomoonf6b2.svg?1dy2ol#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
}

[class*=" icon-"],[class^=icon-] {
    /* font-family: icomoon!important; */
    /* speak: none; */
    /* font-style: normal; */
    /* font-weight: 400; */
    /* font-variant: normal; */
    /* text-transform: none; */
    /* line-height: 1; */
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
}

.sticky {
    position: fixed;
    top: -webkit-calc(50% - 70px);
    top: calc(50% - 70px);
    z-index: 2000;
    right: 0;
}

.sticky .icon {
    background-color: #002c5f;
    padding: 10px;
    font-size: 20px;
    border-bottom: solid 1px #cdcdcd;
    position: relative;
}

.sticky .icon a {
    color: #fff;
    text-decoration: none;
}

.sticky .icon:hover a {
    color: #fff;
}

.icon-Drive:before {
    content: "\e90b";
}

.icon-PriceTag:before {
    content: "\e907";
}

.icon-Calculator:before {
    content: "\e906";
}

.sticky .icon .text,.sticky .icon:hover {
    background-color: #002c5f;
}

.sticky .icon .text {
    color: #fff;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 150px;
    font-size: 13px;
    padding: 15px;
    padding-left: 40px;
    transition: left .5s;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -o-transition: left .5s;
}

.sticky .icon:hover .text {
    left: -190px;
}

body>section {
    float: left;
    width: 100%;
    /* padding-top: 100px; */
}

.header-top .logo {
    padding-top: 0;
    position: absolute;
    width: 108px;
}

.header-top {
    background: #f7f7f7;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    z-index: -1;
    height: 80px;
}

.header-top div.right {
    width: 300px;
}

.header-top div.right img {
    height: 40px;
    float: left;
    padding: 10px;
}

.header-top div.right label {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 10px 0 0;
}

.header-top div.right b {
    font-weight: normal;
    color: #fff;
    line-height: 30px;
    display: block;
}

header .menu {
    width: calc(100% - 300px);
    float: right;
    margin-top: 5px;
}

.inner-page header {
    position: sticky;
    background: #11111196;
}

header.scroll {
    background: rgba(0,0,0,0.7);
    border-color: transparent;
}

header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    font-weight: normal;
    padding: 10px 0;
    border-bottom: 1px solid rgba(204,204 ,204, 0.45);
    background: #000000cc;
    transition: 0.5s ease;
}

header .fixed-menu {
    padding-left: 108px;
}

header .logo {
    float: left;
    width: 285px;
}

header .menu li.home-menu a i {
    font-size: 25px;
}

header .menu>li:hover {
    overflow: visible;
}

header .menu>li.hide-desktop {
    display: none
}

header .menu>li.pull-right {
    float: right
}

header .menu>li.active > a,header .menu>li:hover > a {
    color: #fff
}

header .menu>li.active:after,header .menu>li:hover:after {
    content: "";
    background: #fff;
    width: 40%;
    left: 30%;
    bottom: 0;
    position: absolute;
    height: 1px;
}

header .menu>li.search {
    background: transparent;
}

header .menu>li.search a {
    /* border: 1px solid #fff; */
    float: left;
    line-height: 30px;
    font-size: 14px;
    background: #f90f17;
}

header .menu>li.search a:before {
    content: ' ';
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    width: 40%;
    background: rgb(255 255 255 / 25%);
}

header .menu>li.search a:hover {
    /* border: 1px solid #f90f17;*/
    float: left;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    background: #ffffff;
    color: #f90f17;
}

header .menu>li {
    position: relative;
    float: left;
}

header li.search button[type='button'] ~ div {
    position: absolute;
    z-index: 123;
    display: none;
    right: 0;
    top: 100%;
}

header li.search button[type='button'] {
    font-size: 1em;
    background: transparent;
    border: 1px solid #ccc;
    margin-left: 5px;
    padding: 7px 10px;
    color: #ccc;
}

header li.search:after {
    display: none !important
}

header li.search {
    float: right;
}

header .search form {
    position: relative;
}

header .search form input {
    padding: 7px 10px;
    border: 0;
    width: 180px;
    border: 1px solid #e63312;
}

header .search form button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0px 13px;
    border: 0;
    background: #e63312;
    color: #fff;
    height: 100%;
}

header .menu>li>a {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 33px;
    display: block;
    color: #fff;
    padding: 0 18px;
}

header .menu li:hover > ul {
    top: 100%;
    opacity: 1;
    transition-delay: 0.2s;
    display: block;
}

header .menu li ul {
    position: absolute;
    top: 140%;
    left: 25px;
    transition: 0.4s ease;
    opacity: 0;
    display: none;
    padding-top: 10px;
}

header .menu li ul li:hover {
    /* background: #d82606; */
}

header .menu li ul li:hover a {
}

header .menu li ul li {
    border-bottom: 1px solid #cccccc94;
    transition: 0.2s ease;
    min-width: 160px;
    background: #fff;
    width: 100%;
}

header .menu li ul li a {
    color: #333;
    white-space: nowrap;
    padding: 7px 10px;
    display: block;
    font-size: 14px;
}

header .menu li ul li:hover a {
}

header .menu li > span {
    position: absolute;
    right: 0;
    top: 8px;
    color: #fff;
}

header .menu li > span i {
}

header .testdrive {
    text-transform: uppercase;
    width: 70px;
    display: block;
    float: right;
    line-height: 25px;
    text-align: center;
    padding: 20px 10px;
    color: #fff;
    background: #eb1b2e;
    font-size: 18px;
}

.nav {
    width: 100%;
    height: 60px;
    background: #f5bd15;
    position: relative;
}

.nav>.container>a {
    line-height: 50px;
    display: block;
    float: left;
    margin-top: 5px;
    padding-left: 60px;
    color: #fff;
    font-size: 25px;
    background: url(statics/btn-bg.png) no-repeat;
    background-position: 0;
    background-size: auto 50px;
    padding-right: 30px;
    border-right: 3px solid #fff;
}

.nav>.container>a.btn-lt {
    background: url(statics/btn-lt.png) no-repeat;
    background-position: 0;
    background-size: auto 50px;
    margin-left: 30px;
    padding-right: 0;
    border: 0;
}

.nav>ul {
    position: absolute;
    background: #fff;
    width: calc(50% - 150px);
    right: 0;
    height: 60px;
}

.nav>ul:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 60px solid #f5bd15;
    border-right: 60px solid transparent;
}

.nav>ul li {
    display: inline-block;
    margin-left: 20px;
}

.nav>ul li:first-child {
    margin-left: 100px;
}

.nav>ul li img {
    height: 60px;
}

.home-cars,.category-name {
    float: left;
    width: 100%;
    background: #f2f1f0;
}

.home-cars h2,.category-name h1 {
    font-weight: 300;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 100px;
    float: left;
    margin: 0;
    margin-right: 30px;
}

.home-cars p {
    float: left;
    line-height: 100px;
    margin: 0;
    font-weight: 300;
    font-size: 20px;
}

.section-credit {
    background: url(images/bg-form.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0;
    text-align: center;
    color: #fff;
}

.section-credit .heading {
    font-size: 32px;
    font-weight: 500;
}

.section-credit .desc {
    padding: 15px 0;
    font-size: 25px;
}

.section-credit .hotline a {
    display: inline-block;
    background: #fff;
    color: #ff0202;
    padding: 12px 30px;
    border-radius: 10px;
    font-size: 24px;
    font-weight: 700;
}

.section-credit .hotline a:hover {
    background: #ff0202;
    color: #fff;
}

.section-credit .hotline a i {
}

.cars {
    float: left;
    width: 100%;
    padding: 2px 2px 20px;
    box-sizing: border-box;
}

.car .inner .wrap-price:after {
    content: "";
    display: block;
    clear: both
}

.car .inner .wrap-price {
    position: relative;
    z-index: 2;
    padding: 0 10px;
    padding-bottom: 20px;
    text-align: center;
    color: red;
    font-size: 16px;
    white-space: nowrap;
}

.car .inner > a {
    display: block;
    z-index: 2;
    position: relative;
}

.car:hover .inner {
    /* border: 1px solid #ccc; */
    /* -webkit-box-shadow: 0 0 10px rgba(0, 0, 0,0.32); */
    /* box-shadow: 0 0 10px rgba(0, 0, 0,0.32); */
    border-radius: 20px;
}

.car a {
    display: block;
    color: #7b7b7b;
}

.car .inner {
    border-radius: 10px;
    position: relative;
}

.car .inner:after {
    content: "";
    background: #f4f4f4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: 1;
    border-radius: 10px;
}

.car {
    float: left;
    width: 33.333%;
    padding: 10px 10px 5px 10px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    border: 1px solid transparent;
    margin-bottom: 20px;
}

.car h3:before {
    content: "";
    width: 40%;
    height: 3px;
    border-top: 2px dashed #333;
    position: absolute;
    z-index: 2;
    left: 30%;
    top: 0;
}

.car:hover h3 {
    color: red
}

.car h3 {
    margin: 0;
    font-size: 18px;
    clear: both;
    color: #333333;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
    padding-top: 5px;
}

.car .price span {
}

.car .price span:last-child {
}

.car:hover .price a {
    opacity: 1;
}

.car .price a {
    opacity: 0;
    transition: 0.4s ease all;
    background: #005499;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    padding: 4px 14px;
}

.car .price-request {
    margin: 15px 0;
    margin-bottom: 0;
}

.car:hover .price-request a {
    opacity: 1
}

.car .price-request a {
    background: #e63312;
    display: block;
    padding: 9px 16px;
    color: #fff;
    font-size: 13px;
    opacity: 0;
    transition: 0.3s ease;
}

.car:hover .consume {
    background: red;
    color: #fff
}

.car .consume {
    transition: 0.4s ease;
    position: relative;
    z-index: 3;
    float: left;
    width: 47%;
    border: 2px solid red;
}

.car .price {
    z-index: 3;
    position: relative;
    float: right;
    width: 47%;
    border: 2px solid transparent;
}

.car img {
    max-width: 80%;
}

.articles {
    /* float: left; */
    width: 100%;
    /* margin-top: 20px; */
}

.itemz {
    background: #f4f4f4;
}

.itemz .topz {
    height: 160px;
}

.itemz .topz a {
    color: #fff;
    font-weight: normal;
}

.itemz .topz h3 {
    font-weight: normal;
    margin-top: 0;
}

.itemz .topz .desc {
}

.article {
    margin-bottom: 20px;
}

.article a.photo {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    background: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.article>a img {
    display: none;
}

.article>a h3 {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 20px 10px 10px;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}

.test-drive {
    float: left;
    text-align: center;
    width: 100%;
    padding: 30px 0;
    background: #f2f1f0;
}

.test-drive .icon {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='%233C3C3C'%3E%3Cpath d='M300 60.2C167.5 60.2 60.2 167.5 60.2 300S167.5 539.8 300 539.8 539.8 432.4 539.8 300 432.5 60.2 300 60.2zm0 443.6c-112.5 0-203.8-91.2-203.8-203.8S187.5 96.2 300 96.2c112.5 0 203.8 91.2 203.8 203.8S412.5 503.8 300 503.8z'/%3E%3Cpath d='M514.8 309.9c-4.7-5.7-12-13.2-22.4-21.2-14.1-10.9-34-22.8-61.3-35.6-32.5-15.2-75.5-28.8-131.7-28.8-55.3-.2-97.5 12.6-129.3 27.1-28.4 13-48.7 25.5-62.9 36.7-8 6.3-14.1 12.3-18.6 17.3-13.7 15.3-6.7 48.3 6.5 45.1C145 338.3 211 330.4 284 329.2c4.2.6 8.6 1 13.2 1 80.4 0 153.5 8.1 207.6 21.4 13.3 3.4 23.1-25.9 10-41.7z'/%3E%3Cpath d='M440.7 333.1l-130-29.7v-4.9L300 301l-10.7-2.4v4.9l-130 29.7-19.5 8.3s45.7-7.7 60.8 8.7c14.7 16 71.1 127.7 71.7 141.3.3 7.1-2.1 10.3-8 9.2-12.2-2.4 18.4 20.3 35.7 20.1 17.4.2 48.3-22.5 35.6-20.1-6 1.1-8.3-2.1-8-9.2.5-13.6 56.9-125.5 71.7-141.3 14-15 61.3-8.7 61.3-8.7l-19.9-8.4zM105.5 361.1s-1.7-4.7-.2-8.9c.8-2.4 2.9-4.7 6.4-5.4 7.8-1.6-4.8-58.4-4.8-58.4s-11.1 8.3-10-6.5c.5-6.8-16.6 71.9 8.6 79.2z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 100%;
    height: 60px;
    width: 60px;
    margin: auto;
}

.test-drive h3 {
    font-size: 35px;
    font-weight: 300;
    margin: 10px 0;
}

.test-drive p {
    font-size: 18px;
    font-weight: 300;
}

footer > .container {
    padding-bottom: 30px;
}

footer .ftitle {
    font-size: 20px;
    margin-bottom: 10px;
}

footer .text-center {
    margin: 15px 0
}

footer {
    background: #050404 url(images/bg-footer.jpg) no-repeat center;
    color: #fff;
    width: 100%;
    padding: 15px 0;
    /* background-size: cover; */
    padding-bottom: 0;
    border-top: 1px solid rgba(204 ,204, 204,0.32);
}

footer {
}

footer h4 {
    margin: 15px 0;
    font-size: 15px;
    FONT-WEIGHT: 500;
}

footer ul li,footer ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 8px;
}

#page-article h1,#page-blog h1 {
    font-size: 40px;
    font-weight: 400;
    margin: 30px 0 20px;
}

#page-article article img,#page-article article input[type=img] {
    height: auto !important;
}

.vp {
    /* float: left; */
    /* width: 100%; */
    /* padding-top: 56.25%; */
    position: relative;
    /* overflow: hidden; */
}

.vp img,.vp iframe {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blogs .blog:nth-child(3n + 1) {
    clear: both;
}

.blogs .blog h3 {
    float: left;
    width: 100%;
    margin: 10px 0 30px;
    font-weight: 400;
    font-size: 20px;
}

.contact-info {
    position: absolute;
    z-index: 9999;
    top: 50px;
    right: 30px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#page-contact h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: #002c5f;
    margin: 0 0 10px;
}

#page-contact p.des {
    font-weight: 500;
    font-size: 15px;
}

#page-contact ul.info li {
    list-style-type: circle;
    margin: 0 0 5px 15px;
    font-size: 15px;
}

#page-contact a.view {
    color: #002c5f;
    border-bottom: 1px solid;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
}

#page-product .bigimg {
    position: relative;
    float: left;
    width: 100%;
}

#page-product .bigimg img {
    float: left;
    width: 100%;
}

#page-product .bigimg h1 {
    position: absolute;
    bottom: 60px;
    left: 60px;
    font-size: 40px;
    margin: 0;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0 10px #000;
}

#page-product .bigimg h1 i {
    font-style: normal;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 2px solid #fff;
    font-size: 25px;
    font-weight: 300;
}

#page-product .options {
    margin-bottom: 20px;
    text-align: center;
    float: left;
    width: 100%;
    background-color: #f8f8f8;
    box-shadow: 5px 5px 6px rgba(0, 0, 0, .1);
}

#page-product .options li {
    display: inline-block;
    border-right: 1px solid #ebebeb;
    padding: 20px 15px;
}

#page-product .options li:last-child {
    border-right: none;
}

#page-product .options li h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;
}

#page-product .options li p {
    margin: 0;
    color: #eb1b2e;
    font-weight: 600;
    font-size: 16px;
}

#page-product article.description {
    float: left;
    width: 100%;
    margin: 50px 0;
}

#page-product article.description>table {
    margin: 30px 0;
}

#page-product article.description table td {
    width: 25%;
    vertical-align: top;
    padding: 10px;
}

#page-product article.description table td img {
    width: 100%;
    height: auto !important;
}

@media (max-width: 1200px) and (min-width: 800px) {
    header .menu>li {
        margin-left: 7px;
    }

    header .menu>li>a {
        font-size: 13px;
    }

    header #logo {
        padding: 10px;
        height: 60px;
    }

    .reason .col.col-4:last-child h3 {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    #dk-newsletter .left {
        font-size:20px
    }

    #dk-newsletter .left span {
        font-size: 30px
    }

    #newsletter {
        background-size: cover;
        padding-bottom: 0;
        /* background: #005499; */
        padding: 0;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #newsletter .xinner {
        float: none;
    }

    footer .copyright .left {
        width: 100%;
    }

    footer .copyright .right ul li {
        font-size: 11px;
    }

    footer .copyright .right {
        margin-top: 11px;
        line-height: 1;
    }

    footer .copyright {
        text-align: center;
        margin-top: 20px;
        font-size: 13px;
    }

    #dk-newsletter .right form {
        max-width: 100%;
        width: 100%;
    }

    #kmx .articles {
        margin: 0;
        float: none;
        width: 100%;
    }

    #kmx .w-video {
        width: 100%;
        float: none;
    }

    #kmx .scroll-video {
        width: 100%;
        float: none;
        max-height: none;
        max-width: 100%;
        overflow: auto;
        margin-top: 10px;
    }

    #kmx .scroll-video li {
    }

    #kmx .col-7 {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #kmx .col-5 {
        float: none;
        width: 100%;
        padding: 0;
    }

    .section-choose .left-c {
        display: none
    }

    .section-choose .right-c {
        width: 100%;
    }

    .section-choose .inner .col-3:nth-child(2n+1) {
        clear: both
    }

    .section-choose .inner .col-3 {
        width: 50%;
        font-size: 11px;
    }

    .main-title {
        font-size: 23px;
    }

    .slider-nav {
        margin: 0;
        margin-left: -10px;
        margin-right: -10px;
    }

    .slider-nav .item {
        flex: 0 0 50%;
        padding: 0;
        margin-bottom: 30px;
        font-size: 12px;
        max-width: 33.33%;
        padding: 0 10px;
    }

    #page-product {
        overflow: hidden;
    }

    #page-product .container {
        font-size: 90%;
    }

    #callmobile {
        position: fixed;
        bottom: 20px;
        left: 20px;
        width: 60px;
        border-radius: 50%;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
        display: block;
    }

    .scrolltop {
        bottom: 55px;
    }

    .hotline-mobile {
        background: rgba(0, 44, 95, 0.8);
        position: fixed;
        width: 100%;
        bottom: 0;
        text-align: center;
        left: 0;
        z-index: 999;
        margin: 0 !important;
        line-height: 45px;
    }

    .pc, .desktop {
        display: none !important;
    }

    .mobile {
        display: block;
    }

    .col-6 {
        width: 100%;
    }

    .reason .col.col-4 {
        position: relative;
        height: auto;
        width: 100%;
    }

    .reason .col.col-4 img {
        position: initial;
        margin: 10px 0;
    }

    .reason .col.col-4 h3 {
        margin: 20px 0 10px;
    }

    .reason .col.col-4:last-child h3 {
        margin: 0;
    }

    header {
        height: 60px;
    }

    body>section {
    }

    #logo {
        margin-right: 0;
        position: absolute;
        left: -15px;
        padding: 10px 0;
        height: 60px;
        box-sizing: border-box;
        max-width: calc(100% - 10px);
    }

    header .testdrive {
        padding: 10px;
        width: 50px;
        font-size: 16px;
    }

    header .button-menu {
        float: right;
        line-height: 65px;
        font-size: 30px;
        color: #fff;
    }

    header .menu {
        display: none;
        position: absolute;
        width: calc(100% + 50px);
        /* margin-left: -25px; */
        top: 60px;
        background: #f2f1f0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    }

    header .menu>li {
        margin: 0;
        width: 50%;
        float: left;
        text-align: center;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        margin-right: -1px;
    }

    header .menu>li>a {
        line-height: 50px;
        color: #002c5f;
    }

    .nav {
        height: 40px;
        margin-top: 0;
    }

    .nav>.container {
        width: 100%;
    }

    .nav>.container>a {
        line-height: 30px;
        display: block;
        float: left;
        margin-top: 5px;
        padding-left: 40px;
        color: #fff;
        font-size: 14px;
        background: url(statics/btn-bg.png) no-repeat;
        background-position: 5px 0;
        background-size: auto 30px;
        padding-right: 10px;
    }

    .nav>.container>a.btn-lt {
        background: url(statics/btn-lt.png) no-repeat;
        background-position: 0;
        background-size: auto 30px;
        margin-left: 10px;
    }

    .flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-next {
        width: 30px;
        height: 30px;
    }

    .home-cars h2, .category-name h1 {
        font-size: 22px;
        line-height: 50px;
        margin-right: 20px;
    }

    .home-cars p {
        float: none;
        line-height: 50px;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .car {
        width: 100%;
        padding: 20px;
    }

    .car img {
        width: 85%;
    }

    .car h3 {
        font-size: 22px;
    }

    .articles {
        float: left;
        width: calc(100% + 20px);
        margin-bottom: 0;
    }

    .articles .article {
        width: 100%;
        margin-bottom: 20px;
    }

    footer {
        padding: 10px 0 40px;
    }

    footer .col-20 {
        width: 50%;
    }

    footer h4 {
        margin: 20px 0 10px;
        font-size: 16px;
    }

    footer ul li a {
        font-size: 15px;
    }

    .col-40 {
        width: 100%;
    }

    .col-15 {
        width: 50%;
    }

    #page-article h1, #page-blog h1 {
        font-size: 25px;
    }

    article img {
        height: auto !important;
    }

    .blogs .blog {
        width: 100%;
    }

    #page-contact .vp {
        /* padding-top: 100%; */
    }

    .contact-info {
        top: auto;
        right: auto;
        padding: 10px 20px;
        width: 100%;
        position: inherit;
        box-sizing: border-box;
    }

    #page-product .bigimg h1 {
        bottom: 10px;
        left: 10px;
        font-size: 20px;
    }

    #page-product .bigimg h1 i {
        margin-left: 10px;
        padding-left: 10px;
        font-size: 18px;
    }

    #page-product .options li {
        display: block;
        border-right: 0;
        padding: 5px;
        border-bottom: 1px solid #ccc;
    }

    #page-product .options li h3, #page-product .options li p {
        font-size: 16px;
    }

    #page-product article.description {
        margin: 10px 0;
    }

    #page-product article.description>table {
        margin: 20px 0;
    }

    #page-product article.description table td {
        width: 100%;
        display: block;
        padding: 0;
    }

    #page-fee h1 {
        font-size: 20px;
        margin: 20px -10px 10px;
    }

    #page-fee h1 + .notes {
        margin: 10px -10px;
    }

    .module-slider {
        position: relative;
        overflow: hidden;
        width: 100%;
        float: left;
    }

    .module-slider .flexslider {
        width: 120%;
        left: -10%;
    }

    #page-product .bigimg {
        position: relative;
        float: left;
        width: 100%;
        overflow: hidden;
    }

    #page-product .bigimg img {
        float: left;
        width: 150%;
        max-width: 150% !important;
        margin: 0 -25%;
    }

    .section-z .xitem .inner h3 {
        margin: 0;
        margin-bottom: 10px;
    }

    .section-z .owl-dots {
        width: 100%;
        left: 0;
        padding-left: 0px;
        bottom: 40px;
    }

    .section-z .xitem .inner {
        position: static;
        width: 100%;
        padding: 10px 10px 40px 10px;
    }

    header .menu li.active:after,header .menu > li:hover:after {
        display: none
    }

    #dk-newsletter .right {
        width: 100%;
        margin-top: 20px;
    }

    header .fixed-menu {
        position: fixed;
        top: 0px;
        padding: 0;
        width: 100%;
        right: 0px;
    }

    .header-top {
        height: auto;
        background: transparent;
    }

    .header-top .logo {
        float: none;
        padding-top: 0;
        display: none;
    }

    .right-logo {
        /* display: none; */
        margin: 0px;
        padding-right: 40px;
    }

    .reason {
    }

    .reason .col.col-7 {
        width: 100%;
    }

    .reason .col.col-5 {
        width: 100%;
    }

    .hotline-social {
        display: none;
    }

    #callmobile {
        position: fixed;
        bottom: 20px;
        left: 20px;
        width: 60px;
        border-radius: 50%;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
        display: block;
    }

    .scrolltop {
        bottom: 55px;
    }

    .hotline-mobile {
        background: rgb(230 51 18);
        position: fixed;
        width: 100%;
        bottom: 0;
        text-align: center;
        left: 0;
        z-index: 999;
        margin: 0 !important;
        line-height: 45px;
    }

    .pc, .desktop {
        display: none !important;
    }

    .mobile {
        display: block;
    }

    .col-6 {
        width: 100%;
    }

    .reason .col.col-4 {
        position: relative;
        height: auto;
        width: 100%;
    }

    .reason .col.col-4 img {
        position: initial;
        margin: 10px 0;
    }

    .reason .col.col-4 h3 {
        margin: 20px 0 10px;
    }

    .reason .col.col-4:last-child h3 {
        margin: 0;
    }

    header {
        height: 60px;
        background: #000 !important;
    }

    body>section {
    }

    header .menu li.home-menu a {
        /* line-height: 47px; */
    }

    #logo {
        margin-right: 0;
        position: absolute;
        padding: 10px 0;
        height: 60px;
        box-sizing: border-box;
        max-width: calc(100% - 30px);
        max-height: none;
        top: 3px;
        left: 10px;
    }

    header .testdrive {
        padding: 10px;
        width: 50px;
        font-size: 16px;
    }

    .promoion-post {
        padding: 0 10px;
    }

    header .button-menu {
        float: right;
        line-height: 60px;
        font-size: 30px;
        color: #ffffff;
        width: 50px;
        text-align: center;
    }

    header .menu li > span {
        display: none
    }

    header .menu {
        display: none;
        position: absolute;
        width: calc(100% + 30px);
        /* margin-left: -25px; */
        /* margin-right: -25px; */
        top: 60px;
        background: #f2f1f0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        left: -15px;
    }

    header .menu>li.search {
        width: 90%;
        padding: 10px 0px !important;
        margin-left: 5%;
        display: none;
    }

    header .menu>li.search form {
    }

    header .menu>li.search form input {
        width: 100%;
        padding: 10px 10px;
    }

    header .menu>li.search form button {
        padding: 10px 10px;
    }

    header .menu .search-mobile {
        width: 100%;
        padding-bottom: 10px;
    }

    header .menu>li.hide-desktop {
        display: block
    }

    header .menu>li.hide-desktop form {
        position: relative;
        max-width: 90%;
        margin-left: 7px;
        margin-top: 10px;
        margin-left: 5%;
        margin-bottom: 10px;
    }

    header .menu>li.hide-desktop form input {
        width: 100%;
        padding: 10px 8px;
        border: 1px solid #ccc;
    }

    header .menu>li.hide-desktop form button {
        position: absolute;
        top: 0;
        right: 0;
        background: #e23212;
        border: 0;
        padding: 0px 19px;
        height: 100%;
        color: #fff;
    }

    header .menu>li {
        margin: 0;
        width: 50%;
        float: left;
        text-align: center;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        margin-right: -1px;
        padding: 0 !important;
    }

    header .menu>li>a {
        line-height: 50px;
        color: #000000 !important;
        padding: 0 !important;
    }

    .nav {
        height: 40px;
        margin-top: 0;
    }

    .nav>.container {
        width: 100%;
    }

    .nav>.container>a {
        line-height: 30px;
        display: block;
        float: left;
        margin-top: 5px;
        padding-left: 40px;
        color: #fff;
        font-size: 14px;
        background: url(statics/btn-bg.png) no-repeat;
        background-position: 5px 0;
        background-size: auto 30px;
        padding-right: 10px;
    }

    .nav>.container>a.btn-lt {
        background: url(statics/btn-lt.png) no-repeat;
        background-position: 0;
        background-size: auto 30px;
        margin-left: 10px;
    }

    .flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-next {
        width: 30px;
        height: 30px;
    }

    .home-cars h2, .category-name h1 {
        font-size: 22px;
        line-height: 50px;
        margin-right: 20px;
    }

    .home-cars p {
        float: none;
        line-height: 50px;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .car {
        width: 100%;
        padding: 20px;
    }

    .car img {
        width: 85%;
    }

    .car h3 {
        font-size: 22px;
    }

    .articles {
        float: left;
        width: calc(100% + 20px);
        margin-bottom: 0;
    }

    .articles .article {
        width: 100%;
        margin-bottom: 20px;
    }

    footer {
        padding: 10px 0 40px;
    }

    footer .col-20 {
        width: 50%;
    }

    footer h4 {
        margin: 20px 0 10px;
        font-size: 16px;
    }

    footer ul li a {
        font-size: 15px;
    }

    .col-40 {
        width: 100%;
    }

    .col-15 {
        width: 50%;
    }

    #page-article h1, #page-blog h1 {
        font-size: 25px;
    }

    article img {
        height: auto !important;
    }

    .blogs .blog {
        width: 100%;
    }

    #page-contact .vp {
        /* padding-top: 100%; */
    }

    .contact-info {
        top: auto;
        right: auto;
        padding: 10px 20px;
        width: 100%;
        position: inherit;
        box-sizing: border-box;
    }

    #page-product .bigimg h1 {
        bottom: 10px;
        left: 10px;
        font-size: 20px;
    }

    #page-product .bigimg h1 i {
        margin-left: 10px;
        padding-left: 10px;
        font-size: 18px;
    }

    #page-product .options li {
        display: block;
        border-right: 0;
        padding: 5px;
        border-bottom: 1px solid #ccc;
    }

    #page-product .options li h3, #page-product .options li p {
        font-size: 16px;
    }

    #page-product article.description {
        margin: 10px 0;
    }

    #page-product article.description>table {
        margin: 20px 0;
    }

    #page-product article.description table td {
        width: 100%;
        display: block;
        padding: 0;
    }

    #page-fee h1 {
        font-size: 20px;
        margin: 20px -10px 10px;
    }

    #page-fee h1 + .notes {
        margin: 10px -10px;
    }

    .module-slider {
        position: relative;
        overflow: hidden;
        width: 100%;
        float: left;
    }

    .module-slider .flexslider {
        width: 120%;
        left: -10%;
    }

    #page-product .bigimg {
        position: relative;
        float: left;
        width: 100%;
        overflow: hidden;
    }

    #page-product .bigimg img {
        float: left;
        width: 150%;
        max-width: 150% !important;
        margin: 0 -25%;
    }
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.sl-footer {
    margin: 10px;
    background: #fff;
}

#page-product .container img {
    height: auto !Important;
}

.table-responsive {
    overflow: auto;
}

.w-v {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.w-v iframe {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}

@-webkit-keyframes rotating /* Safari and Chrome */
{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@media(max-width: 768px) {
    .section-credit .hotline a {
        padding: 5px 10px;
        font-size: 23px;
        font-weight: 500;
    }

    .section-credit .heading {
        font-size: 27px;
    }

    .section-credit .desc {
        font-size: 17px;
        line-height: 1.7;
    }

    header .logo {
    }

    header .menu li ul {
        display: none !important
    }

    footer .col {
        width: 100%;
    }

    .slider-nav .item .xlink {
        padding: 7px 6px;
        font-size: 10px;
    }

    .slider-nav .item img {
        height: 60px;
    }

    .slider-nav .item p {
        display: none;
    }
}

.package-block {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    padding: 96px 0;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 767px) {
    .package-block {
        padding:64px 0
    }
}

.package-block .package-title {
    font-weight: 300;
    font-size: 36px;
    line-height: 1.25;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -.02em;
    color: #3c3c3c;
    text-align: center;
    margin-bottom: 8px
}

@media(max-width: 767px) {
    .package-block .package-title {
        font-size:24px
    }
}

.package-block .package-subtitle {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.24;
    color: #3c3c3c;
    text-align: center
}

.package-block .package-subtitle strong {
    font-weight: 600
}

@media(max-width: 767px) {
    .package-block .package-subtitle strong {
        display:block;
        margin-top: 6px
    }
}

@media(max-width: 767px) {
    .package-block .package-subtitle {
        font-size:16px
    }
}

.package-block .product-options {
    background: #fff;
    border: 1px solid #7a99ac;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 894px;
    margin: auto;
    padding: 30px;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .package-block .product-options {
        max-width:500px
    }
}

.package-block .product-options .option-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.package-block .product-options .option-label {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.25;
    color: #3c3c3c;
    margin-bottom: 8px
}

@media(max-width: 767px) {
    .package-block .product-options .option-label {
        font-size:16px
    }
}

.package-block .product-options .option-value {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25;
    color: #3c3c3c
}

@media(max-width: 767px) {
    .package-block .product-options .option-value {
        font-size:20px
    }
}

.package-block .product-options span {
    display: block
}

.package-block .option-item {
    width: 50%;
    position: relative
}

@media(max-width: 767px) {
    .package-block .option-item {
        width:100%
    }

    .package-block .option-item:first-child {
        padding-bottom: 16px;
        margin-bottom: 16px
    }
}

.package-block .option-item:first-child:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #7a99ac;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width: 767px) {
    .package-block .option-item:first-child:after {
        left:0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 1px;
        top: auto
    }
}

.package-block .package-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.package-block .package-polices {
    width: fit-content;
    margin: auto;
    margin-bottom: 50px
}

@media(max-width: 767px) {
    .package-block .package-polices {
        width:100%;
        margin-bottom: 40px
    }
}

.package-block .policy-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.25;
    color: #3c3c3c;
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .package-block .policy-title {
        font-size:16px;
        margin-bottom: 16px
    }
}

.package-block .policy-list {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #3c3c3c
}

.package-block .policy-list b {
    font-weight: 600
}

.package-block .package-polices .policy-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.25;
    color: #3c3c3c;
    margin-bottom: 24px
}

.package-block ul.list-style {
    position: relative
}

.package-block ul.list-style li {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #3c3c3c;
    position: relative;
    padding-left: 25px;
    margin-bottom: 16px
}

@media(max-width: 767px) {
    .package-block ul.list-style li {
        margin-bottom:8px
    }
}

.package-block ul.list-style li:last-child {
    margin-bottom: 0
}

.package-block ul.list-style li::before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background-image: url(../images/vf5/icon-star-grey.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 5px;
    left: 0
}