html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;font-family:arial;background:#fff;font-size: 15px;line-height: 1.8}
a{color:#000;}
a:hover, a{text-decoration: none;}
a:hover{color:#fd7e14;}
b{font-weight:bold;}
p{line-height:1.5;font-size: 16px;padding: 5px 0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
img{max-width:100%;height:auto; vertical-align: middle;display:block;margin:0 auto;}
header,main,footer{padding:0!important}
.aligncenter{clear:both}
strong{font-weight:bold}
.pad20{padding:20px}
.aligncenter{text-align:center}
.inline-block{display:inline-block}
.relative{position:relative}
main .container{padding: 20px;}
.trenduoi20{padding-top:20px;padding-bottom:20px}
.traiphai20{padding-left:20px; padding-right:20px}
.marginauto{margin:0 auto}
.absolute-can-doc{position: absolute;top: 50%;transform: translateY(-50%);}
.hidden{display:none;}
.background{background:#fff}
.container-fluid{padding:0!important;margin:0!important;background: #fff;}
h1, h2, h3, h4, h5, h6{font-weight:bold}
.name-car{font-size: 50px;  color: #231F55;}
.em-breadcrumbs{border-bottom: 1px dotted;font-style: italic;opacity: .7;}
.align-items-center{align-items:center;}
.chuantext{text-transform: lowercase;}
.chuantext:first-letter {  text-transform: uppercase; }
.aligncenter {    margin: 0 auto;}
.text-align-center{text-align:center;}
.p-top-10{padding-top:10px;}
.m-top-10{margin-top:10px;}
.p-top-30{padding-top:30px;}
.m-top-30{margin-top:30px;}
.p-top-50{padding-top:50px;}
.p-bottom-50{padding-bottom:50px;}
.flex-center{  justify-content: center;  align-items: center;  display: flex;}
/*menu*/

.header-nav{background:#fff;padding:0 20px;font-family:Arial,sans-serif}
.menu-main{list-style:none;margin:0;padding:0;display:flex}
.menu-main > li{position:relative;margin-right:30px}
.menu-main a{text-decoration:none;color:#00095b;font-weight:700;padding:10px;display:block}
.menu-item-has-children .sub-menu{display:none;position:absolute;background:#fff;list-style:none;top:100%;left:0;padding:10px 0;border:1px solid #ccc;width: 250px;}
.menu-main a:hover{color:#066fef;}
.menu-item-has-children:hover .sub-menu{display:block}
.sub-menu li{margin:0}
.sub-menu li:hover{font-weight:bold;}
.sub-menu a{padding:8px 20px;font-size:14px;color:#444}

.heading-sub{font-size: 2em;    font-weight: 600;position: relative;margin-bottom: 20px;}
.heading-sub::before{    position: absolute;
    content: '';
    top: 100%;
    display: inline-flex;
    width: 60px;
    height: 5px;
    transform: skew(-40deg, 0deg);
    background-color: #1e2179;
    left: 8px;}
.heading-sub::after{position: absolute;
    content: '';
    top: 100%;
    display: inline-block;
    width: 15px;
    height: 5px;
    transform: skew(-40deg, 0deg);
    background-color: #28709c;
    left: 75px;
}
/*sec sp*/
.khung{width: 100%;height: 180px;display: block;background-repeat: no-repeat;background-position: center;background-size: cover;}
.product-item{text-align:center;    position: relative;padding-bottom:30px;margin: 10px;word-wrap: break-word;  background-color: #fff;  background-clip: border-box;  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;}
  .product-item h3{font-weight: bold;text-transform: uppercase;font-size: 22px;text-align: center;color:#1e2179;position: relative;}
.product-item h3 span:before {    content: '';    position: absolute;    bottom: 0;    left: 50.5%;    width: 60px;    background: #ed1c24;    height: 3px;    -webkit-transform: skew(-45deg);    -moz-transform: skew(-45deg);    -ms-transform: skew(-45deg);    -o-transform: skew(-45deg);    transform: skew(-45deg);}
.product-item h3 span:after{content: '';    position: absolute;    bottom: 0;    right:  50.5%;;    width: 60px;    height: 3px;    background: #1e2179;    -webkit-transform: skew(-45deg);    -moz-transform: skew(-45deg);    -ms-transform: skew(-45deg);    -o-transform: skew(-45deg);    transform: skew(-45deg);}
 .single-san-pham .name-car{font-size: 30px;color: #013378;}
.tieude-sp{font-weight:700;color:#1958aa;font-size:20px;text-transform:uppercase}
.gia-sp{color:red;font-size:16px}
.single-san-pham .motangan h3{font-weight:700;}
/**/
.bg-blue{background: #001e50;}
.mfooter .container{padding-top:30px;padding-bottom:30px;color:#fff}
.mfooter{background:#05141f}
.mfooter h4{font-weight:700;text-transform:uppercase;padding-bottom:10px;color:#fff;padding-left: 15px;}
.mfooter ul li{line-height:2}
.mfooter a{color:#fff;}
.mfooter a:hover{color:#0056b3;}
.footer-conten .f-content{border-top:1px solid #444;padding-top:15px;margin-bottom:30px}
.footer .copyright{padding:15px;text-align:center;background:#333;color:#fff}
 .baogia a span{  color: #fff;  font-size: 0.9rem;  text-transform: uppercase;  font-weight: bold;  border: 2px solid;  border-radius: 30px;  padding: 10px 30px;  display: block;cursor: pointer;}
.baogia {justify-content: space-around;}
 .lienhe{color:#fff;}
.baogia a{padding:10px}
.copyright{color: #ddd;font-size: 13px;text-align: center;background: #292a2b;}
 
 
 
/*call*/
    .float-contact-kd {        position: fixed;        bottom: 50px;        left: 50px;        z-index: 99;    }

.float-contact > a {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;
        position: relative;        height: 50px;        border-radius: 5px;        background: #001e50;        color: var(--bs-white);
        padding-left: 42.5px;        padding-right: 15px;        padding-top: 2px;    }

    .float-contact > a > .icon {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background: #001e50;
        position: absolute;
        top: 50%;
        left: -37.5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 15px;
    }

    .float-contact > a > .icon:before {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-name: hover-ripple-out;
        animation-name: hover-ripple-out;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
        content: '';
        display: block;
        position: absolute;
        background:#042a5ce5;
        width: 100%;
        height: 100%;
    }

    .float-contact > a > .icon > .icon-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #001e50;

        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        font-size: 2em;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 2;
    }

    .float-contact > a > .icon > .icon-inner i {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: zoom-icon;
        animation-name: zoom-icon;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
    }

    .float-contact > a > .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .float-contact > a > .text .text-title {font-size: .85em;color: #fff;opacity: .9;    }

    .float-contact > a > .text .text-number {font-size: 1.15em;font-weight: 700;color: #fff;    }

    @-webkit-keyframes hover-ripple-out {
        50% {
            width: calc(100% + 15px);
            height: calc(100% + 15px);
            opacity: 0;
        }
    }

    @keyframes hover-ripple-out {
        50% {
            width: calc(100% + 15px);
            height: calc(100% + 15px);
            opacity: 0;
        }
    }

    @-webkit-keyframes zoom-icon {
        100% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
    }

    @keyframes zoom-icon {
        100% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
    }

    @media screen and (max-width: 1399px) {
        .float-contact-kd {
            left: 35px;
            bottom: 35px;
        }
        .float-contact-dv {
            left: 35px;
            bottom: 115px;
        }
        .float-contact > a {
            height: 44px;
            padding-left: 31px;
        }

        .float-contact > a > .icon {
            width: 55px;
            height: 55px;
            left: -27.5px;
            padding: 10px;
        }



        .float-contact > a > .text .text-title {
            font-size: .75em;
        }

        .float-contact > a > .text .text-number {
            font-size: .95em;
        }
    }
        .float-contact > a > .icon > .icon-inner img{
            height: 35px;
            width: 35px;
        }

.name-car {
  font-size: 50px;
  color: #231F55;
}
#chon-mau li{width:50px; height:50px; border-radius:50%; border:1px solid #3333;margin:10px}
#chon-mau li a{display:block;width:100%;height:100%}
#chon-mau nav{justify-content: center;}
#chon-mau li .active:after{content: "";width: 30px;height: 30px;z-index: 10;display: block;}
.wp-block-column {
  padding: 10px;
}
.wp-block-column img{border-radius: 10px;}
.thongsoxe .bg-row{  background: #f4f4f4;border-right: 1px solid #fff;}
.thongsoxe .accordion{padding:40px 0 10px 0;border-bottom: 1px solid #ddd;margin-bottom: 20px;position: relative;font-size: 23px;text-transform: uppercase;  color: #013378;}
.thongsoxe .accordion:after{content: "+";position: absolute;right: 0;font-size: 25px;font-weight: bold;}
.thongsoxe .active:after{content: "-";position: absolute;right: 0;font-size: 25px;font-weight: bold;}
.thongsoxe .panel{display: none;overflow: hidden;}
.thongsoxe .thongso-ct ul{padding-left:20px;width:100%}
.thongsoxe  .thongso-ct ul li:nth-child(2n+1) {background: #d6e3f9;}
.thongsoxe  .thongso-ct ul li{padding:5px 20px}
.thongsoxe  .thongso-ct{padding-left:30px;}
.chinhsach {margin-left:50px;}
.mua-ngay{color: #001e50;
  font-size: 20px;
  letter-spacing: -1px;
  border: 2px solid #001e50;
  padding: 20px;
  border-radius: 20px;
  margin-left: 50px;
  margin-top: 20px;
  cursor: pointer;}
  @media (min-width: 768px){ .models .box-car{width:120px;height:50px;background-size:cover;background-position:center;margin: auto;max-width: 100%;}}
@media (max-width: 767px){
       .side_menu{background:#fff;height:100vh;left:-250px;position:absolute;top:0;width:250px;z-index:99}
    .side_menu{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
    .side_menu .container{padding:0 1em}
    .burger_box{display:block;float:right;margin-right:-45px}
    .burger_box a{background: #1ddbee;}
    .burger_box a.menu-icon{display:inline-block;float:none;height:43px;padding:10px;width:45px;z-index:100;background: #fff;border: 1px solid;margin-top: 5px;}
    .burger_box a.menu-icon:hover,.burger_box a.menu-icon.opened{opacity:1}
    .burger_box a.menu-icon.opened{background:#c5cbff}
    .burger_box .menu-icon_box{display:inline-block;height:25px;position:relative;text-align:left;width:25px}
    .burger_box .menu-icon_line{background:#067919;border-radius:2px;display:inline-block;height:3px;position:absolute;width:100%}
    .burger_box .menu-icon_line--1{top:2px}
    .burger_box .menu-icon_line--2{top:10px}
    .burger_box .menu-icon_line--3{top:18px}
    .burger_box .menu-icon_line--1{transition:top 200ms 250ms,transform 200ms;-webkit-transition:top 200ms 250ms,-webkit-transform 200ms}
    .burger_box .menu-icon_line--2{transition:opacity 0 300ms;-webkit-transition:opacity 0 300ms}
    .burger_box .menu-icon_line--3{transition:top 100ms 300ms,transform 200ms;-webkit-transition:top 100ms 300ms,-webkit-transform 200ms}
    .burger_box .menu-icon.opened .menu-icon_box{transform:scale3d(0.9,0.9,0.9);-webkit-transform:scale3d(0.9,0.9,0.9)}
    .burger_box .menu-icon.opened .menu-icon_line{top:10px}
    .burger_box .menu-icon.opened .menu-icon_line--1{transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);transition:top 100ms,transform 200ms 250ms;-webkit-transition:top 100ms,-webkit-transform 200ms 250ms;background: #013378;}
    .burger_box .menu-icon.opened .menu-icon_line--2{opacity:0;transition:opacity 200ms;-webkit-transition:opacity 200ms}
    .burger_box .menu-icon.opened .menu-icon_line--3{transform:rotate3d(0,0,1,-45deg);-webkit-transform:rotate3d(0,0,1,-45deg);transition:top 200ms,transform 200ms 250ms;-webkit-transition:top 200ms,-webkit-transform 200ms 250ms;background: #013378;}
    .list_load{display:none;list-style:none;padding:0}
    
    
    #header .navbar{justify-content: center;}
    .models .nav li{border: 1px solid #ddd;    margin: 5px;width: 45%;}
    .models .box-car{width:100%;height:100px;background-size:cover;background-position:center;margin: auto;}
    
    
    
}