/* Common */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/FontAwesome.otf') format('opentype');
}
@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/font-montserrat/montserrat-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'montserrat-italic';
    src: url('../fonts/font-montserrat/montserrat-italic.ttf') format('truetype');
}
@font-face {
    font-family: 'montserrat-medium';
    src: url('../fonts/font-montserrat/montserrat-medium.ttf') format('truetype');
}
@font-face {
    font-family: 'montserrat-regular';
    src: url('../fonts/font-montserrat/montserrat-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'montserrat-thin';
    src: url('../fonts/font-montserrat/montserrat-thin.ttf') format('truetype');
}
@font-face {
    font-family: 'montserrat-semibold';
    src: url('../fonts/font-montserrat/montserrat-semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'fontsfree-net-bunken-tech-sans-sc-wide-w01bd-4';
    src: url('../fonts/fontsfree-net-bunken-tech-sans-sc-wide-w01bd-4.ttf') format('truetype');
}
.fixedphone {
    position: fixed;
    bottom: 50px;
    right: 150px;
    width: 179px;
    z-index:999;
}
.img-center{
    margin:0 auto !important;
}
.img-max500{
    max-width:500px;
}
.text-h2 {
    font-family: 'montserrat-semibold';
    font-size: 24px;
    line-height: 24px;
    margin: 20px 0px;
}
.text-h6 {
    font-family: 'fontsfree-net-bunken-tech-sans-sc-wide-w01bd-4';
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
}
.n2-ss-slide-background-video{
    object-fit:cover;
}
.btn-nhangiauudai-group {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    width: 180px;
    z-index: 10;
    margin-top: 10px;
}
    .btn-nhangiauudai-group:hover .btn-nhangiauudai {
        background: #D70C19;
        color: #FFF;
        border:1px solid#FFF;
    }
    .btn-nhangiauudai {
        background: #FFF;
        padding: 10px 20px;
        color: #000;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        text-transform: uppercase;
        font-weight: bold;
        box-shadow: 0px 2px 3px #777;
        cursor: pointer;
        font-family: 'montserrat-medium';
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
#data-notify .modal-body {
    background: #FFF;
    background-origin: content-box;
    background-clip: content-box;
    background-attachment: local;
    backdrop-filter: blur(100px);
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: hard-light;
    background-size: cover;
    padding: 0px 0px;
    border-radius: 6px;
}
    #data-notify .modal-body .form-title, #btn-nhanbaogia .form-title {
        font-size: 23px;
        font-family: 'montserrat-bold';
        color: #D70C19;
        text-align: center;
        text-transform: uppercase;
        margin-top: 30px;
    }
    #data-notify .modal-body .from-description, #btn-nhanbaogia .from-description {
        font-size: 13px;
        font-family: 'montserrat-regular';
        color: #333;
        text-align: center;
    }
    #data-notify .modal-body a, #btn-nhanbaogia a{
        font-size: 15px;
        text-transform: uppercase;
        color: #D70C19;
        text-decoration: none;
    }
    #data-notify .modal-body .form-sale-price {
        background: #00000036;
        margin: 15px 10% 30px 10%;
        padding: 10px;
        border-radius: 8px;
        box-shadow: 0px 0px 10px #FFF;
    }
        #data-notify .modal-body .form-sale-price .form-control, #btn-nhanbaogia .form-sale-price .form-control {
            background-color: #fff;
            height: 40px;
            border-radius: 3px;
            margin-bottom: 20px;
            border-color: #b8defb;
            color: #333;
            font-size: 16px;
        }
        #data-notify .modal-body .form-sale-price .btn-send, #btn-nhanbaogia .form-sale-price .btn-send {
            width: 100%;
            height: 50px;
            text-align: center;
            text-transform: uppercase;
            color: #FFF;
            font-family: 'montserrat-bold';
            background-color: #D70C19;
            border: 1px solid#D70C19;
            border-radius: 25px;
            font-size: 22px;
        }
            #data-notify .modal-body .form-sale-price .btn-send:hover, #btn-nhanbaogia .form-sale-price .btn-send:hover {
                background-color: #28811F;
                border-color: #28811F;
            }
#btn-nhanbaogia .wrap-sale {
    margin-right: 10px;
}
    #data-notify .wrap-sale p, #btn-nhanbaogia .wrap-sale p {
        margin: 0;
        font-size: 15px;
        line-height: 18px;
        padding: 0px 30px;
    }
.kadence-column61_e09a47-6b > .kt-inside-inner-col {
    background-image: radial-gradient(ellipse at center top, rgb(229, 229, 231) 0%, rgb(255, 255, 255) 54%, rgb(213, 213, 215) 100%);
}
.navigation nav.dropdown-list a.btn-dklt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 15px;
    border: 1px solid #d4d8db;
    color: #FFF;
    border-radius: 4px;
    font-family: 'montserrat-semibold';
}
    .navigation nav.dropdown-list a.btn-dklt:hover {
        background-color: #d70c19;
        border-color: #d70c19;
    }
#btn-nhanbaogia .form-sale-price {
    background: #ffffff;
    margin: 5px 10%;
    padding: 50px;
    border-radius: 4px;
    border: 1px solid #efefef;
}
.totalInCart {
    color: #e33333;
    font-weight: bold;
}
.btn-call-help-border {
    border-radius: 20px;
    background: #fff !important;
    color: #78b254 !important;
    border: 1px solid#78b254;
    height: 35px;
    width: auto;
    padding: 8px 12px;
    font-size: 13px;
    text-decoration: none;
    margin: 10px 10px;
}
.btn-call-help {
    border-radius: 20px;
    background: #78b254 !important;
    color: #FFF !important;
    border: 1px solid#78b254;
    height: 35px;
    width: auto;
    padding: 8px 12px;
    font-size: 13px;
    margin: 10px 10px;
}

.text-danger {
    color: #78b254;
    line-height: 30px;
}

.bg-white {
    background-color: #FFF;
}
.wrap-service {
    background-color: #FFF;
    padding: 20px 0px 60px 0px;

}
.wrap-incremental-service {
    padding: 0px 0px 70px 0px;
}
.wrap-service span, .wrap-incremental-service span {
    text-transform: uppercase;
    color: #333;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 2px solid#D70C19;
}
    .wrap-service .item, .wrap-incremental-service .item {
        margin: 20px 0px 0px 0px;
        border-radius: 8px;
        background-color: #FFF;
        min-height: 255px;
    }
        .wrap-service .item h3, .wrap-incremental-service .item h3 {
            color: #38508c;
            margin: 40px 0px 15px 0px;
            font-family: 'montserrat-semibold';
            font-size:20px;
            text-align: center;
            text-decoration:none;
        }
        .wrap-service .item h4 {
            color: #38508c;
            margin: 0px 0px 10px 0px;
            font-family: 'montserrat-semibold';
            font-size: 16px;
            text-align: center;
            text-decoration: none;
        }
            .wrap-service .item a, .wrap-incremental-service .item a {
                text-decoration: none;
            }
    .wrap-service .item p, .wrap-incremental-service .item p {        
        text-align: center;
    }
    .wrap-service .item .img-responsive, .wrap-incremental-service .item .img-responsive {
        margin: 0 auto;
    }
.logo-toyota {
    position: absolute;
    top: -35px;
    left: 0px;
    width: 130px;
    height: 100px;
    background-color: #FFF;
    border-radius: 0 0 10px 10px;
    text-align: center;
    -webkit-box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
    box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
    z-index: 99;
    border-top: 5px solid#ef2a3c;
}
.zalo-chat-widget {
    left: 0px !important;
}

.fb-customerchat {
    bottom: 300px !important;
}

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: 'montserrat-medium' !important;
}
.images-group{
    margin-top:40px;
}
    .images-group .img-responsive {
        margin: 5px auto;
        -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 8%), 0 3px 5px rgb(0 0 0 / 8%);
        box-shadow: 0 0 3px rgb(0 0 0 / 8%), 0 3px 5px rgb(0 0 0 / 8%);
        border-radius: 3px;
    }
#home-menu .biz-menusub-cars p {
    text-align: center;
    color: #333;
    font-family: 'montserrat-semibold';
    font-size:20px;
}
.menu-opener .open-menu {
    display: none;
    position: absolute;
    top: 102px;
    z-index: 100;
    left: auto;
    min-width: 305px;   
    overflow: auto;
    overflow-x: hidden;
    max-height: 87vh;
    border-top:10px solid rgba(0,0,0,0);
}
.biz-menusub-cars {
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: inline-block;
    --tw-bg-opacity: 1;
    background: rgb(34 34 34 / var(--tw-bg-opacity));
    padding-top: 20px;
    border-radius: 8px;
    -webkit-box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
    box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
}
    .biz-menusub-cars li {
        position:relative;
        list-style: none;
        float: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 10px 20px;
       
    }
body .menu .menu-opener ul li a:hover{
    background-color:transparent;
}
body .menu .menu-opener a div.txt-title {
    font-size: 18px;
    font-weight: 700;
    font-family: 'montserrat-semibold';
    opacity: .25;
    display: flex;
    flex-direction: column;
    direction: ltr;
}
    body .menu .menu-opener a div.txt-title i {
        font-size: 15px;
    }
    .biz-menusub-cars li a img {
        max-width: 188px;
        position: relative;
        z-index: 2;
        transition-duration: .5s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
    }
.biz-menusub-cars li:hover div.txt-title {
    opacity: 1!important;
}
.biz-menusub-cars li:hover a span {
    opacity: 1;
}
.biz-menusub-cars li:hover a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.biz-menusub-cars li a span:after{
    display:none!important;
}
.biz-menusub-cars li a span {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 1;
    opacity: .25;
    font-size: 22px;
    font-family: 'montserrat-semibold';
}
.menu-opener:hover .open-menu {
    display: block;
}

