/*.navigation a {
    float: left;
    width: 10%;
    margin: 0 0 1.9% 0;
    color: #000000;
    padding: 2px 0px 16px 0px;
    text-decoration: none;
    display: block;
}*/
/*body{
    background-color: #fff;
}*/
.home-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0px;
}
    .home-banner a:nth-child(2), .home-banner a:nth-child(3), .home-banner a:nth-child(4),.home-banner a:nth-child(5) {
        padding-left: 10px;
    }

    .home-banner a img {
        border-radius: 14px;
    }
    .text-label .label-view-more {
        margin-left: auto;
        border-radius: 30px;
        border: 1px solid #db0000;
        text-transform: uppercase;
        padding: 5px 15px;
        font-size: 14px;
        float: right;
        font-weight: normal;
        line-height: 25px;
    }
.text-label .label-view-more:hover {
    background: #db0000;
    color: #fff !important;
}
    .menu-opener .open-menu {
        display: none !important;
    }
.menu-opener:hover .open-menu {
    display: block !important;
}
.bg-while {
    background-color: transparent;
    margin-bottom: 10px;
    box-shadow: none;
}
.p-welcome-box {
    /*background: url('../Images/backgroup/bg-01.png') no-repeat center center;
    background-size: cover;*/
    color: #fff;
    padding: 0px 0;
    margin-bottom: 0px;
}
    .p-welcome-box h2, .p-welcome-box h3 {
        color: #ffc100;
        margin: 0 0 15px;
        font-family: Roboto-medium, sans-serif;
        font-size:30px;
    }
    .p-welcome-box .col-md-12 p {
        font-family: Roboto-medium, sans-serif;
        font-size: 18px;
    }
.navigation div {
    display: block;
    width: 35px;
    height: 36px;
    margin: auto;
}
/*.navigation h3{
    margin:0px;
    line-height:18px;
    font-size:13px;
    font-family:Roboto-Medium;
    text-align:center;
}
    /*slide*/
    /*.rm-left .slide .carousel-control {
    top: 35%;
    z-index: 2;
    opacity: 0.6;
    width: 35px;
    height: 60px;
    border: 0;
    border-radius: 0;
    text-shadow: none;
    text-align: center;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    font-size: 40px;
    background: #000;
    box-shadow: 0px 2px 2px #9a9a9a;
    color: #FFF;
    display: block!important;
    text-decoration: none;
}*/
    .slide-show .slide {
    min-height: 200px;
    /*border-radius:8px;*/
}

.slide {
    min-height: 200px;
   
}
.slide-show {
    display: flex;
    position: relative;
    /*box-shadow: 0 4px 6px #00000029;*/
    /*border-radius: 8px;*/
    margin-bottom:30px;

}
    /*.slide-show .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        border-radius: 8px;
    }*/
#carousel-rm {
    background-color: #FFF;
    position: relative;
    display: block;
    height: 100%;
}
    #carousel-rm .carousel-indicators {
        width: 100%;
        left: 0px;
        margin: 0;
        position: relative!important;
        border: 0px;
        top: auto;
        float: left;
        display: flex;
        justify-content: flex-start;
    }
        #carousel-rm .carousel-indicators li {
            width: 20%;
            min-height: 72px;
            height:auto;
            text-indent: 0px;
            border-radius: 0px;          
        }
            #carousel-rm .carousel-indicators li.active {
                border-bottom: 2px solid #d30606;
                
            }
            #carousel-rm .carousel-indicators li:hover {
                background: #eee;
            }
            #carousel-rm .carousel-indicators li p {
                color: #333;
                padding: 8px 6px;
                margin: 0px;
            }
/*Khuyến mại nhanh*/
.bg-promotion {
    background: #f2693a;
}
    .bg-promotion .text-label {
        margin: 0px;
        border: none;
        height: 64px;
        padding-top: 26px;
        color: #fdfdfd;
    }
.bg-promotion .text-label a{
    float:right;
    text-decoration:none;
    color:#4c4c4c;
    font-size:14px;
    font-family:roboto-regular;
}
    .bg-promotion .text-label a span {
        font-size: 18px;
        color: #4c4c4c;
    }
        .bg-promotion .text-label span {
            font-family: Roboto-Bold;
            color: #fff700;
            font-size: 18px;
            border: 1px solid;
            margin-left: 10px;
            padding: 5px;
            background: #009184;
            box-shadow: -1px 1px 4px #5e1b04;
        }
