body {
    background-color: #f8f8f8!important
}

.logo img {
    width: 215px;
    height: auto;
    object-fit: contain;
    margin-top: 4px;
    display: inline-block
}

.nav-menu>li>a {
    padding: 26px 12px!important
}

.header-call {
    display: none
}

.nav-header-mobile {
    display: none!important
}

.slick-next {
    right: 8px
}

.slick-prev {
    left: 8px
}

@media(max-width: 999px) {
    .logo img {
        width:170px;
        height: auto;
        max-height: 48px;
        margin-top: 5px!important
    }

    .header-call {
        display: block;
        font-size: 24pt;
        margin-top: 17px;
        color: #fff
    }

    .nav-search-button {
        width: 30px;
        height: 30px;
        line-height: 50px;
        text-align: center;
        cursor: pointer;
        display: flex
    }

    .main_header_area {
        overflow: hidden
    }

    .nav-header-mobile {
        display: flex!important
    }

    .fa-bars:before,.fa-navicon:before {
        margin-left: 5px;
        margin-bottom: 6px;
        padding-bottom: 14px!important;
        position: absolute
    }
}

@media(max-width: 786px) {
    .home-post-avatar {
        text-align:center;
        width: 99%
    }
}

@media(max-width: 1024px) {
    .logo img {
        width:180px;
        height: auto;
        max-height: 50px;
        margin-top: 6px!important
    }
}

.ototot-header {
    background-color: #d6111a;
    height: 86px
}

.pointer {
    cursor: pointer
}

.home-main {
    position: relative;
    min-height: 600px!important;
    padding-top: 2px
}

.hotline {
    font-weight: 700;
    font-size: 14pt
}

.hotline a {
    color: #d51309!important
}

.hotline-call {
    font-size: 24pt;
    margin-top: 17px;
    color: #fff
}

.footer-distributed {
    background: #181818;
    box-shadow: 0 1px 1px #0000001f;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: 700 16px sans-serif;
    padding: 55px 50px
}

.footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right {
    display: inline-block;
    vertical-align: top
}

.footer-distributed .footer-left {
    width: 40%
}

.footer-distributed h3 {
    color: #fff;
    font: normal 36px,cursive;
    margin: 0
}

.footer-distributed h3 span {
    color: #20b2aa
}

.footer-distributed .footer-links {
    color: #fff
}

.footer-distributed .footer-links a {
    display: inline-block;
    line-height: 1.8;
    font-weight: 400;
    text-decoration: none;
    color: inherit
}

.footer-distributed .footer-company-name {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.footer-distributed .footer-center {
    width: 25%
}

.footer-distributed .footer-center i {
    background-color: #33383b;
    color: #fff;
    font-size: 25px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    margin: 10px 15px;
    vertical-align: middle
}

.footer-distributed .footer-center i.fa-envelope {
    font-size: 17px;
    line-height: 38px
}

.footer-distributed .footer-center p {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    vertical-align: middle;
    margin: 0
}

.footer-distributed .footer-center p span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 2
}

.footer-distributed .footer-center p a {
    color: #20b2aa;
    text-decoration: none
}

.footer-distributed .footer-links .link-1:before {
    content: none
}

.footer-distributed .footer-right {
    width: 20%
}

.footer-distributed .footer-company-about {
    line-height: 20px;
    color: #92999f;
    font-size: 13px;
    font-weight: 400;
    margin: 0
}

.footer-distributed .footer-company-about span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px
}

.footer-distributed .footer-icons {
    margin-top: 25px
}

.footer-distributed .footer-icons a {
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color: #33383b;
    border-radius: 2px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    margin-right: 3px;
    margin-bottom: 5px
}

@media(max-width: 880px) {
    .footer-distributed {
        font:700 14px sans-serif
    }

    .footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right {
        display: block;
        width: 100%;
        margin-bottom: 40px
    }

    .footer-distributed .footer-center i {
        margin-left: 0
    }
}

.home-post-avatar img {
    min-width: 300px;
    min-height: 200px;
    background-color: #ddd
}

.post-title {
    font-size: 18pt
}

.post-link {
    color: inherit;
    text-decoration: none
}

.post-link:hover {
    text-decoration: none
}

.flex-1 {
    flex: 1!important
}

.flex-2 {
    flex: 2!important
}

.flex-3 {
    flex: 3!important
}

.flex-4 {
    flex: 4!important
}

.flex-5 {
    flex: 5!important
}

