@font-face {

    font-family: 'Roboto';

    src: url('../fonts/Roboto.eot');

    src: url('../fonts/Robotod41d.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Roboto.woff') format('woff'),

        url('../fonts/Roboto.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'UTMSeagullBold';

    src: url('../fonts/UTMSeagullBold.html');

    src: url('../fonts/UTMSeagullBoldd41d.html?#iefix') format('embedded-opentype'),

        url('../fonts/UTMSeagullBold-2.html') format('woff2'),

        url('../fonts/UTMSeagullBold-3.html') format('woff'),

        url('../fonts/UTMSeagullBold-4.html') format('truetype');

    font-weight: normal;

    font-style: normal;

}

/*** Styles added to fix the issue with zoom in on iphone ***/

/* iPhone < 5: */

@media screen and (device-aspect-ratio: 2/3) {

    select, textarea, input[type="text"], input[type="password"],

    input[type="datetime"], input[type="datetime-local"],

    input[type="date"], input[type="month"], input[type="time"],

    input[type="week"], input[type="number"], input[type="email"],

    input[type="url"]{ font-size: 16px; }

}



/* iPhone 5, 5C, 5S, iPod Touch 5g */

@media screen and (device-aspect-ratio: 40/71) {

    select, textarea, input[type="text"], input[type="password"],

    input[type="datetime"], input[type="datetime-local"],

    input[type="date"], input[type="month"], input[type="time"],

    input[type="week"], input[type="number"], input[type="email"],

    input[type="url"]{ font-size: 16px; }

}



/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */

@media screen and (device-aspect-ratio: 375/667) {

    select, textarea, input[type="text"], input[type="password"],

    input[type="datetime"], input[type="datetime-local"],

    input[type="date"], input[type="month"], input[type="time"],

    input[type="week"], input[type="number"], input[type="email"],

    input[type="url"]{ font-size: 16px; }

}



/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */

@media screen and (device-aspect-ratio: 9/16) {

    select, textarea, input[type="text"], input[type="password"],

    input[type="datetime"], input[type="datetime-local"],

    input[type="date"], input[type="month"], input[type="time"],

    input[type="week"], input[type="number"], input[type="email"],

    input[type="url"]{ font-size: 16px; }

}

a{

    font-size: 14px;

    color:#164821

}

body{

    font-family: arial;

    font-size: 14px

}

b, strong {

    font-weight: bold;

}



.main-menu{

    padding: 5px 0;

    border-bottom: none

}

.header-top {

    background: #f3f3f3;

    padding: 0;

}

#header{

    background: #fff;

    border-bottom: 1px solid #f6f6f6;

    position: relative;


}

#header.header-scrolled {

    transition: all 0.5s;

    background-color: rgba(255, 255, 255, 0.9);

}

.nav-menu a{

    color: #242424

}

.nav-menu ul {

    margin: 16px 0 0 0;

}

.nav-menu ul {

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px;

}



#mobile-nav-toggle {
    border: 1px solid #ccc;
    border-radius: 3px;
    right: 15px;
    color: #242424;
    font-weight: 900;
    top: 5.5%;
}



#mobile-nav-toggle i {

    color: #ed1c24;

    font-weight: 900;

}

.header-top ul li{

    margin-left: 2px;

}

.header-top .header-top-left a {

    margin-right: 0;

    font-size: 12px

}

.header-top .header-top-right a {

    font-size: 20px;

    margin: 0;

}

.banner-area {

    position: relative;

}

.banner-area .carousel-inner .carousel-item img{

    width: 100%

}

.bg_slide{

    position: absolute;

    bottom: 0;

    z-index: 1;

}

.bg_slide img{

    width: 100%

}

.carousel-indicators {

    bottom: 20px;

}

.center_align{

    text-align: center

}

.center_align img{

    max-width: 100%;

}

.section-gap {

    padding: 30px 0 0;

}

.search-course-area .overlay-bg {

    background: rgba(4,9,30,0.8);

    opacity: 0;

}

.single-popular-carusel{

    padding: 0 0 30px 0;

}

.overlay_banner_right{

    padding: 0;

}



.product_new h2{

    text-align: center;

    padding: 20px 0 0;

    font-weight: normal;

    font-size: 45px;

    font-family: UTM Seagull;

    width: 100%;

    color: #0b2037;

}

.product_new .mb-10 span{

    text-transform: uppercase;

    color: #ed1c24

}

.justify-content-between{

    width: 100%

}

.product_new .justify-content-between h3 {

    font-size: 24px;

    text-transform: uppercase;

    width: 100%;

    color: #fff;

    font-weight: normal;

    line-height: 35px !important

}

.product_new .justify-content-between p {

    font-size: 17px;

    width: 100%;

    color: #fff;

    font-weight: normal;

    font-style: italic;

}

.single-popular-carusel .meta{

    bottom: 20px;

    position: absolute

}

.product_new .d-flex{

    display: inline-block !important;

    text-align: center;

}

.single-popular-carusel .thumb img{

    max-width: 100%

}

.view_all_new{

    width: 100%;

    float: left;

    text-align: center;

    clear: both;

    padding: 0 0 20px 0;

}

.view_all_new a{

    color: #ccc

}

.view_all_new a:hover{

    color: #ed1c24

}

.view_all_new_1{

    min-width: 20%;

    text-align: center;

    clear: both;

    padding: 0 0 20px 0;

    margin: auto

}

.view_all_new_1 a{

    color: #560035

}

.single-footer-widget h4{

    text-transform: uppercase;

    padding: 30px 0 10px 0;

    margin: 0

}

.single-popular-carusel .details h4{

    margin: 10px 0

}

.courses-page .single-popular-carusel {

    margin-bottom: 20px;

}

.footer-area{

    background: #750048;

    font-size: 13px;

	margin: 30px 0 0

}