.bg-brown {
    background: #f5f8fd;
    padding: 10px 0px 0px 0px;
}
.bg-brown .team_columns_carousel_wrapper{
    background-color:transparent;
    padding-bottom:0px;
}
.bg-brown .rmitem-image{
     background-color:#FFF;
}

/*tabs*/
.tabs {
/*    background: #FFF;*/
    min-height: 352px;
    margin-bottom: 8px;
}
.tab-content .item{
    clear: both;
    margin: 12px 0px;
    height: 76px;
    position: relative;
    border-bottom: 1px solid#e0e0e0;
}
.tab-content .item:last-child{
    border-bottom:none;
}
.tab-content .item a{
    text-decoration:none;
    color:#313131;
    font-size:14px;
    font-family:roboto-regular;
    line-height:18px;
}
.tab-content .item .col-md-8 a{
    height: 37px;
    overflow: hidden;
    display: block;
}
.tab-content .item .col-md-8 > a:hover{
    color:#d30606;
}
.tab-content .item p a{
    color:#909090;
    font-size:13px;
}
.tabs .tab-content{
    max-height:306px;
    overflow-y:auto;
    overflow-x:hidden;
    margin-right:-6px;
}
.tabs .nav-tabs > li > a{
    font-size:15px;
    font-family:Roboto-Medium;
    color:#1a1919;
}
/*sản  phẩm  bán  chạy*/
.tag-thuc-pham-chuc-nang {
    position: relative;
    display: block;
    width: 100%;
    background: #eee;
    border-radius: 8px;
    padding:10px;
}
.tag-thuc-pham-chuc-nang a{
    position: relative;
    display: flex;
    width: 100%;
    text-decoration:none;
    color:#333;
    padding:8px 0px 8px 0px;
    align-items:center;
    justify-content:space-between;
    border-bottom: 1px dashed #cccccc;
    font-family: Roboto-medium;
}
    .tag-thuc-pham-chuc-nang a:last-child {
        border-bottom: none;
    }
    .tag-thuc-pham-chuc-nang a:hover{
       color:#009184;
    }
.tag-about {
    margin: 40px 0px;
    display: flex;
    align-items: center;
}
.tag-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}
.text-label span.tag-group a {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    padding: 5px 15px;
    background: #e8efe9;
    border: 0;
    border-radius: 15px;
    line-height: 1.5;
    text-decoration: none;
    color: #666;
    cursor: pointer;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}
    .text-label span.tag-group a:hover {
        color: #FFF;
        background: #009184;
    }
    .text-view-more {
        text-align: center;
        padding: 10px 0px;
        margin: 20px 0px 40px 0px;
        border: none;
    }
        .text-view-more a {
            text-decoration: none;
            font-size: 15px;
            font-family: Roboto-Medium;
            color: #ffffff;
            padding: 11px 30px;
            background: #d30606;
            border-radius: 30px;
        }
            .text-view-more a:hover {
                color: #fbff00;
                box-shadow: 0px 5px 10px #929292;
            }
.rm-blog.rm-goc-remax {
    background: #FFF;
    display: flex;
    padding: 10px 0px;
    /*box-shadow: 0 4px 6px #00000029;*/
    border-radius: 6px;
}
.tag-group a {
    text-decoration: none;
    color: #4e4d4d;
    font-size: 14px;
    font-family: roboto-regular;
    padding: 0px 4px;
}
.wap-content {
    min-height: 200px;
    background: #FFF;
    box-shadow: 0 1px 6px #dcdcdc;
}
.img-banner-tet-2019{
    margin:0 auto;
}
/*.text-label {
    border: 1px solid#ffb307;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 18px;
    font-family: Roboto-Medium;
    margin-top: 20px;*/
    /*background-image: url(/Images/backgroup/tieu-de-trang-tri-tet-2019.png);*/
    /*background-repeat: no-repeat;
    background-position: center right;
}*/
.text-label a {
    text-transform: uppercase;
    color: #f2693a;
    font-size: 20px;
    display: inline-block;
}
/*    .text-label span {
        font-size: 15px;
        font-family: roboto-medium,sans-serif;
        color: #333;
        
    }*/
        .text-label span a {
            text-transform: none;
            color: #4e4d4d;
        }
        .rm-left {
            padding-left: 0px;
            padding-right: 8px;
        }