.menu-opener .open-menu .rm-menu-left li a {
    color: #343a40;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: 'montserrat-medium';
    font-size: 14px;
    line-height: 32px;
    text-decoration: none;
    width: 100%;
    font-weight: normal;
}
    .menu-opener .open-menu .rm-menu-left li a.btn_text {
        color: #FFF;
    }
    .menu-opener .open-menu .rm-menu-left li:hover a{
        color:#FFF;
    }

.menu-opener .open-menu .rm-menu-left li {
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .menu-opener .open-menu .rm-menu-left li .rm-menu-right a {
        padding: 8px 10px;
    }
.parent-menu {
    background: #4e5356;
    text-transform: uppercase;
    font-weight: bold;
    border-color: #FFF !important;
}
    .parent-menu a {
        color: #FFF !important;
    }

     .maidao {
        position: absolute;
        bottom: 0px;
        left: auto;
        z-index: -1;
    }

.btn-primary {
    background: #D70C19;
    color: #FFF !important;
}

#messemgerDialog {
    color: #444;
    padding: 15px 0px;
    font-size: 14px;
}

    #messemgerDialog a {
        font-weight: bold;
        color: #D70C19;
    }

#lbl-messemger .modal-footer {
    text-align: center;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

.phaohoa-left {
    position: absolute;
    top: 0;
    left: -109px;
    z-index: 1;
}

.phaohoa-right {
    position: absolute;
    top: 0;
    right: -77px;
    z-index: 1;
}

.logo-noel {
    position: absolute;
    top: -2px;
    left: -10px;
    width: 30px;
}

body {
    position: relative;
    background: #FFFFFF;
    clear: both;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

.text-label {
    border-radius: 4px;
    padding: 16px 0px;
    font-size: 18px;
    font-family: 'montserrat-medium';
/*    background-color: #f8f8f8;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0px;
}

    .text-label a {
        text-decoration: none;
        color: #000;
    }

        .text-label a:hover {
            color: #D70C19;
        }

/*#main-content {
    overflow: hidden;
}*/
.fa {
    font-family: FontAwesome !important;
}
.fa-cart-plus:before {
    content: "\f217";
}
.fa-gift:before {
    content: "\f06b";
}
.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.text-label .fa-angle-right {
    font-size: 20px;
    padding: 0px 15px 0px 8px;
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-times:before {
    content: "\f00d";
}

.fa-angle-double-down:before {
    content: "\f103";
}
.fa-history:before {
    content: "\f1da";
}
.fa-angle-up:before {
    content: "\f106";
}

.fa-user-circle:before {
    content: "\f2bd";
}
.container-fluid-full-page {
    padding-right: 0px;
    padding-left: 0px;
    margin:0px!important;
}
.col-md-full-page {
    padding-right: 0px;
    padding-left: 0px;
}
.bg-while {
    background: #FFF;
    margin-bottom: 10px;
    /*box-shadow: 0 1px 6px #dcdcdc;*/
}
#btnPopoverCart {
    position:relative;
}

#btnPopoverCart span.fa-cart-plus {
    font-size: 40px;
    color: #FFF;
}
    #btnPopoverCart label.totalInCart {
        position: absolute;
        top: -2px;
        right: 16px;
        z-index: 1;
        color: #00e2ed;
    }
/* notifypasgo*/
#notifypasgo .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    /*max-width: 866px;*/
}
@media all and (min-width:768px){
    #notifypasgo .modal-dialog {
        width: 550px;
    }
}
#notifypasgo .modal-header {
    border-bottom: none;
    margin: 0px;
    min-height: 0;
    padding: 0;
    border-bottom: none;
    background-color: transparent !important;
    color: none;
}

    #notifypasgo .modal-header .close {
        background-color: #fff;
        border-radius: 50%;
        border: 2px solid #000;
        width: 36px;
        height: 36px;
        position: relative;
        top: 15px;
        right: -19px;
        float: right;
        z-index: 1;
        opacity: 1;
    }
        #notifypasgo .modal-header .close .fa-times {
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: normal;
            font-size: 16px;
        }
        .qctags {
            margin-top: 10px;
            padding: 0px;
        }

    .qctags a {
        text-decoration: none;
        display: block;
        padding: 0px 10px;
        font-size: 12px;
        color: #777;
        width: auto;
        float: left;
        border-right: 1px solid #dedede;
    }
/* Header*/

#header {
    /*background: #FFFFFF;
    clear: both;
    min-height: 80px;*/
    width: 100%;
}

    #header.affix {
        box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.15);
        top: 0px;
        z-index: 20;
    }

#danhmucall {
    width: 170px;
    padding: 0 15px;
    border-right: none;
    outline: none;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff url(/Images/category/arrow-down.png) no-repeat right center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.search-border {
    border-right: 1px solid #ccc;
    float: left;
    height: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    position: absolute;
    top: 0px;
    z-index: 10;
}

#rm-search-all {
    border-left: none;
    padding-left: 20px;
    height:35px;
}
#searchdesktop{
    height:35px;
}
.search-tags {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 12px;
}

    .search-tags a {
        color: #999;
    }
/* Main menu*/
body .menu .menu-opener a{
    position:relative;
}
    body .menu .menu-opener a span{
        padding-right:23px;
    }
    body .menu .menu-opener a.btn {
        width: fit-content;
        padding: 5px 10px;
        background: #4e5356;
        justify-content: center;
        display: inline-block;
    }
.menu {
    background-color: #363a3a;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    height: 64px;
    box-shadow: 0px 4px 4px -2px rgb(0 0 0 / 15%);
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    
    .menu .navigation nav.dropdown-list:hover .biz-menusub-cars {
        display: block;
        border-top-color: #afafaf;
    }
    .menu .navigation .biz-menusub-cars {
        display: none;
        position: absolute;
        border-top: 3px solid #fff;
        transition: all .3s ease-in-out;
        background-color: #686d71;
        padding: 0px;
        margin: 0px;
        top: calc(100% + 0px);
        z-index: 100;
        width: 30vw;
        left: 0;
        opacity: 1;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        border-radius: 0 0 5px 5px;
        -webkit-box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
        box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

        .menu .navigation .biz-menusub-cars div {
            width: none;
        }

        .menu .navigation .biz-menusub {
            display: none;
            position: absolute;
            border-top: 3px solid #fff;
            transition: all .3s ease-in-out;
            background-color: #686d71;
            padding: 0px;
            margin: 0px;
            top: calc(100% + 0px);
            z-index: 100;
            width: 233px;
            left: 0;
            opacity: 1;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            border-radius: 0 0 5px 5px;
            -webkit-box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
            box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .menu .navigation .biz-menusub li {
            position: relative;
            display: block;
            list-style: none;
            float: left;
            width: 100%;
            border-bottom: 1px solid#7f7f7f;
        }

            .menu .navigation .biz-menusub li a {
                color: #FFF;
                padding: 8px 20px;
                width: 100%;
                font-size: 14px;
                font-family: sans-serif, Arial;
                text-align: left;
                transition: all 0.2s ease-in;
            }

                .menu .navigation .biz-menusub li a:hover {
                    width: calc(100% - 10px);
                    margin-left: 10px;
                    transition: all 0.2s ease-out;
                }
.navigation nav.dropdown-list.dropdown.open .dropdown-menu {
    display: block;
}
.navigation nav.dropdown-list.dropdown .dropdown-menu {
    width: 640px;
    left: -442px;
    display: none;
    border: none;
    padding: 5px 10px;
    height: 50px;
}
        .navigation nav.dropdown-list.dropdown .dropdown-menu .input-group{
            display:table!important;
            width:100%!important;
            height:auto;
        }
.navigation nav.dropdown-list.dropdown .dropdown-toggle {
    cursor: pointer;
    background: #42c6f9;
    height: 36px;
    width: 36px;
    background-image: linear-gradient(#42c6f9,#02907a);
    border: none;
    border-radius: 6px;
    margin: 7px;
}
    .navigation nav.dropdown-list.dropdown .dropdown-toggle .rm-icondesktop-search {
        margin: 7px 1px;
    }
    #rm-Keyword-suggestion .top-product, #rm-Keyword-suggestion .top-keyword {
        display: inline-block;
        width: 100%;
        height: auto;
    }
.navigation nav.dropdown-list {
    float: left;
    width: auto;
    margin: 0;
    color: #000000;
    display: block;
    position: relative;
    margin-left:25px;
    /*border-right: 1px solid#eee;*/
}
.navigation nav.dropdown-list:last-of-type{
    border: none;
}
    .navigation nav.dropdown-list:last-of-type a:hover{
        background-color:transparent!important;
    }
    .navigation nav.dropdown-list a {
        text-decoration: none;
        position: relative;
        display: block;
        padding: 0px 12px;
    }
.navigation nav.dropdown-list a.active, .navigation nav.dropdown-list a:hover {
    border-bottom-color: #D70C19;
}

.navigation nav.dropdown-list a h3 {
    padding: 20px 10px 20px 0px;
    font-size: 14px;
}

    /*.navigation nav.dropdown-list:first-child a h3:after {
        display: none;
    }*/
body .menu .menu-opener a:hover {
    background: #4e5356;
}
.navigation nav.dropdown-list a:hover h3:after, body .menu .menu-opener a:hover span:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
    .navigation nav.dropdown-list a h3:after, body .menu .menu-opener a span:after {
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -10px;
        content: "\f107";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        color: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 20px;
        transition: 0.3s transform ease, 0.3s -webkit-transform ease;
    }

.menu .navigation nav.dropdown-list:hover .biz-menusub {
    display: block;
    border-top-color: #afafaf;
}
    .menu .navigation nav.dropdown-list:hover .biz-menusub:before {
        border-bottom: 10px solid #f5f2f2;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        bottom: 100%;
        content: '';
        height: 0;
        left: 26px;
        position: absolute;
        width: 0;
    }
.oto-manager {
    height: 82px;
    float: left;
    display: none;
}

.fone-cart ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    float: right;
}

.fone-cart .fa-user-circle {
    float: left;
    padding: 2px 8px;
    display: block;
    color: #333;
    font-size: 26px;
    cursor: pointer;
    font-style: normal;
    border: 2px solid#e6c101;
    border-radius: 50%;
    margin: 15px 15px;
}

.fone-cart .oto-manager:hover .oto-user {
    display: block;
}

.oto-user {
    display: none;
    position: absolute;
    top: 83px;
    left: -20px;
    z-index: 100;
    width: 198px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 1px 2px #9e9e9e;
    text-align: center;
}

    .oto-user a, .oto-user .btn-danger {
        padding: 6px 10px;
        font-size: 14px;
        display: inline-block;
        width: 100%;
        text-decoration: none;
        background: #ed1b24;
        margin-bottom: 10px;
        border-radius: 20px;
        color: #fff;
    }

    .oto-user:before {
        border-bottom: 10px solid #f5f2f2;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        bottom: 100%;
        content: '';
        height: 0;
        left: 55px;
        position: absolute;
        width: 0;
    }
/**/
.logo {
    padding: 0px;
}

.rm-main-menu2 a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    height: 100%;
}

.rm-main-menu {
    float: left;
    width: 100%;
    position: relative;
    z-index: 10;
    top: 0px;
}

.rm-main-menu2 {
    float: left;
    width: 100%;
}

.logo .rm-main-menu span {
    float: left;
    margin-right: 2px;
    color: #FFF;
    font-weight: bold;
}

.logo .rm-main-menu, .fone-cart ul li a {
    cursor: pointer;
    position: relative;
    text-decoration: none;
}

    .logo .rm-main-menu h3 {
        color: #333;
        font-family: 'montserrat-regular';
        font-size: 14px;
        line-height: 16px;
        width: 100%;
    }

.rm-category-menu {
    padding-left: 6px;
}

/*thông tin liên hệ*/

.contact-info-1 ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0px 56px 0px 0px;
    height: 38px;
    justify-content: flex-end;
    align-items: center;
}
    .contact-info-1 ul li {
        text-align: center;
        border-right: 2px solid #686d71;
        padding: 0 30px 0 15px;
    }