.single-footer-widget ul:nth-child(4) {

	margin-bottom: 40px

}

.thanhtoan_ship .fb_reset{

	/*padding-top: 30px;*/

}

.sp_dacbiet h4.kenh_pp{

	padding: 30px 0 20px 0px

}

.product_new.sp_dacbiet.hethongcuahang_new h4{

	padding: 30px 0 20px 0

}

.hethongsieuthi_1 select{

	margin: 30px 0 0 0

}

.single-footer-widget ul li {

    color: #fff;

}

.single-footer-widget ul li a{

    color: #fff;

    font-size: 13px

}

.single-footer-widget ul li {

    margin-bottom: 0px;

}

.m-0 {

    color: #fff;

    font-weight: normal;

}

.about-content {

    margin-top: 80px;

    padding: 10px 0px;

    text-align: center;

}

.right-contents p{

    padding: 0;

    margin: 0;

}

.right-contents h3{

    padding: 0 0 10px 0;

    margin: 0 0 0 0;

    font-weight: bold;

}

.right-contents span{

    color: #ed1c24

}

.right-contents ul li {

    padding: 5px;

    margin-bottom: 5px

}

.right-contents ul {

    padding: 0;

    margin-bottom: 20px

}

.left-contents .jq-tab-menu .jq-tab-title{

    text-transform: uppercase;

    font-size: 14px

}

.jq-tab-content{

    text-align: center

}

.jq-tab-content p{

    text-align: left

}

.jq-tab-content img{

    max-width: 100%

}

.padding_top_content_right{

    padding-top: 50px;

}

.jq-tab-content .table th, .table td {

    padding: 5px;

}



.right-contents h4{

    padding: 10px 0 10px 0;

    font-weight: normal;

	font-size: 14px;

}

.courses-page .single-popular-carusel {

    padding: 0 15px;

}

.header-top .header-top-left {

    text-align: left;

    line-height: 15px;

    padding: 5px 0;

}

.widget-wrap .single-sidebar-widget{

    margin-top: 5px

}

.contact-page-area{

    background: #fff

}

.search-course-area{

    background: #fff

}

.about-content a{

    font-size: 12px

}

.bg_brand_color{

    background: #98005d

}

.list_menu_left_cate{

    float: left;  

    padding: 0;

    margin: 0;

    background: #fff

}

.list_banner_right_cate{

    float: left;    

    padding: 0;

    margin: 0;

}

.slideshow_minhlong{

    float: left;    

    padding: 0;

    margin: 0;

}

.link_menu_center_cms{

    padding: 0;

    margin: 0;

}

.link_menu_center_cms ul{

    width: 100%;

    margin: 0;

    padding: 10px 0;

}

.link_menu_center_cms ul li{

    display: inline;

    padding: 0;

}

.link_menu_center_cms ul li a{

    text-transform: uppercase;

    color: #fff;

    padding: 12px 15px 13px 15px;

}

.link_menu_center_cms ul li a:hover{

    background: #b49a48

}

.link_menu_center_cms ul li a.active{

    background: #b49a48

}

.list_banner_right_cate img{

    width: 100%

}

.slideshow_minhlong img{

    width: 100%

}

.banner-area .overlay_none_focus {

    background-color: inherit

}

.menu_cate_left{

    line-height: 42px

}

.menu_cate_left span{

    color: #fff

}

.menu_cate_left .lnr-menu{

    font-size: 21px;

    padding: 8px 5px 0;

    float: left;

}

.banner-area{

    background: url(../images/bg-main.png) repeat

}

.main-menu .menu_top_dis{

    display: none

}

.list_menu_left_cate ul{

    padding: 3px 15px 0 15px;

}

.list_menu_left_cate img{

    padding: 0 5px 0 0;

}

.list_menu_left_cate ul li{

    border-bottom: 1px solid #f0f0f0;

    line-height: 39px;

}

.list_menu_left_cate ul li:nth-last-child(1){

    border-bottom: none;

}

.search_bg{

    width: 100%;

    margin: 0;

    height: 37px;

    background: #750048;

    border-radius: 4px

}

.search_input_button input{

    background: #fff;

    margin: 1px;

    width: 90%;

    border: none;

    height: 35px;

    border-radius: 3px;

    float: left;

    outline: none;

    text-indent: 10px

}

.bg_hotline_cskh{

    background: #750048;

    text-align: center;

    line-height: 30px;

    color: #fff;

    padding: 5px 0 0;

}

.bg_hotline_cskh span{

    padding: 5px 0 0;

}

.bg_hotline_cskh .lnr-phone-handset{

    font-size: 21px

}

.hotline_cskh{

    font-size: 24px

}

.search_input_button button{

    background: none;

    color: #fff;

    cursor: pointer;

    border: none;

    font-size: 17px;

    padding: 8px 0 0;

    width: 9%;

    text-align: center;

    float: left;

    outline: none

}

.search_input_button{

    width: 100%

}

.cart_right_sb{

    position: relative;

    text-align: right;

	width:40px

}

.icon_cart{

    text-align: right;

	position: relative;

	margin-top: 8px;

	width: 25px;

}

.icon_cart span{

    font-size: 27px

}

.cart_default{

    width: 40px;

    float: right;

}

.numb_cart{

    position: absolute;

    right:-5px;

    text-align: center;

    line-height: 32px;

    color: #fff;

    z-index: 1;

    top: -4px;

}

.cart_default .collapse.show{

	width: 320px

}

.form-inline .form-group{

	max-width:100%

}

.langue_vnel .btn {

    padding: 1px 6px;

    border-radius: 2px;

    line-height: 18px;

    outline: none;

    background: #123358;

    font-size: 14px;

    margin: -2px 0 0;

}

.mxh_link_fb_yb ul li:nth-child(4) {

    width: 24px;

    height: 24px;

    background: #fff;

    border-radius: 50%;

    border: 1px solid #2f4727;

    text-align: center;

    margin: 2px 0;

}

