::-webkit-scrollbar{background:#fff;width:10px;height:11px}
::-webkit-scrollbar-thumb{background:#BBB}
*{margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{/* min-width: 100% !important; */}
.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;display: none !important;}
#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:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;background-color:#FFF;

}


@font-face {
    font-family: 'UTMAvoBold';
    src: url('fonts/UTMAvoBold/UTMAvoBold.eot');
    src: url('fonts/UTMAvoBold/UTMAvoBold.eot') format('embedded-opentype'), url('fonts/UTMAvoBold/UTMAvoBold.woff2') format('woff2'), url('fonts/UTMAvoBold/UTMAvoBold.woff') format('woff'), url('fonts/UTMAvoBold/UTMAvoBold.ttf') format('truetype'), url('fonts/UTMAvoBold/UTMAvoBold.svg#UTMAvoBold') format('svg');
}

@font-face {
    font-family: 'UTMAvo';
    src: url('fonts//UTMAvo/UTMAvo.eot');
    src: url('fonts/UTMAvo/UTMAvo.eot') format('embedded-opentype'), url('fonts/UTMAvo/UTMAvo.woff2') format('woff2'), url('fonts/UTMAvo/UTMAvo.woff') format('woff'), url('fonts/UTMAvo/UTMAvo.ttf') format('truetype'), url('fonts/UTMAvo/UTMAvo.svg#UTMAvo') format('svg');
}

@font-face {
    font-family: 'RobotoThin';
    src: url('fonts/RobotoThin/RobotoThin.eot');
    src: url('fonts/RobotoThin/RobotoThin.eot') format('embedded-opentype'), url('fonts/RobotoThin/RobotoThin.woff2') format('woff2'), url('fonts/RobotoThin/RobotoThin.woff') format('woff'), url('fonts/RobotoThin/RobotoThin.ttf') format('truetype'), url('fonts/RobotoThin/RobotoThin.svg#RobotoThin') format('svg');
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSansItalic/OpenSansItalic.eot');
    src: url('fonts/OpenSansItalic/OpenSansItalic.eot') format('embedded-opentype'), url('fonts/OpenSansItalic/OpenSansItalic.woff2') format('woff2'), url('fonts/OpenSansItalic/OpenSansItalic.woff') format('woff'), url('fonts/OpenSansItalic/OpenSansItalic.ttf') format('truetype'), url('fonts/OpenSansItalic/OpenSansItalic.svg#OpenSansItalic') format('svg');
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/OpenSansLightItalic/OpenSansLightItalic.eot');
    src: url('fonts/OpenSansLightItalic/OpenSansLightItalic.eot') format('embedded-opentype'), url('fonts/OpenSansLightItalic/OpenSansLightItalic.woff2') format('woff2'), url('fonts/OpenSansLightItalic/OpenSansLightItalic.woff') format('woff'), url('fonts/OpenSansLightItalic/OpenSansLightItalic.ttf') format('truetype'), url('fonts/OpenSansLightItalic/OpenSansLightItalic.svg#OpenSansLightItalic') format('svg');
}

@font-face {
    font-family: 'RobotoBold';
    src: url('fonts/RobotoBold/RobotoBold.eot');
    src: url('fonts/RobotoBold/RobotoBold.eot') format('embedded-opentype'), url('fonts/RobotoBold/RobotoBold.woff2') format('woff2'), url('fonts/RobotoBold/RobotoBold.woff') format('woff'), url('fonts/RobotoBold/RobotoBold.ttf') format('truetype'), url('fonts/RobotoBold/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/RobotoRegular/RobotoRegular.eot');
    src: url('fonts/RobotoRegular/RobotoRegular.eot') format('embedded-opentype'), url('fonts/RobotoRegular/RobotoRegular.woff2') format('woff2'), url('fonts/RobotoRegular/RobotoRegular.woff') format('woff'), url('fonts/RobotoRegular/RobotoRegular.ttf') format('truetype'), url('fonts/RobotoRegular/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: 'HelveticaLight';
    src: url('fonts/HelveticaLight/HelveticaLight.eot');
    src: url('fonts/HelveticaLight/HelveticaLight.eot') format('embedded-opentype'),
         url('fonts/HelveticaLight/HelveticaLight.woff2') format('woff2'),
         url('fonts/HelveticaLight/HelveticaLight.woff') format('woff'),
         url('fonts/HelveticaLight/HelveticaLight.ttf') format('truetype'),
         url('fonts/HelveticaLight/HelveticaLight.svg#HelveticaLight') format('svg');
}

@font-face {
    font-family: 'FuturaHeavyfont';
    src: url('fonts/FuturaHeavyfont/FuturaHeavyfont.eot');
    src: url('fonts/FuturaHeavyfont/FuturaHeavyfont.eot') format('embedded-opentype'),
         url('fonts/FuturaHeavyfont/FuturaHeavyfont.woff2') format('woff2'),
         url('fonts/FuturaHeavyfont/FuturaHeavyfont.woff') format('woff'),
         url('fonts/FuturaHeavyfont/FuturaHeavyfont.ttf') format('truetype'),
         url('fonts/FuturaHeavyfont/FuturaHeavyfont.svg#FuturaHeavyfont') format('svg');
}
@font-face {
    font-family: 'GillSansMT_20623';
    src: url('fonts/GillSansMT_20623/GillSansMT_20623.eot');
    src: url('fonts/GillSansMT_20623/GillSansMT_20623.eot') format('embedded-opentype'),
         url('fonts/GillSansMT_20623/GillSansMT_20623.woff2') format('woff2'),
         url('fonts/GillSansMT_20623/GillSansMT_20623.woff') format('woff'),
         url('fonts/GillSansMT_20623/GillSansMT_20623.ttf') format('truetype'),
         url('fonts/GillSansMT_20623/GillSansMT_20623.svg#GillSansMT_20623') format('svg');
}
@font-face {
    font-family: 'GillSansMTProLight_20617';
    src: url('fonts/GillSansMTProLight_20617/GillSansMTProLight_20617.eot');
    src: url('fonts/GillSansMTProLight_20617/GillSansMTProLight_20617.eot') format('embedded-opentype'),
         url('fonts/GillSansMTProLight_20617/GillSansMTProLight_20617.woff2') format('woff2'),
         url('fonts/GillSansMTProLight_20617/GillSansMTProLight_20617.woff') format('woff'),
         url('fonts/GillSansMTProLight_20617/GillSansMTProLight_20617.ttf') format('truetype'),
         url('fonts/GillSansMTProLight_20617/GillSansMTProLight_20617.svg#GillSansMTProLight_20617') format('svg');
}
@font-face {
    font-family: 'GillSansMTProMediumItalic_20618';
    src: url('fonts/GillSansMTProMediumItalic_20618/GillSansMTProMediumItalic_20618.eot');
    src: url('fonts/GillSansMTProMediumItalic_20618/GillSansMTProMediumItalic_20618.eot') format('embedded-opentype'),
         url('fonts/GillSansMTProMediumItalic_20618/GillSansMTProMediumItalic_20618.woff2') format('woff2'),
         url('fonts/GillSansMTProMediumItalic_20618/GillSansMTProMediumItalic_20618.woff') format('woff'),
         url('fonts/GillSansMTProMediumItalic_20618/GillSansMTProMediumItalic_20618.ttf') format('truetype'),
         url('fonts/GillSansMTProMediumItalic_20618/GillSansMTProMediumItalic_20618.svg#GillSansMTProMediumItalic_20618') format('svg');
}



@font-face{font-family:'myFont';src:url(font/Roboto-Regular.ttf)}
@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%;margin-top: 46px;background: #F6F6F6;max-width: 1260px;overflow-x:hidden;}

div#header{position:relative;margin:0 auto;width:100%;max-width: 1200px;}

div#header .content_top{width:100%;max-width:1200px;margin:0 auto;/* position:relative; *//* text-align:left; */box-sizing:border-box;/* height: 60px; *//* min-height: 180px; */line-height: 157px;}

.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}

div#header .logo{display:inline-block;vertical-align:top;line-height:0;max-width:100%;max-height:150px;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}


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}