.contact-info-1 ul li:last-of-type{
    border: none;
}
.contact-info-1 ul li a {
    text-decoration: none;
}
.contact-info-1 .info-1 {
    color: #000;
    font-size: 13px;
}
.contact-info-1 .phone {
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
}
.contact-info-1 .text {
    color: #ccc;
    font-size: 13px;
    font-weight: bold;
}
.consuilting-info a {
    text-decoration: none;
    display: flex;
}
.consuilting-info a img {
    height: 26px;
}
.consuilting-info a p {
    color: #000;
    padding: 0 30px 0 15px;
}

/* Menu Search */
.search {
    margin-top: 5px;
    position: relative;
}

.search .btn-default {
    color: #ffffff;
    border-radius: 0px;
    background: #ffffff;
    border-color: #ccc;
    height: 40px;
    font-size: 15px;
    padding-left: 0px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.search .form-control {
    height: 40px;
    box-shadow: none;
    outline: none;
    /*background: #ececec;*/
    border-color: #fed700;
}

.search .rm-icondesktopfull-search {
    margin-top: -5px;
}

#rm-Keyword-suggestion {
    position: absolute;
    top: 45px;
    left: auto;
    z-index: 12;
    min-height: 300px!important;
    height:auto!important;
    width: 620px;
    display: none;
    background: #FFF;
    box-shadow: 0px 4px 6px #a29595;
    padding-bottom: 26px;
}

.top-keyword {
    border-bottom: 1px solid#ebebeb;
    padding: 10px 0px;
}

    .top-keyword ul, .top-product ul {
        padding: 0px;
        margin: 0px;
    }

        .top-keyword ul li {
            position: relative;
            display: block;
            width: 100%;
            list-style: none;
            padding: 6px 30px;
        }

            .top-keyword ul li:hover {
                background: #f3f3f3;
            }

            .top-keyword ul li a {
                width: 100%;
                display: block;
                color: #444;
                font-size: 14px;
                font-family: 'montserrat-regular';
                text-decoration: none;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

                .top-keyword ul li a .search-name {
                    color: #212121;
                }

/* Search gợi ý sản phẩm */
.item-product .information-vehicle {
    display: block;
    font-size: 13px;
    font-family: 'montserrat-medium';
    line-height: 24px;
    padding: 5px;
    border: 1px dashed #d4d8bd;
    border-radius: 4px;
    margin: 10px 0px;
}

.information-vehicle span {
    display: inline-block;
    width: 100%;
}

   /* .information-vehicle span:before {
        font-family: FontAwesome;
        content: "\f00c";
        padding-right: 6px;
        font-weight: normal;
        color: #78b254;
    }*/
.top-product {
    position: relative;
}

    .top-product h4 {
        font-family: 'montserrat-medium';
        line-height: 22px;
        padding: 0px 30px;
        font-size: 14px;
        overflow: hidden;
    }

        .top-product h4 a {
            float: right;
            color: red;
        }

    .top-product ul li {
        list-style: none;
        padding: 6px 30px;
        position: relative;
        display: block;
        width: 100%;
        float: left;
    }

        .top-product ul li:hover {
            background: #f3f3f3;
        }

            .top-product ul li:hover a {
                color: #000;
            }

        .top-product ul li a {
            text-decoration: none;
            color: #212121;
            font-size: 14px;
            font-family: 'montserrat-regular';
        }

            .top-product ul li a span {
                color: #c80000;
                font-family: 'montserrat-medium';
            }

            .top-product ul li a p {
                margin: 0px;
                padding: 0px;
            }

            .top-product ul li a img {
                float: left;
                max-width: 60px;
                margin-right: 15px;
            }

.fone-cart ul li {
    float: left;
    list-style: none;
    margin-top: 5px;
    margin-right: 10px;
}

    .fone-cart ul li:first-child {
        width: 26%;
        border-right: 1px solid #f1f1f1;
        /*padding-left: 28px;*/
        /*border-left: 1px solid #f1f1f1;*/
    }

    .fone-cart ul li:last-child {
        width: 63%;
        padding-left: 8px;
    }

    .fone-cart ul li:first-child a aside {
        position: absolute;
        top: -28px;
        z-index: 10;
        right: -12px;
        border-radius: 50%;
        padding: 5px;
        background: #ff0000;
        color: #FFF;
        width: 30px;
        text-align: center;
    }

    .fone-cart ul li:last-child a b {
        padding-left: 10px;
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;
        color: #FFF;
    }

    .fone-cart ul li:first-child a label {
        position: absolute;
        top: -16px;
        z-index: 10;
        right: -6px;
        border-radius: 50%;
        padding: 2px;
        background: #fff94f;
        color: #333;
        font-size: 13px;
        width: 23px;
        text-align: center;
        cursor: pointer;
    }

body .menu .menu-opener .glyphicon-menu-hamburger {
    font-weight: bold;
    margin: 0px 10px;
    color: #FFF;
}

#main-content .col-md-3.tabs, .menu .col-md-3 {
    width: 25%;
}
/*.fone-cart ul li:last-child a b{
    padding-left:10px;
    font-size:18px;
    font-family:'montserrat-medium';;
    color:#000;
}*/
.navigation {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.navigation div {
    display: block;
    width: 35px;
    height: 36px;
    margin: auto;
}

.navigation h3 {
    margin: 0px;
    font-family: 'montserrat-regular', sans-serif;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #FFF;
}
.logo-desktop{
    height: 20px;
}
.menu .navigation a:hover {
    background: #4e5356;
}
.menu .navigation ul li a:hover {
    background-color:transparent;
    color:#FFF;
}
    /*.menu .navigation a.active {
    background: #3c82f5;
}*/
    .menu .navigation a.active h3, .menu .navigation a:hover h3 {
    color: #FFF;
}

.menu .col-md-9 {
    padding-left: 0px;
}

/* Popup Menu Top */
.rm-menu-top {
    background: #f8f8f8;
    border-radius: 0px;
    /*left: 0px;
    min-height: 150px;
    padding: 0px;
    position: absolute;
    top: 70px;
    width: auto;
    z-index: 9999;*/
}

.menu-opener .open-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #f3f3f3;
}

.menu-opener .open-menu::-webkit-scrollbar {
    width: 4px;
    background-color: #7e7e7e;
}

.menu-opener .open-menu::-webkit-scrollbar-thumb {
    background-color: #7e7e7e;
    border: 2px solid #7e7e7e;
}

.rm-menu-left {
    display: block;
    float: left;
    min-height: 35vh;
    padding-bottom: 5vh;
    width: 288px;
    border-radius: 2px;
    background: #FFF;
    position: relative;
    z-index: 999;
}

    .rm-menu-left .fa-angle-right {
        float: right !important;
        font-size: 15px;
        color: #444;
        margin-right: 15px;
    }
    .rm-menu-left ul li:hover .fa-angle-right {
       color:#FFF;
    }

    .rm-menu-left ul {
        margin: 0px;
        padding: 0px;
    }

        .rm-menu-left ul li {
            border-left: 4px solid #FFF;
            list-style: none;
            padding: 6px 0px 6px 8px;
            border-bottom: 1px solid#e4e4e4;
        }
        .rm-menu-left ul li:first-child {
            border-top: 1px solid#e4e4e4;
        }

            .rm-menu-left ul li:hover {
                background: #75acd0;
            }
            
            .rm-menu-left ul li:last-child {
                margin-bottom: 10px;
            }

            .rm-menu-left ul li a:hover, .rm-menu-right a {
                color: #164892;
            }

            .rm-menu-left ul li a {
                color: #343a40;
                display: block;
                font-family: 'montserrat-medium';
                font-size: 14px;
                line-height: 32px;
                text-decoration: none;
                width: 100%;
                font-weight: normal;
            }

                .rm-menu-left ul li a .img-responsive {
                    float: left;
                    margin-right: 6px;
                    height: auto;
                    max-width: 53px;
                    overflow: hidden;
                }