/*.mxh_link_fb_yb ul li:nth-child(5) {

    width: 24px;

    height: 24px;

    background: #fff;

    border-radius: 50%;

    border: 1px solid #2f4727;

    text-align: center;

    margin: 2px 0;

}*/

.mxh_link_fb_yb ul li span{

    font-size: 12px;

    line-height: 18px;

    color: #2f4727

}

.header-top .mxh_link_fb_yb ul li a {

    width: auto;

    height: auto;

    border: none;

    font-size: 13px;

    padding: 0 5px;

    color: #474747;

}

.bg_hotline_cskh .icon-phone-call {

    padding: 5px 5px 0 0;

    font-size: 20px;

    font-weight: normal

}

.header-top ul li:nth-child(3) {

    width: 30px;

    margin: 0 5px;

}

.hotline_mobile_off{

    display: none

}

.cart_mobile{

    display: none

}



.banner_km .bannerhpny{

    margin: 15px 0;

}

.banner_km .bannerhpny img{

    max-width: 100%;

}

.trangtri_bottom{

    padding: 0 0 20px 0;

    text-align: center;

    width: 100%

}

.single-blog .thumb{

    position: relative;

}

.icon_new{

    position: absolute;

    right: 10px;

    top: 10px;

    background: #ed1c24;

    height: 34px;

    width: 34px;

    border-radius: 50%;

    z-index: 1;

    color: #fff;

    line-height: 34px;

    font-size: 12px;

    text-align: center

}

.icon_sales{

    position: absolute;

    right: 10px;

    top: 10px;

    background: #b49a48;

    height: 34px;

    width: 34px;

    border-radius: 50%;

    z-index: 1;

    color: #fff;

    line-height: 34px;

    font-size: 12px;

    text-align: center

}

.list_product_new h5{

    padding: 10px 0 0;

    font-size: 14px;

    font-weight: normal;

    border-bottom: none;

    margin: 0;

    color: #0b2037;

	line-height: 1.5 !important;

	min-height:50px;

}

.list_product_new:hover h5 {

    color: #174822;

}

.list_product_new h4 {

    color: #b69c4a;

    width: 50%;

    float: left;

}

.list_product_new p{

    width: 50%;

    float: right;

    text-align: right;

    text-decoration:  line-through;

    color: #b69c4a;

}

.list_product_new span{

    font-size: 12px;

}

.list_product_new{

    padding-bottom:20px;

}

.text_center_css_title{

    width: 100%;

    text-align: center

}

.m10_dacbiet span{

    text-transform: uppercase;

    color: #b49a48

}

.sp_dacbiet{

    width: 100%;

}



.sp_dacbiet  .single-popular-carusel .thumb {

    overflow: hidden;

    border: 1px solid #0b2037;

}

.view_all_new .primary-btn{

    background: #fff;

    border:1px solid #0b2037;

    border-radius: 3px;

    color: #0b2037

}

.sp_ban_chay{

    padding-bottom: 30px;

}



.store_ch_ml ul.hethongcuahang li.diemshowroom{

    width: 50%;

    float: left;

    color: #fff;

    font-size: 12px;

    padding: 0 0 20px 0;

}

.store_ch_ml ul.hethongcuahang li a{

    color: #fff;

    font-size: 12px

}

.store_ch_ml h4{

    text-transform: uppercase;

    padding: 15px 0;

    color: #fff

}

.hethongcuahang{

    width: 100%

}

.dis_padding_margin_n{

    padding-left: 0;

    padding-right: 0

}

.hethongsieuthi{

    width: 100%;

    min-height: 300px;

    border: 1px solid #385473;

    border-radius: 2px

}

.scroll_bar_css{

    height: 300px;

    overflow-y: scroll;

    margin: 10px

}

.scroll_bar_css_kenh{

    height: 400px;

    overflow-y: scroll;

    background: #b49a48;

    padding: 10px;

}

.scroll_bar_css_kenh ul.hethongcuahang{

    padding: 10px;

    color: #fff

}

.hethongsieuthi .scroll_bar_css ul li p{

    width: 23%;

    border-radius: 3px;

    border: 1px solid #ccc;

    float: left;

    text-align: center;

    background: #fff;

    padding: 2px

}

.hethongsieuthi .scroll_bar_css ul li img{

    max-width: 100%;

}

.hethongsieuthi .scroll_bar_css ul.htsieuthi{

    width: 74%;

    float: left;

}

.hethongsieuthi .scroll_bar_css ul.htsieuthi li{

    font-size: 12px;

    color: #fff;

    line-height: 17px

}

.hethongsieuthi .scroll_bar_css ul.htsieuthi li a{

    color: #fff;

    font-size: 12px

}

.hethongsieuthi .scroll_bar_css .htsieuthi{

    padding: 0;

    padding-left: 10px

}

.htsieu_c{

    width: 100%;

    float: left;

}

.hethongsieuthi_1 .title_ttst{

    width: 100%;

    float: left;

}

.hethongsieuthi_1 select{

    width: 100%;

    float: left;

    margin: 25px 5px 0 0;

    font-size: 12px

}



#style-7::-webkit-scrollbar-track

{

	-webkit-box-shadow: inherit;

	background-color: initial;

	border-radius: 10px;

}



#style-7::-webkit-scrollbar

{

	width: 10px;

    background-color:#385473;

    border-radius: 10px

    

}



#style-7::-webkit-scrollbar-thumb

{

    border-radius: 10px;

    background: #b49a48

}

.scroll_bar_css_kenh ul.hethongcuahang li.diemshowroom{

    padding: 0 0 20px 0;

}

.tinh_thanh_q_h{

    text-transform: uppercase;

    font-size: 17px;

    padding: 0 0 10px 0;

    font-weight: bold

}