.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;}

.col_w50{width:50%;float:left;padding:10px}
.col_w60{width:60%;float:left;padding:10px}
.col_w40{width:40%;float:left;padding:10px}
.col_w30{width:30%;float:left;padding:10px}
.col_w70{width:70%;float:left;padding:10px}
.col_w20{width:20%;float:left;/* padding:10px */}

div#col_right{width:calc(100% - 250px);float:right;margin-bottom:20px}
div#col_left{width: 110px;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;background: #F6F6F6;}

.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: GillSansMTProLight_20617;font-weight: 500;text-decoration:none;font-size: 15px;transition:.4s;display:block;text-transform: uppercase;line-height:25px;letter-spacing: 1px;}
.list_news_r li a:hover{color:#AACFB9;transition:.4s}
.list_news_r li a.active{color:#AACFB9;transition:.4s}
.list_news_r li ul{width:100%;padding: 0px 0px 0px 10px;overflow:hidden;transition:.5s;}
.list_news_r li ul li{background:none;padding:2px 0}
.list_news_r li ul li a{text-transform: initial;font-weight: bold;font-size: 16px;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; */width: 33.33%;float: right;text-align: right;}
.menu_login li{display:inline-block;margin: 0px 10px;}
.menu_login li a{text-decoration:none;color: #7f3535;border-right:1px solid #fff;/* padding:0 5px */font-family: UTMAvoBold;}
.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%;
    padding-top: 25px;
    padding-bottom: 0px;
    margin:0 auto;
    z-index:10;
    margin:0 auto;
    max-width: 1260px;
    /* border: 1px solid #CCC; */
    }
div.wap_menu .menu{width:100%;max-width:1200px;margin:0px auto;position:relative;}
div.menu ul{list-style:none;padding:0;display: flex;justify-content: space-around;}
div.menu ul li{display:inline-block;vertical-align:top;position:relative;z-index: 100;text-align:center;/* flex: 1 1 auto; */}
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{color: #636363;font-size: 15px;font-weight: bold;line-height: 53px;letter-spacing: 1px;/* padding: 0 89px 0px 0px; */text-decoration:none;text-transform:uppercase;display:block;font-family: GillSansMTProLight_20617;position:relative;}
div.menu ul li .icon_home {display:inline-block;vertical-align:top;height:30px;margin:5px;}

div.menu ul li a:hover,div.menu ul li a.active{color: #AACFB9;font-family: UTMAvoBold;font-size:14px/* background: #91350d; */;}
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;z-index: 100;text-align:left;}
div.menu ul li ul li a{text-transform:none;display:block;line-height:30px;padding:3px 10px;font-size:15px;color: #797979;}
div.menu ul li ul li a:hover{color:#797979}
div.menu ul li ul li ul{left: 100%;top:0;}
div.search{
    box-sizing: border-box;
    top: 10px;
    right: 70px;
    width: 42px;
    height: 34px;
    position: absolute;
    z-index: 999999;
    overflow: hidden;
 
    }
div.search input{
    width: calc(100% - 40px);
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    float: left;
    border: none;
    background: none;
    outline: none;
    box-sizing: border-box;
    font-family: GillSansMTProLight_20617;
    font-size: 14px;
    margin-top: 5px;
}
div.search .btn_search i{
    width:35px;
    height:30px;
    right: 0px;
    text-transform:uppercase;
    cursor:pointer;
    position: absolute;
    font-size: 20px;
    color: #000;
    display: inline-block;
    top: 5px;
    }
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}

.sp_cart_top {/* position: absolute; *//* padding-left: 38px; *//* line-height: 34px; *//* background: url(images/icon_cart.png) no-repeat left; *//* bottom: 20px; *//* right: 10px; *//* font-family: OpenSans_R; *//* font-size: 16px; *//* color: #FFF; */}
.sp_cart_top span {color: #000;font-size: 10px;position: relative;top: -70px;left: 5px;border: 1px solid #AACFB9;border-radius: 50%;background: #AACFB9;padding: 1px;margin-right: -11px;}

div#slider{margin: 0 auto;position:relative;width:100%;max-width: 1260px;max-height: 700px;}

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

#tintuc_index{width:100%;max-width: 1200px;margin:0 auto;padding:20px 0;border-top: 2px solid #ccc;}
#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: 9px;
    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; */width: 50%;margin:10px auto;background:rgba(255,255,255,0.9);text-align:center;float: right;}
.frm_lienhe_index .input_lh{padding: 6px 15px;border:solid 1px #CCC;background:#FFF;border-radius:5px;width:100%;display:inline-block;vertical-align:top;margin-bottom:6px;line-height:20px;font-family: UTMAvo;}
.frm_lienhe_index #hinh_captcha{height:30px;display:inline-block;vertical-align:top}

#dknt{/* max-width: 1200px; *//* width: 90%; */max-width: 500px;/* float: right; *//* text-align: right; */}

#dknt .title_dknt{width:100%;text-align:left;color:#FFF;font-size:15px;display:block;margin-bottom:20px;}
form#frm_dknt .txt_input{margin-top: 15px;width: 79%;padding: 5px 12px;height: 35px;float:left;border: 1px solid #929090;background: #f6f6f6;outline:none;color:#000;letter-spacing: 1px;outline:none;font-family: GillSansMTProLight_20617;}
form#frm_dknt input[type='button']{transition: 0.5s;background: #000;color:#FFF;padding: 9px 14px;border:none;cursor:pointer;text-transform:uppercase;outline:none;font-family: GillSansMTProLight_20617;font-size: 15px;border-radius:4px;font-weight:normal;/* margin-top: 23px; */left: 0px;position: relative;top: 15px;letter-spacing: 1px;}

#sanpham_banchay{width:100%;position:relative;padding: 40px 40px;border: 1px solid #ccc;box-shadow: 0px 1px 22px 4px #d8d8d8;}

#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:1200px;margin:20px auto;}
.tieude_giua{
    font-family: GillSansMTProLight_20617;
    text-transform: uppercase;
    font-size: 22px;
    color: #AACFB9;
    width:100%;
    margin-bottom:20px;
    margin-top: 20px;
    text-align:center;
    padding-bottom:10px;
    /* background:url(images/title_main.png) no-repeat bottom center; */
    }

.tieude_index {font-family: GillSansMTProLight_20617;font-size: 25px;color: #636363;letter-spacing: 1px;width:100%;margin-bottom:10px;position:relative;/* text-align:center; *//* text-transform:uppercase; */padding-left: 7px;}

.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}

.item{
    width: calc((100% / 4) - 19px);
    margin:10px 8px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    position:relative;
    font-family:Roboto_M;
    transition: 0.5s;
    /* border:solid 1px #DFDFDF; */
    background: #FFF;
    padding-bottom: 5px;
    /* position: relative; */
    }
.item:hover .khung {opacity:1 !important;transition: all ease-in .2s;}
.item .img{width:100%;height:auto;display:inline-block;vertical-align:top;box-sizing:border-box;
    }
.item .ten{width:100%;text-transform: uppercase;position:relative;/* padding:5px; */text-align:center;font-weight:normal;min-height: 50px;margin-top: 20px;font-weight: bold;color: #000;font-size: 15px;font-family: GillSansMTProLight_20617;}
.item .ten a{color: #636363;font-size: 15px;/* line-height: 20px; */}
.item .mota{width:100%;margin:0;display:inline-block;vertical-align:top;padding:5px 0;font-weight:400;font-size:15px;color:#000}
.item .ten a:hover{color:#881e22}
.item .mota{width:100%;margin:0;display:inline-block;vertical-align:top;font-size:14px}

.item .sp_gia{
    width:auto;
    font-size:14px;
    display:inline-block;
    vertical-align:top;
    line-height:22px;
    color: #636363;
    /* font-style: italic; */
    font-weight: bold;
    font-family: GillSansMTProLight_20617;
    letter-spacing: 1px;
    }
.item .sp_giacu{width:auto;margin:0 2px;font-size:13px;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;opacity: 1;transition: 0.5s;}

.item a.btn-addcart{
    padding:4px 10px;
    border:none;
    margin:5px 0;
    display: inline-block;
    font-family: OpenSans_R;
    color:#FFF;
    font-size:14px;
    cursor:pointer;
    background: #B43212;
    border-radius: 15px;
    line-height: 20px;
    width:90px;
    opacity: 1;
    transition: 0.5s;
    bottom: 8px;
    z-index: 10;
    }
.item a.btn-addcart:hover{color:#FFFF00;opacity: 1;transition: 0.5s;}
.khungitem {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 999;
    opacity: 0.7;
    transition: 0.4s;
    background: #FFF;
}
.item:hover .khungitem {
    display: block;
    transition: 0.4s;
}


div#wap_footer{
    margin:0 auto;
    width:100%;
    position:relative;
    /* text-align: center; */
    max-width: 1366px;
    /* background:url(images/bg_bottom.jpg) no-repeat bottom center; */
    /* padding-top:40px; */
    color:#FFF;
    background-color: #F6F6F6;
    /* border-top: solid 5px #D4350B; */
    }
div#wap_footer .content_ft{width:100%;max-width:1200px;margin:0 auto;font-family:RobotoCondensed;font-size:15px}
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: 20px;
    text-transform:uppercase;
    margin-bottom:10px;
    display:inline-block;
    vertical-align:top;
    position:relative;
    font-family: UTMAvoBold;
    color: #881e22;
    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: UTMAvo;
    font-size:15px;
    color:#FBFBFB;
    
    }
div#wap_footer .info_ft:hover{color: #881e22;}

.map_footer iframe {width: 100% !important;height: 250px !important}

#copy_right{width:100%;padding:7px;/* margin:0 auto; */bottom:0;background: #FFF;line-height:25px;color:#9D9D9D;font-family:RobotoCondensed;font-size:14px;z-index:99;/* text-align:center; */}
#copy_right .txt1 {/* float:left; */color: #636363;font-family: GillSansMTProLight_20617;font-size: 12px;font-weight: bold;text-align: center;letter-spacing: 1px;}
#copy_right .txt2 {float:right;margin-right: 40px;}
#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;}


.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: 60%;float:left;text-align:center;}
.zoom_slick .slick2{border:1px solid #DDD}
.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: 38%;padding: 0px;}
.product_info li{font-size:13px;border-bottom: 1px solid #c2c2c2;padding: 11px 0 12px 0;}
.product_info li.ten{color: #AACFB9;font-size: 21px;font-weight: bold;text-transform: uppercase;font-family: GillSansMTProLight_20617;letter-spacing: 2px;}
.product_info li.giacu{font-size:15px;text-decoration:line-through}
.product_info span.giacu{font-size:15px;text-decoration:line-through;color: #881e22 !important;margin-left: 9px;}
.product_info li.gia{color:red;font-size:16px}
.product_info p.gia{/* color:red; *//* font-size:16px */}

.product_info li b{font-family: GillSansMTProLight_20617;font-weight: bold;font-size:14px;padding: 0px 10px 0px 0px;}
.xemgiohang{color: #AACFB9;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: #AACFB9;color:#fff;display: inline-block;max-width:300px;height: 48px;line-height: 48px;padding: 0px 79px;text-align:center;text-transform:uppercase;font-weight:700;cursor:pointer;font-size: 20px;transition:.4s;font-family: GillSansMTProLight_20617;letter-spacing: 1px;}
.product_info li .dathang i{margin-right:10px;font-size:25px;margin-top:3px}
.product_info li .dathang:hover{transition:.4s;background: #AACFB9;}
span.size{display:inline-block;padding:2px 10px;border:1px solid #DDD;border-radius:3px;margin-right:5px;cursor:pointer}
span.mausac{display:block;float:left;border:1px solid #DDD;width:30px;height:30px;margin-right:5px;cursor:pointer;font-size:0}
span.mausacmot{display: inline-block;/* float:left; */border:1px solid #DDD;width: 14px;height: 14px;margin-right:5px;cursor:pointer;vertical-align: middle;font-size:0;border-radius: 10px;}
span.sizemot{display:inline-block;padding: 2px 5px;margin-right:5px;cursor:pointer;}
span.active_size,span.size:hover,span.mausac:hover,span.active_mausac{border: 1px solid #aacfb9;}
input.soluong{width: 58px;border:1px solid #C7C6C6;padding: 7px 0;text-align:center;font-size:15px;margin-right:5px;font-family: GillSansMTProLight_20617;}
table#giohang input{margin:5px 0}
table#giohang input.btn,.click_ajax{background: #f78d8d;color:#fff;padding:7px 15px;border:none;cursor:pointer;margin:5px 1px;border-radius:3px;font-family: UTMAvo;text-transform: uppercase;letter-spacing: 1px;}
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}
@-webkit-keyframes star {
0%{-webkit-transform:rotate(0) scale(0)}
50%{-webkit-transform:rotate(180deg) scale(1.5)}
100%{-webkit-transform:rotate(360deg) scale(0)}
}
@-o-keyframes star {
0%{-o-transform:rotate(0) scale(0)}
50%{-o-transform:rotate(180deg) scale(1.5)}
100%{-o-transform:rotate(360deg) scale(0)}
}
@-moz-keyframes star {
0%{-moz-transform:rotate(0) scale(0)}
50%{-moz-transform:rotate(180deg) scale(1.5)}
100%{-moz-transform:rotate(360deg) scale(0)}
}
.start-animate{z-index:1.0E+17!important;position:absolute;animation:star linear 1.75s infinite;-moz-animation:star linear 1.75s infinite;-webkit-animation:star linear 1.75s infinite;-o-animation:star linear 1.75s infinite}
@keyframes star {
0%{transform:rotate(0) scale(0)}
50%{transform:rotate(180deg) scale(1.5)}
100%{transform:rotate(360deg) scale(0)}
}

div#top {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fbb3a5;
    color: #fff;
    font-family: UTMAvo;
}

div#logo {
    width: 33.33333%;
    float: left;
    top: 10px;
    position: relative;
    text-align: center;
    left: -110px;
}

a.ws_next {
    display: none;
}

a.ws_prev {
    display: none;
}

div#div_dangkynhantin {
    max-width: 1200px;
    margin: 0 auto;
}

div#lopngoai {
    background: #fbb3a5;
    height: 112px;
    line-height: 112px;
}

div#subscribe {
    width: 50%;
    float: left;
}

.oneinstagram {
    width: calc( ( 100% / 3 ) - 18px );
    float: left;
    margin: 2px 15px 0px 0px;
}

div#lookbook a img {
    width: 100%;
    height: 484px;
}

.khung {
    position: absolute;
    width: 100%;
    height: 99%;
    top: 0;
    left: 0;
    background: #ffc0cb73;
    opacity: 0;
    /* transition: .5s; */
    transition: all ease-in .2s;
}


div#dsspnewarrival {
    text-align: center;
}

a.newarrival.clearfix
{
    /* border: 2px solid pink; */
    padding: 7px 23px;
    /* color: pink; */
}

p a.newarrival {
    display: inline-block;
    margin: 20px;
    border: 2px solid #fb9c9a;
    color: #fb9c9a;
    padding: 10px 32px;
    font-family: UTMAvo;
    font-weight: bold;
}


a.newarrival.clearfix:hover {
    background: pink;
    color: #fff;
}

.item.bestseller {
    width: calc(( 100% / 5 ) - 23px) !important;
    margin: 20px 10px 0px 0px;
    position: relative;
}

.item.bestseller .khung {
    opacity: 0;
    height: 98%;
    width: 100%;
    position: absolute;
}

.item.bestseller .khung h3.ten {
    margin-top: 86px;
}

.wap_1200 {
    max-width: 1200px;
    position: relative;
    margin: auto;
}

div#dstendanhmucsanpham {
    height: 40px;
    line-height: 40px;
    background: #FB9C9A;
}

div#dstendanhmucsanpham ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

div#dstendanhmucsanpham ul li {
    display: inline-block;
}

div#dstendanhmucsanpham ul li a {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
}


.wap_1200.dshinhdanhmuc {

    margin-top: 10px;
}

.clearfix:after{
    clear: both;
    content: ".";
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
}


.wap_1200.dshinhdanhmuc.clearfix ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
}

.mothinhdanhmuc {
    /* height: 100%; */
    width: calc(( 100% / 5 ) - 35);
    position: relative;
    margin: 20px 16px;
}


.wap_1200.dshinhdanhmuc.clearfix ul li:last-child {
    margin-right: 40px;
}

.mothinhdanhmuc {
    text-align: center;
}

.mothinhdanhmuc a img {
    height: 100%;
    width: 100%;
}

a.tendanhmuc {
    position: absolute;
    bottom: 17px;
    width: 82%;
    left: 25px;
    border: 1px solid #FBB3A5;
    color: #fff;
    background: #FBB3A5;
    padding: 8px 8px;
    font-family: UTMAvo;
}

.motnewarrival {
    width: calc((100% / 3) - 23px);
    text-align: right;
    margin: -2px 20px 32px 0px;
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    position:relative;
    font-family:Roboto_M;
    transition:.4s;
    background: #F6F6F6;
    padding-bottom: 5px;
}



.motnewarrivalnoidung {text-align: center;}

div#dieuhuongtrai ul {
    padding: 0px;
    display: inline-block;
    list-style: none;
}

div#dieuhuongtrai ul li {
    display: inline-block;
}

div#dieuhuongtrai ul li a {color: #8d8d8d;font-size: 13px;font-family: UTMAvo;letter-spacing: 1px;/* text-transform: uppercase; */}

div#dieuhuongtrai ul li i {
    color: #ccc;
    margin: 0px 6px;
}

span.sp_giacu {
    text-decoration: line-through;
    color: #881e22;
}

.txt1 a {
    color: #881e22;
}

.col_w30.chinhanh ul li p span {
    color: #881e22;
    font-family: UTMAvoBold;
    margin-right: 7px;
}

.col_w30.chinhanh ul {
    list-style: none;
}

.col_w30.chinhanh ul li p {
    font-family: UTMAvo;
    line-height: 27px;
}

.title_tintuc p:last-child {
    font-family: UTMAvoBold;
    color: #fb9c9a;
    font-size: 24px;
}

.title_tintuc p {
    color: #fb9c9a;
    font-size: 14px;
    font-family: UTMAvo;
}

span#stay {
    font-size: 16px;
    font-family: UTMAvo;
    height: 26px;
    display: block;
    color: #881e22;
}


div#subscribe p {
    height: 112px;
    line-height: 61px;
    /* padding: 0px 0px 0px; */
}