.rm-menu-right {
    display: none;
    float: left;
    position: absolute;
    z-index: 9999;
    margin-left: 285px;
    top: 0px;
    background: #FFF;
    width: 970px;
    height: 100%;
    padding: 0px 8px 0px 35px;
    color: #333;
}
    .rm-menu-right .info {
        color: #333;
        font-size: 14px;
        line-height: 20px;
    }
    .rm-menu-right .title_head {
        color: #D70C19;
        font-size: 24px;
        line-height: 26px;
        border-bottom: 2px solid#d02028;
        padding-bottom: 10px;
        margin-bottom: 10px;
        display: inline-block;
    }
.rm-menu-right .col-md-7 figure {
    display: flex;
    align-items: center;
    justify-content: center;
}
    .rm-menu-right .info p {
        font-size: 13px;
        margin: 0px;
        color: #666;
        text-transform: none;
    }
    .rm-menu-right .info h2 strong {
        font-size: 28px;
        margin-bottom: 20px;
        display: block;
        line-height: 35px;
    }
    .rm-menu-right .info p strong {
        font-size: 26px;
        margin: 0px 0px 15px 0px;
        display: inline-block;
    }
        .rm-menu-right .info h3 {
           line-height:24px;
        }
.item-left {
    float: left;
    width: 40%;
    position:relative;
}
.item-right {
    float: left;
    width: 60%;
    position: relative;
    padding-left:20px;
}
    .item-right .info_sm .price_sm {
       font-size:13px;
    }
    .item-right .info_sm .name_sm {
        font-size: 1.3rem;
        font-weight: 600;
        margin-bottom: 3px;
    }
.rm-menu-right .item-left img {
    max-width: 156px!important;
}
.rm-menu-right .headsub span {
    font-size: 1.7rem;
    text-transform: uppercase;
    border-bottom: 1px solid #252525;
    padding-bottom: 0.5rem;
    color: #252525;
    font-weight: 300;
    margin-top: 50px;
    margin-bottom: 30px;
    display: inline-block;
}
.rm-menu-right .col-md-7 .text-center {
    display: flex;
    align-items: center;
    justify-content:center;
    margin-top:30px;
}
.rm-menu-right .row .col-md-6 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_text {
    background-color: #4d83b1;
    letter-spacing: 0px;
    text-decoration: none;
    text-align: center !important;
    width: 200px !important;
    color: #fff;
    display: block;
    white-space: nowrap;
    -webkit-box-shadow: inset 0 -3px 0 0 rgb(0 0 0 / 20%);
    box-shadow: inset 0 -3px 0 0 rgb(0 0 0 / 20%);
    padding-bottom: 3px;
    border: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

    .rm-menu-left ul li:hover .rm-menu-right {
        display: block;
    }

.rm-menu-right a {
    color: #343434;
    display: block;
    float: left;
    font-family: 'montserrat-regular';
    font-size: 14px;
    padding: 8px 10px;
    text-decoration: none;
    width: 100%;
}



/*.rm-menu-top:before {
    border-bottom: 10px solid #f5f2f2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 100%;
    content: '';
    height: 0;
    left: 26px;
    position: absolute;
    width: 0;
}*/
.rm-login .btn-danger {
    background: #D70C19;
    color: #fff;
}

.rm-login {
    border-top: 1px solid #dbdbdb;
    display: block;
    position: relative;
    text-align: center;
    padding-top: 15px;
    float: left;
    padding-bottom: 20px;
    width: 100%;
}

    .rm-login div {
        float: left;
        width: 100%;
    }

        .rm-login div a:hover {
            color: #D70C19;
        }

        .rm-login div a {
            border: 1px solid #dbdbdb;
            color: #000;
            display: block;
            font-size: 14px;
            margin: 0px 15px 10px 20px;
            padding: 8px 16px;
            text-decoration: none;
            width: 218px;
        }

/* Modal Login/Register */

#rmmodallogin .modal-dialog {
    width: 578px;
}

    #rmmodallogin .modal-dialog input[type=radio] {
        visibility: hidden;
    }

#rmmodallogin .modal-header {
    border: none;
    min-height: 0px;
    padding: 0px;
}

#rmmodallogin .modal-body {
    padding: 5px 46px;
}

#rmmodallogin .modal-content {
    border-radius: 0px;
}

#rmmodallogin .nav-tabs li {
    text-align: center;
    width: 50%;
}

    #rmmodallogin .nav-tabs li a {
        color: #6f6e6e;
        font-family: 'montserrat-medium';
        font-size: 16px;
    }

        #rmmodallogin .nav-tabs li a span {
            padding: 8px 40px;
        }

    #rmmodallogin .nav-tabs li.active a {
        background-color: #fff;
        border-bottom: 1px solid #ddd;
        border-radius: 0px;
        color: #000;
        cursor: pointer;
    }

        #rmmodallogin .nav-tabs li.active a span {
            border-bottom: 3px solid #fed201;
            color: #000;
        }

#rmmodallogin .form-group {
    padding: 20px 0px 20px 0px;
}

    #rmmodallogin .form-group .form-control {
        -webkit-box-shadow: none;
        border: none;
        border-bottom: 1px solid #e5e5e5;
        border-radius: 0px;
        box-shadow: none;
        height: 40px;
    }

    #rmmodallogin .form-group ul {
        margin: 0px;
        padding: 0px;
    }

        #rmmodallogin .form-group ul li {
            float: left;
            list-style: none;
            margin-right: 20px;
        }

#rmmodallogin .nav-tabs li a:hover {
    background: none;
}

    #rmmodallogin .nav-tabs li a:hover span {
        border-bottom: 3px solid #fed201;
    }

.btn-yellow {
    background: #fcd100;
    color: #3f3f3f;
    float: left;
    font-family: 'montserrat-medium';
    font-size: 16px;
    height: 49px;
    width: 50%;
}

#rmmodallogin .rm-btn {
    clear: both;
    float: left;
    margin: 30px 0px 30px 0px;
    width: 100%;
}

    #rmmodallogin .rm-btn .btn-yellow {
        width: 100%;
    }

#rmmodallogin .tab-content {
    min-height: 300px;
}

.rm-dieu-khoan {
    display: inline-block;
    font-size: 14px;
    margin: 0px 0px 80px 0px;
    text-align: center;
    width: 100%;
}

#rm-login .rm-dieu-khoan {
    margin-bottom: 10px;
}

    #rm-login .rm-dieu-khoan a {
        color: #3f3f3f;
        float: left;
        font-family: 'montserrat-medium';
    }

    #rm-login .rm-dieu-khoan label {
        float: right;
    }

#rm-login .rm-dieu-khoan {
    border-bottom: 1px solid #ececec;
    padding-bottom: 80px;
}

.text-login-title {
    background: #FFF;
    font-family: 'montserrat-medium';
    font-size: 15px;
    left: 38%;
    padding: 6px 10px;
    position: relative;
    top: -27px;
    width: 100px;
}

.rm-login-socialnetwork {
    display: block;
    min-height: 132px;
    position: relative;
    width: 100%;
}

#rmmodallogin .rm-login-socialnetwork ul li {
    float: left;
    margin-right: 0px;
    text-align: center;
    width: 50%;
}

    #rmmodallogin .rm-login-socialnetwork ul li:last-child a div {
        background: #3b579d;
        border-radius: 30px;
        display: block;
        height: 48px;
        margin: auto;
        width: 48px;
    }

    #rmmodallogin .rm-login-socialnetwork ul li:first-child a div {
        background: #d02028;
        border-radius: 30px;
        display: block;
        height: 48px;
        margin: auto;
        width: 48px;
    }

#rmmodallogin .rm-login-socialnetwork .rm-icondesktopfull-gplus, #rmmodallogin .rm-login-socialnetwork .rm-icondesktopfull-face {
    margin-top: 4px;
}

#rmmodallogin .rm-login-socialnetwork h3 {
    color: #989898;
    font-family: 'montserrat-medium';
    font-size: 14px;
}

/* Modal Giỏ hàng */
#rmmodalcart .modal-header {
    background-color: #505653;
}

.rmmodalcart .btn-model-close {
    background: #d70c19;
    border: 2px solid #FFF;
    border-radius: 50%;
    color: #FFF;
    font-weight: normal;
    height: 30px;
    opacity: 1;
    position: absolute;
    right: -16px;
    top: -15px;
    width: 30px;
    z-index: 99999;
}

#rm-modal-don-hang #rm-modallabel {
    color: #d70c19;
    font-family: 'montserrat-medium';
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
}

.rmmodalcart .table thead {
    background: #ebebeb;
}

    .rmmodalcart .table thead > tr > th {
        border-bottom: none;
    }

.rmmodalcart .table tbody > tr > td {
    border-bottom: 1px dashed #dcdcdc;
    border-top: none;
    position: relative;
}

.rmmodalcart .gio-hang .table tbody > tr > td:first-child {
    width: 50%;
}

.rmmodalcart .table tr td h4 {
    color: #3f3f3f;
    font-family: 'montserrat-regular';
    font-size: 14px;
    line-height: 20px;
    margin: 0px 0px 5px 0px;
}

.rmmodalcart .table tr td img {
    float: left;
    margin-right: 10px;
    max-width: 80px;
}
.rmmodalcart .table tr td label{
    display:flex;
    align-items:center;
    justify-content:left;
}
    .rmmodalcart .table tr td label .rm-delete {
        display: flex;
        align-items: center;
        justify-content: left;
        margin-right:5px;
    }

.rmmodalcart .table tr td .rm-delete {
    background: #a6a6a6;
    border: none;
    border-radius: 50%;
    height: 20px;
    padding: 1px 5px;
    width: 20px;
}

    .rmmodalcart .table tr td .rm-delete span {
        color: #FFF;
        font-size: 18px;
        line-height: 1px;
    }
.rm-unit-price, .rm-payment {
    color: #fd3620;
    display: block;
    font-family: 'montserrat-medium';
    font-size: 16px;
    line-height: 18px;
    padding-top: 20px;
    text-align: left;
}