.kenh_pp{

    width: 100%;

    text-align: center;

    padding: 20px 0 10px 0;

}

.pd_mr_lr {

    padding-left: 0;

    padding-right: 0;

}

.pd_mr_lr_new{

    padding-left: 0;

    padding-right: 0;

}

.sukien h5{

    font-size: 14px;

    padding: 10px 0 0;

    border-bottom: none;

}

.scroll_bar_css_kenh .diemshowroom a{

    color: #fff

}

.thanhtoan_ship{

    width: 100%;

}

.thanhtoan_ship ul{

    width: 100%;

}

.thanhtoan_ship ul li{

    display: inline

}

.footer-bottom{

    width: 100%;

    background: #560035;

    padding: 5px 0;

    text-align: center;

    font-size: 12px;

    color: #fff;

}

.popupcart{

    width: 99%;

    position: absolute;

    z-index: 1;

    background: #fff;

    border-radius: 3px;

    border: 1px solid #ccc;

    box-shadow: 3px 3px 5px #999;

    right: 0



}

.popupcart .panel-body{

    padding: 5px 10px;

}

.popupcart .panel-body table{

    width: 100%;

}

.popupcart .panel-body table tr td:nth-last-child(1){

    text-align: right;

    font-size: 12px;

    font-weight: 300

}

.popupcart .panel-body table tr td:nth-last-child(2){

    text-align: left;

    font-size: 12px;

    line-height: 17px

}

.line_cart{

    width: 100%;

    height: 1px;

    border-bottom:1px solid #efefef;



}

.cart_mobile .btn-info {

    color: #fff;

    background-color: #750048;

    border-color: #fff;

    font-size: 12px;

    border-radius: 50%

}

.cart_right_sb .btn-info{

    color: #fff;

    background-color: #750048;

    border-color: #fff;

    font-size: 12px;

    border-radius: 50%;

    height: 32px;

    width: 32px;

    line-height: 26px;

    border: none;

}

.button_thanhtoan{

    width: 100%;

    text-align: center

}

.close_ml .btn-success{

    background: #ed1c24;

    border: 1px solid #fff;

    padding: 0px 5px;

}

.button_pay .btn-success {

    background-color: #560035;

    border: 1px solid #fff;

}

.close_ml span{

    font-size: 13px

}

.button_pay{

    width: 50%;

    float: left;

    text-align: center

}

.hethongsieuthi_1{

    padding: 0 0 10px 0;

}

.button_pay .close_ml{

    background: none;

    padding: 15px 0 0;

}

.button_pay .close_ml .icon-cross{

    font-size: 24px;

    color: #ed1c24

}

.link_menu_top{

    

}

.link_menu_top ul{

    width: 100%;

    text-align: center

}

.link_menu_top ul li{

    display: inline;

    padding: 0 10px;

}

.link_menu_top ul li a{

    color: #fff;

    text-transform: uppercase;



}

.blog-area .row{

    margin-left: -15px;

    margin-right: -15px

}

.product_new .row{

    margin-left: -15px;

    margin-right: -15px

}

.hethongcuahang_new{

    width: 100%;

    background: #123358 url(../images/background_showroom.jpg) no-repeat left top

}

.hethongcuahang_new_lienhe{

    width: 100%;

    background: #f9f9f9 url(../images/14-lien-he_02.jpg) no-repeat left top

}

.hethongcuahang_new ul.hethongcuahang {

    width: 100%;

}

.hethongcuahang_new ul.hethongcuahang li.diemshowroom{

    width: 50%;

    float: left;

	height: 120px

}

.hethongcuahang_new ul.hethongcuahang li.diemshowroom ul{

    padding: 0 0 10px 0

}

.hethongcuahang_new ul.hethongcuahang li.diemshowroom ul li{

    font-size: 12px;

    color: #fff

}

.hethongcuahang_new ul.hethongcuahang li.diemshowroom ul li a{

    font-size: 12px;

    color: #fff

}

.hethongcuahang_new h4{

    font-size: 17px;

    text-transform: uppercase;

    color: #fff;

    padding: 15px 0;

}

.link_menu_top {

    padding: 15px 0 0;

}

#mobile-nav ul .menu-has-children_icon {

    position: absolute;

    right: 20px;

    z-index: 99;

    padding: 15px;

    cursor: pointer;

    color: #fff;

    height: 25px;

    width: 25px;

    background: red

}

#mobile-nav {

    background: #fff;

}



.menu_top_dis ul li span{

    float: left;

    width: 34px

}

#mobile-nav ul li a {

    color: #474747;

    font-size: 13px;

    text-transform: uppercase;

    overflow: hidden;

    padding: 7px 10px 10px 5px;

    position: relative;

    text-decoration: none;

    width: 70%;

    display: block;

    outline: none;

    font-weight: 400;

    float: left;

}

#mobile-nav ul li {

    padding-left: 10px;

    border-bottom: 1px solid #efefef;

    clear: both;

    margin: 17px 0;

}

#mobile-nav ul li img{

    padding: 2px 0;

}

.menu_cate_left .menu_left_cate_new ul.nav-menu ul{

    width: 320px;

    display: block;

    left: -25px;

    top: 26px;

}

.menu_cate_left .menu_left_cate_new .danh_muc_cate a{

    color: #fff

}

.menu_cate_left .menu_left_cate_new .danh_muc_cate ul.menu_sub_sp li a {

    color: #474747;

    float: left;

    padding: 0px 10px 0 10px;

    font-size: 14px

}

.danh_muc_cate ul.menu_sub_sp li {

    border-bottom: 1px solid #f0f0f0;

    line-height: 39px;

    width: 100%;

    float: left;

}

.danh_muc_cate ul.menu_sub_sp li:nth-last-child(1){

    border-bottom: none

}

.danh_muc_cate ul.menu_sub_sp li img{

    width: 34px;

    float: left;

}