.flex-6 {
    flex: 6!important
}

.flex-7 {
    flex: 7!important
}

.flex-8 {
    flex: 8!important
}

.flex-9 {
    flex: 9!important
}

.fs-8px {
    font-size: 8px
}

.fs-9px {
    font-size: 9px
}

.fs-10px {
    font-size: 10px
}

.fs-11px {
    font-size: 11px
}

.fs-12px {
    font-size: 12px
}

.fs-13px {
    font-size: 13px
}

.fs-14px {
    font-size: 14px
}

.fs-15px {
    font-size: 15px
}

.fs-16px {
    font-size: 16px
}

.fs-17px {
    font-size: 17px
}

.fs-18px {
    font-size: 18px
}

.fs-19px {
    font-size: 19px
}

.fs-20px {
    font-size: 20px
}

.fs-21px {
    font-size: 21px
}

.fs-22px {
    font-size: 22px
}

.fs-23px {
    font-size: 23px
}

.fs-24px {
    font-size: 24px
}

.fs-25px {
    font-size: 25px
}

.fs-26px {
    font-size: 26px
}

.fs-27px {
    font-size: 27px
}

.fs-28px {
    font-size: 28px
}

.fs-29px {
    font-size: 29px
}

.fs-30px {
    font-size: 30px
}

.fs-8pt {
    font-size: 8pt
}

.fs-9pt {
    font-size: 9pt
}

.fs-10pt {
    font-size: 10pt
}

.fs-11pt {
    font-size: 11pt
}

.fs-12pt {
    font-size: 12pt
}

.fs-13pt {
    font-size: 13pt
}

.fs-14pt {
    font-size: 14pt
}

.fs-15pt {
    font-size: 15pt
}

.fs-16pt {
    font-size: 16pt
}

.fs-17pt {
    font-size: 17pt
}

.fs-18pt {
    font-size: 18pt
}

.fs-19pt {
    font-size: 19pt
}

.fs-20pt {
    font-size: 20pt
}

.fs-21pt {
    font-size: 21pt
}

.fs-22pt {
    font-size: 22pt
}

.fs-23pt {
    font-size: 23pt
}

.fs-24pt {
    font-size: 24pt
}

.fs-25pt {
    font-size: 25pt
}

.fs-26pt {
    font-size: 26pt
}

.fs-27pt {
    font-size: 27pt
}

.fs-28pt {
    font-size: 28pt
}

.fs-29pt {
    font-size: 29pt
}

.fs-30pt {
    font-size: 30pt
}

.vitri3 {
    bottom: 10px;
    left: 0
}

.tienichcuocgoi {
    position: fixed;
    z-index: 999
}

.tienichcuocgoi ul {
    padding: 10px
}

.tienichcuocgoi ul li {
    margin-bottom: 10px;
    position: relative;
    display: flex
}

.tienichcuocgoi ul li .icimg,.tienichcuocgoi ul li .tienichname {
    float: left;
    position: absolute;
    display: flex
}

.tienichcuocgoi ul li img {
    width: 40px;
    height: width:40px;
    border-radius: 50%
}

.tienichcuocgoi ul li a {
    line-height: 40px;
    height: 40px;
    min-width: 40px
}

.tienich_lenh {
    width: width:40px;
    height: width:40px;
    background-color: var(--ws-bg-title);
    color: var(--ws-color-title);
    border-radius: 50%;
    text-align: center;
    line-height: width:40px;
    margin: 5px 10px;
    cursor: pointer;
    display: none
}

.tienich_lenh i {
    font-size: 25px
}

.tienichcuocgoi ul li .icimg {
    z-index: 9
}

.tienichcuocgoi ul li a:hover .icimg {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.tienichcuocgoi ul li .tienichname {
    display: none;
    width: 0px;
    position: absolute;
    white-space: nowrap;
    box-shadow: 0 0 2px #00000057;
    transition: min-width 1s;
    z-index: 8
}

.tienichcuocgoi ul li a:hover .tienichname {
    width: auto;
    display: block;
    left: 0;
    right: unset;
    background-color: #fff;
    box-shadow: 0 0 2px #00000057;
    border-radius: 40px;
    padding: 0 10px 0 50px
}

.tienichcuocgoi ul li.sodienthoai a {
    padding-right: 13px;
    color: red;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: ws-font-title,Arial,sans-serif
}

.kingauto-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: width:40px;
    position: fixed;
    transition: visibility .5s ease 0s;
    z-index: 200000
}