.rm-shipping-fee {
    color: #333333;
    display: block;
    font-family: 'montserrat-medium';
    font-size: 16px;
    line-height: 18px;
    padding-top: 20px;
    text-align: center;
}

.rm-color, .rm-number {
    margin-top: 12px;
}

.rmmodalcart .modal-footer {
    padding-bottom: 0px;
    padding-top: 0px;
}

.rmmodalcart .btn-primary {
    background: #78b254;
    color: #FFF;
}

    .rmmodalcart .btn-primary .fa-angle-right {
        font-size: 16px;
        padding-left: 10px;
    }

.rmmodalcart .modal-content .text-right {
    color: #272727;
    font-family: 'montserrat-medium';
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 18px;
}

.rm-buy-continue {
    color: #505653;
    float: left;
    font-family: 'montserrat-medium';
    text-decoration: none;
    font-size: 16px;
}

    .rm-buy-continue:hover,
    .rm-buy-continue:active,
    .rm-buy-continue:visited {
        color: #5a83ff;
        text-decoration: none;
    }

.rmmodalcart .modal-content .text-right span {
    color: #f41901;
}

.rmmodalcart .modal-footer {
    border-top: none;
}

.rmmodalcart .modal-content .btn-danger {
    background: #ebebeb;
    border-radius: 0px;
    color: #000000;
    font-family: 'montserrat-medium';
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
    padding: 8px 22px;
    text-align: left;
    width: 100%;
}

.rm-info .fa {
    color: #000;
    float: right;
}

.radio {
    background: #ececec;
    border-radius: 100%;
    float: left;
    height: 16px;
    margin: 0px 45px 0px 0px;
    position: relative;
    width: 16px;
}

    .radio label {
        background: #ececec;
        border-radius: 100%;
        cursor: pointer;
        display: block;
        height: 8px;
        left: 4px;
        position: absolute;
        top: 8px;
        transition: all .5s ease;
        width: 8px;
        z-index: 1;
    }

    .radio input[type=radio]:checked + label {
        background: #26ca28;
    }

.text-male {
    margin-right: 25px;
    color: #444;
    font-size: 13px;
    line-height: 18px;
    float: left;
    display: inline-block;
    position: relative;
    left: 18px;
    top: -4px;
}

.text-sister {
    color: #444;
    font-size: 13px;
    line-height: 18px;
    float: left;
    display: inline-block;
    position: relative;
    left: 18px;
    top: -4px;
}

#rm-modal-don-hang .text-right {
    padding: 0px 25px;
}

/* Cart empty */
#rmmodalcart .cartEmpty {
    width: 712px;
}

    #rmmodalcart .cartEmpty .modal-header {
        height: 42px;
        border-bottom: none;
    }

    #rmmodalcart .cartEmpty .modal-body {
        text-align: center;
    }

    #rmmodalcart .cartEmpty .img-cart {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        margin-top: 15px;
        border-radius: 50%;
        background-color: #fcd100;
        padding: 22px 0;
    }

        #rmmodalcart .cartEmpty .img-cart img {
            margin: 0 auto;
        }

    #rmmodalcart .cartEmpty h3 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 3px;
    }

    #rmmodalcart .cartEmpty p {
        font-size: 14px;
    }

    #rmmodalcart .cartEmpty #bntTiepTucMuaHang {
        background: #78b254;
        color: #FFF;
        padding: 6px 30px;
    }

/*Đặt hàng  thành công*/
#rmmodal-ordering-success .modal-dialog {
    max-width: 712px;
}

#rmmodal-ordering-success .modal-header {
    background: #28811f;
    height: 260px;
}

#rmmodal-ordering-success .cartNotEmpty {
    width: 115px;
    height: 115px;
    margin: 0 auto;
    margin-top: 60px;
    border-radius: 50%;
    background-color: #ffffff;
    padding: 30px 0;
}

    #rmmodal-ordering-success .cartNotEmpty img {
        margin: 0 auto;
    }

.rm-model-content {
    padding-left: 30px;
    padding-right: 30px;
}

.rm-model-title {
    width: 450px;
    margin: 0 auto;
    height: 36px;
    color: #FFF;
    font-size: 16px;
    display: block;
    background: #78b254;
    border-radius: 20px;
    text-align: center;
    position: absolute;
    top: -20px;
    left: 20%;
    z-index: 10;
    padding: 6px 0px;
}

.rm-sum-money {
    color: #D70C19;
    font-family: 'montserrat-medium';
}

.rm-phone {
    color: #78b254;
    font-family: 'montserrat-medium';
}

#rmmodal-ordering-success .modal-body {
    padding: 30px;
}

.rm-model-content h3 {
    background: #ebebeb;
    padding: 10px 10px;
    font-size: 15px;
    font-family: 'montserrat-medium';
    color: #000;
}

/* Item Product */

.row-item {
    margin-left: -5px;
    margin-right: -5px;
}

.bg-brown .rmitem-image {
    background-color: transparent;
}

.rmitem-image {
    background-color:transparent;
    margin-bottom: 10px;
    overflow: hidden;
}

    .rmitem-image > a {
        position: relative;
        display: block;
        overflow: hidden;
    }

    .rmitem-image img {
        width: 100%;
    }

    .rmitem-image img {
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
    }

        .rmitem-image img:hover {
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -o-transform: scale(1.05);
            transform: scale(1.05);
            -ms-transform: scale(1.05);
        }

    .rmitem-image:hover img {
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%)
    }

.rmitem-caption {
    background: #FFF;
    padding: 10px;
    padding-bottom: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}

    .rmitem-caption h4 {
        min-height: 18px;
        line-height: 22px;
        overflow: hidden;
        font-weight: normal;
    }

    .rmitem-caption > hr {
        width: 15%
    }

    .rmitem-caption h4 a {
        color: #000000;
        font-family: 'montserrat-medium' !important;
        font-size: 20px !important;
        line-height: 24px;
        text-decoration: none;
        text-shadow: none !important;
    }

        .rmitem-caption h4 a:hover {
            color: #D70C19;
        }

    .rmitem-caption p {
        font-family: 'montserrat-medium';
        font-weight: 600;
        margin-top: 20px;
        margin: 0px;
        padding: 0px;
        position: relative;
    }

    .rmitem-caption div {
        display: flex;
        justify-content: center;
        align-items: center;
        position:relative;
    }

    .rmitem-caption p a,
    .rmitem-caption p a:visited {
        -webkit-transition: all ease-in-out .3s;
        text-decoration: none;
        transition: all ease-in-out .3s
    }

.item-product {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0px 1px #00000000;
    background: #FFF;
    border-radius: 3px;
}

.text-new {
    background: #78b254;
    border-radius: 50%;
    color: #FFF;
    font-size: 20px;
    height: 54px;
    padding: 11px 0px;
    position: absolute;
    right: 14px;
    text-align: center;
    top: 14px;
    width: 54px;
    z-index: 3;
    font-family: 'montserrat-regular';
}

.item-product:hover {
    /*-webkit-box-shadow: 0 0 15px -3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 15px -3px rgba(0,0,0,.5);
    box-shadow: 0 0 15px -3px rgba(0,0,0,.5);*/
    border-color: #D70C19;
    cursor: pointer;
}

.text-sale {
    /*background: #e20f11;*/
    /*border-radius: 50%;*/
    color: #FFF;
    display: block;
    font-size: 12px;
    height: 43px;
    padding: 21px 0px;
    position: absolute;
    right: -1px;
    text-align: center;
    top: 0px;
    width: 33px;
    z-index: 3;
    font-family: 'montserrat-medium',sans-serif;
    background-image: url(/Asset/images/giam-gia.svg);
    background-repeat: no-repeat;
}

.text-outofstock {
    display: inline-block;
    border: 1px dotted #e20f11;
    border-radius: 20px;
    color: #e20f11;
    font-family: 'montserrat-medium';
    font-size: 18px;
    margin: 10px 0px;
    padding: 4px 25px;
    background: #FFF;
}

    .text-outofstock:hover,
    .text-outofstock:active,
    .text-outofstock:focus {
        text-decoration: none;
        color: #e20f11;
    }

.text-goods-are-coming {
    display: inline-block;
    border: 1px dotted #00c1ff;
    border-radius: 20px;
    color: #00c1ff;
    font-family: 'montserrat-medium';
    font-size: 18px;
    margin: 10px 0px;
    padding: 4px 25px;
    background: #FFF;
}

    .text-goods-are-coming:hover,
    .text-goods-are-coming:active,
    .text-goods-are-coming:focus {
        text-decoration: none;
        color: #00c1ff;
    }