span#sub {font-size: 38px;margin-top: 8px;display: block;font-family: UTMAvoBold;color: #881e22;}

a.dathang.btn-addcart.newarrival {
    position: absolute;
    left: 35%;
}

div#dieuhuongtrai p {
    font-family: UTMAvo;
    font-size: 18px;
    color: #8d8d8d;
    margin-bottom: 5px;
}

.motnewarrivalnoidung h3 {
    font-family: UTMAvo;
    color: #8d8d8d;
    font-size: 18px;
}

.motnewarrivalnoidung h3 a {
    color: #8d8d8d;
}

.motnewarrivalnoidung p {
    padding: 25px 0px;
    color: #8d8d8d;
    font-size: 13px;
    font-family: UTMAvo;
    line-height: 22px;
}

p.ten {
    font-size: 16px;
}
p.ten a {
    color: #881e22;
    font-weight: FuturaHeavyfont;
}

.product_info li:last-child {
    border-bottom: none;
}

ul.product_info li p {
    font-size: 15px;
    font-family: GillSansMTProLight_20617;
    color: #666666;
    line-height: 28px;
    letter-spacing: 1px;
}

ul.product_info li p span {
    color: black !important;
    font-weight: bold;
    margin-right: 10px;
}

.cover_soluong.clearfix {
    display: inline-block;
    margin-right: 16px;
}