.kingauto-alo-phone.kingauto-alo-green .kingauto-alo-ph-circle {
    border-color: #005c91;
    opacity: 1
}

.kingauto-alo-ph-circle {
    animation: 2s ease-in-out 0s normal none infinite running kingauto-alo-circle-anim;
    background-color: #ff8383;
    border: 2px solid #fc2020;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 2px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s
}

.kingauto-alo-phone.kingauto-alo-green .kingauto-alo-ph-circle-fill {
    background-color: #f072724d
}

.kingauto-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running kingauto-alo-circle-fill-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: width:40px;
    width: 40px;
    position: absolute;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s
}

.kingauto-alo-phone.kingauto-alo-green .kingauto-alo-ph-img-circle {
    background-color: #ff3434
}

.kingauto-alo-ph-img-circle {
    border: 2px solid transparent;
    border-radius: 100%;
    width: width:40px;
    height: 40px;
    opacity: 1;
    transform-origin: 50% 50% 0
}

img.lac,.tienichcuocgoi.themes4 ul li a .icimg {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.tienichcuocgoi.themes4.vitri3 ul li.sodienthoai a .tienichname {
    left: unset;
    width: auto;
    display: block;
    left: 0;
    right: unset;
    background-color: #fff;
    box-shadow: 0 0 2px #00000057;
    border-radius: 40px;
    padding: 0 15px 0 50px;
    font-size: 18px
}

a:where(:not(.wp-element-button)) {
    text-decoration: none
}

/*! kingauto keyframes */
@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    to {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@media(max-width: 480px) {
    .strengths_retangle_block .item .item-l {
        height:50px!important
    }
}

.strengths_retangle_block {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-flow: row wrap;
    margin-top: 14px
}

.strengths_retangle_block .item {
    width: calc(25% - 30px);
    margin: 0 15px;
    box-sizing: border-box;
    background: #d6111a;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all
}

.strengths_retangle_block .item .item-l {
    height: 100px;
    vertical-align: middle;
    display: table-cell;
    width: 50px;
    text-align: center;
    background: #a90209;
    color: #fff
}

.strengths_retangle_block .item .item-r {
    min-height: 40px;
    vertical-align: top;
    display: table-cell;
    text-align: left;
    color: #fff;
    padding: 6px 0 6px 6px;
    box-sizing: border-box;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all
}

.strengths_retangle_block .item .item-r .name {
    display: block;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 8px
}

.header-call-icon {
    display: none
}

@media(max-width: 768px) {
    .strengths_retangle_block .item {
        width:calc(50% - 10px);
        margin-bottom: 10px;
        font-size: 12px
    }

    .strengths_retangle_block .item {
        margin: 5px
    }

    .header-call-icon {
        display: block;
        position: absolute!important;
        left: 0px;
        top: 10px
    }

    .strengths_retangle_block .item .item-l {
        vertical-align: middle;
        display: table-cell;
        width: 35px;
        text-align: center;
        background: #a90209;
        color: #fff;
        height: 72px!important
    }

    .strengths_retangle_block {
        margin-left: -5px;
        display: flex;
        flex-flow: row wrap;
        margin-top: 15px;
        margin-right: -5px
    }

    .strengths_retangle_block .item .item-r .name {
        display: block;
        margin-bottom: 3px!important;
        text-transform: uppercase;
        font-weight: 700
    }
}

@media(max-width: 360px) {
    .strengths_retangle_block .item {
        width:calc(100% - 205px)
    }
}

.home-category-product {
    background-color: #1f1f1f!important;
    padding: 10px;
    color: #fff;
    font-weight: 700
}

.nav-menu>li {
    display: inline-block;
    float: left;
    text-align: left;
    margin-left: 18px
}

.nav-search-icon {
    position: absolute;
    right: 0;
    top: 28px;
    margin-right: -3px
}

.cart-shopping {
    position: relative;
    right: 60px;
    top: 22px;
    font-size: 20px;
    color: #fff
}

@media(max-width: 1024px) {
    .nav-menu>li {
        display:inline-block;
        float: left;
        text-align: left;
        margin: 0!important
    }
}

.cart-shopping-icon {
    width: 28px;
    height: 28px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    margin-right: 5px;
    align-self: center;
    flex-shrink: 0
}

.cart-badge {
    position: absolute;
    top: -8px;
    right: -12px;
    background-color: #fff;
    color: #ed0000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700
}

.custom-popup {
    top: 75px!important
}

@media(max-width: 768px) {
    .navigation-portrait .nav-search-button {
        position:fixed;
        top: 46px!important;
        right: -20px!important
    }

    .nav-toggle {
        width: 30px;
        height: 30px;
        padding: 29px 0 0;
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 5px;
        display: none;
        cursor: pointer
    }

    .navigation-portrait {
        height: 90px;
        display: flex;
        justify-content: center
    }

    .nav-search-icon {
        position: absolute;
        right: 10px;
        top: 64px
    }

    .cart-shopping {
        position: relative;
        right: -6px;
        top: 7px;
        font-size: 16px;
        color: #fff;
        height: 10px
    }

    .nav-header-mobile {
        position: relative;
        top: -24px;
        width: 55%;
        text-align: center;
        margin: auto;
        height: 0px
    }

    .cart-shopping-icon {
        width: 25px;
        height: auto;
        top: 8px;
        position: absolute;
        right: 12px;
        margin-left: 0;
        margin-right: 0
    }
}

#footer {
    margin-top: 30px;
    background-color: #313131
}

#footer .top-footer {
    background-color: #ededed;
    padding: 40px 0
}