.rm-btn-buynow {
    border: 1px dotted #3f85f5;
    border-radius: 8px;
    color: #000;
    font-family: 'montserrat-medium';
    font-size: 14px;
    margin: 10px 0px;
    padding: 3px 9px;
    line-height: 25px;
    width: 150px;
    text-decoration: none !important;
    background: #FFF;
    display: inline-block;
}

    .rm-btn-buynow:hover, .item-product:hover .rm-btn-buynow {
        color: #FFF;
        background-image: linear-gradient(to bottom, #0e0e0e, #5a5455 50%);
    }

.text-price {
    border-radius: 20px;
    color: #e20f11;
    font-family: 'montserrat-medium';
    padding-left: 3px;
   /* font-size: 16px;
    padding: 4px 5px;
    display: inline-block;
    width: 100%;
    float: left;*/
}

.text-old {
    border-radius: 20px;
    color: #acacac;
    font-family: 'montserrat-regular';
    font-size: 12px;
    padding: 4px 5px;
    text-decoration: line-through;
    position: absolute;
    left: 0px;
    top: -15px;
}

.rm-item {
    border: 1px solid #f1f1f1;
    overflow: hidden;
}

.text-view-more {
    text-align: center;
    padding: 10px 0px;
    margin: 20px 0px 40px 0px;
    border: 1px solid#e5e5e5;
}
/* Footer */
.bg-chinhsach {
    /*background: rgba(255,255,255,0.6);*/
/*    background: linear-gradient(to top,rgba(255,255,255,0),#ffffff 100%);*/
    padding:20px 0px 50px 0px;
}
    .bg-chinhsach .rowft1 h4 {
        font-size: 13px;
        font-family: 'montserrat-medium', sans-serif;
        text-transform: uppercase;
        color: #fbebeb;
        margin: 20px 0px 15px 0px;
        border-bottom: 1px solid#5f5f5f;
        padding-bottom: 10px;
    }
    .bg-chinhsach .rowft1 ul {
        padding:0px;
        margin:0px;
    }
    .bg-chinhsach .rowft1 ul li{
        list-style:none;
    }

    .bg-chinhsach a {
        text-decoration: none;
        color: #b7b7b7;
        font-size: 12px;
        line-height: 24px;
    }
    .bg-chinhsach a:hover {
        color:#D70C19;
    }

.rmcs {
    height: 104px;
}

    .rmcs span {
        float: left;
        padding-right: 20px;
    }

    .rmcs h3 {
        font-size: 15px;
        font-family: 'montserrat-medium';
        margin-top: 29px;
        margin-bottom: 0px;
        line-height: 22px;
    }

    .rmcs .col-md-3 div {
        font-size: 13px;
        color: #a7a4a4;
    }

.bg-footer {
    background: #252728;
    /*background: linear-gradient(to top,rgba(255,255,255,0.78),#fff 100%);
    box-shadow: 0 1px 6px #dcdcdc;*/
    /* background: url(/Images/backgroup/bg-footerpiron.jpg);
    background-repeat: no-repeat;
    background-size: cover;*/
}
.flex-center{
    display:flex;
    align-items:center;
    justify-content:center;
}
.bg-footer-bottom {
    background: #333;
}

footer {
    min-height: 250px;
    /*border-top: 1px solid#e8e8e8;*/
    background: #252728;
}

.footer-top {
    margin-top: 30px;
    margin-bottom: 24px;
}

    .footer-top h4, .footer-bottom h4 {
        font-size: 13px;
        text-transform: uppercase;
        font-family: 'montserrat-medium',sans-serif;
        color: #d2d2d2;
        border-bottom: 1px solid#464646;
        padding-bottom: 10px;
    }

    .footer-top ul {
        margin: 0px;
        padding: 0px;
    }

        .footer-top ul li {
            list-style: none;
            line-height: 24px;
        }

           /* .footer-top ul li::before {
                content: "\2022";
                color: red;
                font-weight: bold;
                display: inline-block;
                width: 1em;
            }*/
            .footer-top ul li img{
                float:left;
                margin-right:10px;
            }
            .footer-top ul li a, .footer-top ul li {
                text-decoration: none;
                color: #D70C19;
                font-family: 'montserrat-regular';
                list-style: none;
                font-size: 15px;
                font-weight: bold;
            }
                .footer-top ul li a:hover{
                    color:#FFF;
                }

                .footer-top ul li b {
                    color: #000;
                    padding: 0px 26px;
                }

    .footer-top .col-md-3 .item {
        padding: 0px 20px;
        min-height: 150px;
        margin-bottom: 15px;
    }
    .footer-top .item p {
        color: #aaa;
        font-size: 13px;
        line-height: 24px;
    }
        .footer-top .col-md-3:first-child .item {
            border-left: none;
            color: #989898;
            font-size: 14px;
            line-height: 24px;
        }

    .footer-top .col-md-4 .item {
        border-right: 1px solid#d8d8d8;
        padding: 0px 20px;
        min-height: 210px;
        margin-bottom: 15px;
    }
        /*.footer-top .col-md-4 .item .col-md-12 h4{
    margin-top:28px;
}*/
        .footer-top .col-md-4 .item .col-md-12 .btn-default {
            background: #D70C19;
            color: #FFF;
        }

.footer-bottom {
    margin-bottom: 35px;
}

    .footer-bottom p {
        font-size: 13px;
        margin: 10px 0px;
        line-height: 24px;
        color: #7a8080;
    }

    .footer-bottom .text-red {
        color: #d70c19;
        font-size: 13px;
        line-height: 24px;
    }

    .footer-bottom span {
        font-size: 13px;
        color: #7a8080;
    }

    .footer-bottom h4 {
        margin-top: 20px;
    }

.socialnetwork li {
    float: left;
    margin-right: 5px;
}


/*icondesktop*/
[class^="rm-icondesktop-"], [class*="rm-icondesktop-"] {
    background-image: url(/Images/icon/icondesktop-toyota-bac-giang.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 300px 600px;
}

.rm-icondesktop-video {
    position: absolute;
    top: 50%;
    left: 43%;
    background-position: -281px -30px;
    width: 68px;
    height: 48px;
    z-index: 10;
}
.rm-icondesktop-khuyenmai {
    background-position: 0px -260px;
    height: 59px;
    width: 67px;
}
.rm-icondesktop-email {
    background-position: -155px -224px;
    height: 33px;
    width: 27px;
}
.rm-icondesktop-time {
    background-position: -181px -224px;
    height: 33px;
    width: 27px;
}
a:hover .rm-icondesktop-khuyenmai {
    background-position: 0px -320px;
}

.rm-icondesktop-banggia {
    background-position: -62px -260px;
    height: 59px;
    width: 60px;
}
a:hover .rm-icondesktop-banggia {
    background-position: -62px -320px;
}

.rm-icondesktop-dutoan {
    background-position: -120px -260px;
    height: 59px;
    width: 58px;
}
a:hover .rm-icondesktop-dutoan {
    background-position: -120px -320px;
}

.rm-icondesktop-dangky {
    background-position: -178px -256px;
    height: 63px;
    width: 64px;
}
a:hover .rm-icondesktop-dangky {
    background-position: -178px -318px;
}
.rm-icondesktop-logobct {
    background-position: -5px -276px;
    width: 165px;
    height: 66px;
}

.logo .rm-icondesktop-logo {
    background-position: -132px -33px;
    width: 50px;
    height: 46px;
    margin: 0px auto;
    margin-left: 35%;
}

.logo .rm-icondesktop-menu {
    background-position: 0px -30px;
    width: 28px;
    height: 30px;
}

.fone-cart .rm-icondesktop-cart {
    background-position: -179px -320px;
    width: 57px;
    height: 58px;
}
.rm-cart .modal-header{
    background-color:#FFF;
}
.fone-cart .rm-icondesktop-phone {
    background-position: -86px -34px;
    width: 43px;
    height: 45px;
    margin: 1px 2px 0px 2px;
}

.navigation .rm-icondesktop-telephone {
    background-position: -264px 0;
    width: 25px;
    height: 31px;
    margin: 5px 1px 7px 4px;
}

.navigation .rm-icondesktop-banvp {
    background-position: -369px -130px;
    width: 32px;
    height: 32px;
    margin: 4px 1px 7px 4px;
}

.navigation .rm-icondesktop-ghe {
    background-position: 0px 0;
    width: 31px;
    height: 28px;
    margin: 5px 0px 7px 0px;
}

.navigation .rm-icondesktop-tu {
    background-position: -29px 0;
    width: 30px;
    height: 30px;
    margin: 5px 0 7px 0;
}

.navigation .rm-icondesktop-mapping {
    background-position: -160px 0px;
    width: 34px;
    height: 30px;
    margin: 5px 1px 7px 2px;
}

.navigation .rm-icondesktop-fashion {
    background-position: -86px 0px;
    width: 24px;
    height: 28px;
    margin: 5px 1px 7px 4px;
}

.navigation .rm-icondesktop-technologytoys {
    background-position: -56px 0px;
    width: 32px;
    height: 31px;
    margin: 2px 1px 7px 2px;
}

.navigation .rm-icondesktop-showroom {
    background-position: -384px -36px;
    width: 30px;
    height: 30px;
    margin: 5px 1px 7px 2px;
}

.navigation .rm-icondesktop-cornerremax {
    background-position: -110px 0px;
    width: 28px;
    height: 28px;
    margin: 5px 1px 7px 2px;
}

.navigation .rm-icondesktop-contact {
    background-position: -351px -36px;
    width: 30px;
    height: 30px;
    margin: 5px 1px 7px 2px;
}

.navigation .rm-icondesktop-quetion {
    background-position: -196px 0px;
    width: 32px;
    height: 32px;
    margin: 5px 1px 7px 2px;
}

.navigation .rm-icondesktop-remaxtv {
    background-position: -225px 0px;
    width: 32px;
    height: 31px;
    margin: 2px 1px 7px 2px;
}

.navigation .rm-icondesktop-sale {
    background-position: -261px 0px;
    width: 28px;
    height: 28px;
    margin: 5px 1px 7px 0px;
}
/**/
.rm-icondesktop-search {
    background-position: -266px -5px;
    width: 19px !important;
    height: 22px !important;
    margin-left: 10px;
    margin-top: -3px;
}

.rm-icondesktop-promotion {
    background-position: -241px 3px;
    width: 26px;
    height: 28px;
    margin-top: -14px;
    margin-left: -24px;
}

.rm-icondesktop-message {
    background-position: -46px -255px;
    width: 20px;
    height: 18px;
    margin-top: -4px;
    margin-left: 0px;
}

.rm-icondesktop-left {
    background-position: 0px 5px;
    width: 42px;
    height: 69px;
}

.rm-icondesktop-right {
    background-position: 0px 5px;
    width: 42px;
    height: 69px;
}

.rm-icondesktop-chinhhang {
    background-position: -365px -80px;
    width: 49px;
    height: 42px;
    margin-top: 28px
}

.rm-icondesktop-63th {
    background-position: -36px -58px;
    width: 43px;
    height: 35px;
    margin-top: 14px;
}

.rm-icondesktop-doitra {
    background-position: -327px -80px;
    width: 42px;
    height: 42px;
    margin-top: 28px;
}

.rm-icondesktop-huongdan {
    background-position: 6px -59px;
    width: 43px;
    height: 40px;
    margin-top: 28px;
}
/*iconfooter*/
.rm-icondesktop-chinhhangft {
    background-position: 0px -80px;
    width: 49px;
    height: 42px;
    margin-top: 28px
}

.rm-icondesktop-63thft {
    background-position: -48px -80px;
    width: 58px;
    height: 43px;
    margin-top: 28px;
}

.rm-icondesktop-doitra {
    background-position: -108px -59px;
    width: 37px;
    height: 42px;
    margin-top: 28px;
}

.rm-icondesktop-huongdanft {
    background-position: -158px -80px;
    width: 43px;
    height: 40px;
    margin-top: 28px;
}

.rm-icondesktop-zalo {
    background-position: -50px -199px;
    width: 46px;
    height: 45px;
}

.rm-icondesktop-face {
    background-position: -4px -199px;
    width: 46px;
    height: 45px;
}

.rm-icondesktop-gplus {
    background-position: -100px -199px;
    width: 46px;
    height: 45px;
}

.rm-login-socialnetwork .rm-icondesktop-gplus {
    background-position: -243px -197px;
}

.rm-login-socialnetwork .rm-icondesktop-face {
    background-position: -194px -197px;
}


.rm-icondesktop-youtube {
    background-position: -147px -199px;
    width: 46px;
    height: 45px;
}


/* Chọn quận huyện */
.rmprovince, .rmdistrict {
    float: left;
    position: relative;
    width: 100%;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    padding: 0 1.5%;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .rmprovince span {
        display: block;
        padding: 0 8px;
    }

.rmlistprovince {
    display: none;
    overflow: visible;
    position: absolute;
    top: 49px;
    left: 8px;
    z-index: 10;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 10px;
    width: 300px;
}

.rmlistdistrict {
    display: none;
    overflow: visible;
    position: absolute;
    top: 49px;
    right: 8px;
    z-index: 10;
    background: #fff;
    border: 1px solid #ccc;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 10px;
    width: 300px;
}

.rmprovince:before {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #999;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: 16px 5px 0 0;
    float: right;
}

.rmdistrict:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #999;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: 16px 5px 0 0;
    float: right;
}

.rmlistdistrict:before, .rmlistdistrict:after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 70px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.rmlistprovince:before, .rmlistprovince:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.rm-search-box {
    padding: 0px;
    margin: 0px;
}

.rm-cart-content .rm-search-box li {
    position: relative;
    display: block;
    float: left;
    width: 50% !important;
}

.input-search {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0;
}

    .input-search div {
        display: block;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        background: #fff;
        height: 36px;
        position: relative;
    }

    .input-search .submit {
        position: absolute;
        top: 0;
        right: 0;
        padding: 8px 10px;
        background: #fff;
        height: 16px;
        border-radius: 0 3px 3px 0;
        border: 0;
        height: 34px;
    }

    .input-search input {
        display: block;
        border: 0;
        background: #fff;
        padding: 5px;
        height: 30px;
        border-radius: 4px;
        width: 90%;
        outline: none;
    }

.rmlistprovince aside, .rmlistdistrict aside {
    float: left;
    width: 50%;
}

.rmlistprovince a, .rmlistdistrict a {
    display: block;
    padding: 10px 10px 0;
    font-size: 14px;
    color: #78b254;
    cursor: pointer;
}

input[type=text], input[type=tel], textarea {
    -webkit-appearance: none;
}

.rm-search-box .scroll {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 210px;
    -webkit-overflow-scrolling: touch;
}

.rmdistrict span {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    padding: 0 8px;
    display: block;
}


/* Bộ lọc nhanh */
.rm-fast-filter {
    background: #f5f5f5;
    height: 43px;
    padding-bottom: 10px;
}

.rm-top {
    margin-top: 10px;
}

.text-h3 {
    font-size: 16px;
    font-family: 'montserrat-medium';
    line-height: 18px;
    padding-left: 20px;
}

.list-funtion {
    margin: 0px;
    padding: 0px;
    position: relative;
    float: right;
}

    .list-funtion li {
        float: left;
        list-style: none;
        padding: 10px 40px;
        color: #666;
        font-size: 14px;
    }

    .list-funtion .rm-icondesktop-down {
        background-position: -389px -74px;
        width: 30px;
        height: 10px;
    }

.rm-check {
    position: relative;
    top: 2px;
}

.rmlist-price {
    display: none;
    overflow: visible;
    background: #fff;
    border: 1px solid #ece9e9;
    border-bottom: none;
    border-radius: 4px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
    padding: 5px 0px 0px 0px;
    position: absolute;
    right: -6px;
    top: 40px;
    z-index: 9999;
    min-height: 100px;
    width: 300px;
}

    .rmlist-price label {
        float: left;
        width: 100%;
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid#e6e6e6;
        cursor: pointer;
    }

    .rmlist-price div {
        padding: 6px 15px 10px 15px;
        border-bottom: 1px solid#e6e6e6;
        color: #817e7e;
    }

    .rmlist-price .price {
        position: relative;
        top: 2px;
        margin-right: 10px;
    }

#rmprice {
    cursor: pointer;
}

.rmlist-price:before, .rmlist-price:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 55px;
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.rmlist-price p {
    text-align: center;
    margin: 0px;
}

    .rmlist-price p .rm-btn-price {
        padding: 12px 10px;
        display: inline-block;
        width: 100%;
        background: #78b254;
        color: #FFF;
        font-size: 15px;
        font-weight: bold;
        border-radius: 3px;
    }

        .rmlist-price p .rm-btn-price:hover {
            text-decoration: none;
        }

.rm-tags {
    padding: 30px 0px 10px 0px;
}

.text-view-more a {
    color: #78b254;
}

/*[class^="rm-iconmobile-"], [class*="rm-iconmobile-"] {
    background-image: url(/Html/Images/icon/iconmobile@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 400px 136px;
}*/

/* Three dot */
.tree-dot {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.75);
    z-index: 999999;
    display: none;
}

    .tree-dot .wrap-dot {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

        .tree-dot .wrap-dot .dot {
            width: 12px;
            height: 12px;
            border: 1px solid #288ad6;
            background: #288ad6;
            border-radius: 50%;
            float: left;
            margin: 0 5px;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-animation: fx 1000ms ease infinite 0ms;
            animation: fx 1000ms ease infinite 0ms;
        }

            .tree-dot .wrap-dot .dot:nth-child(2) {
                -webkit-animation: fx 1000ms ease infinite 300ms;
                animation: fx 1000ms ease infinite 300ms;
            }

            .tree-dot .wrap-dot .dot:nth-child(3) {
                -webkit-animation: fx 1000ms ease infinite 600ms;
                animation: fx 1000ms ease infinite 600ms;
            }

@-webkit-keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}
.text-dutoan a {
    text-decoration: none;
    font-size: 14px;
    font-family: 'montserrat-regular', sans-serif;
    margin-right:30px;
}
    .text-dutoan a.bg-primary, .btn-homepage a.bg-primary {
        font-weight: 600;
        border: 1px solid#d70c19;
        color: #FFF;
    }
        .text-dutoan a.bg-primary:hover, .btn-homepage a.bg-primary:hover {
            color: #333;
            background: #FFF;
            border: 1px solid#333;
        }