.motlookbook.item {
    width: calc((100% / 3 ) - 30px);
    position: relative;
    text-align: center;
    /* margin: 0 auto; */
}

p.tenlookbook {
    position: absolute;
    top: 40%;
    left: 4%;
    font-size: 40px;
    text-transform: uppercase;
    z-index: 100;
    transition: .3s;
    transform: translateX(-258px);
}

p.tenlookbook a {
    color: #ffffff;
}
.khunglookbook {
    position: absolute;
    top: 0;
    height: 291px;
    width: 370px;
    background: #f78d8d6b;
    transition: .4s;
    opacity: 0.5;
}

.motlookbook.item:hover .khunglookbook {
    transition: .5s;
    opacity: 0;
}

.motlookbook.item:hover p.tenlookbook {
    transition: .3s;
    transform: translateX(0px);
}

.tt_lh {
    width: 50%;
    float: left;
    font-family: UTMAvo;
}

.tt_lh p span {
    font-size: 18px !important;
    font-family: GillSansMTProLight_20617;
    line-height: 38px;
}

.oneinstagram a img {
    width: 100%;
    height: 156px;
    max-width: 100%;
}

table#giohang {
    /* background: #ffc0cbad !important; */
}

table#giohang tbody tr {
    /* background: #f78d8da6; */
    border: 1px solid #ccc;
    font-family: UTMAvo;
    font-size: 13px;
    letter-spacing: 1px;
}