.top-footer b {
    display: inline-block;
    margin-bottom: 10px
}

.top-footer p {
    margin-bottom: 0;
    line-height: 22px
}

.mid-footer {
    border-top: solid 1px #494949;
    padding: 45px 0;
    font-family: Arial
}

.mid-footer a {
    color: #989898
}

.mid-footer h3 {
    font-size: 14px;
    color: #dbdbdb;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 15px
}

.mid-footer .linklist li {
    padding: 15px 0;
    border-bottom: solid 1px #363636
}

.mid-footer a:hover,.bottom-footer a:hover {
    color: #0f7796
}

.bottom-footer a {
    color: #989898
}

.bottom-footer {
    background-color: #212121;
    padding: 12px 0
}

.bottom-footer .social {
    text-align: left
}

.bottom-footer .social li {
    display: inline-block;
    margin-left: 10px
}

.bottom-footer .social li a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #989898;
    background-color: #363636
}

.bottom-footer .social li a:hover {
    background-color: #0f7796;
    color: #fff
}

.bottom-footer .copyright {
    line-height: 34px;
    color: #989898
}

@media(max-width: 991px) {
    #footer ul.linklist.list-unstyled {
        margin-bottom:30px
    }

    .mid-footer {
        padding: 45px 0 10px
    }
}

@media(max-width: 767px) {
    #footer ul.linklist.list-unstyled {
        display:none
    }

    #footer .active ul.linklist.list-unstyled {
        display: block;
        margin-bottom: 10px;
        margin-left: 20px
    }

    .post-sumary {
        width: 100%;
        flex: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        line-height: 1.4;
        font-size: 14px;
        color: #333
    }

    .mid-footer h3 {
        margin-top: 10px
    }

    .mid-footer h3:after {
        content: "\f0fe";
        font-family: FontAwesome;
        font-size: 20px;
        float: right
    }

    #footer .mid-footer .active h3:after {
        content: "\f146"
    }

    .mid-footer {
        padding: 20px 0 10px
    }
}

#nav-mobile.mm-opened {
    display: block!important
}

.footer-icons a {
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color: #33383b;
    border-radius: 2px;
    font-size: 20px;
    color: #989898;
    text-align: center;
    line-height: 35px;
    margin-right: 3px;
    margin-bottom: 5px
}

.footer-center p {
    display: inline-block;
    color: #989898;
    font-weight: 400;
    vertical-align: middle;
    margin: 0
}

.footer-center i {
    background-color: #33383b;
    color: #989898;
    font-size: 25px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin: 8px 10px;
    vertical-align: middle
}

.footer-center p span {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 2
}

.cart-item-body-item-product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 20px 0 10px;
    font-size: 14px;
    width: 100%!important
}

.cart-item-outer .cart-item-body-item-product {
    width: 100%!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.muabanmoto-lg-title {
    display: none!important
}

.muabanoto span {
    color: #000
}

.muabanoto-gia {
    color: #228b22!important;
    font-weight: 600
}

@media(max-width: 786px) {
    .muabanoto-item img {
        width:130px!important;
        height: 90px!important
    }

    .muabanmoto-lg-title {
        display: flex!important
    }

    .muaanoto-title-mobile {
        display: none!important
    }
}