/*
Theme Name: Tây Bắc Ford
Version: 24.09
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}
.p-top-50{padding-top:50px}
.marginauto{margin:0 auto}
.absolute-can-doc{position: absolute;top: 50%;transform: translateY(-50%);}
.hidden{display:none;}
.background{background:#fff}
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;}
.pad10{padding:10px;}
.p-bottom-50{padding-bottom:50px;}
.mar10{margin:10px;}
.flex-center{  justify-content: center;  align-items: center;  display: flex;}
/*Header*/
#header{z-index: 99;background: #fff;min-height: 70px;box-shadow: 0 5px 3px #26374d;}
#header .navbar-brand{z-index:9999}
#header .navbar-brand img{}
#header .menu-main a{text-transform: uppercase;font-size: 16px;font-weight: bold;padding: 5px 10px;color: #01095c;}
#header .menu-main a:hover{color:#fd7e14;}
.topbar{background: #01095c;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: 300px;height: auto;top: -30px;}
.text-phone {display: flex;align-items: center;}
.box-hotline{position:relative}
.hotline span {color: #003478;font-size: 25px;font-weight: 700;}
.icon-call{display: flex;align-self: center;}
.icon-call img {border: 2px solid #003478;border-radius: 50%;margin-right: 10px;}
.select-box {display: flex !important;}
.icon-select .select-box span{display: flex;  align-items: center;  padding: 10px;  font-weight: bold;  font-size: 14px;  color: #fff;  background: #003478;width: 100%;}
.btn-select{max-width: 100%;margin: 0 auto;}
.btn-select .btn-goi{justify-content:center;display: flex;   align-items: center;  background: #ed1c24;height: 40px;  margin: 10px auto;}  
.btn-select .btn-bg{justify-content:center;display: flex;    align-items: center;  background: #003478; height: 40px;  margin: 10px auto;} 
.btn-select div .bg{  color: #fff;  text-transform: uppercase;  font-weight: bold;  font-size: 14px;  padding: 5px;}  
.btn-select div .goi span{color: #fff;  text-transform: uppercase;  font-weight: bold;  font-size: 14px;  padding: 5px;}  
@media only screen and (max-width: 600px) {
    #collapsibleNavbar{background:#fff;}
    #collapsibleNavbar ul li{padding: 10px;border-bottom: 1px solid #4d4a4a;}
    .navbar-toggler{background: #073267;}
}
@media only screen and (min-width: 600px) {
    #collapsibleNavbar{justify-content: center;margin-left: 300px;}
    .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:#073267}
.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:#01095c}
.home-title2 span{font-weight: normal;}
.wpcf7-spinner{display:block!important;}

/*--------------------------------------------------------------
# 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;}
.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;}

/*Sản phẩm*/
.product-item h3{font-weight: bold;font-size: 18px;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);}
 
.nav-dieu-huong{background: #073267;color: #fff;}
.nav-dieu-huong .active{border-bottom:2px solid}
.nav-dieu-huong h2{font-size:20px}
.nav-dieu-huong a{color:#FFF;font-size: 16px;font-weight: bold;}
.single-san-pham .sticky {  position: fixed;  top: 0;  width: 100%;z-index:9}
.single-san-pham .sticky + .noidung {  padding-top: 112px;}
#tongquan{  background: #fbf8f8;}
#tongquan content h2{font-size: 18px;padding: 10px;color:#073267}
#tongquan content h4{font-size: 15px;padding: 10px;color:#073267}
.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;border-bottom:1px solid #ddd;margin-bottom:10px}
.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: #111;padding: 0 3px;}
.single-san-pham .container .nav-tabs a{color: #fff;font-weight: bold;	text-transform: uppercase;display:block;padding: 10px 20px;}
.single-san-pham .container .nav-tabs .active {background:#fff;border-top: 3px solid #1958aa;color:#1958aa!important}
.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{border:1px solid #ddd;}
.giasp{color:red;}
.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, .formchonxe .wpcf7-select{background: #eae4e4;width: 100%;border-radius: 20px;  padding: 0 20px;}
.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: cover;}
.product-item{text-align:center;    position: relative;padding-top:30px;margin: 0 10px}
.menu-hd-sp .button-sp{background:#073267; text-align:center;margin:20px;padding:10px;color: #fff;}
.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: #01095c;padding: 7px;border-radius: 5px;font-weight: bold;font-size:14px}
.tieude-sp{font-size: 23px;color: #073267;padding-bottom: 20px;line-height: 1.2;}
#uudai{background: #f48020;color: #fff;}
.dx_heading_1 h3{    color: #105ea8;font-size: 23px;}
.dx_heading_1 strong {    color: #f48020;}
.td-tuychinh{color: #ffffff;background: linear-gradient(to right, #015ea7 , #fff);padding: 5px 15px;margin-bottom: 10px;border-radius: 5px;font-size: 24px;}
.single-san-pham #header .navbar-brand img {  max-height: 70px;}


/*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;}
.wpcf7-submit{background: #0a1e45;border: none;margin-top: 10px;color: #fff;font-weight: bold;padding: 5px 10px;border-radius: 5px;border: 1px solid;}
.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;}
.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;width: 30px;height: 30px;border-radius: 50%;opacity: 1;}
#baogia .modal-title{font-size: 25px;padding: 20px;}
#baogia .modal-title span{color: red;font-style: italic;}
#baogia .nhaplieu input{background: #fff;    margin: 5px;    border: 1px solid;    padding: 3px;}
.baogia-sologan{padding: 0 30px;font-style: italic;font-weight: bold;}
#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}
.lydo h3{color: #fff;  font-size: 20px;  text-align: center;  padding-bottom: 30px;}
.lydo{background: #000432;}
.wpcf7-response-output{color:#fff}
.size-full .wp-block-image img{padding:20px}
/*call*/

    .float-contact {
        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: #01095c;
        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: #003478;
        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: #003478e6;
        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: #01095c;
        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: .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 {
            left: 35px;
            bottom: 35px;
        }

        .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;
        }
    }

#baogia .wpcf7-text{width: 100%;margin: 10px 0;}
.formchonxe .wpcf7-select{width: 100%;    padding: 8px;}
.baogia-sologan{background: #0a3d81;    color: yellow;    display: block;    padding: 20px;}
.slect-bt {    align-items: center;    justify-content: space-around;}
.icon-select .select-box {display: flex !important;}
.icon-select .select-box img {
    background-color: #b70100;
    padding: 10px;
}
.icon-select .select-box span{display: flex;  align-items: center;  padding: 10px;  font-weight: bold;  font-size: 14px;  color: #fff;  background: #003478;width: 100%;}
.btn-select .btn-default {    position: relative;    overflow: hidden;}
.btn-select .select-box {    color: #fff;    text-align: center;    font-size: 20px;    font-weight: bold;       cursor: pointer;   display: block;   }
.tieude2{font-size: 25px;  text-transform: uppercase;  color: #003478;position: relative;}
.home-bg{border: 2px dotted #fff;  border-radius: 5px;}

.banggia .table th, .banggia .table td {
    vertical-align: middle;
}
.banggia .btn-danger {
    background-color: #0a1e45;
    border: none;
}
.banggia .btn-outline-danger:hover {
    background-color: #dc3545;
    color: white;
}

.btn-xemthem {
    background-color: #01095c;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 25px;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.btn-xemthem:hover {
    background-color: #0a1e45;
    color: #fff;
}
.card:hover {
	box-shadow: 0 0 10px rgba(1, 9, 92, 0.2);
	transform: translateY(-4px);
	transition: 0.3s ease;
}