input.click_ajax.click_ajax2 {
    background: #AACFB9 !important;
    border: 1px solid #AACFB9 !important;
}

.hienthimau
{
    width: 20px;
    height:20px;
    display: inline-block;
    vertical-align: top;
}

/**** Transitions ****/
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}
/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}
.list {
    width: 100%;
    margin-bottom: 20px;
    overflow:hidden;
    position:relative;
}
.oneNews {
    float: left;
    width: 270px;
    margin: 0 20px 20px 0;
    list-style: none;
    font-family: book;
    color: #2b2a2a;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.oneNews p a {
    display: block;
    font-size: 19px;
    color: #333;
    font-family: /* systax */futura;
    text-decoration: none;
    padding: 7px 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.oneNews p a:hover {
    color: #ffb400;
}

span.tdsp {
    margin-right: 5px;
}

div#dssanphamnewarrival {
    margin-top: 3%;
}

div#dssanpham {
    margin: 32px 0px;
}

a.dathang1.btn-addcart1 {
    /* left: 34%; */
    padding: 4px 10px;
    border: none;
    margin: 5px 0;
    display: inline-block;
    font-family: OpenSans_R;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
    border-radius: 15px;
    line-height: 20px;
    width: 90px;
    opacity: 1;
    transition: 0.4s;
    position: absolute;
    bottom: 8px;
    left: 29%;
    z-index: 10;
}