.sxtheo select{

    text-align: right

}

.sxtheo {

    text-align: center;

}

.cate_list_on h2{

    color: #0b2037

}

.sxtheo span {

    float: left;

    width: 40%;

    line-height: 36px;

}

.sxtheo .form-control{

    width: 60%;

    float: left;

}



.link_menu_top{

    display: none

}

.detail_product .text-white a{

    font-size: 12px

}

.detail_product .text-white span{

    color: #123358

}

.left-contents .main-image img{

    width: 100%;

}

.detail_product_ml{

    padding: 20px 0 0;

}

.right-contents ul li b{

    color: red;

    font-weight: bold;

    font-size: 21px

}

.detail_product_ml ul li {

    width: 100%;

    clear: both;

    float: left;

}

.detail_product_ml ul li.prices_product p{

    float: left;

}

.detail_product_ml ul li.prices_product p em{

    text-decoration: line-through;

    padding: 0 0 0 10px;

}

.detail_product_ml .right-contents ul li img{

    max-width: 100%;

}

.button_mua_hang .button_minus button{

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}

.button_mua_hang .button_add button{

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}

.button_mua_hang{

    width: 40%;

    float: left;

    padding: 20px 0 0;

}

.button_muahang_clml{

    width: 60%;

    float: left;

    padding: 20px 0 0;

}

.button_muahang_clml .button_pay button{

    text-transform: uppercase;

    /*padding: 10px 20px;*/

}

.button_muahang_clml .button_pay button:hover{

    background: #174822

}

.button_mua_hang input{

    text-align: center

}

.left-contents .jq-tab-menu .jq-tab-title:hover, .left-contents .jq-tab-menu .jq-tab-title.active {

    color: #fff;

    background: #174822;

    border-bottom: 1px solid #174822;

}

.right-contents ul li {

    background: none;

    border-radius: 3px;

}

.button_pay .btn-success:hover{

    background: #174822;

}





/*---shoppicart--*/





.quantity {

    float: left;

    margin-right: 15px;

    background-color: #eee;

    position: relative;

    width: 80px;

    overflow: hidden

}



.quantity input {

    margin: 0;

    text-align: center;

    width: 15px;

    height: 15px;

    padding: 0;

    float: right;

    color: #000;

    font-size: 20px;

    border: 0;

    outline: 0;

    background-color: #F6F6F6

}



.quantity input.qty {

    position: relative;

    border: 0;

    width: 100%;

    height: 40px;

    padding: 10px 25px 10px 10px;

    text-align: center;

    font-weight: 400;

    font-size: 15px;

    border-radius: 0;

    background-clip: padding-box

}



.quantity .minus, .quantity .plus {

    line-height: 0;

    background-clip: padding-box;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    -webkit-background-size: 6px 30px;

    -moz-background-size: 6px 30px;

    color: #bbb;

    font-size: 20px;

    position: absolute;

    height: 50%;

    border: 0;

    right: 0;

    padding: 0;

    width: 25px;

    z-index: 3

}



.quantity .minus:hover, .quantity .plus:hover {

    background-color: #dad8da

}



.quantity .minus {

    bottom: 0

}

.shopping-cart {

    margin-top: 20px;

    width: 100%

}

.shopping-cart .card-header:first-child{

    line-height: 30px

}

.shopping-cart .bg-dark {

    background-color: #750048 !important;

}

.shopping-cart .btn-outline-info:hover{

    background: none;

}

.shopping-cart .btn-outline-info{

    color: #fff;

    border: none;

}

.shopping-cart .card-header{

    padding: 0.30rem 0.30rem

}

.shopping-cart .btn-success{

    background: #560035;

    border-color: #560035

}



.shopping-cart .btn-success:hover{

    background: #174822;

	border-color: #174822

}

.checkout_minhlong{

    padding: 15px 100px;

    background: #f8f8f8

}

.checkout_minhlong .form-control{

    font-size: 13px

}

.text-muted{

    text-align: right

}

.checkout_minhlong .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{

    background-color: #174822

}

.checkout_minhlong .btn-primary {

    color: #fff;

    background-color: #560035;

    border-color: #560035;

}

.checkout_minhlong .btn-primary:hover {

    color: #fff;

    background-color: #174822;

    border-color: #174822;

}

.checkout_minhlong .icon-wallet{

    font-size: 21px;

    color: #b49a48;

    font-weight: normal !important

}

.checkout_minhlong .icon-credit-card{

    font-size: 21px;

    color: #b49a48;

    font-weight: normal !important

}

.checkout_minhlong .icon_pay{

    text-align: center

}

.checkout_minhlong .radio-inline span{

    float: left;

    padding: 0 5px 0 0;

    min-height: 20px;

    font-weight: bold

}

.checkout_minhlong .cod_online label{

    text-align: center;

    cursor: pointer;

}

.checkout_minhlong .cod_online:hover{

    border-color: #b49a48

}

.toltal_order_cart{

    font-size: 16px;

    font-weight: 600

}

.cart_body .cart {

    width: 600px;

    margin: 20px auto;

}

.cart_body .cart__content {

    background: #fff;

    display: inline-block;

    padding: 20px;

    box-shadow: 0 5px 6px -6px #a3a2a2;

    width: 100%;

}

.bg_success .bg_success_title {

    display: inline-block;

    width: 100%;

    margin-bottom: 15px;

}

.cart_body .cart__content h1 {

    padding: 0 15px;

    text-transform: uppercase;

    margin-bottom: 20px;

    display: inline-block;

    width: 100%;

    font-size: 20px;

}

.product_buyed {

    display: inline-block;

    margin: 15px 0;

    width: 100%;

}

.product_buyed h3 {

    text-transform: uppercase;

    font-size: 14px;

    background: #f0f0f0;

    padding: 5px 10px;

}

.infor_product p {

    padding: 5px 0;

    display: inline-block;

    width: 100%;

}