.rm-item{
    border:1px solid#ececec;
    border-radius:3px;
    position:relative;
}
.team_columns_carousel_wrapper {
    padding: 1px;
    overflow: hidden
}
/*.adv-left,
.adv-right {
    top: 40%;
    z-index: 2;
    opacity: 1;
    width: 45px;
    height: 45px;
    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; 
}*/
.team_columns_carousel_control_icons {
    line-height: 35px;
    font-size: 20px!important;
    font-weight: normal!important;
    margin-top:8px;
}
.team_columns_carousel_control_left {
    left: 26px!important
}
/*.team_columns_carousel_control_right {
    left: 63px!important
}*/
.adv_left {
    left: 6px!important
}
.adv_right {
    right: 6px!important
}

.team_columns_item_social a,
.team_columns_item_social a:visited {
    width: 25px;
    float: left;
    height: 25px;
    display: block;
    line-height: 25px;
    margin-right: 2px;
    text-decoration: none;
    -webkit-transition: background ease-in-out .3s;
    transition: background ease-in-out .3s
}
.team_columns_carousel_wrapper {
    background: #fff;
    padding-bottom:52px;
    
}
.team_columns_carousel_control_left,
.team_columns_carousel_control_left:hover,
.team_columns_carousel_control_left:active,
.team_columns_carousel_control_left:focus,
.team_columns_carousel_control_right,
.team_columns_carousel_control_right:hover,
.team_columns_carousel_control_right:active,
.team_columns_carousel_control_right:focus {
    color: #fff;
    background: #feb600!important
}

.team_columns_item_social a,
.team_columns_item_social a:visited {
    color: #171717;
    background: #feb600
}
.team_columns_item_social a:hover,
.team_columns_item_social a:active {
    background: #cb9200
}
.four_shows_one_move .cloneditem-1,
.four_shows_one_move .cloneditem-2,
.four_shows_one_move .cloneditem-3 {
    display: none
}
@media all and (min-width: 768px) {
    .four_shows_one_move .carousel-inner>.active.left,
    .four_shows_one_move .carousel-inner>.prev {
        left: -50%
    }
    .four_shows_one_move .carousel-inner>.active.right,
    .four_shows_one_move .carousel-inner>.next {
        left: 50%
    }
    .four_shows_one_move .carousel-inner>.left,
    .four_shows_one_move .carousel-inner>.prev.right,
    .four_shows_one_move .carousel-inner>.active {
        left: 0
    }
    .four_shows_one_move .carousel-inner .cloneditem-1 {
        display: block
    }
}
@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
    .four_shows_one_move .carousel-inner>.item.active.right,
    .four_shows_one_move .carousel-inner>.item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0
    }
    .four_shows_one_move .carousel-inner>.item.active.left,
    .four_shows_one_move .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0
    }
    .four_shows_one_move .carousel-inner>.item.left,
    .four_shows_one_move .carousel-inner>.item.prev.right,
    .four_shows_one_move .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}
@media all and (min-width: 992px) {
    .four_shows_one_move .carousel-inner>.active.left,
    .four_shows_one_move .carousel-inner>.prev {
        left: -25%
    }
    .four_shows_one_move .carousel-inner>.active.right,
    .four_shows_one_move .carousel-inner>.next {
        left: 25%
    }
    .four_shows_one_move .carousel-inner>.left,
    .four_shows_one_move .carousel-inner>.prev.right,
    .four_shows_one_move .carousel-inner>.active {
        left: 0
    }
    .four_shows_one_move .carousel-inner .cloneditem-2,
    .four_shows_one_move .carousel-inner .cloneditem-3 {
        display: block
    }
}
@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
    .four_shows_one_move .carousel-inner>.item.active.right,
    .four_shows_one_move .carousel-inner>.item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0
    }
    .four_shows_one_move .carousel-inner>.item.active.left,
    .four_shows_one_move .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0
    }
    .four_shows_one_move .carousel-inner>.item.left,
    .four_shows_one_move .carousel-inner>.item.prev.right,
    .four_shows_one_move .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}