a.dathang1.btn-addcart1.newarrival {
    left: 34%;
}


.motnewarrivalhinh {
    position: relative;
}

.motnewarrivalhinhthem {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0px;
    height: 100%;
    transition: all ease-out 1.6s;
    width: 100%;
}

.motnewarrivalhinh:hover .motnewarrivalhinhthem {
    opacity: 1;
    transition: all ease-in 1.6s;
}

._2p3a {
    margin: 2% auto;
}

.logomobile
{
    display: none;
}

.col_w50.dsphiship {
    margin-top: 1%;
    padding: 10px 20px;
}

.col_w50.dsphiship h3 {
    font-family: UTMAvoBold;
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}


.col_w50.dsphiship label {
    font-family: UTMAvo;
    font-size: 14px;
    display: block;
    letter-spacing: 1px;
}
div#giohang {
    position: relative;
    top: 5px;
}
div.search:hover{
    width: 250px;
    transition: 0.5s;
    background:#FFF;
}
div#sanpham_moive {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0px;
}
div#gachngang {
    position: relative;
    width: 402px;
    margin: 0 auto;
     top: -50px;
    height: 2px;
    background: #B3B3B3;
}


.item{
    background: #F6F6F6;
}
.thongtinfooter.col_w40 h3 {
    font-family: GillSansMT_20623;
    font-weight: bold;
    padding: 0px 0px 12px 0px;
    font-size: 15px;
    color: #000;
    letter-spacing: 1px;
}

