::-webkit-scrollbar{background:#fff;width:10px;height:11px}
::-webkit-scrollbar-thumb{background:#BBB}
*{
    -webkit-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
}
*{margin:0;padding: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}
.fb-comments,.fb-comments iframe[style],.fb-like-box,.fb-like-box iframe[style]{width:100%!important}
.fb-comments span,.fb-comments iframe span[style],.fb-like-box span,.fb-like-box iframe span[style]{width:100%!important}
#clickvideo{width:100%;padding:4px 0;margin:3px 0;border:1px solid #DDD;box-sizing:border-box}
.addthis_native_toolbox{margin:10px 0;width:100%;clear:both;border:1px solid #ededed;padding:10px;margin-bottom:10px;background:#f7f6f6;box-sizing:border-box}
.addthis_native_toolbox b{float:left;font-size:14px;text-transform:uppercase;margin-right:10px}
#toptop{width:37px;height:37px;position:fixed;bottom:30px;right:20px;text-indent:-99999px;cursor:pointer;background:url(images/back_to_top.png) top center no-repeat;transition:.5s;z-index:200}
#toptop:hover{background:url(images/back_to_top.png) bottom center no-repeat;transition:.5s}
.clear{clear:both}
img{max-width:100%;height:auto}
div.bando img{max-width:none!important}
a{text-decoration:none}
body{font-family:'Lato',Futura,sans-serif;font-size:13px;line-height:1.5;background-color:#FFF;letter-spacing: 1px
}
@font-face{font-family:'Lato';src:url(font/Lato-Regular.ttf) format("truetype")}
@font-face{font-family:'Lato-Bold';src:url(font/Lato-Bold.ttf) format("truetype")}
@font-face{font-family:'PoynterText';src:url(font/PoynterText-RomanOne.ttf) format("truetype")}
@font-face{font-family:'Futura';src:url(font/VNFFuturaRegular.ttf);src:url(font/VNFFuturaRegular.ttf#iefix) format("embedded-opentype"),url(font/VNFFuturaRegular.ttf) format("woff"),url(font/VNFFuturaRegular.ttf) format("truetype"),url(font/VNFFuturaRegular.ttf#utm_caviarregular) format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'PoppinVN300';src:url(font/PoppinsVN-300.ttf);src:url(font/PoppinsVN-300.ttf#iefix) format("embedded-opentype"),url(font/PoppinsVN-300.ttf) format("woff"),url(font/PoppinsVN-300.ttf) format("truetype"),url(font/PoppinsVN-300.ttf#utm_caviarregular) format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'RobotoCondensed';src:url(font/RobotoCondensed.ttf);src:url(font/RobotoCondensed.ttf?#iefix) format("embedded-opentype"),url(font/RobotoCondensed.ttf) format("woff"),url(font/RobotoCondensed.ttf) format("truetype"),url(font/RobotoCondensed.ttf#utm_caviarregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'UTM_Alexander';src:url(font/UTM_Alexander.ttf);src:url(font/UTM_Alexander.ttf?#iefix) format("embedded-opentype"),url(font/UTM_Alexander.ttf) format("woff"),url(font/UTM_Alexander.ttf) format("truetype"),url(font/UTM_Alexander.ttf#utm_caviarregular) format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSans_R';src:url(font/OpenSans_R.ttf);src:url(font/OpenSans_R.ttf?#iefix) format("embedded-opentype"),url(font/OpenSans_R.ttf) format("woff"),url(font/OpenSans_R.ttf) format("truetype"),url(font/OpenSans_R.ttf#utm_caviarregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'UTM_impact';src:url(font/UTM_impact.ttf);src:url(font/UTM_impact.ttf?#iefix) format("embedded-opentype"),url(font/UTM_impact.ttf) format("woff"),url(font/UTM_impact.ttf) format("truetype"),url(font/UTM_impact.ttf#utm_caviarregular) format("svg");font-weight:700;font-style:normal}
@font-face{font-family:'Roboto_M';src:url(font/Roboto_M.ttf);src:url(font/Roboto_M.ttf?#iefix) format("embedded-opentype"),url(font/Roboto_M.ttf) format("woff"),url(font/Roboto_M.ttf) format("truetype"),url(font/Roboto_M.ttf#utm_caviarregular) format("svg");font-weight:700;font-style:normal}

.not-show{width:0;height:0;overflow:hidden;z-index:-99;position:fixed;top:-500px}

div#wapper{margin:0 auto;
	width:100%;
	overflow-x:hidden;
	position: relative;
    right: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -ms-transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


div#header{position:relative;margin:0 auto;width:100%;border-top: 5px solid #ffcb00;}

div#header .content_top{width:100%;max-width:1050px;margin:0 auto;position:relative;text-align:center;box-sizing:border-box;display: flex;align-items: center;}
.content_top .logo{max-width: 200px}
.logo.giohang img{
    max-width: 250px;
}
.top_header{width:100%;box-sizing:border-box;line-height:28px;margin:0 auto;background:url(images/bg_top.jpg) repeat-x top;border-bottom:solid 1px #F1585C;padding:5px}
.top_header .content{width:100%;max-width:1200px;margin:0 auto}
.top_header .content .col_h{width:25%;float:left;line-height:28px;font-family:RobotoCondensed;font-size:15px;color:#FFF}
.top_header .content .col_h a{color:#FFF}
.top_header .content .col_h a:hover{color:#FF0}
.top_header .content .diachi{padding-left:20px;background:url(images/icon_diachi.png) no-repeat left}
.top_header .content .hotline{padding-left:15px;background:url(images/icon_hotline.png) no-repeat left;float:left;color:#FFF;font-family:RobotoCondensed;font-size:14px;line-height:30px;margin-left:30px}
.top_header .content .email{padding-left:22px;background:url(images/icon_email.png) no-repeat left;float:left;color:#FFF;font-size:14px;line-height:30px}
.top_header .tencty{float:left;color:#FFF;margin-right:60px;font-family:RobotoCondensed;font-size:15px;line-height:30px}
.col__right{
    height: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
div#header .logo{display:inline-block;vertical-align:top;line-height:0;max-width:100%;max-height: 100px;margin-top: 10px;}
div#header .banner{display:inline-block;vertical-align:top;line-height:0;max-width:100%;max-height:170px;
	margin-left:60px;}

    .slide_dmsp_i{width:100%;display:inline-block;vertical-align:top;margin-bottom:30px}
    #menu .logo{display: block;width: 100%;max-width: 192px}
    div#lang{float:right;margin-top:7px;margin-left:30px;}
    div#lang a{display:inline-block;vertical-align:top;line-height:20px;color:#666;text-decoration:none}
    div#lang a:hover{color:red}
    div#lang a img{display:inline-block;vertical-align:top;height:20px;width:30px}
    .menu_bar{
        justify-content: flex-end!important;
    }
    .link_lienket{display:inline-block;vertical-align:top}
    div.link_lienket a{display:inline-block;vertical-align:top;color:#FFF;font-size:15px;height:30px;line-height:30px;width:30px;text-align:center;text-decoration:none;margin:0 2px;transition:1s;font-weight:400;border:solid 1px #FFF;border-radius:50%}
    div.link_lienket a:hover{transition:1s;transform:rotate(360deg);color:#FC0}
    div.link_lienket2{width:100%;display:inline-block;vertical-align:top;margin-top:20px;text-align:left;}
    div.link_lienket2 a{display:inline-block;vertical-align:top;color:#FFF;font-size:20px;height:30px;line-height:30px;width:30px;text-align:center;text-decoration:none;margin:0 5px;transition:1s;font-weight:700;border-radius:50%;border:solid 1px #FFFFFF;}
    ul.soccial{text-align: right;}
    ul.soccial li a{padding:26px 15px!important;}
    .col_w50{width:50%;float:left;}
    .col_w60{width:60%;float:left;}
    .col_w40{width:40%;float:left;}
    .col_w30{width:30%;float:left;}
    .col_w70{width:70%;float:left;}
    .col_w20{width:20%;float:left;}
    .col_w10{width:10%;float:left;}
    div#col_right{width:calc(100% - 250px);float:right;margin-bottom:20px}
    div#col_left{width:230px;float:left;margin-bottom:20px}

    div#col_left .tieude{color:#FFF;text-align:left;font-size:17px;
     background:#D4350B;height:40px;width:100%;line-height:40px;text-transform:uppercase;
     font-family:Roboto_M;text-align: center;}
     div#danhmuc_left{width:100%;margin-bottom:30px;border:solid 1px #CCC;background:#FFF;}

     .list_news_r{list-style:none;width:100%;box-sizing:border-box;padding:10px;display:inline-block;vertical-align:top}
     .list_news_r li{width:100%;box-sizing:border-box;padding:5px;position:relative;
         display:inline-block;vertical-align:top;background:url(images/muiten.png) no-repeat 5px 11px;
         padding-left:15px}
         .list_news_r li:last-child{border:none}
         .list_news_r li a{color:#000;font-family:'Roboto_M';text-decoration:none;font-size:16px;transition:.4s;display:block;line-height:25px}
         .list_news_r li a:hover{color:red;transition:.4s}
         .list_news_r li ul{width:100%;padding:0;;overflow:hidden;transition:.5s}
         .list_news_r li ul li{background:none;padding:2px 0}
         .list_news_r li ul li a{font-size:15px;color: #666;}
         div#danhmuc_left .phone_left{background:url(images/dienthoai.png) no-repeat left top;padding-left:90px;height:80px;width:90%;margin:5%;display:inline-block;vertical-align:top;line-height:30px;font-family:UTM_Alexander;font-size:18px;color:red;padding-top:10px}
         div#danhmuc_left .phone_left span{font-size:25px}
         .hotro_left{width:100%;display:inline-block;vertical-align:top;padding-left:20px;margin-bottom:20px}
         .hotro_left li{list-style:none;font-family:RobotoCondensed;font-size:16px;line-height:30px}
         .hotro_left li img{display:inline-block;vertical-align:top;margin-right:10px}
         .hotro_left li.dienthoai{font-family:Roboto_M;color:red}
         .col_w33{width:calc(100% / 3);padding:10px;float:left}
         .load_video{width:100%;}
         #gioithieu_index{width:100%;padding:30px 0px;margin-bottom:20px;}

         #gioithieu_index .title_gioithieu{width:100%;display:inline-block;vertical-align:top;font-family:UTM_Alexander;font-size:24px;margin-bottom:10px;text-align:center;}
         #gioithieu_index .title_gioithieu span{display:inline-block;vertical-align:top;padding:0px 10px;position:relative;color:#333;}
         #gioithieu_index .title_gioithieu span:before {width:80px;height:1px;content:"";position:absolute;top:50%;left:-80px;background:#2CB3F4;}
         #gioithieu_index .title_gioithieu span:after {width:80px;height:1px;content:"";position:absolute;top:50%;right:-80px;background:#2CB3F4;}

         #gioithieu_index .img_about{width:100%;position:relative;text-align:right;padding-bottom:20px;padding-left:20px;}
         #gioithieu_index .img_about img{width:calc(100% - 20px);display:block;position:relative;z-index:10}
         #gioithieu_index .img_about:before{width:15px;height:80%;position:absolute;content:"";background:#CCC;left:0px;bottom:0px;}
         #gioithieu_index .img_about:after{width:50%;height:15px;position:absolute;content:"";background:#CCC;left:0px;bottom:0px;}

         #quangcao-top{width:100%;max-width:1200px;margin:0 auto;padding-bottom:10px}
         #quangcao-top .img{width:calc(50% - 5px);float:left;margin-right:10px}
         #quangcao-top .img:nth-child(2n){margin-right:0}
         .menu_login{list-style:none;position:absolute;top:5px;right:70px}
         .menu_login li{display:inline-block}
         .menu_login li a{text-decoration:none;color:#fff;border-right:1px solid #fff;padding:0 5px}
         .hotline_m{display:none}

         .sang_header{top:10px;left:20px}
         .img_pop_up{width:100%;border:solid 5px #666}
         .mxh_top{float:right;height:40px;margin-top:10px}
         .hotline_top{position:absolute;top:20px;right:10px;text-align:left;font-family:OpenSans_R;
             color:#FFF;font-size:16px;line-height:28px;padding-left:40px;background:url(images/phone.png) no-repeat left;}
             .hotline_top span{color:#F00;font-size:20px;}
             .diachi_top{padding-left:25px;min-height:26px;position:absolute;top:92px;right:10px;background:url(images/icon_diachi.png) no-repeat left top;text-align:left;font-family:UTM_Alexander;font-size:16px;line-height:22px;max-width:260px;text-align:justify}
             .diachi_top span{color:#000;font-family:RobotoCondensed;font-size:16px}
             div.header{display:none}
             div.wap_menu{;position:relative;width:100%;margin:0 auto;z-index:10;margin:0 auto;background-color: #fff;border-bottom: 1px solid #f6f6f6;
              animation-duration: 0.3s;
              animation-direction: alternate;}
              div.wap_menu.fixed{
                position: fixed;
                top: 0;
                left: 0;
                z-index: 9999;
                animation-name: dropdown;
            }
            @keyframes dropdown {
              0%   {top:-58px;}
              100%  {top:0;}
          }
          div.wap_menu .menu{width:100%;margin:0px auto;position:relative;max-width: 1250px}
          #menu{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .wap_menu .search{
            display: none;
        }
        div.menu ul{list-style:none;padding:0;text-align: center;display: flex;justify-content: center;align-items: center;}
        div.menu ul li{display:inline-block;vertical-align:top;position:relative;z-index:50;text-align:center}
        div.menu ul li.line_menu{height:42px;width:2px;border-left:solid 1px #363636;border-right:solid 1px #282828;padding:0;margin:0}
        div.menu ul li a{padding: 15px 0;margin: 0 33px;color:#000;font-size:13px;line-height:18px;font-weight: bold;text-decoration:none;text-transform:uppercase;display:block;font-family:'Lato',Futura,sans-serif;position:relative;}
        ul.left>li>a{padding: 26px 33px!important}
        div.menu ul li .icon_home {display:inline-block;vertical-align:top;height:30px;margin:5px;}
        div.menu ul li a i{font-size: 15px;vertical-align: top;margin-left: 5px;color: #bfbfbf}
        div.menu ul li a:hover,div.menu ul li a.active{color:#0004A3;}
        div.menu ul li ul,div.menu ul li:hover ul li ul{position:absolute;margin-left:0;display:none;min-width:220px;background:#fff;line-height:1.5;height:auto;z-index:9999;width:100%}
        div.menu ul li ul li{float:left;width:100%;position:relative;height:auto;text-align:left;border-bottom: 1px solid #ccc}
        div.menu ul li ul li a{text-transform:none;display:block;line-height:30px;padding:3px 10px;font-size:12px;color:#000;font-family: 'Lato'}
        div.menu ul li ul li a:hover{color:#0004A3}
        div.menu ul li ul li ul{left:100%;top:0}
        div.search{position:relative;height:35px;box-sizing:border-box;background:#FFF;width: 350px;float: right;border-radius: 30px;border: 1px solid #ccc;margin-right: 20px}
        div.search input{padding:0 20px;height:35px;line-height:30px;float:left;border:none;background:none;width:calc(100% - 40px);outline:none;color:#333;box-sizing:border-box;font-family:'Lato';font-size:14px}
        div.search .btn_search_index{float:right;background:url(images/icon_search.png) no-repeat center;width:30px;
         box-sizing:border-box;height:30px;text-transform:uppercase;cursor:pointer;background-size: 60%}
         div.search input::-webkit-input-placeholder{color:#ccc}
         div.search input::-moz-placeholder{color:#ccc}
         div.search input:-ms-input-placeholder{color:#ccc}
         div.search input:-moz-placeholder{color:#ccc}
         .btn_search{
            background: url(images/icon_search.png) no-repeat center;
            width: 35px;
            box-sizing: border-box;
            height: 35px;
            text-transform: uppercase;
            cursor: pointer;
            background-size: 50%;
            right: 0px;
            top: 0px;
            position: absolute;
        }
        .search-box.wpo-wrapper-search {margin-top: 50px;position: relative;}
        .search-box.wpo-wrapper-search input{
         width: 100%;
         padding: 10px;
     }
     #bar p{font-size: 12px;font-weight: bold;padding: 7px 0;letter-spacing: 2px;font-family: 'Lato';text-align: center;background-color: #fff;border-bottom: 1px solid #000}
     .sp_cart_top {position: relative;}
     .sp_cart_top span {
         color: #000;
         position: absolute;
         font-size: 12px;
         top: 18px;
         left: 37px;}
         a.sp_cart_top img {
            display: block;
            width: 20px;
        }
        div#slider{margin:0 auto;position:relative;width:100%;line-height: 0}

        .col_slide1 img , .col_slide2 img {width: 100%;}

        #tintuc_index{width:100%;max-width:1366px;margin:0 auto;padding:20px 0;}
        #tintuc_index .col_tintuc{width:65%;float:left;padding:10px}
        #tintuc_index .col_video{width:35%;float:left;padding:10px}
        .content_noidung{width:100%;max-width:1200px;margin:15px auto}

        .title_tintuc{width:100%;margin-bottom:20px;display:inline-block;vertical-align:top;position:relative;
         padding-bottom:5px;border-bottom:solid 1px #FFF;}
         .title_tintuc:after {width:100px;height:5px;content:"";background:#D4350B;border-radius:2px;position:absolute;bottom:-3px;left:0px;}

         .content_tintuc_i{padding:20px;background:#F3F3F3}

         .title_tintuc span{display:inline-block;vertical-align:top;line-height:40px;font-family:UTM_Alexander;
            color:#FFF;font-size:24px;position:relative;text-transform:uppercase}

            .col_50{width:50%;float:left;padding:10px;box-sizing:border-box}
            .col_33{width:calc(100% /3);float:left;padding:10px;box-sizing:border-box;text-align:center}
            .col_30{width:30%;float:left;padding:10px;box-sizing:border-box}
            .col_40{width:40%;float:left;padding:10px;box-sizing:border-box}
            .col_60{width:60%;float:left;padding:10px;box-sizing:border-box}
            .link-xemthem{padding:3px 20px;border:solid 1px #2CB3F4;color:#FFF;font-family:RobotoCondensed;font-size:16px;margin-top:10px;display:inline-block;vertical-align:top;transition:.5s;background:#2CB3F4;border-radius:3px;text-transform:uppercase;}
            .link-xemthem:hover{color:#FF0;transition:.5s}
            .link-xemthem2{padding:5px 25px;border:solid 1px #D00;color:#333;font-family:RobotoCondensed;font-size:17px;margin-top:10px;display:inline-block;vertical-align:top;transition:.5s;background:#FFF}
            .link-xemthem2:hover{color:red;transition:.5s}
            .bando_ft{width:100%;position:relative}
            .frm_lienhe_index{position:relative;padding:20px;max-width:640px;margin:10px auto;background:rgba(255,255,255,0.9);text-align:center}
            .frm_lienhe_index .input_lh{padding:4px;border:solid 1px #CCC;background:#FFF;border-radius:5px;width:100%;display:inline-block;vertical-align:top;margin-bottom:6px;line-height:20px}
            .frm_lienhe_index #hinh_captcha{height:30px;display:inline-block;vertical-align:top}

            #dknt{width:100%;display:block;max-width:400px;margin-top: 25px}
            .logo_ft{margin-bottom: 15px;display: block}
            #dknt .title_dknt{width:100%;text-align:left;color:#000;font-size:20px;display:block;line-height: 20px;font-weight: bold}
            form#frm_dknt .txt_input{width:calc(100% - 60px);padding:5px 10px;font-style: italic;line-height:25px;float:left;border:1px solid #e1e1e1;background:none;outline:none;color:#000;}
            form#frm_dknt input[type='button']{color:#000;font-weight: bold;padding: 0;height:35px;line-height:1em;border:none;cursor:pointer;text-transform:uppercase;outline:none;font-size:15px;background-color: #ffcb00;padding: 10px 15px}

            #sanpham_banchay{width:100%;position:relative;padding:40px 0;}

            #sanpham_noibat{width:100%;position:relative;padding:40px 0;}
            #sanpham_noibat.vt0 , #sanpham_noibat.vt2 {background: rgba(0,0,0,0.7);}

            div#main_content{width:100%;max-width:1366px;margin:0px auto}
            #main_content.product{max-width: 1050px}
            .tieude_giua{font-size:22px;color:#000;width:100%;margin-top: 50px;
             text-align:center;margin-bottom:30px;font-weight: 700;padding-left: 20px}

             .tieude_index {font-family:UTM_Alexander;font-size:32px;color:#FFF;width:100%;margin-bottom:10px;position:relative;text-align:center;text-transform:uppercase;}

             .tieude_index2 {font-family:UTM_Alexander;font-size:28px;color:#FFF;width:100%;margin-bottom:10px;position:relative;text-align:center;text-transform:uppercase;margin-bottom:20px;}

             .tieude_index a {color: #FFF;}
             .tieude_index a:hover {color: #FFFF00;}

             .box-duan{width:calc(100% - 25px);display:block;margin:10px 11px;}
             .box-duan .img{width:100%;display:inline-block;vertical-align:top;}
             .box-duan .ten{width:100%;padding:5px 0;display:inline-block;vertical-align:top;text-align:center;}
             .box-duan .ten a{color:#333;font-weight:normal;font-family:Roboto_M;font-size:16px}
             .box-duan .ten a:hover{color:#F00}

             #doitac{width:100%;padding:20px 0;background:#DEDFE1}
             #slick_doitac{width:100%;max-width:1200px;margin:0 auto;padding:10px 0px;text-align:center;font-family:RobotoCondensed;font-size:16px;color:#FFF}
             #doitac .item_doitac{margin:0 10px;box-sizing:border-box}
             #doitac .item_doitac img{width:100%;max-height:100%;}
             div.wap_item{text-align:center;position:relative;width:100%;margin:0 auto;padding-bottom:25px;display: flex;flex-wrap: wrap;}
             #banner{
                line-height: 0
            }
            .item{width:calc((100% / 4) - 23px);margin:0 30px 15px 0;text-align:center;display:inline-block;
             vertical-align:top;box-sizing:border-box;position:relative;font-family:'Lato';transition:.4s;
             ;background: #FFF;margin-bottom: 35px;}
             .item_2{
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 20px;
            }
            .item_2 .content {
                padding-left: 20px;
                text-align: left;
            }
            .item_2 .content--name{
                text-transform: uppercase;
                font-size: 22px;
                font-weight: bold;

            }
            .item_2 .content--text{
                margin-top: 15px;
            }
            #main_content .item:nth-child(4n){
                margin-right: 0;
            }
            #main_content #banner{
                margin-bottom: 50px;
            }
            .item .img{width:100%;height:auto;display:inline-block;vertical-align:top;box-sizing:border-box;
            }
            .item .ten{width:100%;position:relative;text-align:center;font-weight:normal;margin-top: 30px;margin-bottom: 10px;}
            .item .ten a{color:#000;font-size:14px;line-height: 1em;font-weight: 700;text-transform: uppercase;min-height: 35px;display: block}
            .item .mota{width:100%;margin:0;display:inline-block;vertical-align:top;padding:5px 0;font-weight:400;font-size:15px;color:#000}

            .item .mota{width:100%;margin:0;display:inline-block;vertical-align:top;font-size:14px}

            .item .sp_gia,.sp_gia{width:auto;margin:0 2px;font-size:15px;display:inline-block!important;
             vertical-align:top;line-height:22px;color: #000;}
             .item .sp_giacu,.sp_giacu{width:auto;margin:0 2px;font-size:12px;display:inline-block;
                 vertical-align:top;line-height:22px;color: #666;text-decoration: line-through;}
                 .item .box_btn {width: 100%;position: absolute;z-index: 999;top: 0px;opacity: 0;transition: 0.5s;}
                 .item:hover .box_btn {opacity: 1;transition: 0.6s;top: 32%}

                 .item.sp_index .ten a  , .item.sp_index  .sp_gia{color:#FFF;}
                 .item.sp_index .ten a:hover {color:#FF0;}

                 .item a.btn-addcart{padding:4px 5px;border:none;;margin:5px 0; display: inline-block;font-family: OpenSans_R;
                     color:#000;font-size:14px;font-weight: bold;cursor:pointer;background: #ffcb00;border-radius: 15px;
                     line-height: 20px;width:90px;opacity: 0.7;transition: 0.4s;}
                     .item a.btn-addcart:hover{background: #fff;color:#000;opacity: 1;transition: 0.5s;}
                     .item_img_plus {
                        position: absolute;
                        top: 0;
                        left: 0;
                        opacity: 0;
                        transition: all linear 0.6s;
                    }
                    .item:hover .item_img_plus {
                        opacity: 1;
                        transition: all linear 0.6s;
                    }
                    .btn_cart{
                        position: relative;
                    }
                    .btn_cart img{
                     display: inline-block;
                     max-height: 22px;
                     margin-left: 30px;
                 }
                 .btn_cart .count__cart{
                    position: absolute;
                    top:-10px;
                    right: -13px;
                    border-radius: 50%;
                    background-color: #ffcb00;
                    font-size: 12px;
                    padding:0 4px;
                }
                
             .header__logo{
                text-align: left;
            }
            .menu_bar{
                display: flex;
                justify-content: flex-end;
                align-items: center;
            }
            div#wap_footer{margin:0 auto;width:100%;position:relative;color:#000;
             background-color:#fff;border-top: 1px solid #acacac}
             #main_footer{max-width: 1366px;margin: 0 auto}
             div#wap_footer .content_ft{color: #000;width:100%;max-width:1200px;margin:0 auto;font-size:13px;padding: 40px 0}
             div#wap_footer .content_ft .ten_cty{width:100%;font-family:UTM_impact;font-size:28px;color:#FFF;display:inline-block;vertical-align:top;margin-bottom:10px}
             div#wap_footer .title_ft{width:100%;font-size:18px;text-transform:uppercase;margin-bottom:10px;
                 display:inline-block;vertical-align:top;position:relative;font-family:Roboto_M;color:red;
                 position:relative;padding-bottom: 10px;}
                 div#wap_footer .title_ft:after {width: 60px;height:5px;content: "";background: #3A3A3A;position: absolute;
                 left: 0px;bottom: 0px;border-radius: 2px;}

                 div#wap_footer .info_ft{width:100%;display:inline-block;line-height:20px;padding:4px;font-family:OpenSans_R;
                     font-size:15px;color:#FBFBFB;padding-left:20px;background:url(images/i_tinkhac.png) no-repeat 0 10px}
                     div#wap_footer .info_ft:hover{color:#FF0}

                     .map_footer iframe {width: 100% !important;height: 250px !important}
                     .list_policy,.social{
                         padding: 25px 0;
                         list-style: none;
                         display: flex;
                         flex-direction: column;
                     }
                     .social{text-align: right}
                     .list_policy li a,.social a{
                         color:#000;
                         font-size: 14px;
                         line-height: 28px;
                     }
                     .info,.policy,.dknt,.social{
                        padding: 0 15px;
                    }
                    #copy_right{width:100%;padding: 5px 0;max-width: 1200px;margin:0 auto;bottom:0;background:#fff;line-height:25px;color:#000;font-family:'Lato';font-size:13px;z-index:99;text-align:center;border-bottom: 1px solid #fff;}
                    #copy_right .txt1 {float:left;text-align: left;padding: 0 25px}
                    #copy_right .txt1 ul{
                     padding: 0;
                     list-style: none;
                     display: flex;
                     justify-content: space-between;
                     width: 60%;
                 }
                 #copy_right .txt1 ul li a{
                     color: #000;
                     font-size: 16px;
                 }
                 #copy_right .txt2 {float:right;text-align: right;color: #000}
                 #copy_right .txt2 span {display: inline-block;vertical-align: top;margin-right: 20px;}
                 #copy_right .txt2 img {display: inline-block;vertical-align: top;height:19px;width: 19px;margin-right: 4px;margin-top: 3px;}
                 #copy_right .txt2 ul{padding: 0;list-style: none;color: #fff;display: flex;justify-content: space-around;}
                 #copy_right .txt2 ul li a{display: block;color: #fff;text-transform: uppercase;font-size: 13px}
                 .thongke_ft{width:100%;display:inline-block;vertical-align:top;}
                 .thongke_ft img{width:16px;height:16px;display:inline-block;vertical-align:top;margin-right:6px;margin-top:4px}

                 .thongke_ft span {display:inline-block;vertical-align:top;margin:0px 15px;width:100%;margin-bottom:5px;}

                 div.wap_pro{width:100%;padding:10px}
                 .zoom_slick{width:50%;float:left;text-align:center}
                 .zoom_slick .slick2{width: 100%;margin: 0 auto}
                 .zoom_slick .slick{margin-top:5px}
                 .zoom_slick .slick img{width:95%;margin:auto;border:1px solid #DDD;box-sizing:border-box;cursor:pointer}
                 .zoom_slick .slick img:hover{border:1px solid #F60;opacity:.5;transition:1s}
                 .product_info{float:right;list-style:none;width:50%;padding:0 20px;}
                 .product_info li{font-size:13px;padding-bottom: 15px}
                 .product_info li.ten{color:#03F;font-size:18px}
                 .product_info .collection_name{
                    font-size: 20px;
                    text-transform: uppercase;
                    line-height: 1em;
                }
                .product_info span.giacu{font-size:13px;text-decoration:line-through;padding-left: 10px}
                .product_info li.gia{font-size:22px}
                .product_info li b{font-weight:700;font-size:14px;display: inline-block;width: 25%;}
                .product_info li b a{color: #000}
                .xemgiohang{color:#0004A3;display:block;width:120px;height:30px;text-align:center;line-height:30px;text-align:center;font-weight:700;cursor:pointer;font-size:13px;transition:.4s;margin:auto;margin-top:7px}
                .product_info li .dathang{background:#ffcb00;color:#000;display:block;width:75%;height:40px;line-height:40px;text-align:center;text-transform:uppercase;font-weight:700;cursor:pointer;font-size:14px;transition:.4s;margin: 50px auto 0;border-radius: 100px;}
                .product_info li .dathang i{margin-right:10px;font-size:25px;margin-top:3px}
                .product_info li .dathang:hover{transition:.4s;background:#000;color: #fff;border: 1px solid #000}
                .product_info table{width: 100%!important}
                p.product_name {
                    text-transform: uppercase;
                    font-size: 24px;
                    font-weight: 700;
                    border-bottom: 1px solid #ccc;
                }
                span.size,span.size_index{border: 1px solid #ccc;display:inline-block;padding:2px 10px;border-radius:3px;margin-right:5px;cursor:pointer}
                span.size_index{pointer-events: none;}
                span.mausac,span.mausac_1{display:block;float:left;border:1px solid #DDD;width:20px;height:20px;border-radius: 50%;margin-right:5px;cursor:pointer;font-size:0}
                span.mausac2{display:inline-block;border:1px solid #DDD;width:20px;height:20px;margin-right:5px;font-size:0;vertical-align: middle;}
                span.active_size,span.size:hover,span.mausac:hover,span.active_mausac{border:1px solid #0004A3}
                input.soluong{width:50px;border:1px solid #C7C6C6;padding:2px 0;text-align:center;font-size:15px;margin-right:5px}
                table#giohang input{margin:5px 0}
                table#giohang input.btn,.click_ajax{background:#DC0018;color:#fff;padding:7px 15px;border:none;cursor:pointer;margin:5px 1px;border-radius:3px}
                table#tt td{height:30px}
                table#tt td input.t{width:300px;height:20px;margin:3px 0 5px;border:1px solid #DDD}
                table#tt td textarea{width:300px}
                table#tt span{color:red}
                input[type=number]::-webkit-inner-spin-button, 
                input[type=number]::-webkit-outer-spin-button {  

                   opacity: 1;

               }
               #new_arrival,#best_sell{max-height: 900px;overflow: hidden;max-width: 1366px;margin: 0 auto}
               #new_arrival .img{position: relative;}
               #new_arrival .img .content{
                 position: absolute;
                 width: 100%;
                 text-align: center;
                 text-transform: uppercase;
                 top: 50%;
             }
             #new_arrival .img .content p{pointer-events: none;font-size: 48px;font-family: 'Lato';font-weight: 700;color: #fff}
             #new_arrival .img .content a{font-size: 30px;text-decoration: underline;font-family: 'Lato';color: #fff}
             #new_arrival .products{padding: 50px 0}
             ul.list_new{
                 padding: 0;
                 display: flex;
                 flex-wrap: wrap;
                 list-style: none;
                 text-align: center;
             }
             ul.list_new li{
                 width: calc((100%/2) - 30px);
                 margin:15px;
             }
             ul.list_new li span{font-size: 12px!important}
             ul.list_new li p,ul.list_new li span{
                 font-size: 13px;
                 font-family: 'Lato';
                 font-weight:700;
                 text-transform: uppercase;
                 color: #000;
             }
             ul.list_new li a{display: block}
             ul.list_new li{position: relative;}
             ul.list_new .wp_tag span{position: absolute;top: 10px;right: 10px;background-color: #0004a3;display: block;color: #fff;padding: 0 10px;font-size: 13px}
             ul.list_new li span{font-weight: 300}
             #products_index{margin-top: 50px;max-width: 1150px;margin: 0 auto;width: 100%}
             #products_index.product_seller{
                max-width: 1145px;
            }
            #products_index .tilte{
             margin:100px 0 20px;
             font-weight: bold;
             position: relative;
             text-align: center;
             font-weight: 700;
             letter-spacing: 1px;
             font-size: 24px;
         }
         #products_index .tilte:after{
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 120px;
            height: 2px;
            background-color: #ffcb00;
        }
        #products_index .item{
            width: calc((100% / 3) - 43px);
            margin: 20px;
        }
        #products_index.product_seller .item{
            width: calc((100% / 4) - 34px);
            margin: 15px;
			margin-bottom: 30px;
        }
        .item img{
            border: 3px solid #c7c7c7;
            box-sizing: border-box;
        }
        #products_index ul{padding: 0;list-style: none}
        #products_index ul li{
         width: calc((100% / 4) - 20px);
         margin: 10px 8px;
         text-align: center;
         display: inline-block;
         vertical-align: top;
         box-sizing: border-box;
         position: relative;
         font-family: 'Lato';
         transition: .4s;
         background: #FFF;
         padding-bottom: 5px;
     }
     #products_index ul li a{display: block}
     #products_index ul li>span{padding-bottom: 5px;display: block}
     #products_index ul li a.name{font-weight: 700;font-size: 13px;text-transform: uppercase;color: #000;padding: 5px 0}
     #products_index #wrapper{width: 1200px;margin: 0 auto;text-align: center;}
     .seemore{color: #000;font-weight: 700;font-size: 13px;text-transform: uppercase;display: inline-block;margin-top: 35px;background-color: #ffcb00;padding: 10px 25px;line-height: 1em}
     #hot__product{
        max-width: 1366px;
        margin: 100px auto 0;
    }
    #hot__product .session{
        display: flex;
        align-items: center;
    }
    #hot__product .content{
        padding-left: 95px;
    }
    #hot__product .content--name{
        font-size: 22px;
        text-transform: uppercase;
    }
    #hot__product .content--text{
        margin-top: 35px
    }
    #sub_menu{text-align: center;margin-bottom: 20px}
    #sub_menu h3{padding-bottom: 10px}
    #sub_menu ul{padding: 0;list-style: none;display: flex;justify-content: space-around;width: 600px;margin: 0 auto;flex-wrap: wrap}
    /*#sub_menu ul li{width: 25%;}*/
    #sub_menu ul li a{color: #000;font-size: 13px;font-family: 'Lato';text-transform: uppercase;text-decoration: underline;font-weight: 700}

    .look_book{
        display: flex;
        flex-wrap: wrap;
    }
    .look_item{width: calc((100%/3) - 36px);margin: 18px;}
    .look_content{width: 100%;text-align: left;}
    .look_content a{color: #000;font-size: 18px;text-transform: uppercase;}
    .look_book_detail{text-align: center;}
    #logo_contact{text-align: center;padding:50px 0 0;}
    .color_size .color,.color_size .size{padding: 0}
    .color_size{margin-top: 5px}
    .color_size .mausac_1{
     width: 15px;
     height: 15px;
 }
 .color_size .size{
     text-align: right;
     border: none;
     cursor: initial;
 }
 .color_size .size:hover{
     border: none;
 }
 .color_size .color{
     text-align: left;
 }
 .dieuhuong{
     color: #000;
     width: 100%;
     margin: 0 auto;
     display: block;
     padding: 15px 25px 0;
     font-size: 13px;
 }
 .dieuhuong a{
     color: #000;
 }
 .wp_title{
     text-align: left;
     font-size: 18px;
     color: #000;
     padding: 70px 50px 70px;
 }
 .wp_title .title{
     color: #000;
     font-weight: bold;
 }
 .wp_title .number{
     font-size: 13px;
     color: #a1a1a1;
 }

 .list_size{
     padding: 0;
     text-align: right;
 }
 .list_size .size{
     margin-right: 0;
 }
 #video{
     height: 480px;
     overflow: hidden;
     position: relative;
 }
 #video .logo{
     position: absolute;
     top: 20px;
     left: 50%;
     transform: translateX(-50%);
     max-height: 15px;
     z-index: 888;
 }
 #video iframe{
     position: absolute;
     top: -55px;
     width: 100%;
     height: 600px;
     left: 0;
 }
 .site-nav.style--sidebar {
    position: fixed;
    width: 480px;
    height: 100vh;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 8888;
    overflow: hidden;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
#wapper.sidebar-move {
    right: 480px;
}
.site-nav.style--sidebar.active {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.site-nav.style--sidebar {
    position: fixed;
    width: 480px;
    height: 100vh;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 8888;
    overflow: hidden;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
#site-nav--mobile.show-cart #site-filters, #site-nav--mobile.show-cart #site-navigation, #site-nav--mobile.show-cart #site-search {
    display: none;
}
.site-nav.style--sidebar .site-nav-container {
    width: calc(100% + 20px);
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
#site-nav--mobile.show-cart #site-cart {
    display: block;
}
#site-cart {
    display: none;
}
.site-nav.style--sidebar .site-nav-container-last {
    width: calc(100% - 0px);
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 60px 70px 250px;
}
.site-nav.style--sidebar .site-nav-container .title {
    font-size: 14px;
    text-transform: uppercase;
    margin: 3px 0 0 0;
    font-weight: 500;
}
.site-nav form.searchform, .site-nav .main-navbar, .cart-view {
    margin-top: 50px;
}
.cart-view .line {
    float: left;
    width: 100%;
    border-top: 2px solid #000000;
    margin: 10px 0px;
}
#site-nav--mobile.show-cart #site-filters, #site-nav--mobile.show-cart #site-navigation, #site-nav--mobile.show-cart #site-search {
    display: none;
}
#site-search {
    display: none;
}
.site-close-handle {
    position: absolute;
    top: 55px;
    right: 60px;
    width: 35px;
    height: 35px;
    z-index: 999;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    -ms-transition: transform 150ms linear;
    -webkit-transition: transform 150ms linear;
    transition: transform 150ms linear;
}
.hamburger-menu .bar {
    position: relative;
    background: #000000;
    display: block;
    -ms-transition: all 0ms 100ms, width 150ms linear;
    -webkit-transition: all 0ms 100ms, width 150ms linear;
    transition: all 0ms 100ms, width 150ms linear;
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.site-close-handle .hamburger-menu .bar.animate {
    background: transparent;
}
.hamburger-menu {
    width: 20px;
    height: 18px;
    cursor: pointer;
    display: block;
    transition: all 150ms linear;
}
.site-close-handle .hamburger-menu .bar.animate {
    background: transparent;
}
.hamburger-menu .bar {
    position: relative;
    background: #000000;
    display: block;
    -ms-transition: all 0ms 100ms, width 150ms linear;
    -webkit-transition: all 0ms 100ms, width 150ms linear;
    transition: all 0ms 100ms, width 150ms linear;
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.hamburger-menu .bar, .hamburger-menu .bar:after, .hamburger-menu .bar:before {
    width: 16px;
    height: 1px;
}
.site-close-handle .hamburger-menu .bar.animate:before {
    background: #000;
    bottom: 0;
    width: 20px;
    height: 2px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
}
.site-close-handle .hamburger-menu .bar.animate:after {
    background: #000;
    top: 0;
    width: 20px;
    height: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu .bar:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    background: #000000;
    -ms-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
    -webkit-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
    transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
}
.hamburger-menu .bar:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 5px;
    background: #000000;
    -ms-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
    -webkit-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
    transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
}
.site-overlay {
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 7777;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms linear;
}
.site-overlay.active {
    opacity: 1;
    visibility: visible;
}
#site-nav--mobile.show-search #site-search {
    display: block;
}
#cart-view tr td:not(.img) {
    padding: 25px 0;
    position: relative;
    padding-right: 10px;
    padding-left: 15px;
}
#cart-view .variant {
    font-size: 20px;
    float: left;
    width: 100%;
    margin: 5px 0 8px;
}
span.sp_cart_top{
	position: absolute;
    top: -27%;
    font-size: 15px;
    font-weight: bold;
    color: red;
    border: 1px solid red;
    border-radius: 28px;
    height: 18px;
    width: 18px;
    padding-bottom: 20px;
}
span.pro-quantity-view {
    float: left;
    width: auto;
    background: #ededed;
    text-align: center;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
    margin-right: 12px;
    margin-top: 5px;
}
span.pro-quantity-view {
    position: relative;
    vertical-align: top;
    padding-right: 15px;
    display: inline-block;
    margin-right: 10px;
}
span.pro-price-view {
    display: block;
    text-align: center;
    float: left;
    line-height: 26px;
    font-weight: 500;
    opacity: 0.7;
}
.cart-view table td a.pro-title-view {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}
.remove-cart {
    position: absolute;
    right: 10px;
    top: 0;
}
.remove-cart i{
	font-size: 20px;
	color: #000;
}
td.img{width: 35%}
table tr td:last-child, table tr th:last-child {
    padding-right: 0px;
}
table tr td:first-child, table tr th:first-child {
    padding-left: 0px;
}
.cart-view a.linktocheckout, .cart-view a.linktocart {
    padding: 19px 30px;
    position: relative;
    width: 100%;
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 25px;
    color: #fff;
}
.button {
    position: relative;
    display: inline-block;
    padding: 10px 28px;
    line-height: normal;
    border: 1px solid #ffffff;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    background-color: transparent;
    -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 1;
    color: #252a2b;
    overflow: hidden;
}
.button:before {
    position: absolute;
    content: '';
    display: block;
    left: -2px;
    top: 0;
    right: -2px;
    bottom: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: -1;
    background-color: #ffffff;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.button:hover {color:#fff;}
.button.dark {color: #fff;border-color: #000;}
.button.dark:before {background-color:#000;}
.button.dark:hover {color:#252a2b;}
.button:hover:before {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}
.cart-view table {
    width: 100%;
}
.text-right{
    text-align: right;
}
.motdonhang {
    background: #f2f3f6;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 15px;
}

div.arrow_left {
    position: fixed;
    left: 0px;
    height: 100%;
    width: 50%;
    cursor: url(./images/prev_den1.png), auto;
}

div#target {
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 50%;
    z-index: 99;
}

div.arrow_right {
    cursor: url(./images/next_den.png), auto;
}

.col_w90.giohang 
{
    padding: 31px 0px;
    max-width: 1920px !important;
}

.right_gh.col_w30 
{
    padding-left: 0px;
    padding-top: 28px;
}

.ttmh .col_w50 {
    padding: 0px;
    letter-spacing: 1px;
}

.col_w50.dngh {
    text-align: right;
}

.col_w50.dngh a {
    color: #000;
    letter-spacing: 1px;
}


.col_w30.dsphiship label {
    letter-spacing: 1px;
}

.col_w30.dsphiship {
    padding-top: 19px;
}

.col_w50.ttmh {
    font-weight: bold;
}

.col_w50.dngh a {
    font-weight: bold;
}

.ttmh {
    margin-bottom: 3px;
}

.col_w30.dsphiship h3 {
    margin-bottom: 9px;
}

.col_w30.dsphiship div.phiship {
    padding: 0px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 11px;
}

.donhang {
    padding: 0px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 9px;
}

.left_gh.col_w40 {
    padding-top: 15px;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100%;
    background: #fafafa;
    padding: 69px 40px 40px;
    width: 45%;
}

.ckt1 {
    width: 80%;
    float: left;
    position: relative;
}

.ckt2 {
    width: 20%;
    float: right;
}

.ckt1 img {
    width: 17%;
    float: left;
    display: inline-block;
    margin-right: 20px;
}

div#donhangmot {
    padding: 16px 0px;
}

div#donhanghai {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 16px 0px;
}

div#tongcong {
    padding: 16px 0px;
}



.ckt1 input {
    position: relative;
    background: #fff;
    color: #000;
}
#site-login .dangky{
    width: 100%;
}
.right_gh.col_w60 {
    padding: 10px 80px 10px 0px;
    width: 55%;
}

.phiship {
    margin-bottom: 9px;
    font-size: 14px;
    letter-spacing: 1px;
}

.dsphiship label {
    letter-spacing: 1px;
}

.dsphiship {
    margin-bottom: 22px;
}

span.already {
    font-weight: normal;
}

p.designby.inner {
    border-top: 1px solid;
    width: 100%;
    text-align: center;
    padding: 50px 0px;
}
#collection_index{max-width: 1366px;margin:0 auto;margin-top: 50px}
#collection_index .inner{
    position: relative;
    background-color: #f8f5f0;
}
#collection_index .inner .img{
    line-height: 0;
    position: relative;
    height: 525px;
    overflow: hidden;
}
#collection_index .inner .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    height: 525px;
}
#collection_index .inner .content p{
    padding: 25% 0 0 70px;
    font-size: 30px;
    font-weight: bold;
    font-family: 'PoynterText';
}
#collection_index .inner .img--name{
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 28px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
a.shopnow{
    color: #000;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}
.btn {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transform: -webkit-translateY(-50%);
    right: 10px;
}
#discount{
    padding:15px 0;
    border-bottom: 1px solid #000;
}
#discount input{
    padding: 5px;
    width: calc(100% - 60px);
}
.btn_discount{
    padding: 5px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.info_user{
    font-size: 22px;
}
.info_user p,.info_user a{
    display: block;
}
.over-play{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.6);
    z-index: 1000;
    display: none;
}
.size_chart,.policy_return{
    position: fixed;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    max-height: 600px;
    display: none;
    background-color: #fff;
    overflow-y: scroll;
}
.policy_return{
    padding: 20px;
    width: 50%;
}
.btn_close{
    position: fixed;
    top: 10px;
    right: 10px;
    font-size: 50px;
    transform:rotate(45deg);
    cursor: pointer;
    width: 28px;
    height: 28px;
    line-height: 19px;
}
.click_size{
    cursor: pointer;
}
.size_chart img{max-height: 600px;width: auto!important} 

#tk_nganhang{
    padding: 15px;
    display: none;
}
#zalo img {
    max-width: 50px;
}
#zalo {
    position: fixed;
    right: 30px;
    bottom: 120px;
    z-index: 9999;
}
.tags--title{
    padding: 50px 0;
    text-align: center;
    font-size: 22px;
}
.fa-tag{
    padding: 5px;
    color: #827979;
    background-color: #ccc;
}
.tag{
   padding: 5px;
   color: #827979;
   background-color: #ccc;
   line-height: 1em;
}
.sold_out_tag{
	color: #1E90FF;
    max-width: 110px;
    padding: 13px 10px 8px;
    border-radius: 15px;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    bottom: 3%;
    right: 32%;
	margin-bottom: 10px;;
}