.label-view-more {
    font-size: 15px;
    float: right;
}
/* Lazy */
.lazy-container {
    display: block;
    position: relative;
    height: 0;
}

    .lazy-container img {
        position: absolute;
        top: 0;
        left: 0;
    }

.slide-show .lazy-container {
    padding-bottom: 37%;
}

.item-product .lazy-container {
    padding-bottom: 59%;
}

.tab-pane .lazy-container {
    padding-bottom: 59%;
}

.rmsystem .lazy-container {
    padding-bottom: 54.8%;
}

.rm-doi-tac .lazy-container {
    padding-bottom: 51.6%;
}

.rm-goc-remax .lazy-container {
    padding-bottom: 51.7%;
}

.rm-remax-tv .lazy-container {
    padding-bottom: 53.8%;
}

/* Other */
.disabled-events {
    pointer-events: none;
}

.label-error, label.error {
    display: inline-block!important;
    font-size: 12px;
    color: #dd4b39;
    margin-bottom: 5px;
}

.input-error, input.error {
    box-shadow: none !important;
    border-color: #dd4b39 !important;
}

.summary-error li {
    font-size: 12px;
    color: #dd4b39;
    margin-bottom: 5px;
}

.slide .carousel-control {
    top: 40%;
    z-index: 2;
    opacity: 0.8;
    width: 55px;
    height: 55px;
    border: 0;
    border-radius: 50%;
    text-shadow: none;
    text-align: center;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    font-size: 29px;
    background: #FFF;
    box-shadow: 0px 2px 2px #9a9a9a;
    color: #000;
    display: block !important;
    text-decoration: none;
    padding-top: 5px;
}

#carousel-rm .carousel-indicators {
    bottom: 0px;
    z-index: 9;
}

.rm-history {
    margin-bottom: 44px;
}
/*về top*/
#myBtn {
    display: none;
    position: fixed;
    bottom: 120px;
    right: 16px;
    font-size: 18px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: white;
    color: #151515;
    cursor: pointer;
    border-radius: 50% !important;
    padding: 12px 15px;
    border-radius: 10px;
    width: 50px;
    box-shadow: 0 2px 5px #a7a7a7;
}

    #myBtn:hover {
        background-color: #FFF;
        color: #e20f11;
    }

.mg-bottom {
    margin-bottom: 10px;
}
/*common*/
.rm-md-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.bg-gray {
    background: #fbfbfb;
    margin-bottom: 10px;
    box-shadow: 0 1px 6px #dcdcdc;
}

.rm-about {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.rm-detail {
    text-align: justify;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 40px;
}

    .rm-detail img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 100%;
        height: auto;
    }