.cart_item {

    border-bottom: 1px solid #f1f2f1;

    display: inline-block;

    width: 100%;

    padding-bottom: 15px;

    margin-bottom: 15px;

}

.cart_body .cart__content .list_order__img {

    text-align: center;

}

.cart_body .cart__content .list_order__img img {

    width: 100%;

    margin-bottom: 20px;

}

.cart_body .cart__content .list_order__infor h2 {

    margin-bottom: 5px;

    width: 100%;

    float: left;

}

.cart_body .cart__content .list_order__infor .cart_price label {

    font-size: 16px;

    padding-right: 15px;

}

.cart_body .cart__content .list_order__infor .color_size {

    display: inline-block;

    width: 100%;

    margin: 0 0 15px 0;

}

.cart_body .cart__content .list_order__infor .color_size p {

    color: #4c4c4c;

}

.continue_buy {

    width: 100%;

    text-align: center;

}

.continue_buy a {

    border: 1px solid #cbcaca;

    padding: 10px;

    border-radius: 2px;

    color: #373737;

    text-transform: uppercase;

}

.list_order__img{

    float: left;

}

.list_order__infor{

    float: left;

}

.cart_body .cart__content .list_order__infor h2{

    padding: 0;

    line-height: 0.5em !important

}

.cart_body .cart__content h1{

    padding: 0

}

.widget-wrap .post-category-widget .category-title{

    background: #750048 

}

.popup_checkorder{

    z-index: 1;

}

.widget-wrap .popular-post-widget .popular-title {

    background: #750048 ;

    color: #fff;

    text-align: center;

    padding: 12px 0px;

}

.popular-post-list .single-post-list .thumb{

    width: 35%;

    float: left;

}

.widget-wrap .popular-post-widget .single-post-list .details{

    width: 64%;

}

.widget-wrap .popular-post-widget .single-post-list .details h6{

    margin-bottom: 5px

}

.widget-wrap .popular-post-widget .single-post-list .details p {

    margin-bottom: 0px;

    font-size: 13px;

    line-height: 18px;

}

/* Dropdown Button */

.dropbtn {

    color: white;

    padding: 16px;

    font-size: 16px;

    border: none;

}



/* The container <div> - needed to position the dropdown content */

.dropdown {

    position: relative;

    display: inline-block;

}



/* Dropdown Content (Hidden by Default) */

.dropdown-content {

    display: none;

    position: absolute;

    background-color: #fff;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

    top: 27px

}



/* Links inside the dropdown */

.dropdown-content a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



/* Change color of dropdown links on hover */

.dropdown-content a:hover {background-color: #ddd;}



/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {display: block;}



/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {background-color: #fff;}

.checkingorder{

    width: 200px;

    height: 100px;

    text-align: center

}

.checkingorder input{

    width: 90%;

    margin: 10px auto;

    font-size: 13px

}

.checkingorder button{

    width: 90%;

    margin: auto;

    background: #560035

}

.history_order{

    /*width: 600px;*/

    margin: auto;

	padding: 0 15px;

}

.history_order h1{

    font-size:14px;

    margin: 0 0 20px 0px;

}

.hotline_contact{

    width: 100%;

    text-align: center;

}

.hotline_contact h6{

    font-size: 17px;

    text-transform: uppercase;

    padding: 0 0 5px 0;

    font-weight: normal

}

.hotline_contact p{

   border: 1px solid #b49a48;

   padding: 10px 0;

   font-size: 21px;

   color: #123358;

   border-radius: 2px;

   line-height: 25px

}

.contact-page-area .address-wrap .single-contact-address {

    margin-bottom: 8px;

    line-height: 31px;

}

.hotline_contact p:nth-last-child(1){

    font-size: 17px

}

.contact-page-area .form-area input {

    padding: 8px;

}

.contact-page-area .form-area textarea {

    height: 80px;

    margin-top: 0px;

    padding: 15px;

}

.mb-20 {

    margin-bottom: 8px;

}

.hethongcuahang_new_lienhe h4 {

    font-size: 17px;

    text-transform: uppercase;

    color: #474747;

    padding: 15px 0;

    text-align: center;

}

.hethongcuahang_new_lienhe ul.hethongcuahang li.diemshowroom {

    width: 33%;

    float: left;

}

.hethongcuahang_new_lienhe ul.hethongcuahang li.diemshowroom ul {

    padding: 0 0 10px 0;

}

.contact-form .genric-btn.primary {

    color: #fff;

    background: #560035;

    border: 1px solid #560035;

}

.genric-btn {

    line-height: 30px !important;

}

.contact-form .genric-btn.primary:hover {

     background: #1e7e34;

    border: 1px solid #1e7e34;

    color: #fff !important;

}

#scroll {

    position:fixed;

    right:20px;

    bottom:20px;

    cursor:pointer;

    width:40px;

    height:40px;

    background-color:#174822;

    text-indent:-9999px;

    display:none;

    -webkit-border-radius:60px;

    -moz-border-radius:60px;

    border-radius:60px

}

#scroll span {

    position:absolute;

    top:50%;

    left:50%;

    margin-left:-8px;

    margin-top:-12px;

    height:0;

    width:0;

    border:8px solid transparent;

    border-bottom-color:#ffffff;

}

#scroll:hover {

    background-color:#e74c3c;

    opacity:1;filter:"alpha(opacity=100)";

    -ms-filter:"alpha(opacity=100)";

}

.swiper-container {

	width: 100%;

	height: 550px;

	margin-left: auto;

	margin-right: auto;

}

.swiper-slide {

	background-size: cover;

	background-position: center;

}

.gallery-top {

	

	width: 100%;

}

.gallery-thumbs {

	height: 155px;

	box-sizing: border-box;

	padding: 10px 0;

}

