/*
Theme Name: Mazda Thanh Hóa
Theme URI: tel:0906525333
Author: tdnguyen
Author URI: tel:0906525333
Version: 24.8
License: GNU General Public License v1 or later
*/
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:2;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}
.full-width img{width:100%}
.container-fluid{padding:0!important;margin:0!important;}
h1, h2, h3, h4, h5, h6{font-weight:bold}
.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;}
.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;}
/*Header*/
#header{z-index: 99;background: #fff;min-height: 70px;}
#header .navbar-brand img{}
#header .menu-main a{text-transform: uppercase;font-size: 16px;font-weight: bold;padding: 5px 10px;color: #333;}
#header .menu-main a:hover{color:#fd7e14;}
.topbar{background: #c00;color:#fff;letter-spacing: -1px;padding:10px 0;}
.topbar a{color:#FFF;}
.topbar .fa{  margin-right: 10px;}
.logo{position: relative;}
.logo a{display: block;position: absolute;width: 180px;height: auto;top: -30px;}
.logo a img{border:2px solid;}
.text-phone {display: flex;align-items: center;}
.box-hotline{position:relative}
.hotline span {color: #c00;font-size: 25px;font-weight: 700;}
.icon-call{display: flex;align-self: center;}
.icon-call img {background: #c00;padding: 5px;border-radius: 50%;margin-right: 10px;}

@media only screen and (max-width: 600px) {
    #collapsibleNavbar{background:#000;}
    #collapsibleNavbar ul li{padding: 8px;border-bottom: 1px solid #4d4a4a;}
    .navbar-toggler{background: #073267;}
}
@media only screen and (min-width: 600px) {
    #collapsibleNavbar{justify-content: center;}
    .menu-main .sub-menu{position: absolute;color: #fff;display: none;background: #fff;padding: 10px;width:250px;z-index: 2;}
    .menu-main .sub-menu li{border-bottom:1px solid #ddd;padding:5px 0;}
    .menu-main .menu-item-has-children{position:relative;}
    .menu-main .menu-item-has-children:hover .sub-menu{display:block;}
}
/*Main*/
main{padding-bottom: 20px;}
.carousel-inner .carousel-item{background: #003aaa;}
.carousel-inner .carousel-item img{width:100%;}
.thuvienanh{background:#424242}
.title-h2, .tieude-h2{font-size: 30px;    text-transform: uppercase;    text-align: center;}
@media only screen and (min-width: 600px) {
}
.home-title2 h2{font-size:30px;font-weight:700;text-transform:uppercase;color:#c00}
.home-title2 span{font-weight: normal;}
.wpcf7-spinner{display:block!important;}
.lydo{background:#c00;padding: 10px 0;}
.lydo .item-ld{background: #fff;padding: 20px;margin: 10px;text-align: center;position: relative;}
.ld1 i{border-radius: 50%;width: 100px;height: 100px;display: flex;position: absolute;background: #fff url(images/intro-1.png);  background-color: rgb(255, 255, 255);   background-repeat: no-repeat;    background-size: 70%;left: 50%;transform: translateX(-50%);top: -10%;background-position: center center;}
.ld2 i{border-radius: 50%;width: 100px;height: 100px;display: flex;position: absolute;background: #fff url(images/intro-2.png);  background-color: rgb(255, 255, 255);   background-repeat: no-repeat;    background-size: 70%;left: 50%;transform: translateX(-50%);top: -10%;background-position: center center;}
.ld3 i{border-radius: 50%;width: 100px;height: 100px;display: flex;position: absolute;background: #fff url(images/intro-3.png);  background-color: rgb(255, 255, 255);   background-repeat: no-repeat;    background-size: 70%;left: 50%;transform: translateX(-50%);top: -10%;background-position: center center;}
.lydo .item-ld>div{padding-top: 50px;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.em-latest-post-carousel{margin-bottom:-6px}
.latest-posts-carousel{text-align:center}
.latest-posts-carousel .slick-track{display:inline-block}
.site-footer{background:#24292f;color: #fff;}
.primary-footer{padding-top:60px}
.site-footer .widget .col-details,.site-footer .widget figcaption{color:#959595}
.site-footer .widget .col-details a,.site-footer .widget figcaption a{color:#404040}
.site-footer .widget .cat-links a{color:#fff}
.footer-logo{padding:30px 0;text-align:center;border-top:1px solid;border-bottom:1px solid}
.secondary-footer{padding:15px 0}
.footer-nav-wrapper ul{list-style:none;margin:0 auto;padding:0}
.footer-nav-wrapper ul li{display:inline-block}
.footer-nav-wrapper ul li a{padding-right:16px;line-height:45px}
.site-info h2{font-size: 25px;font-weight: bold;letter-spacing: -1px;text-transform: uppercase;}
.chinhsach ul li{display: inline-block;padding: 0 20px;font-size: 18px;}
.chinhsach a{color:#fff;}
.coppyright{padding-top:50px;}
.bottom-contact{display:block;position:fixed;bottom:0;background:#073267;width:100%;z-index:99;border-top:1px solid #eaeaea}
.bottom-contact ul li{width:25%;float:left;list-style:none;text-align:center;font-size:9.07px}
.bottom-contact ul li a{color:#FFF}
.bottom-contact ul li img{width:35px;margin-top:10px;margin-bottom:0}
.bottom-contact span{font-weight: bold;font-size: 14px;color:#000;}
.tg_contact_fixed_2021{position:fixed;z-index:999;right:50px;bottom:134px}
.tg_contact_fixed_2021 ul li a{width:55px;height:55px;background:#a20000;color:#fff;display:table;text-align:center;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tg_contact_fixed_2021 ul li{margin:0 0 10px;position:relative}
.tg_contact_fixed_2021 img{vertical-align:middle}
.info-lh li .contact--desc p {font-weight: bold;font-size: 1rem;}
.contact--icon .address{width: 35px;height: 35px;display: flex;background: url(images/icon.png);  background-position-x: 0%;  background-position-y: 0%;background-repeat: repeat;}
.contact--icon .mail{width: 35px;height: 35px;display: flex;background: url(images/icon.png);  background-position-x: 0%;  background-position-y: 50%;background-repeat: repeat;}
.contact--icon .telephone{width: 35px;height: 35px;display: flex;background: url(images/icon.png);  background-position-x: 0%;  background-position-y: 100%;background-repeat: repeat;}
.contact--desc{line-height: 1;padding: 0 15px;}
.tt-lienhe{color: #fff;font-size: 1.5rem;font-weight: 700;text-transform: uppercase;padding-bottom: 20px;}
.dx_heading_1 h3{    color: #105ea8;font-size: 23px;}
.dx_heading_1 strong {    color: #f48020;}
/*Sản phẩm*/
.product-item h3{font-weight: bold;text-transform: uppercase;font-size: 22px;text-align: center;color:#153864;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: #333;    -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;}
.phienban h2{font-size: 30px;text-transform: uppercase;color: #013378;text-align: center;}
.single-san-pham .post-content h3{font-weight:700;text-transform:uppercase}
.single-san-pham .other-sp{padding:20px;text-align:center}
.single-san-pham .other-sp .itemsp{border:1px solid #ddd}
#thumb-sp li{padding:5px}
#thumb-sp li img, #slide-sp img{padding:2px;border:1px solid #ddd}
#thongsoxe .table td, .table th{text-align:left}
.giaxe{color: red;font-size: 17px;font-weight: bold;}
.motangan ul li{line-height: 2;list-style: disc;}
.motangan{padding-left: 15px;text-align: left;}
.nhaplieu{margin:5px}
.figcaption {text-align: center;font-style: italic;}
.single-san-pham .container .nav-tabs{background:none;padding: 0 3px;}
.single-san-pham .container .nav-tabs a{color: #000;font-weight: bold;	text-transform: uppercase;display:block;opacity: 0.5;}
.single-san-pham .container .nav-tabs .active {background:#fff;border-top: 3px solid #1958aa;color:#1958aa!important;opacity: 1;}
.single-san-pham .container .tab-content > .active{opacity:1}
.single-san-pham .container .nav-tabs{border:none}
.single-san-pham .container table{width:100%}
.single-san-pham .container table tr{border-bottom: 1px solid #ddd;}
.single-san-pham .container table tr td{padding:5px}
.single-san-pham .container #thongsoxe .title, .single-san-pham .container #trangbi .vc_custom_heading{font-weight: bold;padding: 20px 0;}
.itemsp{ padding: 10px;}
.giasp{color:#797979;}
.wp-block-column{border: 1px solid #ddd;box-shadow: 0 0 5px #ddd;padding: 20px;}
#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;background: url(images/check.JPG);z-index: 10;display: block;}
.formbaogia{background: #fff;padding: 10px;opacity: 0.9;text-align: center;}
.nhaplieu input{max-width: 100%;}
.formbaogia h3{font-size: 25px;padding-top: 20px;}
.formbaogia .wpcf7-submit{background: #000280;border: none;color: #fff;font-weight: bold;padding: 5px 10px;text-transform: uppercase;box-shadow: 0 0 5px #4f4141;border-radius: 7px;}
.item-sp-shape{position: relative;display:block;width:100%;height:30px}
.item-sp{text-align:center;}
.khung{width: 100%;height: 180px;display: block;background-repeat: no-repeat;background-position: center;background-size: contain;}
.product-item{text-align:center;    position: relative;padding-bottom:30px;margin: 10px}
.menu-hd-sp .button-sp{background:#073267; text-align:center;margin:20px;padding:10px}
.menu-hd-sp a{color:#FFF;font-weight:bold}
.item-san-pham{padding:15px 10px}
.product-item:hover{webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);}
.product-item .read-more{color: #fff;background: #073267;padding: 7px;border-radius: 5px;font-weight: bold;font-size:14px}
.title_bg{position: absolute;left: 0;top: 0;width: 50%;background: #333;height: 100%;}
.section_title{background: #333;color: #fff;font-size: 30px;padding: 5px;font-weight: bold;}
.section_title:before{position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;width:74px;height:7px;background-color:#c00;content:"";z-index:2}
.single-san-pham .chinhsach{padding:5px 15px;}
.single-san-pham .chinhsachbh{padding:5px 15px;border-style:dashed;border-width:2px;border-color:#c00;border-radius:10px 10px 10px 10px}
#mauxe .gia-xe{text-align:center;font-weight:500;font-size:1.8rem;color:#494a4b;margin-bottom:8px}
#mauxe .ten-mau-xe{text-align:center;font-weight:500;font-size:1.8rem;color:#494a4b;margin-bottom:8px}
.sologan h2{font-size:25px;color:#c00}
.single-san-pham .content-sp h2{font-size: 30px;padding: 10px 30px;}
.single-san-pham .content-sp table, th, td{    border:1px solid #868585;}
.single-san-pham .content-sp table{    border-collapse:collapse;}
.single-san-pham .content-sp table tr:nth-child(odd){    background-color:#eee;}
.single-san-pham .content-sp table tr:nth-child(even){    background-color:white;}
.single-san-pham  h3{font-size:20px;}
.single-san-pham .mua-ngay{font-size: 20px;background: #c00;color: #fff;padding: 20px;text-align: center;display: block;margin-top: 20px;border-radius: 5px;cursor: pointer;}
.tr-phienban{background: #ddd;font-weight:bold; text-align:center}
.thongsokt .nav-link img{max-width:100px}
.thongsokt .nav-link h3{font-size:12px}
.wp-block-image img{margin: 20px auto;}
.thongsokt td{width:50%;}
.thongsokt table{margin-bottom:50px}
.content-sp p{text-align: justify;}
@keyframes hieuung{
	  0%   {opacity:0;width:30%}
  25%  {opacity:0.25;width:50%}
  50%  {opacity:0.5; width:70%}
  75%  {opacity:0.75; width:90%}
  100% {opacity:1; width:100%}
}

.thongsokt .tab-content .active{ animation-name: hieuung;  animation-duration: 0.4s;}
.banggia .phienban table {width:100%; margin: 15px auto; border-color:#dee2e6 }
.banggia .phienban table td{width:50%; padding:5px 10px}




/*Gioi thieu*/
.gioi-thieu p{line-height: 2;font-size:16px;padding:5px 0;color: #484848;}
.gioi-thieu p:first-child:first-letter {
  font-size: calc(30px + 0.75vw);
  line-height: 40px;
  color: indianred;
  float: left;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

/*Ho tro tra gop*/
.tragop{background-image:url(images/bg-tra-gop.jpg);}
.hotrotragop{color:#fff;line-height:2;}
.hotrotragop h3{font-size:30px;}
#baogia .wpcf7-submit{background: #013378;border: none;color: #fff;font-weight: bold;padding: 5px 10px;border-radius: 5px;margin-top: 20px;}
.quangcao ul{color:#fff;text-align: left;list-style: disc !important;padding-left: 20px;padding-top:20px}
/*category*/
.category-sings{padding-top:30px;}
.category .item-news,.tax-danh-muc-thuoc-nam .item-news{border-bottom: 1px solid #ddd;padding: 20px;}
.page-title{    font-size: 25px;    padding-top: 20px;}
.news-cate{align-items: center;color: #0a5108;font-weight: bold;padding: 10px 0;}
.content-aside .xequantam{color:#fff;}
.content-aside{border: 1px solid #00a551;margin-bottom: 10px;padding: 5px;background: #073267;}
.content-aside .aside-title{color: #fff;text-align: center;font-weight: bold;padding: 7px;text-transform: uppercase;}
.box-tv{background: url(images/phone.png) no-repeat right;width: 50px;height: 50px;background-size: contain;}
.box-cskh{background: url(images/heart-attack.png) no-repeat right;width: 50px;height: 50px;background-size: contain;}
.box-text{margin-left: 10px;}
.box-text strong{display:block;}
.single-post .type-post .entry-title{font-size: 30px;padding-top: 30px;}
.latest-posts-grid{list-style: disc;font-weight: bold;margin-left: 15px;}
.latest-posts-grid a{color: #1253ec;}
.related-title{font-size: 20px;}
#baogia .modal-head{  position: relative;}
#baogia .modal-head .close{position: absolute;right: 10px;top: 10px;background: #bd0d0d;width: 30px;height: 30px;border-radius: 50%;opacity: 1;}
#baogia .modal-title{font-size: 22px;padding: 10px;color:#c00}
#baogia .nhaplieu input, #baogia .wpcf7-select, .formchonxe .wpcf7-select{width: 100%;background: #ddd;margin: 5px;}
 #baogia .wpcf7-select{padding:8px}
#baogia p{padding:0}
.baogia-sologan{padding: 0 10px;font-style: italic;font-size:15px}
#secondary{position:relative;}
.fix-sidebar{position: sticky;display: block;margin-top: 20px;top: 0;}
.single .post-content h2{font-size:30px}
.single .post-content h3{font-size:25px}
.single .post-content h4{font-size:22px}
/*call*/

    .float-contact {position: fixed;bottom: 50px;left: 50px;z-index: 99;box-shadow: 2px 2px 20px;    }
.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:#c00;color:var(--bs-white);padding-left:42.5px;padding-right:15px;padding-top:2px}
.float-contact > a > .icon{box-shadow: 0px 0px 5px;width:75px;height:75px;border-radius:50%;background:#c00;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:#c00;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:64px;height:64px;border-radius:50%;background:#c00;border:2px solid #fff;-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 img {animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; position: absolute;transform-origin: 50% 50% 0;}
@keyframes suntory-alo-circle-img-anim {
0%{transform:rotate(0deg) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0deg) scale(1) skew(1deg)}
100%{transform:rotate(0deg) scale(1) skew(1deg)}
}
    .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: .8em;color: #fff;opacity: .9;letter-spacing: -1px;    }

    .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 {
            left: 35px;
            bottom: 65px;
        }

        .float-contact > a {
            height: 44px;
            padding-left: 31px;
        }

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

        .float-contact > a > .icon > .icon-inner {
            height: 45px;
            width: 45px;
            font-size: 1.5em;
        }

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

        .float-contact > a > .text .text-number {
            font-size: .95em;
        }
    }

.nhankm{color:#fff;}
.nhankm strong{display:block}
.nhankm .wpcf7-tel{width:100%;}
.uudai .wpcf7-tel{width:100%;padding:10px}
.uudai .wpcf7-spinner{position: absolute;left: 0;bottom: 0;}
/*DICH VU*/
.dichvu .bg{background: #24292f96;}
.dichvu{background-image: url(images/bg-xuong-dv.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;display: block;color: #fff;}
.dichvu .home-title2 h2{color:#fff!important;}
.dichvu .item-dv{background: #fff;color: #003478;font-weight: bold;text-transform: uppercase;padding: 10px;margin: 10px 0;cursor: pointer;height: 90%;display: flex;align-items: center;justify-content: center;}
.dichvu .item-dv:hover{background: #003478;color: #fff;}
.dichvu .service-qt{align-items: center;position: relative;position: relative; }
.dichvu .service-qt .icon{width: 60px;font-size: 1.6em;font-weight: bold;background: #003478;border: 2px solid #fff;border-radius: 50%;margin: 0 5px;align-items: center;display: flex;justify-content: center;position: relative;}
.dichvu .service-qt .icon:before{width:30px;height:30px; background:#ddd;display:block;position:absolute;top:50%;overfollow:hidden;}
.dichvu .service-qt .desc{text-align:left}
 .dichvu .service-qt .desc h4{font-size: 22px;}
.service-qt-gc:before{position: absolute;    left: 32px;    width: 3px;    border-left: 3px dashed #ffffff;    height: 50px;    top: calc(100% + 10px);    display: block;    content: "";}
.service-qt-gc{  margin-bottom: 70px;}

/*menu mobile*/
@media (max-width: 767px){
    .form-content .input-form input{margin: 5px 0;}
    .banner .sologan{max-width: 80%;margin: 0 auto;}
     .banner .banner-title-2{font-size:30px}
    .banner .slide-bg{height: 600px;}
    main .container{padding: 20px;}
    .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:#ed1c24}
    .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}
    .list_item{margin-left:-20px;opacity:0;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
    .list_item a{color:#fff;display:block;padding:5px 10px;text-decoration:none}
    .list_item a:hover{background:rgba(255,255,255,.2)}

    /*header*/
    #header-menu > li{padding: 5px 10px;border-bottom: 1px solid #eee;}
    #header-menu .sub-menu{padding-left:20px;}
    #header-menu {display: block;background: #fff;border: 1px solid var(--main-color);}
	.navbar-brand{position: absolute;right: 0;display: block;z-index: 9;top: 0;}
	.mobile-hidden{display:none!important}
	.caption-slide-home {  background: #067a19;padding: 2% 3% 2% 5%;background-size: contain;color: #fff;right: 0;}
	.topbar{display: none;}
	#header .navbar-brand img {  max-height: 50px;}
}
@media (min-width: 767px){
.menu-main{flex-direction: row;display: flex;}
.navbar{justify-content: space-between;}
}
#content-tuyen-dung{margin-top:20px}
#content-tuyen-dung .entry-title{font-size:30px;padding: 30px;text-align: center;color: #013377;}
/*so sanh xe*/

.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;}
.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 .panel .row>div{border-left:1px solid #797979;}
.sosanhxe  .chonxe{  border: 2px dashed #777;
  padding: 15px;  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;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;
  -ms-flex-direction: column;  flex-direction: column;  position: relative;  height: 100%;width:100%;}
.sosanh-btn i{width:15px; height:12px;background-image:url(images/sosanh.png); margin-left:15px}
.sosanh-btn{display: flex;align-items: center;border: none;background: #013378;color: #fff;padding: 5px 15px;border-radius: 3px;}
.nav-item li a{font-size:12px}


/*Lien He*/
.info-lh strong{text-transform: uppercase;font-weight: bold;font-size: 14px;cursor: pointer;transition: 0.4s;padding: 0 10px;background-color: #fff;position: absolute;left: 5%;text-decoration: none;color: #003478;border: none;}
.phongban{text-align: center;    width: 100%;    height: 12px;    border-bottom: 1px solid #bbb;    margin: 25px 0;    padding: 0;    display: block;    position: relative;}
.info-lh ul li p{margin: 0;font-weight: 400;font-size: 14px;line-height: 25px;color: #555;padding-left: 25px;}
.ic-ct-email {background: url(images/ic-ct-email.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: 3px 14px;}
.ic-ct-web {background: url(images/ic-ct-web.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: 0px 10px;}
.mail-w {background: url(images/mail-w.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: 0px 4px;padding-left: 20px;}
.map-w{background: url(images/map-w.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: 0px 0px;padding-left: 20px;}