/*
Theme Name: oto
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/*color-close-popup*/.mfp-close-btn-in .mfp-close {color:white;}/*-- Chèn icons lên Form --*/.wpcf7 p{ position: relative; }#icon-form{position: absolute;color: black;z-index: 100;font-size: 18px;top: 8px;left: 10px;}.wpcf7 p>span>input {border: 0 solid;border-bottom: 1px solid black;-webkit-box-shadow:unset;box-shadow: unset;background: transparent!important;}.wpcf7 p>span>textarea {border: 0 solid;border-bottom: 1px solid black;-webkit-box-shadow:unset;box-shadow: unset;background: transparent;}.wpcf7 input::placeholder{color: black;}.wpcf7 textarea::placeholder{color: black;}.contact-input {padding-left: 40px!important;}.mywebsite-custom-button{border: 1px solid white!important;}.wpcf7-spinner{display:none}

/*VR*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* Table*/
#customers {border-collapse: collapse;width: 100%;}#customers td, #customers th {border: 2px solid #f2f2f2;padding: 8px;}#customers tr:nth-child(even){background-color: #f2f2f2;}#customers tr:hover {background-color: #ddd;}#customers th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: #262170;color: white;} 


h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 700;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6, .heading-font {
    color: #3c3c3c;
}


body {
    font-weight: 400;
    font-style: normal;
}
table tr:nth-child(2n+1) {
    background: #ECECEC;
}
table tr td {
    padding: 0px 5px !important;
    border: 1px solid #dfdddd;
    height: 50px !important;
}
.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Nổi bật";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}
span.amount {
    color: #f00;    
}
.fast-access {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    color: #fff;
    background-color: #0b4f87;
    border: 1px solid #0b4f87;
}
.fast-access .fast-access-icon {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
;
    background-color: #0b4f87;
    padding: 10px;
}
.fast-access .fast-access-icon .fa-usd {
    font-size: 36px;
}
.fast-access .fast-access-icon .fa {
    position: relative;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 30px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fast-access .fast-access-icon .fa-usd:before {
    top: 10px;
    left: 16px;
}
.fast-access .fast-access-icon .fa:before {
    position: absolute;
}
.fast-access .fast-access-icon .fa-usd {
    font-size: 36px;
}
.fast-access .fast-access-title {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
        font-size: 25px;
    }
.fast-access .fast-access-title {
    color: #fff;
}
.fast-access .fast-access-icon .fa-car:before {
    top: 12px;
    left: 13px;
}
.fast-access .fast-access-icon .fa:before {
    position: absolute;
}
.fa-automobile:before, .fa-car:before {
    content: "\f1b9";
}
.fast-access .fast-access-icon .fa-calculator:before {
    top: 14px;
    left: 17px;
}
.fast-access .fast-access-icon .fa:before {
    position: absolute;
}
.fa-calculator:before {
    content: "\f1ec";
}
.icon-box-1 {background:#0b4f87;color:#fff;font-size:25px;	align-items:baseline;}
.icon-box-1 .icon-box-img img { padding-top:0px;}
.icon-box-2 {background:#c4172c;color:#fff;font-size:25px; border-radius:10px;}
.icon-box-2 .main-text {display:block;font-size:1.0rem;margin-top:5px;}
.icon-box-2 .info-text {display:block; color:#fdfb56;}
.icon-box-2 .icon-box-img img { margin:10px;}
.cf-title-01 h3,.cf-title-02 h3 {
	text-align:center;
	text-transform:uppercase;
	padding-bottom:5px;
	
}
.cf-title-02 h3 {color: var(--primary-color);}
.cf-title-01 h3:before {
	width:28px;
	height:5px;
	display:block;
	content:"";
	position:absolute;
	bottom:3px;
	left:50%;
	margin-left:-14px;
	background-color:#b80000;
}
.cf-title-01 h3:after , .cf-title-02 h3:after {
	width:100px;
	height:1px;
	display:block;
	content:"";
	position:relative;
	margin-top:5px;
	left:50%;
	margin-left:-50px;
	background-color: #b80000;
}
.footer-content .contact {
    position: relative;
    padding-right: inherit;
}
.footer-content .contact .icon em {
    color: #222;
    width: 30px;
    height: 30px;
    background: #FFF;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.footer-content .contact .icon em:before {
    position: absolute;
    top: 8px;
    left: 8px;
}
.fa-phone:before {
    content: "\f095";
}
.footer-content .contact .icon {
    float: left;
    margin-right: 10px;
}
.footer-content .contact ol, ul {
    list-style: none;
}
.footer-content .contact p, .footer-content a, .list-group li a {
    color: #fff !important;
}
.footer-content .contact p {
    color: #FFF;
    padding: 5px 0 15px 0;
}
.footer-content .title-footer-block {
    color: #fff;
    position: relative;
    display: block;
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 115%;
    font-weight: bold;
}
.row-list-oto > .col > .col-inner {
    text-align: center;
    border: 1px solid #f4f4f4;
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    padding: 8px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.row-list-oto .row .col {
    padding: 0px 2px 0px 0px;
}
.row-list-oto .row .col .col-inner {
    padding: 0px 5px 0px 5px;
}
.is-small, .is-small.button {
    border-radius: 5px;
}
.title-border-left {
		border-left: 4px solid var(--primary-color);
    padding-left: 10px;
}
.wpcf7 p>span>input {
    border: 0 solid;
    border-bottom: 1px solid black;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background: transparent !important;
}
.contact-input {
    padding-left: 40px !important;
}
.box-blog-post .is-divider {
    display: none;
}
.related.related-products-wrapper.product-section {
    display: none;
}
.woocommerce-Tabs-panel--description h2 {
		padding-top:15px;
}
.nav-tabs+.tab-panels {
   
    padding: 30px 5px;
}
.product-footer .woocommerce-tabs {
     border-top: unset;
     padding:0;
	padding-bottom:20px;
}
.product-info {
     padding-top: 0px;
}
.float-contact button {
    width: 180px;
}
.hotline-footer{display:none}
.float-contact {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 99999;
}
.chat-zalo {
background:#1464f4;
border-radius: 3px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-face {
background: #1464f4;
border-radius: 3px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.float-contact .hotline {
background: #1464f4!important;
border-radius: 3px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-zalo a, .chat-face a, .hotline a {
font-size: 15px;
color: white;
font-weight: 400;
text-transform: none;
line-height: 0;
}
@media (max-width: 549px){
.hotline-footer{display:block; position:fixed; bottom:0; width:100%; height:50px; z-index:99; background:rgba(0,0,0,0.6)}
.hotline-footer .left{    width: 50%;
    float: left;
    height: 100%;
    color: white;
    line-height: 43px;
    text-align: center;}
.hotline-footer .right{    width: 50%;
    float: right;
    height: 100%;
    line-height: 43px;
    text-align: center;}.absolute-footer{font-size:13px}
.blog-single .large-9, .blog-single .large-3{    flex-basis: 100%;
 max-width: 100%;}.blog-single .large-3{padding-left:15px; font-size:15px}
 
.blog-single .large-3 .widget-area .section4{display:none}.tin-tuc-section .cot1-2{display:none}.hotline-footer a{color:white}
.hotline-footer a{display:block;}.hotline-footer .left a{    background: #1464f4;
    line-height: 40px;
    margin: 5px;
 border-radius: 3px;}.hotline-footer .right a{background: #1464f4;
    line-height: 40px;
    margin: 5px;
 border-radius: 3px;}
.hotline-footer .left img, .hotline-footer .right img{width:30px;    padding-right: 10px;}
.float-contact{
display:none
}
	.container {
    padding-left: 5px;
    padding-right: 5px;
}
}
.box-image:hover::before, .post-item:hover .box-image::before , .img:hover .img-inner::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.box-image::before, .img .img-inner::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
.product-small.box:after, .mh-col-shadow > .col-inner:after, .post-item > .col-inner:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 100%;
transform-origin: right;
transition: transform .5s ease-in-out;
transform: scaleX(0);
}
.product-small.box:after, .mh-col-shadow > .col-inner:after, .post-item > .col-inner:after {
background: var(--primary-color);
}
.product-small.box:hover:after , .mh-col-shadow:hover > .col-inner:after, .post-item:hover > .col-inner:after {
transform-origin: left;
transform: scaleX(1);
}

.home-price {
	color: #e21428;
    font-size: 1.3rem;
    margin-top: 10px;
    display: block;
    text-align: center;
    font-weight: 700;
}
.detail-content {
    font-size: 15px;
    text-align: justify
}

.detail-content h3 {
    font-weight: 600;
    font-size: 18px
}

.detail-content .embed-responsive,.detail-content h1,.detail-content h2,.detail-content h3,.detail-content h4,.detail-content h5,.detail-content h6,.detail-content li,.detail-content p,.detail-content table {
    margin-bottom: 1rem
}

.card-box-side .news-date,.card-box-side .news-item:last-child,.detail-content .figure-img,.detail-content blockquote p:last-child,.detail-content ul,.product-info .desc,.product-info .price,.product-list-horizontal .product-item-box .images-link,.product-list-horizontal.product-list .price,.rating,.section-navbar-scroll .nav-tabs .nav-item,.section-news-list .news-item {
    margin-bottom: 0
}

.detail-content .block-highlight {
    padding: 20px;
    margin: 20px auto;
    border: 3px dotted #32580f;
    border-radius: 15px;
}
.detail-content ul li {
    position: relative;
    list-style: none;
    padding-left: 16px;
    margin-left: 16px
}

.detail-content ul li:before {
    background: #777;
    left: 0;
    top: 7px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.detail-content a {
    font-weight: 600;
    color: #0094da
}

.box-contact-info-text a:hover,.card-box .nav .nav-link:focus,.card-box .nav .nav-link:hover,.detail-content a:focus,.detail-content a:hover {
    text-decoration: underline
}

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

.detail-content .figure.fluid {
    display: block;
    text-align: center
}

.detail-content .figure-caption {
    margin-top: .5rem
}

.figure-caption {
    font-size: 90%;
    color: #636c72
}

.detail-content table {
    width: 100%;
    border: 1px solid #dee2e6
}

.detail-content table td,.detail-content table th {
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #dee2e6
}

.detail-content table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.detail-content table thead td,.detail-content table thead th {
    border-bottom-width: 2px
}

.detail-content blockquote {
    background-color: #f5f6f7;
    border-left: 3px solid #ff6a00;
    border-radius: 4px;
    color: #3c4043;
    padding: 12px 10px;
    margin-bottom: 1rem
}
.heading-3 {
    font-size: 120%;
    line-height: 1.2;
    font-weight: 700 !important;
    font-style: normal !important;
    border-left: 3px solid #ff6a00;
    padding: 2px 0 2px 10px;
}
.product-short-description {
    border: 3px dotted #e74c3c;
    border-radius: 8px;
    padding: 5px;
    margin: 20px 3px;
}
.category-car .box-shadow-2-hover {
    text-align: center;
    border: 1px solid #f4f4f4;
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    padding: 8px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.btn-view-more-info {
        font-weight: 700;
        color: #333;
        padding: 7px 47px 7px 12px;
        margin-bottom: 0;
        width: unset;
    }
.btn-view-more-info i {
    background-color: #c4172c;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 100%;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 80%
}
.fa-chevron-right:before {
    content: "\f054";
}
.phone-ring.pricequote {
    position: fixed;
    width: unset;
    left: 243px;
    padding: 3px 20px 3px 3px;
}
.phone-ring {
    left: 3px;
    bottom: 3px;
    display: block;
    width: 240px;
    line-height: 40px;
    background-color: #ed1c24;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    color: #fff !important;
    font-size: 17px;
}
.phone-ring, .phone-zalo {
    text-decoration: none;
    z-index: 1000;
    padding: 3px;
}
.chat-messenger, .phone-ring, .phone-zalo {
    position: fixed;
    height: 46px;
    font-weight: 500;
    border-radius: 30px;
}
.phone-circle {
    float: left;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100%;
    margin-right: 5px;
}
.phone-circle i {
    filter: brightness(0) saturate(100%) invert(46%) sepia(70%) saturate(4423%) hue-rotate(338deg) brightness(94%) contrast(91%);
}
.icon-phone {
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,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);
}
.icon-envelope {
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKqSURBVHic7Zo5bxQxHEcfCDoqpJTQ8F1IuLKBgBTuM9xHUoEQNeKTUFECQnwMakRFFQEVEmwyu6EYW5osf4/tGXt3xuufZGkPj9fv7ezO+ICcnJycnJycnDnNvonnh4El4MgM+hI7u8B34BPwy1TpOPBHVU6xDIHTNlOpShgCZyTgBeG1xcQkmOAXAD4CmwlLMMFvAh8AfqqKLxKUYILfUO9vMXHAhlB5qacShsByDbwu/x34PAEJJvhnwNgmYKwq9lWCCf6eAC8K0BKeCo2c6LiEITDwgDcKsEn42wFYV/i7NfC1ArSEJz2Q0BTeKqAPEraBFaF/6w7wTgK0hMfCh5ycsYS28M4CuighBLyXgDoJp6YsYRs4GwDeW4CW8GiGEkzwd4BRg/YadcIk4ZzqYCz4AlgLCN9YgJbwcIoSTPC3W8C3EjBNCQVwMQJ8awF1ElYDSYgJH0RAnYQLwE6LdndUG5O5FQg+mAAt4YHQ2fMNJRTApcjwu/uFDwidd5SncOFxzAi4BryN0qOJxPz2q3E9EwrgsqWtTv0ETL//ow0kmOCltkJJiAK/SjlEvS+8Z/pjLIArQv2blFcT6UoQQkJw+Oo9wJhyNsYmwQR/owIY63IYDb5aV5IwAL6oIk1mVOGrokLfDTaC9x0HjIDrwjGmrClYqa3Q44Eg8C4jQVcJdfC6hBwResFLcwEruN/yjoCXwAGhnYPAKw+AugkRHwmt4AeU//a+p91X4DVwVZU3wLcG7ZgmQ4NOiXVtKsznTGg9Kdr1GeEQEnoPr0vQhZG+rQq1kZAMvE2C0+KoCb4vK8NVCa4rxHuezOUGiR/qQQobI3wlbMF8b5J6D3mbXPLwNgl7kuouUaMEabP0InAMOGSz1bP8phyEfaZms3ROTk5OTk5OztzkH507s694OQoEAAAAAElFTkSuQmCC);
}
.icon-messenger, .icon-phone, .icon-envelope {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.form-dang-ky {
	background: rgb(204 204 204 / 69%);
    padding: 10px;
    border-radius: 10px;
}