.gallery-thumbs .swiper-slide {

    width: 25%;

    height: 100%;

    opacity: 0.4;

    padding: 10px;

    width: 155px !important;

    margin: 10px 0 0;

}

.gallery-thumbs .swiper-slide-thumb-active {

	opacity: 1;

}

.height_list_new_12{

	height: 70px;

	display: none

}

#header #logo img {

    padding: 0;

    margin: 0 0 5px 0;

    max-width: 100%;

}

.logo_mh_menu img{

	width: 100%

}

.btn:focus, .btn.focus {

    /* outline: 0; */

    box-shadow: none;

}







/*---thêm mã thành viên tặng quà---*/

.input_check_matv{

    width: 50%;

    float: left;

    padding: 11px 0 0;

}

.list_qua_tang .radio {

    padding: 3px 5px;

    width: 70px;

    border: 1px solid #ccc;

    text-align: center;

    border-radius: 3px;

    margin: 23px 0 0px;

}

.list_qua_tang i{

    color: red;

    padding: 0 5px 0 0;

}

.list_qua_tang .radio label{

    margin: 0;

}

.list_qua_tang .radio label input{

    margin: 4px 4px 0 0;

    float: left;

}

.cod_online button{

    background: none;

    border: none

}

.clsonline_bg{

    width: 600px;

}

.input_check_matv button{

    margin-top: 6px;

    margin-left: 10px;

    margin-right: 10px;

    padding: 7px 20px;

	font-size: 13px

}

.input_check_matv input{

	font-size: 13px;

	padding: 8px;

}

.input_check_matv select{

	font-size: 13px;

	padding: 5px 

}

.list_qua_tang h4{

	font-size: 14px;

	font-weight: 600

}

.kq_filter_option{

	width: 100%

}

.kq_filter_option select{

	width: 100%;

	margin-bottom: 15px

}

.single-popular-carusel{

	display: inline

}

.sp_lq_money h4{

	width: 100%

}

.sidebar-widgets {

     padding-bottom: 0px;

}

.single-post-area {

    padding-top: 30px;

    padding-bottom: 0px;

}

.call-animation {

    text-align: center;

}

.call-animation img{

	padding: 12px 0 0

}

.call-animation {

    /*background: #b69c4a;

    width: 60px;

    height: 60px;*/

    position: fixed;

    margin: 0 auto;

    /*border-radius: 100%;

    border: solid 5px #b69c4a;*/

    animation: play 2s ease infinite;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    backface-visibility: hidden;

    bottom: 30px;

    left: 0%;

}

.list_product_new .thumb{

	position: relative;
	text-align: center;
}

.list_product_new .thumb button{

	position: absolute !important;

	z-index: 900;

	bottom:0;

	right: 10px;

	margin-bottom: 10px;

	cursor: pointer;

	padding: 5px 10px;

	background:#b69c4a;

	border: none;

	text-transform: uppercase;

	border-radius:2px;

	color:#fff

}

.list_product_new .thumb button:hover{

	background:#123358

}

.buy_now{

	position: absolute !important;

    z-index: 900;

    bottom: 0;

    right: 16px;

    margin-bottom: 20px;

    cursor: pointer;

    padding: 2px 10px;

    background: #fff;

    border: 1px solid #b69c4a;

    text-transform: uppercase;

    border-radius: 2px;

    font-size: 14px;

}

.buy_now:hover {

    background: #174822;

	color:#FFF;

}

.buy_now:focus {

    outline: none;

}

.sku{

	padding: 0 0 10px 0;

	color:#000; 

}

.sku:hover,.sku:focus,.sku:visited  {

	color:#000;

}

.special_new{

    display: none;

    height: 40px;

    width: 100%;

    float: left;

}

/*---danh sach don hang--*/

.product-tabs {

    margin-bottom: 40px;

}

.tab-v7 {

    border-left: 1px solid #eee;

    border-right: 1px solid #eee;

    border-top: 1px solid #eee;

    padding-left: 10px !important;

    background: #f4f4f4;

}



.list-donhang ul li {

    width: auto;

    clear: both;

    float: left;

}



.product-tabs .tab-content {

    background: #f9f9f9;

    padding: 20px;

    margin-top: -6px;

}

.list-donhang .btn-primary {

    background: #750048;

    color: #ffffff;

    border-radius: 0;

    border: none;

    text-transform: uppercase;

}

.list-donhang .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {

    border-radius: 0;

}

.list-donhang .table > tbody > tr > td {

    padding: 5px;

    vertical-align: middle;

}



.list-donhang .btn-default {

    background: #EFEEEE;

    color: #212529;

    text-transform: uppercase;

}



.list-donhang .img-thumbnail {

    width:120px;

}

.table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {

    border: 1px solid #ddd;

}

.list-donhang .input-group-btn:last-child > .btn, .list-donhang .list-donhang .input-group-btn:last-child > .btn-group {

    margin-left: 5px !important;

}

.list-donhang .buttons.clearfix {

    background: #f3f3f3 none repeat scroll 0 0;

    padding: 10px;

    margin-bottom: 10px;

}

.list-donhang .nav-tabs>li {

    float: left;

    margin: 0 20px 0px 0

}   

.list-donhang .nav-tabs>li.active>a, .list-donhang .nav-tabs>li.active>a:hover, .list-donhang .nav-tabs>li.active>a:focus {

    color: #c13b92;

    cursor: default;

    background: #c13b92

}  

.list-donhang .nav-tabs>li>a:focus, .list-donhang .nav-tabs>li>a:hover {

    background: transparent;

    color: #c13b92;

    border-bottom: 2px solid #c13b92;

    padding-bottom:5px;

} 

                                                                                                            

.list-donhang .nav-tabs>li>a {

    text-transform: uppercase;

    line-height:40px;

    border-radius: 0;

    padding: 0px;

    height: 40px;

    font-size: 13px;

    color: #999;

    font-weight: 500;

    position: relative

}