.congdong.col_w30 a {color: #000;}

.thongtinfooter.col_w40 p {
    font-family: GillSansMTProLight_20617;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #636363;
    letter-spacing: 1px;
}
div#dknt h3 {
    font-size: 14px;
    color: #000;
    font-family: GillSansMT_20623;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}
span.tieudefooter {
    margin: 0px 120px;
    color: #636363;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: GillSansMTProLight_20617;
}
form#frm_dknt input[type='button']:hover {
    background: #e6a818;
    transition: 0.5s;
}
h3.ten {
    width: 100%;
    text-transform: uppercase;
    position:relative;
    /* padding:5px; */
    font-weight:normal;
    min-height: 50px;
    margin-top: 20px;
    margin-bottom: 0px;
    color: #000;
    font-size: 14px;
    font-family: UTMAvo;
    letter-spacing: 1px;
}

h3.ten a {
    color: #636363;
    font-family: GillSansMTProLight_20617;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 2px;
}

p.sp_gia {
    width: auto;
    margin: 4px 2px;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    line-height: 22px;
    color: #636363;
    font-family: GillSansMTProLight_20617;
    /* font-style: italic; */
    letter-spacing: 1px;
}

.thongtinsp {
    text-align: center;
}
ul.dm_cap2 {
    display: none;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}