.text-h1 {
    font-size: 28px;
    font-family: 'montserrat-semibold';
    line-height: 30px;
    text-align: center;
    margin: 0px;
    color: #1a1a1a;
    padding: 30px 0px 10px 0px;
}
    .text-h1 a{
        text-decoration:none;
        color:#4e5356;
    }
    .rm-decription {
        color: #6c6c6c;
        font-size: 14px;
        font-family: 'montserrat-regular';
        line-height: 18px;
        text-align: center;
    }

.rm-about hr {
    border-top: 1px dashed;
    border-bottom: 1px dashed;
    border-color: #eee;
}

.rmitem-caption {
    min-height: 120px;
}
/*Table*/
table {
    border: 1px solid#e2e2e2;
    width: 100%;
    position: relative;
    display: table;
}

    table tbody tr {
        background: #FFF;
        border-bottom: 1px solid#d4d4d4;
    }

        table tbody tr td {
            padding: 5px 6px;
            border-right: 1px solid#c7c7c7;
        }

            table tbody tr td:last-child {
                border-right: none;
            }
/*ADS*/
#divAdLeft {
    width: 120px;
    line-height: 30px;
    position: fixed;
    overflow: hidden;
    left: 0px !important;
}

#divAdRight {
    width: 120px;
    line-height: 30px;
    position: fixed;
    overflow: hidden;
    right: 0px !important;
}

    #divAdLeft img, #divAdRight img {
        width: 120px
    }

/*
    new common
*/
.commitment {
    padding: 60px 0;
    background-image: url(/Images/piron/bg-thuong-hieu-piron.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

    .commitment .title {
        margin-bottom: 10px;
        font-size: 28px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 0 0 1px rgba(255,255,255,.5);
    }

    .commitment .subtitle {
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 50px;
    }

    .commitment img {
        margin-bottom: 15px;
    }

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.commitment h3 {
    color: #fff;
    font-size: 20px;
    margin: 0 0 15px;
}

.commitment a {
    color: #fff;
}

.selection_bubble_root {
    display: none !important;
}

#image_search {
    display: none !important;
}

.design-by-techsoftplus {
    display: flex;
    border-top: 1px #777 dashed;
    padding-top: 25px;
    justify-content: center;
    align-items: end;
    padding-bottom: 50px;
}

    .design-by-techsoftplus a {
        font-size: 12px;
        color: #7d8487;
        text-decoration: none;
    }

.align-center {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.btn-xem-them {
    display: none;
    background: #164891;
    color: #FFF !important;
    margin-bottom: 20px;
}

    .btn-xem-them:hover {
        color: #FFF !important;
    }

    .btn-xem-them.collapsed {
        display: block;
    }
.btn-laithu {
    padding: 10px 20px;
    display: flex;
    color: #FFF !important;
    align-items: center;
    font-size: 16px !important;
    text-align: center;
    background: #D70C19 !important;
    border-radius: 820px;
    justify-content: center;
    box-shadow: 0px 0px 6px #737373;
    margin:15px 0px;
}
.btn-thu-gon {
    display: block;
    background: #164891;
    color: #FFF !important;
    margin-bottom: 20px;
}

    .btn-thu-gon.collapsed {
        display: none;
    }

/*chat*/
@keyframes animatedBackground {
    from {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

.fixed_hotline {
    height: 40px;
    width: 100%;
    position: fixed;
    z-index: 1001;
    bottom: 11px;
    text-align: center;
    display: block;
}

    .fixed_hotline .hotline {
        display: block;
        line-height: 30px;
        margin: 0 auto;
        max-width: 160px;
        padding-left: 35px;
        text-align: left;
        background: url(/Images/icon/icon_hotline.png) no-repeat left center;
        padding: 10px 0;
        color: #fff;
        animation: animatedBackground 1s linear infinite;
    }

        .fixed_hotline .hotline a {
            color: #fff;
            font-weight: 700;
            font-size: 17px;
            font-family: 'montserrat-regular',sans-serif;
            padding-left: 40px;
            display: block;
        }

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }

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

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}

.wrap-icon.affix {
    width: auto;
    position: fixed !important;
    bottom: 50px;
    left: 20px !important;
    /* top: 150px;
    right: 20px !important;*/
    left: auto;
    display: block;
    align-items: center;
    z-index: 99;
    left: auto;
}

.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 78px;
    height: 99px;
    margin: 0px 20px 0px 0px;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.hotline-phone-ring-circle {
    width: 90px;
    height: 90px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #f600ff;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
    width: 80px;
    height: 80px;
    top: 30px;
    left: 29px;
    position: absolute;
    background-color: rgba(255, 172, 3,.56);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
    background-color: rgba(255, 218, 0, 0.34);
    width: 80px;
    height: 80px;
    top: 30px;
    left: 30px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 2s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 2s 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;
}

    .hotline-phone-ring-img-circle .pps-btn-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
        .hotline-phone-ring-img-circle .pps-btn-img i img{
            height:53px;
        }
        .hotline-bar {
            position: absolute;
            background: rgb(49, 74, 166);
            border-radius: 3px;
            padding: 0 15px 0 0;
            background-size: 100%;
            cursor: pointer;
            transition: all 0.8s;
            -webkit-transition: all 0.8s;
            z-index: 9;
            box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
            border-radius: 50px !important;
            /* width: 175px !important; */
            left: 33px;
            bottom: 37px;
        }

    .hotline-bar > a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        font-weight: bold;
        text-indent: 50px;
        display: block;
        letter-spacing: 1px;
        line-height: 40px;
        font-family: Arial;
    }

        .hotline-bar > a:hover,
        .hotline-bar > a:active {
            color: #fff;
        }

@-webkit-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);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
.hotlinefixed{
    position:fixed;
    bottom:80px;
    left:15px;
    z-index:1;
}
    .hotlinefixed a {
        background: #d70c19;
        padding: 10px 20px;
        color: #FFF;
        text-align: center;
        text-transform: uppercase;
        font-size: 22px;
        border-radius: 8px;
        text-decoration:none;
        font-family:'montserrat-medium';
    }
    /*.rm-product-new .col-md-3, .carousel .col-md-3 {
    width: 20%;
}*/
    /*toolbar*/
    .tool_icon_right {
        position: fixed;
        top: 40%;
        left: 0;
        width: 40px;
        text-align: center;
        -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%);
        box-shadow: 0 0 5px rgb(0 0 0 / 20%);
        z-index: 5;
        border-radius: 0px 10px 10px 0px;
        opacity: 1;
    }
        .tool_icon_right.tool_show_txt .item:hover > a {
            background: #363a3a;
        }
    .tool_icon_right.tool_show_txt .item {
        border-bottom: 1px solid #666;
        position:relative;
        margin:0px;
    }

    .tool_icon_right .item > a {
        display: inline-block;
        width: 100%;
        padding-top: 3px;
        padding-bottom: 3px;
        z-index: 6;
        position: relative;
        color: #000;
        outline: none;
        background-color: #4D4D4D;
    }
    .tool_icon_right .item:first-of-type > a {
        border-radius: 0px 10px 0 0;
    }
        .tool_icon_right.tool_show_txt .item > span {
            position: absolute;
            display: table-cell;
            top: 0;
            left: 80%;
            background: #4e5356;
            font-size: 14px;
            line-height: 46px;
            vertical-align: middle;
            width: 0;
            white-space: nowrap;
            overflow: hidden;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            opacity: 1;
            pointer-events: auto;
            color: #fff;
            z-index: 5;
            text-align: center;
        }
        .tool_icon_right.tool_show_txt .item > span a {
            color: #fff;
            text-decoration:none;
        }
    .tool_icon_right .item i {
        color: #fff;
        font-style: normal;
        text-align: center;
        width: 100%;
        display: inline-block;
        padding: 5px 0;
        display: none;
        font-family: arial,sans-serif;
    }
    .tool_icon_right .item img {
        vertical-align: top;
    }
    .tool_icon_right .item:last-of-type > a {
        border-radius: 0 0 10px 0px;
    }
    .tool_icon_right.tool_show_txt .item:last-of-type{
        border-bottom:none;
    }
    .tool_icon_right .show-span, .tool_icon_right.tool_show_txt .item:hover span {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        width: 182px;
        right: -147px;
        color: #fff;
        border-radius: 3px 0 0 3px;
        padding-right: 1rem;
        display:block;
    }
.text-red {
    color: #e10000;
    padding-left:6px;
}
/*btn animated*/
.bg-primary{
    background-color:#d70c19;
    color:#FFF;
}
.btn:link,
.btn:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 100px;
    transition: all .2s;
}

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn-white {
    background-color: #d4d8bd;
    color: #FFF;
}

.btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

.btn-white::after {
    background-color: #fff;
}

.btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-animated {
    animation: moveInBottom 5s ease-out;
    animation-fill-mode: backwards;
}
/*menu right top*/
.sidenav {
    height: 100%;
    width: 300px;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #686d71;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 16px;
    padding-bottom: 38px;
    display: none;
}
    .sidenav a.accordion{
        background:#FFF;
        color:#4e5356;
    }
    .sidenav a {
        padding: 10px 5px 10px 10px;
        text-decoration: none;
        font-size: 15px;
        color: #fff;
        display: flex;
        transition: 0.25s;
        width: 100%;
        border-bottom: 1px solid#858585;
        justify-content: flex-start;
        align-items: center;
    }

        .sidenav a:last-child {
            border-bottom: none;
        }

        .sidenav a:hover, .offcanvas a:focus {
            color: #d70c19;
            cursor:pointer;
        }

        .sidenav a.closebtn {
            position: absolute;
            top: 5px;
            right: 0px;
            font-size: 36px !important;
            padding: 2px 5px 2px 2px;
            display: block;
            width: auto;
            color:#d70c19;
        }

        .sidenav a img.img-responsive {
            float: left;
            margin-right: 10px;
            max-width: 26px;
        }

.slidenavoverlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0, 0.25);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s;
}
@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}