.list-donhang .nav-tabs>li>a:hover {

    color:#c13b92;

}

                    

.list-donhang .nav-tabs>li.active>a {

    color: #111;

}

.list-donhang .nav-tabs>li>a:active {

    color: #fff;

}

.list-donhang .nav-tabs>li.active>a:after {

    background: #c13b92

}



.pills-info .nav-link.active {

    background-color: #33b5e5!important;

}

.md-pills .nav-link.active {

    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);

    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);

    color: #fff;

    background-color: #2bbbad;

}

.langue_vnel .btn-logintop {

    background: none;

    border: none;

}

.login-modal {

    padding: 15px 80px;

}

.col-sm-offset-6 {

    margin-left: 50%;

}



.ultility-item {

    display: inline-block;

}

.ultility-item a {

    position: relative

}

.ultility-item a:hover {

    color: #f7c720

}

.ultility-item i {

    width: 18px;

    color: #750048

}

.ultility-item>span {

    padding: 6px 15px 20px

}

.ultility-item>span:first-child {

    padding-left: 0

}

.ultility-item>span i {

    color: #750048

}

.ultility-item ul {

    list-style: none;

    margin: 0;

    visibility: hidden;

    background: #ececec;

    width: 180px;

    position: absolute;

    right: 0;

    z-index: 10000;

    top: 28px

}

.ultility-item ul li {

    margin: 0;

    padding: 5px 0;

    font-style: normal;

    float: left;

}

.ultility-item ul li span.selected,

.ultility-item ul li span:hover {

    color: #f7c720

}

.ultility-item:hover ul {

    visibility: visible;

    transition: all ease .3s;

	z-index:1000;

}

.header-top .ultility-item ul li a:hover {

    color: #98005d;

}

.circle-34 {

    width: 34px;

    border-radius: 50%;

    display: inline-block;

    margin: 5px 0 0 20px;

    padding: 0 10px;

    line-height: 34px;

    background: #e00909;

}

.text-muted {

    color: #164821!important;

}

.link_menu_center_cms ul li a:hover{

    background: #750048

}

.link_menu_center_cms ul li a.active{

    background: #750048

}

.list_product_new h4 {

    color: #174822;

    float: left;

}

.buy_now {

    border: 1px solid #174822;

}

.m10_dacbiet span {

    text-transform: uppercase;

    color: #750048;

}

.cart_mobile .btn-info {

    color: #fff;

    background-color: #750048;

}

.circle-34 {

    display: inline-block;

    padding: 0 0 0 10px;

    line-height: 34px;

    float: left;

    color: #999;

}

button.bootbox-close-button.close {

    margin-right: 15px;

}



.header-top .ultility-item ul li:nth-child(3), .mxh_link_fb_yb .ultility-item ul li:nth-child(4) {

    border: 0;

    margin: 2px 0;

    width: auto;

    height: auto;

    background: none;

    border-radius: 0;

    padding: 0;

}



.info-donhang {

    background: #f8f8f8;

    margin-bottom: 20px;

}

.title-t {

    background: #750048;

    color: #fff;

    padding: 5px 10px;

}

.bg-999 {

    border: 1px solid #ccc;

    background: #fff;

    padding: 5px 10px;

    margin-bottom: 10px;

}

.info-cus {

   padding: 0 10px;

}

.info-cus label {

    width: 25%;

}

.info-cus p {

    display: inline-flex;

}

.pd0 {

    padding: 0;

} 



.dropdown-dh {

	position: relative;

    display: block;

    margin-top: -3em;

    padding: 0;

    float: right;

}



.dropdown-dh select {

  width:100%;

  margin:0;

  background:none;

  border: 1px solid transparent;

  outline: none;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  appearance: none;

  -webkit-appearance: none;

  padding: .6em 1.6em .5em .6em;

  line-height:1.3;

}



.dropdown-dh::after {

  content: "";

  position: absolute;

  width: 9px;

  height: 8px;

  top: 50%;

  right: 1em;

  margin-top:-4px;

  z-index: 2;

  background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'><polygon fill='rgb(102,102,102)' points='8,12 0,0 16,0'/></svg>") 0 0 no-repeat;  

  pointer-events:none;

}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .dropdown-dh select::-ms-expand {

    display: none;

  }

  .dropdown-dh select:focus::-ms-value {

    background: transparent;

    color: #222;

  }

}



_::-moz-progress-bar, .dropdown-dh {

  overflow: hidden;

}

_::-moz-progress-bar, .dropdown-dh:after {

  display: block;

}

_::-moz-progress-bar, .dropdown-dh select {

  padding-right: 1.9em;

  -moz-appearance: window;

  text-indent: 0.01px;

  text-overflow: "";

  width: 110%;

}



_::-moz-progress-bar, .dropdown-dh select:focus {

  outline: 2px solid rgba(180,222,250, .7);

}



x:-o-prefocus, .dropdown-dh::after {

  display:none;

}

.dropdown-dh:hover {

  border:1px solid #888;

}



.dropdown-dh select:focus {

  outline:none;

  box-shadow: 0 0 1px 3px rgba(180,222,250, 1);

  background-color:transparent;

  color: #222;

  border:1px solid #aaa;

}



.dropdown-dh select:-moz-focusring {

  color: transparent;

  text-shadow: 0 0 0 #000;

}



.button {

  border: 1px solid #bbb;

  border-radius: .3em;

  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);

  background: #f3f3f3;

  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));

  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);

  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);

  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);

  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);

}



.output {

    margin-top: 20px;

}

.list-pro {

  /*display: none;*/

}

.table th, .table td {

    padding: .75rem;

    vertical-align: top;

    border: 1px solid #dee2e6;

}

.fb-share-button{

margin: 5px;

}
.bootbox-confirm .modal-dialog {
    height: 10px;
}
h4.product-name {
        padding-left: 15px;
    }