div#dieuhuongphai {
    position: relative;
    top: -30px;
    left: -120px;
}
.thongtinlookbook h3 {text-align: center;font-size: 40px;padding: 20px 0px;}

.hinhchinhsp {
    text-align: center;
}

.hinhthemsp {
    text-align: center;
    padding: 20px 0px 50px 0px;
}
.hinhchinhstories {
    margin: 0 auto;
    width: 80%;
}

.thongtinstories {
margin: 0 auto;
position: relative;
width: 50%;
}

.thongtinstories h3 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 30px 0px;
    font-family: RobotoRegular;
}
.container11 {
  margin: 0 auto;
  padding: 2rem 5%;
}
.container11 h3{
    text-align: center;
    font-family: RobotoRegular;
    font-size: 25px;
    padding: 30px 0px;
    font-weight: bold;
}
#imageGallery {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.galleryItem {
  flex: 1 300px;
  position: relative;
  margin: 0.5rem;
  transition: 0.5s;
}
.galleryItem img {
  width: 100%;
}

#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  text-align: center;
}
.khunggalleryitem {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background:#000;
    opacity: 0.5;
}
#overlay img {margin-top: 3rem;}

.heart {
  width: 100px;
  height: 100px;
  background: url("https://cssanimation.rocks/images/posts/steps/heart.png") no-repeat;
  background-position: 0 0;
  cursor: pointer;
  transition: background-position 1s steps(28);
  transition-duration: 0s;
  }
  .heart.is-active {
    transition-duration: 1s;
    background-position: -2800px 0; 
}
.stage {
  position: absolute;
  top: 90%;
  left: 10%;
  transform: translate(-50%, -50%);
}

.galleryItem:hover .khunggalleryitem{
    display: block;
    transition: 0.5s;
}
.tt_lh h3 {
    padding: 10px 0px;
    font-family: GillSansMTProLight_20617;
    font-weight: bold;
    font-size: 25px;
}
.motnewarrivalhinh:hover .motnewarrivalhinhthem1{
    opacity: 1;
    transition: all ease-in .4s;
}
.motnewarrivalhinhthem1{
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0px;
    transition: all ease-out 1.6s;
    height: 100%;
    width: 100%;
}
div#hinhlienqua {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
.motnewarrival1{
    text-align: right;
    margin: -2px 20px 32px 0px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    font-family: GillSansMTProLight_20617;
    transition: .4s;
    background: #F6F6F6;
    padding-bottom: 5px;
}
li.newin.active {
    color: #AACFB9;
    transition:.4s;
}

div#dieuhuong {
    margin: 6px 0px;
}

.td_gh {
    font-family: UTMAvoBold;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-size: 16px;
    margin: 20px;
    color: #aacfb9;
}

span.size.dis {
    pointer-events: none;
    text-decoration: line-through;
}