/*blog*/
.rm-blog h2,.rmtv h2{
    margin-bottom:0px;
}
.rm-blog h2 a,.rmtv h2 a{
    font-size:16px;
    font-family:Roboto-Medium;
    line-height:18px;
    color:#151515;
    text-decoration:none;
}
.rm-blog h2 a:hover, .rmtv h2 a:hover {
    color: #d30606;
}
.rm-blog .rm-decription, .rmtv .rm-decription{
    text-align:justify;
    font-size:13.5px;
    font-family:roboto-regular;
    color:#6c6c6c;
    padding:10px 0px;
    line-height:18px;
    height:65px;
    overflow:hidden;
    margin-bottom:10px;
}
.blogtag ul,.blogsimilarposts ul{
    padding:0px;
    margin:0px;
    clear:both;
}
.blogtag li{
    list-style:none;
    float:left;
    width:50%;
    margin-bottom:26px;
    position:relative;
}
.blogtag li a{
    color:#6c6c6c;
    font-size:13px;
    text-decoration:none;
}
.blogsimilarposts ul li{
    list-style:none;    
    position:relative;
    border-top:1px solid#dedddd;
    border-bottom:1px solid#dedddd;
    padding:10px 0px;    
}
.blogsimilarposts ul li:first-child{
    border-bottom:none;
}
.blogsimilarposts ul li a{
    color:#343434;
    font-size:14px;
    text-decoration:none;
    line-height:22px;
    width:100%;
    display: block;
    font-family:roboto-regular;   
}
.blogsimilarposts{
    margin-bottom:62px;
}
.blog-comment{
    float: right;
    position: absolute;
    top: 46%;
    right: 0px;
}
.blog-single{
    padding:0px 12px;
    margin-bottom:25px;
}
.kh-bottom {
    margin-bottom:62px;
}

.blog-single h2 {
    line-height: 18px;
    height: 42px;
    overflow: hidden;
}
.rmtv .item{
    border: 1px solid#f3f2f2;
    margin-bottom:62px;
}
/*Hệ thống oto*/
.rmsystem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
    .rmsystem .column {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding: 0 4px;
    }
    .rmsystem .item img{
        min-height:150px;
        background:#f5f5f5;
    }
    .rmsystem .item{
        position:relative;
        padding-bottom:8px;
    }
    .rmsystem .text-block {
        position: absolute;
        bottom: 20px;
        right: 20px;
        background-color: rgba(0,0,0,0.5);
        color: white;
        padding: 20px;
        min-height:100px;
    }
.rmsystem .item a{
    display: block;
    text-decoration:none;
    color:#151515;
    font-size:15px;
    font-family:roboto-regular;
}
.rmsystem .item h2 span{
    font-family:Roboto-Medium;
}
.rm-aggregate{
    padding:0px;
    margin:10px 0px 0px 0px;
}
.rm-aggregate li{
    float:left;
    width:50%;
    position:relative;
    display:block;
}
.rm-aggregate li a{
    text-decoration:none;
    color:#FFF;
}

.cropimg {
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-color: #e8e8e8;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    clear: both;
    position: relative;
    overflow: hidden;
    height: 206px;
}
.rm-aggregate li a h2 {
    padding: 10px 10px;
    margin-top: 0px;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.67);
    margin: 0px;
    font-size: 15px;
    color: #FFF;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rm-opacity{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(45,45,45,.8);
    text-align:center;
}
.rm-opacity span{
    color: #FFF;
    margin-top: 30%;
    display: inline-block;
    font-family:Roboto-Medium;
    font-size:15px;
    padding:0px 5px;
}
.rm-opacity p{
    font-family:roboto-regular;
    font-size:13px;
}
/*scroll*/
.tabs .tab-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #f3f3f3;
}

.tabs .tab-content::-webkit-scrollbar {
    width: 6px;
    background-color: #7e7e7e;
}

.tabs .tab-content::-webkit-scrollbar-thumb {
    background-color: #7e7e7e;
    border: 2px solid #7e7e7e;
}
.rm-goc-remax .lazy-container{
    height:212px;
    overflow:hidden;
}
@media (min-width: 1280px) {
    .tabs {
    min-height: 346px;
}

.tabs .tab-content {
    max-height: 302px;
}
    .col-md-3 {
        width: 20%;
    }
        .commitment .col-md-3, .col-md-3.fone-cart, .footer-top .col-md-3 {
            width: 25%;
        }
}