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

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

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


@font-face {
    font-family: 'avo';
    src: url('../fonts/UTMAvo.eot');
    src: url('../fonts/UTMAvo.eot') format('embedded-opentype'),
         url('../fonts/UTMAvo.woff2') format('woff2'),
         url('../fonts/UTMAvo.woff') format('woff'),
         url('../fonts/UTMAvo.ttf') format('truetype'),
         url('../fonts/UTMAvo.svg#UTMAvo') format('svg');
}
@font-face {
    font-family: 'avo_b';
    src: url('../fonts/UTM_AvoBold.eot');
    src: url('../fonts/UTM_AvoBold.eot') format('embedded-opentype'),
         url('../fonts/UTM_AvoBold.woff') format('woff'),
         url('../fonts/UTM_AvoBold.ttf') format('truetype'),
         url('../fonts/UTM_AvoBold.svg#UTMAvo') format('svg');
}
@font-face {
    font-family: 'OPR';
    src: url('../fonts/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('../fonts/OpenSansRegular.woff2') format('woff2'),
         url('../fonts/OpenSansRegular.woff') format('woff'),
         url('../fonts/OpenSansRegular.ttf') format('truetype'),
         url('../fonts/OpenSansRegular.svg#OPR') format('svg');
}
@font-face {
    font-family: 'RR';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular.woff2') format('woff2'),
         url('../fonts/RobotoRegular.woff') format('woff'),
         url('../fonts/RobotoRegular.ttf') format('truetype'),
         url('../fonts/RobotoRegular.svg#RR') format('svg');
}
@font-face {
    font-family: 'RB';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoBold.woff2') format('woff2'),
         url('../fonts/RobotoBold.woff') format('woff'),
         url('../fonts/RobotoBold.ttf') format('truetype'),
         url('../fonts/RobotoBold.svg#RB') format('svg');
}
@font-face {
    font-family: UTMCooperBl;
    src:url(../fonts/UTMCooperBlack.ttf);
}
@font-face {
    font-family: OpenSansi;
    src:url(../fonts/OpenSans-Italic.ttf);
}
@font-face {
    font-family: OpenSansCondensedb;
    src:url(../fonts/OpenSansCondensed-Bold.ttf);
}
body{min-width: 1200px;margin:0 auto;}
.paddl_0{padding-left: 0 !important;}
.paddr_0{padding-right: 0 !important;}

/* ----back to top--- */
#top{width:45px; height:44px; background:url(../images/top.png); position:fixed; right:15px; bottom:90px; cursor:pointer; display:none; z-index:100}
/* ----main layout---- */
.wrapper{margin: auto; width: 100%;position: relative;}
#wrapper{margin: auto;}
#content{}
#content-top{padding:50px 0px;}
#info{position: relative;}
.container-left{position: relative;}
.container-right{position: relative;}
.content{border:thin solid #eaeaea;border-radius: 5px;margin-bottom: 20px;background: #fdfdfd;}
.content_wrap{padding:15px;}
.line{height: 0px;border:1px dashed #cecece;margin: 20px 0;}
/* ---breadcums--- */
#breadcrumbs{position: relative;}
#breadcrumbs ul{position: relative;margin: 0;}
/* ---titile man--- */
.tt_main{position: relative;margin: 20px 0 20px;background:#ed1f24;line-height: 43px;border-radius: 10px 10px 0 0;}
.tt_main:after{content: '';position: absolute;bottom:-5px;left: 0; height: 3px;width: 100%;background: #ed1f24;}
.tt_main:before{content: '';position: absolute;bottom:-8px;left: 0; height: 1px;width: 100%;background: #ed1f24;}
.tt_main .title{margin: 0; position: relative; font-size:18px;color: #fff;display: inline-block;padding:0px 15px;font-family: 'OPB';text-transform: uppercase;}
.tt_main a.xemthem{position: absolute;top: 2px;right: 15px;color: #fff;font-style: italic;}
.tt_main a.xemthem:hover{color: #ff0}

.tt_main1{position: relative;margin: 0px 0 20px;font-family: 'OPB';text-transform: uppercase; }
.tt_main1 .title{margin: 0; position: relative; font-size:24px;display: inline-block;padding:0px 15px;}
.tt_main1:after{content: '';position: absolute;bottom:-5px;left: 0; height: 3px;width: 100%;background: #929292;}
.tt_main1:before{content: '';position: absolute;bottom:-8px;left: 0; height: 1px;width: 100%;background: #929292;}
/* ---header--- */
.tt_shadow{text-shadow:1px 0 0 #ffff00,-1px 0 6px #ffff00,0 1px 0 #ffff00,0 -1px 0 #ffff00,1px 1px #ffff00,-1px -1px 0 #ffff00,1px -1px 0 #ffff00,-1px 1px 0 #ffff00;}
.tt_shadow1{text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;}

.header{background: url(../images/header_bg.png);padding-bottom: 10px;}
.header_top{background: #ed1f24; padding: 2px 0; line-height: 35px; color:#fff;font-size:13px;font-family: 'OPR'}
.header_top{ margin: auto;}
.header_top .hotline{display: inline-block;}
.header_top .email{margin-left: 50px;}
.header_top .mxh{float: right;}

/* #lang{position: absolute;top: 10px;right: 0;} */
#header-midle{position: relative;}
.header-midle{background-size: cover;position: relative;}
.header-midle .logo img{position: relative;z-index: 99999;}
.header-midle .logo{position: relative;z-index: 999;left: 0;}
.header-midle .banner{position:relative;text-align: center; margin-top: 15px;} 
.header-midle .banner h2{font-family: 'UTMHelvetIns';font-size: 28px;text-transform: uppercase;font-weight: normal;}
.header-midle .banner a{color: #ed1f24;}

.header-midle .banner_r{text-align: right;}
.header-midle .banner_r .hotline{position: relative;font-family: 'OPR';font-size: 14px;color: #e2e2e2;display: inline-block;width: 240px;background-size: 100% 100%;text-align: left;margin-top: 20px;}
.header-midle .banner_r .hotline i{font-size: 18px;}
.header-midle .banner_r .hotline span{color: #ff1500;font-family: UTMCooperBl;font-size: 21px;margin-top: 0px;}
.header_r{position: relative;float: right;}


/* .amazingslider-arrow-right-1{width: 46px !important;height: 46px !important;background: url(../images/slider_r.png) !important; right: 20px !important;}
.amazingslider-arrow-left-1{width: 46px !important;height: 46px !important;background: url(../images/slider_l.png) !important; left: 115px !important;}
 */
.mm-opening .wrapper:before{display: none}
nav#menu{background:#ED1F24}
nav#menu ul li a, .mm-title{font-family:'OPR'; font-size:16px; color:#fff; text-transform:uppercase}
.mm-title{font-size:20px; color:#fff !important}
nav#menu ul li a:hover{background:rgba(255,255,255,0.1)}
.menu-l{width:auto; display:inline-block}
nav:not(.mm-menu){display:none}
.mn_rp{position: fixed;top: 0;left: 0;right: 0;z-index: 999;display: none}
.menu_rp{  
    background: #ED1F24;
    
    padding: 0 10px;
    height: 40px;
    position: relative;
    top: 0px;
    z-index: 0;
    line-height: 40px;
    color: #fff !important;
    font-size: 18px;
    display: block;
}
.menu_rp i{    
    font-size: 27px;
    line-height: 40px;}
.mn_rp #lang{font-size: 17px;}
.mn_rp #lang span{position: relative;top: -5px;}
.mn_rp #lang span a i{font-size: 20px;margin-right: 10px;color: #fff;line-height: 30px;display: inline-block;}
.mn_rp #lang i.fa-phone{font-size: 25px;}
.mn_rp #lang a.cart{color: #fff;}
span#lang{position: absolute; top: 7px; right: 20px; text-align: center;z-index: 1;text-shadow:none;color: #fff;font-weight: bold;font-size: 23px;}
/* --menu_top--- */
#menu_top{margin: 0px 0 0; position:relative; font-family:'OPR',Tahoma;z-index: 99;height: 45px;line-height: 45px;background: #00a1de;}
#menu_top .menu_wrap{}
#menu_top .logo_m{transform: scale(0); height: 100%;opacity: 0;padding: 4px;background: #fff;box-sizing: border-box;margin-right: 10px;}
#menu_top #myslidemenu{margin:0 auto; position:relative}
#menu_top ul#nav{display:table;padding: 0;margin: 0;width: 100%;font-family: OpenSansCondensedb;font-size: 14px;}
#menu_top ul#nav li{list-style: none;}
#menu_top ul#nav >li{display: table-cell;text-align: center;text-transform:uppercase; text-align:center; font-size:15px;}
#menu_top ul#nav >li img{position:relative; top:9px;}
#menu_top ul#nav >li >a{position:relative; display:block; padding:0px !important; position:relative; color:#fff;transform: skew(160deg);
    background: -moz-linear-gradient(90deg, #40c9fc 0, #00A0DB 100%);
    background: -webkit-gradient(linear, 90deg, color-stop(0, 40c9fc), color-stop(100%, 00A0DB));
    background: -webkit-linear-gradient(90deg, #40c9fc 0, #00A0DB 100%);
    background: -o-linear-gradient(90deg, #40c9fc 0, #00A0DB 100%);
    background: -ms-linear-gradient(90deg, #40c9fc 0, #00A0DB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
    background: linear-gradient(90deg, #40c9fc 0, #00A0DB 100%);
}
#menu_top ul#nav >li >a span{transform: skew(200deg);display: block}
#menu_top ul#nav >li:last-child >a:after{display: none;}
#menu_top ul#nav >li >a.menu_active,#menu_top ul#nav >li:hover >a{color:#ff0 !important;}
#menu_top ul#nav >li >ul li{height:auto !important;}
#menu_top ul#nav >li >ul li a{background:#F2F2F2; border-bottom:thin #EDEBEB solid;color:#353535; transition:all 1s;    padding-right: 10px;text-transform: uppercase;font-family: 'RR'}
#menu_top ul#nav >li >ul li:hover>a{color:#f00 !important; background:#D6D5D5; }
.noboder{border:none;}
.vach_menu{background: url(../images/vach_menu.png) right center no-repeat;}
.active_top .logo_m{transform:scale(1) !important;opacity: 1 !important;float: left !important;}
#menu_top.active_top ul#nav >li >a{padding:0px 16px !important;}
/* ---dm home ---*/
.list_home{position: relative;z-index: 999;}
#danhmuc{color: #1f1959;border-radius:10px;margin-top: 1px;text-align: left;position: relative;z-index: 0;font-family: 'OPR';}
#danhmuc h3{margin: 0; font-size: 16px;line-height: 45px;font-family: 'OPB';text-align: center;background:url(../images/dm_bg.jpg) bottom repeat-x #ed1f24;color: #fff;border-radius: 10px 10px 0 0;}
#danhmuc:hover .dm_active{opacity: 1 !important;z-index: 9999;display: block;}
.accordion{    border: thin solid #d2d1d1;}
#danhmuc h3 + ul{margin: 0 auto;padding: 0;width:100%;}
#danhmuc h3 + ul.home ul{position: absolute;left: 200%;top:0px;opacity: 0;border: thin solid #e7e7e7;background: #fff;display: none;min-width: 250px;}
#danhmuc h3 + ul >li{position: relative; list-style: none;border-bottom: thin solid #e6e6e6;line-height: 47px;padding-left:10px;}
#danhmuc h3 + ul >li img{margin-right: 10px;}
#danhmuc h3 + ul >li:last-child{border-bottom:none;}
#danhmuc h3 + ul >li >a{text-transform: uppercase;color: #333333;}
#danhmuc h3 + ul.home >li:hover{}
#danhmuc h3 + ul >li:hover > a{color: #f00;}
#danhmuc h3 + ul >li:hover ul{left: 100%;opacity: 1;z-index: 9999;display: block;}
#danhmuc h3 + ul >li ul li{position: relative;
    list-style: none;
    border-bottom: thin solid #f3f3f3;
    line-height: 22px;
    background: url(../images/left_li.png) 21px center no-repeat;
    padding: 5px;
    padding-left: 50px;
    font-family: 'avo';}
#danhmuc h3 + ul >li  ul li a{text-transform: uppercase;color: #7d7c7c;padding-right: 15px;}
#danhmuc h3 + ul >li  ul li a:hover{color: #f00;}
/* ------ */
#slider{}
#slider .dm_top{border: thin solid #e7e7e7;height: 448px;position: relative;z-index: 9999;}
#slider .dm_top >ul{margin: 0;}
#slider .dm_top >ul ul{position: absolute;left: 200%;top:0px;opacity: 0;border: thin solid #e7e7e7;background: #fff;z-index: 0;display: none}
#slider .dm_top >ul >li{position: relative; list-style: none;border-bottom: thin solid #f3f3f3;height: 50px;line-height: 50px;background: url(../images/left_li.png) 21px center no-repeat;padding-left: 50px;}
#slider .dm_top >ul >li:lsat-child{border-bottom:none;}
#slider .dm_top >ul >li >a{text-transform: uppercase;color: #7d7c7c;}
#slider .dm_top >ul >li:hover{background:  url(../images/left_li.png) 21px center no-repeat #1f1959;}
#slider .dm_top >ul >li:hover > a{color: #fff;}
#slider .dm_top >ul >li:hover ul{left: 100%;padding-right: 15px;opacity: 1;z-index: 1;display: block}
#slider .dm_top >ul >li ul li{position: relative; list-style: none;border-bottom: thin solid #f3f3f3;height: 40px;line-height: 40px;background: url(../images/left_li.png) 21px center no-repeat;padding-left: 50px;}
#slider .dm_top >ul >li  ul li a{text-transform: uppercase;color: #7d7c7c;white-space: nowrap;}
#slider .dm_top >ul >li  ul li a:hover{color: #f00;}

.top_item{position: relative;}
.top_item .wrap:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);opacity: 0;transition:all 0.5s;}
.top_item .wrap:hover:after{opacity: 1;}
 
.top_item .wrap{position: relative;border:thin solid #ccc;}
.top_item .wrap .img{text-align: center;}
.top_item .wrap .img h3{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;margin: 0;opacity: 0;text-align: center;}
.top_item .wrap .img h3 a{color: #fff;font-family: 'avo';font-size: 14px;text-transform: uppercase; text-align: center;display: inline-block;display:table;width: 100%;height: 100%;}
.top_item .wrap .img h3 a span{display:table-cell;vertical-align: middle;}
.top_item .wrap .img h3 a span b{height: 50px;line-height: 50px; border-top:thin solid #fff;border-bottom:thin solid #fff;display: inline-block;font-weight: normal;}
.top_item:hover  .wrap .img h3{opacity: 1}
.top_item .wrap .img h3 b:hover{color: #ff0;}
/* ----- */
.doitac-slider{margin: 0 !important;}
.doitac-slider .item{box-sizing:border-box; background: #fff;}
.doitac{margin-bottom: -30px;position: relative;z-index: 99}
.doitac  .item img{}
.dt_box{border:thin solid #a3a3a3;}
.doitac .slick-prev{width: 29px;height: 58px;background: url(../images/but_l.png);        left: -62px;top: 40%;opacity: 1;}
.doitac .slick-next{width: 29px;height: 58px;background: url(../images/but_r.png);    right: -62px;top: 40%;opacity: 1;}
/* ---footer--- */
.footer{background:#051419 ;background-size: cover; padding: 30px 0px 0px;position: relative;}
#footer{margin: auto;color: #fff}
#footer a{color: #fff}
#footer a:hover{color: #f00;}
.tt_ft{font-family: 'OPB'; font-size:18px;color:#fff;text-transform: uppercase;margin-bottom: 20px;font-weight: normal;position: relative;padding-bottom: 24px;margin-bottom: 20px;}
.tt_ft:after{
    content: '';
    background-color: #abacad;
    height: 3px;
    width: 67px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .4;
}
.tt_ft_small{font-family: 'OPB'; font-size: 14px;color:#fff;text-transform: uppercase;margin-bottom: 15px;}
.ft-col{font-family: 'OPR';color: #fff;font-size: 14px;}
.ft_item{background:#0074c7;border-radius: 10px;padding:20px 15px;margin-bottom: 20px;}
.ft_item img{float: left;margin-right: 15px;}
.ft_item h3{color: #fff;font-family: 'UTMHelvetIns';font-size: 20px;margin: 0px 0 5px;text-transform: uppercase;}
.ft_item  p{color: #fff;font-family: 'RR';font-size: 14px;line-height: 25px;}
.ft_item  p span{color: #ff0;font-size: 18px;font-weight: bold;}

.form_home{padding:10px;background: #f1f1f1}
.dknhantin{position: relative;margin: 0 auto;}
.dknhantin input{background: #fff; border: none; height: 40px; padding: 0px 10px; color: #000000;    width:100%;outline: none;margin-bottom: 10px;}
.dknhantin h3{margin-bottom: 10px;}
.dknhantin input:focus{outline: none;}
.dknhantin .noidung{background-color:#FFFFFF; color:#666666; height:115px; width:100%; padding:10px; box-sizing:border-box;border:none; }

.dknhantin button{border: none;text-transform: uppercase; background: #1f1959; color: #fff; height: 35px;width: 85px;  box-sizing:border-box; position: relative;outline: none;text-align: center;margin: 10px 0}
.dknhantin .dk{background: #eb0202;}
#timkiem{/*position: relative;margin: 0 auto;height: 40px;margin-top: 15px;border: 3px solid #000000;background: #fff;display: inline-block;max-width: 460px;width: 263px;border-radius: 5px;*/
position: relative;
    margin: 0 auto;
    height: 35px;
    margin-top: 15px;
    border: thin solid #d9d9d9;
    background: #fff;
    display: inline-block;
    max-width: 460px;
    width: 100%;}
#timkiem input{/*background: #fff; border:none; height: 31px; padding: 0px 10px; color: #333;    width:calc(100% - 48px);float: left;outline: none;font-style: italic;margin:1px 0 0 1px;*/
background: #fff;
    border: none;
    height: 31px;
    padding: 0px 10px;
    color: #333;
    width: calc(100% - 48px);
    float: left;
    outline: none;
    font-style: italic;
    margin: 1px 0 0 1px;}
#timkiem input:focus{outline: none;}
#timkiem button{
   /* border: #ff6000;
    color: #fff;
    height: 37px;
    width: 45px;
    box-sizing: border-box;
    position: relative;
    outline: none;
    float: right;
    text-align: center;
    font-size: 22px;
    text-align: center;
    top: -1px;
    background: url(../images/icon-search.png) center no-repeat;
    border-left: 1px solid #000000;*/
    border: #ff6000;
    color: #fff;
    height: 35px;
    width: 45px;
    box-sizing: border-box;
    position: relative;
    outline: none;
    float: right;
    text-align: center;
    font-size: 22px;
    text-align: center;
    top: -1px;
    background: #ff6000;
}
#name_tk1{background: #333;height: 31px;line-height: 31px; border: none; padding: 0px 10px; color: #fff; width:100%;outline: none}
#custom-search-input{width:100%;}
.social-bt{margin: 4px 0 0px;}
.social-bt img{position: relative;margin-right: 6px;}
.footer_end{line-height:30px; color:#fff; background:#eb0202; position:relative; width:100%; bottom:0; left:0;font-size: 12px;padding: 5px 0;font-family: 'OPR'}
.footer_end b{color: #fff;}
.copy{ color:#fff;}
.ft_tags{margin-top:20px;}
.ft_line{border-top:thin solid #092028;border-bottom:thin solid #020a0d;margin: 25px 0;}
.ft_info_col ul{font-family: 'OPR';font-size: 13px;}
.ft_info_col ul li{list-style: none;margin-bottom: 12px;}
.ft_info_col ul li a{color: #fff;}
.ft_info_col ul li a:hover{color: #ff0;}

#footer1{display: none;}
#thongke{  position: relative;font-size: 13px;padding-left:80px;display: inline-block;margin:0;}
#thongke li{line-height:16px; position:relative;list-style: none;color: #fff;display: inline-block;padding:0 15px;border-right:1px solid #fff;}
#thongke li:last-child{border:none;}
#thongke img{position:relative; top:5px; margin-right:5px}
#thongke span{color:#fff; font-weight:bold; display: inline-block;margin-left: 20px;font-family: 'OPB'}

.huongdan{-webkit-padding-start: 0px;}
.huongdan li{list-style: none;line-height: 28px;}

.tagss{margin: 25px 0}
.tagss *{font-size: 14px;color: #6a6a6a !important;}
.tagss a:hover{color: #ff0 !important;}
.title-index{ width: 100%;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;color: #fff;height: 43px;line-height: 43px;/* background: url(../images/tt_mota.png) left center no-repeat; */font-family: 'avo_b';border-bottom: 1px solid #ffffff;}
.title-index  h4{ margin: 0;text-transform:uppercase;font-size: 14px;line-height: 43px;  }

.khung_trai{}
.khung_phai{}
.title-left h2 span{font-family: 'RR', sans-serif; color:#1666A3; display: inline-block; height: 35px; line-height:35px; border-bottom:5px solid #1A67A3; }
.title-left h2{border-bottom:1px solid #1A67A3; margin-bottom: 20px;}
.form_contact{padding-bottom: 10px; margin-bottom: 10px; border-bottom: dashed 1px #ccc;}
.form_lh label{font-family: 'RR', sans-serif; font-size: 14px;}
.form_lh .tflienhe{display: block; width: 100%;height: 30px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #95C7DA;    box-sizing:border-box;margin-bottom:10px;border-radius: 3px;}
.form_lh .tflienhe:focus{outline:none;}
.form_lh{margin-bottom:20px;}
.button-contact { border: none;padding: 9px 20px; background: #0074C7; color: #fff;cursor: pointer;border-radius: 4px;}
.button-contact:hover { background: #045FA0;}
.ta_noidung{background-color:#FFFFFF; color:#666666; height:120px; width:100%; padding:10px; box-sizing:border-box;border: 1px solid #95C7DA;border-radius: 3px; }


.moudle-left{margin-bottom: 10px;}
.moudle-left ul li a{font-size: 12px; display: block; padding: 5px;}
.moudle-left ul li a:hover{background: #fff;}
.thanh_title h2{font-size: 12px; text-transform: uppercase;}
.danhmuc{border: 1px solid #e1e1e1;    border-radius: 5px 5px 0 0;}

/*--------------tags---------------------*/
.box_tag{padding:20px;background: #eaeaea;font-family: 'OPR'}
.box_tag h3{display: inline-block;font-size: 18px;color: #575757;font-family: 'OPB';margin:0;}
.box_tag h3 i{font-size: 18px;color: #575757;}
.tag_pro{padding:10px 0; }
.tag_pro h3{display: inline-block;font-size: 15px;color: #575757;font-family: 'OPB';margin:0;}
.tag_pro h3 i{font-size: 15px;color: #575757;}
.tags{display: inline-block;color: #575757;position: relative;}
/* .tags:before{content: '';height: 0px;width: 0px;position: absolute;top: 0px;left: -10px;border-top: 13px solid transparent;border-bottom: 12px solid transparent;border-right: 10px solid #E4BC24;} */
/* .tags:after{content: '';height: 0px;width: 0px; position: absolute;top: 0px;right: 0px;border-top: 13px solid transparent;border-bottom: 12px solid transparent;border-right: 10px solid #fff;} */
.tags span{ width: 10px; height: 10px; float: left; background:#fff; margin: 7px 10px 0px 0px; border-radius: 100%; }
.tags:hover span{ background:#FDF759; }
.tags:hover{color: #f00;text-decoration: underline;}
/*-----------------end tags-----------------------*/
.noidung_ta{}
.product-pic{position: relative;}
.product-info{position: relative;}
.khung_thongtin{font-family: 'RR', sans-serif;}
.khung_thongtin li{ padding: 5px 0px 5px 0px; width: 100%; float: left;list-style: none;}
.khung_thongtin h2{ font-size: 18px; color: #ec2028;text-transform: uppercase;font-family: 'avo_b';margin-top: 0;}
.khung_thongtin .masp{color:#008CC0;}
.khung_thongtin .mota_detail{ color: #757575}
.khung_thongtin .gia_detail{ font-size: 24px; color: #ec2028; font-weight: bold;font-family: 'avo_b'}
.khung_thongtin .gia_detail span.phantram {
    padding: 3px 8px;
    background: #d60c0c;
    font-family: 'OPR';
    color: #fff;
    border-radius: 2px;
    margin-left: 10px;
    font-size: 12px;
}
.khung_thongtin  b{ color: #333333; font-size: 14px;font-family: 'avo_b'}
.khung_thongtin .giacu_detail{ color:#999; text-decoration: line-through;}
.khung_thongtin .giacu_detail span{ text-decoration: line-through;}
.khung_thongtin .baohanh_detail{ color: #015DA4;}
.gia_detail span{ font-size: 14px; color: #666;}
img.cloudzoom {
    width: 100%;
    border: thin solid #dfdfdf;
}
.product-pic .slick-slide img {
    display: block;
    margin: auto;
    border: thin solid #dfdfdf;
}
.pro_info_in{margin-top: 40px;}
.pro_info_in a{background: #e8e9eb;display: inline-block;padding:15px 15px;font-family: 'avo_b';font-size: 14px;color: #ec2028;position: relative;text-transform: uppercase;}
.pro_info_in a:after{content: '';position: absolute;top: 0;left: 100%;height: 100%;width: 26px;background: url(../images/tab_after.png);background-size: 100% 100%}
.pro_info_in a:before{content: '';position: absolute;top: 0;right: 100%;height: 100%;width: 26px;background: url(../images/tab_before.png);background-size: 100% 100%}
.pro_info_in a:hover{color: #008CC0;}
.pro_info_in a.huongdan:before{display: none;}
.pro_info_in a.huongdan{padding-left: 15px;margin-right: 25px;}
.pro_info_in a.thanhtoan{margin-right: 25px;}
.pro_info_in a.baohanh{}
.pro_info_in a.baohanh:after{display: none;}
/* -------Them moi---------- */

.box_pro_home{display: none;}
.da_item1{position: relative;margin:0 0px 20px 0;text-align: center;padding: 0 5px;}
.da_item1.nt_item{width: 20%;}

.da_item1 .img{position: relative;overflow: hidden;}
.da_item1 .img .km{position: absolute;top: 15px;right: 15px;height: 45px;width:47px;background: url(../images/km.png);line-height: 45px;text-align: center;color: #fff;font-size: 11px;}
.da_item1 .img img{width: 100%;-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
}
.da_item1 .img a{display: block;line-height: 0;}
.da_item1 h2{width: 100%;position: absolute;margin: 0; text-align: center;overflow: hidden;height: 45px;line-height: 45px;text-transform: uppercase;background: rgba(0,174,239,0.8);color: #fff;font-family:'OPB';font-size: 16px;left: 0;top: calc(50% - 22px);transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.da_item1 h3{width: 100%;position: relative;margin: 5px 0; text-align: center;padding:5px; overflow: hidden;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.da_item1 h3 a{width: 100%;font-size: 14px;text-transform: capitalize;overflow: hidden;font-family: 'OPR'; line-height: 1.5em;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;color: #000;}
.da_item1 h3 a:hover{color: #f00;}
.da_item1 .chitiet{display: inline-block;float: right; z-index: 9999; text-align: center;position: relative; transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.da_item1 .chitiet a{padding:6px 10px;background: #0958ba;color: #fff;font-family: 'OPB';font-size: 13px;display: inline-block;font-weight: bold;border-radius: 12px;}
.da_item1 .chitiet a:hover{background:#04479A }
/* ==== */

.da_item{position: relative;margin:0 0px 20px 0;text-align: center;}
.da_item.nt_item{width: 20%;}

.da_item .img{position: relative;overflow: hidden;}
.da_item .img .km{position: absolute;top: 15px;right: 15px;height: 45px;width:47px;background: url(../images/km.png);line-height: 45px;text-align: center;color: #fff;font-size: 11px;}
.da_item .img img{width: 100%;}
.da_item .img a{display: block;line-height: 0;}
.da_item h2{width: 100%;position: absolute;margin: 0; text-align: center;overflow: hidden;height: 45px;line-height: 45px;text-transform: uppercase;background: rgba(0,174,239,0.8);color: #fff;font-family:'OPB';font-size: 16px;left: 0;top: calc(50% - 22px);transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.da_item h3{width: 100%;position: relative;margin: 5px 0; text-align: center;padding:5px; overflow: hidden;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.da_item h3 a{width: 100%;font-size: 15px;text-transform: uppercase;overflow: hidden;font-family: 'OPB';height: 30px;line-height: 15px;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;color: #337ab7;}
.da_item h3 a:hover{color: #f00;}
.da_item .chitiet{display: inline-block;float: right; z-index: 9999; text-align: center;position: relative; transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.da_item .chitiet a{padding:6px 10px;background: #0958ba;color: #fff;font-family: 'OPB';font-size: 13px;display: inline-block;font-weight: bold;border-radius: 12px;}
.da_item .chitiet a:hover{background:#04479A }

.ads{margin-bottom: 20px;}
.box_pro{}
.nt_item {border:none;}
.da_item .wrap{position: relative;border:thin solid #d6d6d6;    min-height: 285px;box-shadow:3px 3px 0 0 #f7f7f7; }
.nt_item h3{margin: 0;display: inline-block;}
.nt_item h3 a{}
.da_item .over_lay h4{font-family: 'RR';font-size: 16px;color: #ffffff;position: relative;}
/* .nt_item .over_lay h4:after{content: '';background: #fdca0b;height: 8px;width: 60px;top: -25px;left: calc(50% - 30px);position: absolute;} */
.da_item .over_lay a.xemthem{font-style: normal;font-family: 'RR';font-size: 15px;margin-top: 60px;padding: 8px 15px;border:thin solid #fff;}
.da_item:hover .over_lay a.xemthem{margin-top:20px !important;}
.da_item:hover .img img{transform:scale(1.1);}
.da_item .pro_info{position: absolute;top: 0;left: 0px;right: 0;bottom: 0;background: rgba(0,0,0,0.7);z-index: 9;transform:scale(0);transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.da_item .pro_info .info{display: table;    width: 100%;height: 100%; }
.da_item .pro_info .info .cell{display:table-cell;height: 100%;vertical-align:middle; }
.da_item .price{color: #838285;/* padding:0px 15px 15px; */font-size: 13px;width:  100%;float:  left;margin-bottom: 35px;display: flex;}
.da_item .price p{}
.da_item .price .present{color: #fff;font-family: 'OPR';font-size: 15px;width:  100%;float:  left;text-align:  center;padding:  0;}
.da_item .price .present b{font-family: 'OPB';color: #da251d;width:  100%;float:  left;text-align:  center;}
.da_item .price .old{color: #838285;font-family: 'avo';text-decoration: line-through;}
.da_item:hover h2{transform:scale(0);}
.da_item:hover .pro_info{transform:scale(1);}
.price-old{color: #838285;padding:0px 15px 6px;font-size: 13px;}
.price-old span{color: #838285;font-weight: normal;text-decoration: line-through;}
.nt_item .giohang1 {text-align: right;margin-bottom: 15px;padding: 0 10px;}
.nt_item .giohang1 a{color: #838285;display: inline-block;padding:5px 10px;cursor: pointer;border-radius: 3px;}
.nt_item .giohang1 a i{color: #1f1959}
.nt_item .giohang1 a:hover{background: #1f1959;color: #fff;}
.nt_item .giohang1 a:hover i{color: #fff;}

.da_in{margin:0 18px 20px 0;}
.da_in:nth-child(3n){margin-right:18px;}
.da_in:nth-child(3n+1){clear: none;}
.da_in:nth-child(5n){margin-right:0px;}
.da_in:nth-child(5n+1){clear: both;}
/* ---video--- */
.tt_video{margin-bottom: 10px;padding-bottom:30px;background: url(../images/tt_video.png) center no-repeat;font-family: Times;font-size: 26px;text-transform: uppercase;color: #005ccd;text-align: center;}
.video{ margin:0px auto 20px; position:relative; }
#video{}
#vide-iframe{position:relative;}
.nut_video{position:absolute; height:61px; width:61px; background:url(../images/nut_video.png); top:calc(50% - 30px); left:calc(50% - 30px)}
.nut_video:hover{opacity:0.6}
.video:hover #video{opacity: 1;}
.video a{display: block;line-height: 0px;}
/* ---about home--- */
.gt_box{padding: 30px 0 30px;background: #fff;margin: 0px 0 0px;}
.gt_home{}
.gt_home .img{position: relative;overflow: hidden;float: left;margin-right: 20px;}
.gt_home h3{margin: 0px 0 5px;}
.gt_home h3 a{color: #005dc1;font-size: 16px;font-family: 'RR',Tahoma;text-transform: uppercase;}
.gt_home h3 a:hover{color:#f00;}
.gt_home .desc{text-align: justify;font-size: 14px;line-height: 1.7em}
.gt_home .xemthem{text-align: right;margin: 30px 0;}
.gt_home .xemthem a{display: inline-block;padding: 8px 27px; transition:all 0.5s;border:thin solid #dfdfdf;background: url(../images/xemthem.png) 95% center no-repeat;font-family: 'RR';font-size: 14px;color: #2e2e2e;}
.gt_home .xemthem a:hover{color: #fff;background:url(../images/xemthem.png) 95% center no-repeat #0069CC}
/* --item-- */
.dv_item{position: relative;margin:0 0px 20px 0;overflow: hidden;}
.dv_item:nth-child(3n){margin-right: 0;}
.dv_item:nth-child(3n+1){clear:both;}
.dv_item .img{position: relative;overflow: hidden;}
.dv_item .img img{width: 100%}
.dv_item .img a{display: block;line-height: 0;}
.dv_item h3{position: relative;text-align: center;margin: 15px 0 10px 0;}
.dv_item h3 a{position: relative; color: #0367ae;font-size: 18px;text-transform: uppercase;font-weight: normal;overflow: hidden;line-height: 30px;font-family: 'RR';}
.dv_item h3 a:after{content:" ";height:1px;width:0;display:block;background:#f00;position:absolute;bottom:0;left:0;right:0;margin:0 auto;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;}
.dv_item h3 a:hover{color: #f00;}
.dv_item h3 a:hover::after{width: 100%;}
.dv_item .over_lay{position:absolute !important;bottom:0;top:0;left:0;right:0;z-index:111;}
.dv_item .desc{font-family: 'RR';font-size: 14px;color: #666666;text-align: justify;}


/* Shine Hover over*/
.shine .over_lay { position: absolute;bottom:0;top:0;left:0;right:0;z-index:1;}
.shine .over_lay::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.shine:hover .over_lay::before {-webkit-animation: shine .75s;animation: shine .75s;}
.shine .over_lay a{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 99;}
@-webkit-keyframes shine 
{ 
    100% {left: 125%;}
}
@keyframes shine 
{ 
   100%  {left: 125%;}
}

.noidung_tab{background: #fff;overflow: hidden;max-width: 100%;}
ul.cat{margin: 0px 0 0px 0;}
ul.cat li{display: inline-block;position:relative;float:left;height:50px;line-height:50px;width: 250px;}
ul.cat li a{display: block;font-size: 12px;color: #fff;text-transform: uppercase;;background: #2c2d35;text-align: center;font-family: 'RR';font-size: 24px;}
ul.cat li a.selected{ position: relative;background: #007bd1;}

/* ---news--- */
.first-item-news {overflow: hidden;margin: 0 0 15px 0;}
.first-item-news .img{position: relative;z-index: 99;margin-right: 15px;overflow: hidden;}
.first-item-news img{width:100%;}
.first-item-news h3 a:hover{color:#f00 !important;}
.first-item-news:nth-child(2n+1) .first-item-news-wrap{background: #ededed;}
.first-item-news:nth-child(2n) .first-item-news-wrap{border-left: 3px solid #1f1959;}
/* .first-item-news:nth-child(4n) .first-item-news-wrap{background: #ededed;} */
.first-item-news h3{margin:0;}
.first-item-news h3 a{color: #393939;font-size: 14px;font-weight: bold;text-transform: uppercase;}
.first-item-news .desc_cont{text-align:justify; font-family:'RR'; font-size:14px;    line-height: 20px;}
.first-item-news .desc{font-family:'RR';padding:15px;box-sizing: border-box;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;}
/* .first-item-news .desc:hover{background:rgba(0,0,0,0.5); } */
.first-item-news .desc >div{position: relative;}
/* .first-item-news .desc >div:before{content: " ";position: absolute;top: -15px;left: -15px;bottom:-15px;right: -15px;border: 2px solid transparent;z-index: 100;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s;opacity: 0;} */
/* .first-item-news .desc >div:after{content: " ";position: absolute;top: -15px;left: -15px;bottom:-15px;right: -15px;/* background: rgba(0,0,0,0.5); */z-index: 100;opacity: 0;transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s} */
.first-item-news .desc .over_lay{position:absolute;top:28%;left:0;right:0;bottom:0; z-index:111;text-align:center;margin-top:-20px;opacity:0;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;}
.first-item-news .desc .over_lay h4{padding:0 15px;display:block;text-transform:uppercase;font-size:12px;color:#D7DC02;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;text-align:center;}
.first-item-news .desc .over_lay a.xemthem{padding: 6px 10px;background: #0074c7;border-radius: 3px; position:relative;display:inline-block;color:#ffffff;text-decoration:none;margin-top:50px;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;font-family:'Tahoma';font-size:13px;font-style:normal;}
.first-item-news .desc .over_lay a.xemthem:hover{background: #065995;}
/* .first-item-news .desc .over_lay a.xemthem:after{content:" ";height:1px;width:0;display:block;background:#ffffff;position:absolute;bottom:0;left:0;right:0;margin:0 auto;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;} */
/* .first-item-news .desc >div:hover:after { opacity:1; }
.first-item-news .desc >div:hover:before {opacity:1;top:0px;left:0px;bottom:0px;right:0px;border:2px solid rgba(255,255,255,0.8);} */
/* .first-item-news .desc >div:hover .over_lay{margin-top:0;opacity:1;}
.first-item-news .desc >div:hover .over_lay h4{margin-bottom:0;}
.first-item-news .desc >div:hover .over_lay a.xemthem{margin-top:0;}
.first-item-news .desc >div .over_lay a.xemthem:hover{color: #ff0;}
.first-item-news .desc >div:hover .over_lay a.xemthem:hover:after { width:100%; } */
/* .first-item-news:hover .first-item-news-wrap {background:#0074c7 } */
/* .first-item-news:hover .desc *{color: #fff;} */
/* .first-item-news:hover h3 a{color: #fff;} */
.box_tintuc{background: #f2f2f2;padding:50px 0 30px;}
.box_tt{width:575px;float: left;}
.box_tt:nth-child(2){float: right;}
.box_tt .tt_last{background: url(../images/tt_end.png) left center no-repeat;text-indent: 20px;margin-bottom: 20px;}
.box_tt .tt_last h3{font-size: 20px;font-family: 'RR';color: #2d352d;text-transform: uppercase;}

.wrap_blog{background: #fff;padding:20px;margin-bottom: 25px;box-shadow: 5px 5px 0 #5e5e5e;}
.box-news{position: relative;margin: 15px 0 15px;}
.box-news .wrap{position: relative;border:thin solid #dfdfdf;}
.box-news .img{position: relative;overflow: hidden;background: #fff;}
.box-news .img img{border-radius: 0;width: 100%;}
.box-news h3{font-size: 14px;margin: 10px 0 10px;font-family: 'avo_b'}
.box-news h3 a{color: #0067ac;}
.box-news h3 a:hover{color: #f00;}
.box-news a.chitiet{color: #09a651;font-size: 13px;display: block;text-align: right}
.box-news .desc{font-size: 13px;color: #5a5a5a;text-align: justify;}
.box-news .info{border-top:thin solid #dfdfdf;}
.box-news .info .time{width: 80px;background: #da251d;padding:10px;color: #fff;text-align: center;float: left;margin-right: 10px;height: 100%;}
.box-news .info .time p{font-size: 14px;margin: 0}
.box-news .info .time > p{font-family: 'avo_b';font-size: 18px;}
.box-news .info .time > p + p{font-family: 'avo';font-size: 14px;}
.box-news .info .time p:last-child{font-family: 'avo_b';font-size: 14px;}
.box-news:hover img{transform:scale(1.1);}
.tieude{font-family: 'Tahoma';color: #055699;font-size: 17px;margin-top: 0;}
.date{color: #999;font-size: 12px;margin-top: 5px;margin-bottom: 5px;}

/* ---menu left--- */
ul.cateUl{width:100%; margin:0 auto;font-family: 'OPR'}
ul.cateUl >li{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s}
ul.cateUl >li{position:relative; display:block; background:url(../images/left_bg.png) center repeat-y;background-size: 100% 100%;}
ul.cateUl >li:last-child a{background: none;}
ul.cateUl >li >a{overflow: hidden;display:block; font-size:14px; color: #ffffff;text-transform:none;font-weight: bold; padding-left:20px; height: 40px;line-height: 40px;background: url(../images/li_bg.png) bottom center no-repeat;}
ul.cateUl li a i{position: absolute;right: 15px;top: 14px;}
ul.cateUl li a.active i:nth-child(1){display: none}
ul.cateUl li a i:nth-child(2){display: none;color:#56b600  }
ul.cateUl li a.active i:nth-child(2){display: inline-block;}
ul.cateUl>li ul{}
ul.cateUl>li ul>li{display:block; position:relative}
ul.cateUl>li ul>li:before{content: '';position: absolute;top: 22px;left: 20px;height: 6px;width: 6px;background: #56b600;}
ul.cateUl>li ul>li > ul >li:before{content: '';position: absolute;top: 18px;left: 35px;height: 6px;width: 6px;background: #56b600;}

ul.cateUl>li ul li > a{font-size:13px;font-family: 'Tahoma'; display:block; height:40px; line-height:40px; padding-left:30px; color:#353535; text-transform:capitalize;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;background: url(../images/li_bg.png) bottom center no-repeat;}
ul.cateUl>li ul li ul li a{font-size:13px; display:block; height:35px; line-height:35px; text-indent:20px; color:#393939; text-transform:capitalize;background:none; }
ul.cateUl>li ul li>a:hover{color:#56b600 !important; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; }
ul.cateUl>li>a:hover{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; color:#56b600; }
.active1{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; color:#f00 !important; font-weight:bold}
/* ---content end--- */
#content_end{padding: 30px 0;}
.box_end{position: relative;}

.tt_end{position: relative;margin: 0px 0 15px;}
.tt_end .title{position: relative; font-size: 20px;color: #ffffff;font-family: 'OPB';text-transform: uppercase;line-height: 35px;margin:0;background: url(../images/after_title1.png) bottom left no-repeat;padding-bottom: 10px;}
/*.tt_end .title:after{content: '';position: absolute;height:6px;width: 100px;left:0;bottom: 0; background: rgba(0,174,239,0.5);}*/

.box_scroll{margin: -5px 0 !important; }
.box-news1{position: relative;color: #666666;padding:8px 0;}
.box-news1 img{float: left;display: inline-block; margin-right: 15px !important;padding:2px;border:thin solid #dfdfdf; transition:all 0.75s;}
.box-news1 h3{font-size: 13px;height: 36px;line-height: 18px;overflow: hidden;font-weight: bold;margin: 0 0 5px;font-family: 'OPB'}
.box-news1 h3 a{color: #575757;font-family: 'OPB';}
.box-news1 h3 a:hover{color: #f00;}
.box-news1 .desc{color: #575757;font-size: 14px;font-family: 'OPR'}
.box-news1 a.chitiet{color: #f00;font-size: 14px;display: block;}
.box-news1:hover img{box-shadow: 0 0 4px 1px #ccc}

.box_ykien{background: #ffffff;min-height: 284px;padding:15px;}
.box_ykien .slick-prev{width: 36px;height: 36px;background: url(../images/left1.png);        left: 30px;top: 40%;opacity: 1;}
.box_ykien .slick-next{width: 36px;height: 36px;background: url(../images/right1.png);    right: 30px;top: 40%;opacity: 1;}
.box-yk{position: relative;color: #fff;padding:0;text-align: center;font-family: 'OPR'}
.box-yk img{border:thin solid #fff; transition:all 0.75s;border-radius: 50%;padding:2px;background: #fff;}
.box-yk h3{font-size: 18px;overflow: hidden;font-weight: normal;margin: 5px 0 5px;font-family: 'OPB';color: #312f2f;font-size: 18px;padding-bottom: 20px;margin-bottom: 10px;position: relative;}
.box-yk h3:after{position: absolute;content: '';width: 40px;height: 2px;background: #ff3434;bottom: 0px;left: calc(50% - 20px);}
.box-yk h4{font-size: 14px;font-weight: normal;margin: 0px 0 15px;color: #ffffff;}
.box-yk .desc{color: #444444;font-size: 14px;position: relative;padding:15px; padding-top: 10px;}
.box-yk .desc:before{content: '';position: absolute;width: 100px;height: 3px;background: #fff;top: -5px;left: calc(50% - 50px)}
.box-yk .desc i.fa{position: absolute;font-size: 17px;}
.box-yk .desc i.fa-1{top: 0px;left: 2px;}
.box-yk .desc i.fa-2{bottom: 0px;right: 2px;}
.box-yk:hover img{box-shadow: 0 0 4px 1px #ccc}
/* ---suport--- */
.hotro{position: relative;margin-top: 10px;}
.hotro .img_bg{}
.hotro .hotline{position: absolute;top: 12px;left:18px;font-size: 24px;color: #4b4b4b;background: url(../images/hotro_hotline.png) left center no-repeat;padding:13px 0;padding-left: 60px;}
.hotro .hotline span{font-weight: bold;color: #e90202;}
.hotro .hotline b{font-weight: normal;display: inline-block;margin-left: 12px;margin-top: 8px;}
.hotro .ht_item{margin: 5px 0;}
.hotro .dienthoai{height: 38px;line-height: 38px; padding-left:45px;background: url(../images/dienthoai.png) left center no-repeat;position: absolute;bottom: 10px;left: 18px;font-size: 24px;color: #4b4b4b;}
.hotro .dienthoai span{font-weight: bold;color: #e90202;}
.hotro .ht_item .ten{text-align: center;position: absolute;top: 85px;left: 20px;}

/* ---map home--- */
.map_home{}
#map_canvas2{height: 160px;}
/* ---- */
.wrap_tt{padding:25px 0 30px 0;}
.tt_gt{position: relative;padding-bottom:10px;margin: 20px 0 0px;overflow: hidden; }
.tt_gt .title{margin: 0; display: inline-block; font-size: 20px;color: #515151;font-family: 'UVNBaiSau_R',Tahoma;text-transform: uppercase;font-weight: bold;line-height: 30px;background: #fff;position: relative;padding-left: 20px;padding-right: 10px; font-weight: normal;}
.tt_gt .title:after{content: '';position: absolute;width: 9px;height: 27px;background: #515151;left:0;top:  calc(50% - 13px);}
/* .tt_gt .title:before{content: '';position: absolute;width: 1200px;height: 1px;background: #0074c7;left:100%;bottom: 0;} */
.box_left{width: 825px;float: left;}
.box_right{width: 345px;float: right;}
.right_box{height: 375px;overflow: hidden; box-sizing: border-box;float: left;border:1px solid #f4f4f4;background: #fafafa;padding:10px;}
.right_box .right_wrap{padding:0 10px 0 18px;}
.right_box .right_wrap div.item1{border-bottom: 1px solid #eaeaea; padding: 9px 0;position: relative;}
.right_box .right_wrap div.item1:after{content: '';width: 6px;height: 6px;background: #0192ea;    left: -14px;top: 16px;position: absolute;}
.right_box .right_wrap div.item1 a{color: #0959b6;font-size: 12px;}
.right_box .right_wrap div.item1 a:hover{color: #f00;}
.content_left{width: 410px;height: 375px;overflow: hidden; box-sizing: border-box;float: left;border:1px solid #f4f4f4;background: #fafafa;padding:10px;}
.content_left h3{font-weight: normal;margin: 0 0 10px;}
.content_left h3 a{font-size: 13px;color: #026ed4;text-transform: uppercase;}
.content_left h3 a:hover{color: #f00;}
.content_left .img{border:1px solid #c8c8c8;padding:2px;margin: 0 0 10px;}
.content_left .img img{width: 100%;transition:all 0.5s;}
.content_left .img img:hover{opacity: 0.8;}
.content_left .desc{font-size: 12px;color: #535353;text-align: justify;line-height: 23px;}
.content_right{width: 405px;height: 380px; box-sizing: border-box;float: right;margin: -4px 0 0 0 !important;}

.item_tt{position: relative;}
.item_tt .img{width: 120px;border:1px solid #c8c8c8;padding:2px;float: left;margin-right: 10px;}
.item_tt .img img{height: 80px;transition:all 0.5s;}
.item_tt .img img:hover{opacity: 0.8;}
.item_tt h3{font-size: 11px;font-weight: normal;margin-bottom: 5px;}
.item_tt h3 a{color: #404040;text-transform: uppercase;}
.item_tt h3 a:hover{color: #f00;}
.item_tt .desc{font-size: 12px;color: #646464;text-align: justify;line-height: 18px;}

/* ---thu vien--- */
.padd5{padding: 5px;}
.gallery_wrap{border:1px solid #ebebeb;background: #f8f8f8;    padding: 15px 35px;margin-top: 12px;}
.gallery {margin: 0 !important;}
.gallery img{border:1px solid #e4e4e4;}
.gallery .slick-prev{width: 35px;height: 71px;background: url(../images/button_l.png);        left: -36px;top: 36%;}
.gallery .slick-next{width: 35px;height: 71px;background: url(../images/button_r.png);    right: -36px;top: 36%;}
/* ---quang cao--- */
.quangcao{margin-bottom: 20px;}
.th_desc{}
/* ---item top--- */
.box_top_content{position: relative;padding:0px  0 0;}
.box_top_content .img{position: relative;overflow: hidden;font-family: 'RR',Tahoma;}
.box_top_content .img img{width: 100%;}
.box_top_content .img:hover img{transform:scale(1.1);}


.box_top_content .desc{text-align: center;font-family: 'RR';color: #4a4a4a;margin-top: 50px;}
.box_top_content .dm_second .list_item  {border-left: 1px solid #fff;border-bottom: 1px solid #fff;margin: 0 !important;position: relative;}
.box_top_content .dm_second .list_item  .wrap:before{content: " ";position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;border: 2px solid transparent;z-index: 100;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s;opacity: 0;}
.box_top_content .dm_second .list_item  .wrap:after{content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100;opacity: 0;transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s}
.box_top_content .dm_second .list_item:hover .wrap:after { opacity:1; }
.box_top_content .dm_second .list_item:hover .wrap:before {opacity:1;top:5px;left:5px;bottom:5px;right:5px;border:2px solid rgba(255,255,255,0.8);}

/* ---bottom content--- */
ul.tab_home{border-bottom:3px solid #0074c7;}
.tab_home .active{}
ul.tab_home > li{border: none;}
ul.tab_home > li > a{background: url(../images/tab_bg.png);color: #fff;font-family: 'RR';font-size: 16px;text-transform: uppercase;border:none;}
ul.tab_home > li.active > a{background: url(../images/tab_active.png);color: #fff;border:none;}
ul.tab_home > li.active > a:hover{color: #fff;border: none}
.tab_content{}

#hotro{margin: 0;padding:0;font-family:'RR'}
#hotro li{list-style: none;color: #000;font-size: 14px;}
#hotro li .name_ht{}
#hotro li .name_ht span{margin-right: 20px;}
#hotro li .dienthoai{}
#hotro li .dienthoai b{color: #de0101;font-size: 18px;}


.parallax-window{height: 440px;position: relative;padding: 20px;overflow:hidden;}
.top{background: #fff;height: 50px;margin-top: -7px;position: relative;}
.top:after{background: url(../images/cua_duoi.png);height:7px;margin-top: -7px;content: '';position: absolute;bottom: 100%;left: 0;right: 0;z-index: 999;}
.bottom{height: 50px;background: #fff;margin-bottom:-7px;position: relative;}
.bottom:after{height: 7px;background: url(../images/cua_tren.png);margin-bottom:-7px;content: '';position: absolute;top: 100%;left: 0;right: 0;z-index: 999;}
.parallax-window .cont{display: table;height: 100%;width: 100%;}
.parallax-window .cont .cont_cell{display: table-cell;vertical-align: middle;color: #fff;text-align: center;}

.bottom_content{position: relative;padding:30px 0 10px;margin-bottom: 20px;background: #efefef;}
.bottom_content .bottom_wrap{}
.bottom_col .wrap{max-width: 330px;}
.bt_tt{font-size: 13px;color: #535354;text-transform: uppercase;font-weight: bold;margin-top: 0}
.bt_item{max-width: 300px;background: #fff;border:thin solid #cecece;margin-bottom: 20px;}
.bt_item img{float: left;margin-right: 15px;}
.bt_item h3{float: left; font-size: 12px;color: #646464;text-transform: uppercase;padding-bottom: 15px;margin: 10px 0 5px 0;background: url(../images/tt_icon.png) bottom center no-repeat;}
.bt_item .desc{font-size: 12px;color: #646464;line-height: 1em;float: left;}
.tt_news{position: relative;background: url(../images/tt_end.png) center repeat-x;margin-bottom: 20px;margin-top: 20px;padding-bottom: 30px;}
.tt_news .title{margin: 0;font-family: 'avo';font-size: 22px;text-transform: uppercase;color: #ffffff;position: relative;padding-right: 20px;display: inline-block;}
.tt_news .title:after{content: '';position: absolute;left: 100%;top: calc(50% - 8px);width: 15px;height: 16px;}

/* ------- */
.project_item{float: left;position: relative;box-sizing: border-box;margin: 0;margin-bottom: 30px}
.project_item .wrap_km:before{content: " ";position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;border: 2px solid transparent;z-index: 100;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s;opacity: 0;}
.project_item .wrap_km:after{content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100;opacity: 0;transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s}
/* .project_item:nth-child(2n){margin-right: 0;} */
/* .project_item:nth-child(2n + 1){clear:both;} */
.project_item .wrap_km {position: relative;}
.project_item .img {overflow: hidden;}
.project_item .img img{width: 100%;}
.project_item .img a{display: block;line-height: 0;}
.project_item h3{margin: 0; position: absolute;top:auto;left: 0;bottom: 0;right: 0;text-align: center; background: rgba(0,0,0,0.6); padding:6px 15px;  overflow: hidden;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.project_item h3 a{padding:6px 0px;width: 100%; color: #fff;font-size:16px;line-height: 22px; text-transform: uppercase;font-weight: normal;display: table;overflow: hidden;font-family: 'Tahoma';text-align:  center;}
.project_item h3 a span{display: table-cell;vertical-align: middle;}
.project_item .chitiet{text-align: center;position: relative;margin-bottom: -14px;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.project_item .chitiet a{width: 88px;height: 27px;line-height: 27px; background: #0069cc;color: #fff;font-family: 'RR';font-size: 13px;display: inline-block;}
.project_item .over_lay{position:absolute;top:38%;left:0;right:0;z-index:111;text-align:center;margin-top:-20px;opacity:0;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;}
.project_item .over_lay h4{ font-family: 'Segoe UI',Tahoma; padding:3px 15px ;display:block;text-transform:uppercase;font-size:25px;color:#fff;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;text-align:center;}
.project_item .over_lay .desc{ height: 70px;background: url(../images/project_desc.png) center no-repeat;color: #fff;font-size: 14px;text-align: justify;margin-top: 10px;}
.project_item .over_lay .desc .cont{    max-width: 90%;margin: 0 auto;height: 40px;line-height: 20px;overflow: hidden;top: 15px;position: relative;}
.project_item:hover .wrap_km:after { opacity:1; }
.project_item:hover .wrap_km:before {opacity:1;top:5px;left:5px;bottom:5px;right:5px;border:2px solid rgba(255,255,255,0.8);}
.project_item:hover .chitiet{transform: scale(0);}
.project_item:hover .over_lay{margin-top:0;opacity:1;}
.project_item:hover .over_lay h4{margin-bottom:0;}
.project_item:hover .over_lay a.xemthem{margin-top:0;}
.project_item .over_lay a.xemthem:hover{color: #fff;background: rgba(240,47,162,1);}
.project_item:hover .over_lay a.xemthem:hover:after { width:100%; }
.project_item:hover img{transform:scale(1.1);}
.project_item .wrap{background: #fff;}
.project_item .over_lay h4:after{content: '';background: rgba(240,47,162,.6);height: 8px;width: 60px;top: -25px;left: calc(50% - 30px);position: absolute;}
.project_item .over_lay a.xemthem{font-style: normal;font-family: 'RR';font-size: 15px;margin-top: 60px;display: inline-block;padding: 10px 20px;background: rgba(240,47,162,.6);border-radius: 3px;color: #fff;}
.project_item:hover .over_lay a.xemthem{margin-top:20px !important;}
.project_item:hover h3{opacity: 0;}
.project_item .over_lay h4:hover{color: rgba(240,47,162,1)}

.project_item.project_in .over_lay{top: 20%;}

#at4-share{display: none !important;}


.call{background: #000000;height: 40px;;line-height: 40px;position: fixed;width: 100%;bottom: 0;left: 0;    z-index: 9999;display: none;}
.call .phone{width: 50%;text-align: center;float: left;color: #fff;border-right: thin solid #333;box-sizing: border-box;}
.call .sms{width: 50%;text-align: center;float: left;}
.call a{color: #fff;font-size: 20px}

.thongtin{background: #efefef;padding:40px 0;}
.thongtin .tt_item{}
.thongtin .tt_item .img{width: 65px;float: left;margin-right: 10px;}
.thongtin .tt_item h3{margin: 0 0 5px 0}
.thongtin .tt_item h3 a{font-size: 16px;color: #1f1959;font-weight: bold;}
.thongtin .tt_item .desc{font-size: 14px;color: #575758;}

#thongtin{padding-left: 0}
#thongtin li{list-style-position: inside;}
#thongtin li a{color: #535354;margin-left: -10px;}
#thongtin li a:hover{color: #f00;}

.banner_list{padding:10px 0; }


@-webkit-keyframes tada {
  0% {-webkit-transform: scale(1);} 
  10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {-webkit-transform: scale(1.4) rotate(3deg);}
  40%, 60%, 80% {-webkit-transform: scale(1.4) rotate(-3deg);}
  100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
  0% {-moz-transform: scale(1);}  
  10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {-moz-transform: scale(1.4) rotate(3deg);}
  40%, 60%, 80% {-moz-transform: scale(1.4) rotate(-3deg);}
  100% {-moz-transform: scale(1) rotate(0);}
}

@-ms-keyframes tada {
  0% {-ms-transform: scale(1);} 
  10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {-ms-transform: scale(1.4) rotate(3deg);}
  40%, 60%, 80% {-ms-transform: scale(1.4) rotate(-3deg);}
  100% {-ms-transform: scale(1) rotate(0);}
}

@keyframes tada {
  0% {transform: scale(1);} 
  10%, 20% {transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {transform: scale(1.4) rotate(3deg);}
  40%, 60%, 80% {transform: scale(1.4) rotate(-3deg);}
  100% {transform: scale(1) rotate(0);}
}

.tada {
  -webkit-animation: 1s ease;
  -moz-animation: 1s ease;
  -ms-animation: 1s ease;
  animation: 1s ease;
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -ms-animation-name: tada;
  animation-name: tada;
  -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
  animation-iteration-count: infinite;

}

#custom-search-input{
   padding: 3px;
   border: solid 1px #333;
   background-color: #333;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
    font-family: 'OPR';
    font-size: 14px;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #ffffff;
    padding: 0 8px 0 10px;
    border-left: solid 1px #666;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #666;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}
#muangay{width: 165px;height: 48px;background: url(../images/muahang.png);cursor: pointer;}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* lọc */
form#adv_ajaxfilter{display: block;font-family: 'OPR'}
#adv_ajaxfilter .option_box{display:inline-block;margin:0;min-width:100%;vertical-align:top;border-bottom:solid 1px #eaeaea;}
#adv_ajaxfilter select{width:99%;}
#adv_ajaxfilter .price_slider{padding:0 5px;}
#adv_ajaxfilter .price_range{display:block;margin:5px 0 18px -5px;color:#777777;}
#adv_ajaxfilter .option_values{padding-top:5px;}
#adv_ajaxfilter .option_name, #adv_ajaxfilter .attribute_group_name{cursor:pointer;padding:19px 25px 10px 19px;width:100%;color:#777777;font-size:14px;position:relative;font-weight: bold;}
#adv_ajaxfilter .attribute_group_name{font-weight:bold;font-size:15px;}
#adv_ajaxfilter .option_name:after, #adv_ajaxfilter .attribute_group_name:after{content:"\f106";color:#bbbbbb;font-family:FontAwesome;position:absolute;top:21px;right:19px;}
#adv_ajaxfilter .option_name.hided:after, #adv_ajaxfilter .attribute_group_name.hided:after{content:"\f107";}
#adv_ajaxfilter .option_box:first-child .option_name{border-top:none;}
#adv_ajaxfilter .hided{cursor:pointer;padding-bottom:19px;}
#adv_ajaxfilter .collapsible{max-height:250px;margin:0 19px 19px;overflow-x:hidden;overflow-y:auto;}
#adv_ajaxfilter .filter_image_holder{display:table;width:100%;}
#adv_ajaxfilter .filter_image_holder img{cursor:pointer;padding:2px;displat:block;float:left;border:1px solid #d9d9d9;border-radius:2px;margin:0 3px 3px 0;}
#adv_ajaxfilter .filter_image_holder input:disabled + img{cursor:default;border-color:#f5f5f5;}
#adv_ajaxfilter .filter_image_holder img.selected{border-color:#444444;}
#column-left + #column-right + #content .product-grid > div.loadmask{width:100%;}
.filters label{padding-left:30px;margin-bottom:10px;margin-top:5px;color:#333333;position:relative;cursor:pointer;display:block;    font-size: 13px;font-weight: normal;}
.filters input{display:none;margin:0;}
.filters [type=checkbox]:checked + label:before{content:"\f00c";border-radius:3px;padding-left:5px;font-size:12px;display:block !important;font-family:FontAwesome;width:22px;}
.filters [type=checkbox]:checked + label:before,
.filters [type=radio]:checked + label:before{color:#333333;}
.filters [type=checkbox] + label:before,
.filters [type=radio] + label:before{font-family:FontAwesome;width:22px;line-height:18px;height:22px;border:1px solid #dddddd;position:absolute;top:-2px;left:0;color:#ffffff;}
.filters [type=checkbox] + label:before{content:"\f00c";border-radius:3px;padding-left:5px;font-size:12px;}
.filters [type=radio] + label:before{content:"\f111";border-radius:100%;padding-left:7px;font-size:9px;line-height:20px;}
.filters [type=checkbox]:disabled + label,
.filters [type=checkbox]:disabled + label:before,
.filters [type=radio]:disabled + label,
.filters [type=radio]:disabled + label:before{opacity:0.6;cursor:default;text-decoration:line-through;}
#adv_ajaxfilter_box .clear_filter{padding:19px 20px;}
#adv_ajaxfilter_box .ui-widget-content{height:7px;background:#ffffff;border:1px solid #eaeaea;}
#adv_ajaxfilter_box .ui-slider-horizontal .ui-slider-handle{top:-8px;margin-left:-10px;}
#adv_ajaxfilter_box .ui-state-default,
#adv_ajaxfilter_box .ui-widget-content .ui-state-default{display:block;width:19px;height:19px;background:#FFF none repeat scroll 0% 0%;border:1px solid #EAEAEA;border-radius:50%;cursor:pointer;}
#adv_ajaxfilter_box .ui-slider .ui-slider-handle::before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#B2B2B2 none repeat scroll 0% 0%;position:absolute;top:4px;left:4px;}
#adv_ajaxfilter_box div.ui-slider-range.ui-widget-header{background:#f8f8f8;}
#adv_ajaxfilter_box .ui-corner-all{border-radius:0;}
#adv_ajaxfilter_box .ui-slider{margin:12px 3px 5px 4px;}

.blog_more{text-align: center;margin: 15px 0 0;}
.blog_more a{display: inline-block;padding:8px 20px;font-family: 'RR';text-transform: uppercase;color: #fff;background: rgba(240,47,162,0.6);border-radius: 3px;}
.blog_more a:hover{background: rgba(240,47,162,1)}
/* ---- */
.box_pro_home{margin: 0 -15px !important}
.box_pro_home .slick-prev,.box_pro_home .slick-next,.box_tab_end .slick-prev,.box_tab_end .slick-next {
    top: 50%;
    width: 28px;
    height:47px;
    padding: 0 !important;
    opacity: 1;  
}
.box_pro_home .slick-prev,.box_tab_end .slick-prev{left: 15px;background: url(../images/sp_left.png) !important;}
.box_pro_home .slick-next,.box_tab_end .slick-next{right: 15px;background: url(../images/sp_right.png) !important;}
.box_pro_home .slick-prev:before,.box_pro_home .slick-next:before,.box_tab_end .slick-prev:before,.box_tab_end .slick-next:before{content: '';}
.tab_hide{position: absolute !important;z-index: -1;opacity: 0;}
.tab_show{position: relative !important;z-index: 999;opacity: 1;}
/* --- */
.filter_sp{position: relative;}
.filter{position: absolute;right: 0;top: 5px;font-family: 'avo_b'}
.filter *{display: inline-block !important;margin-right: 15px;width: auto;}
.filter label{color: #0067ac;}
.filter select{font-family: 'avo';line-height: 1.5em;}
.center{width: 100%;margin-right: 0;}

.box_video{}
.box_video .wrap{text-align: center;}
.box_video .wrap img{border:thin solid #dfdfdf;padding:3px;display: block;}
.box_video .wrap h3{margin: 10px 0 10px;}
.box_video .wrap h3 a{font-family: 'RB';font-size: 15px;}


ul.box_list{margin: 0px 0 0px 0;}
ul.box_list li{display: inline-block;position:relative;height:35px;line-height:35px;background: url(../images/tab_bg.png);background-size: cover;}
ul.box_list li a{display: block;color: #2a2a2a;text-transform: none;text-align: center;font-family: 'OPB';font-size:18px;padding:0 20px;}
ul.box_list li a.selected{ position: relative;color: #ed1f24;}
ul.box_list li a.selected:after{content: '';position: absolute;width: 16px;height: 49px; background: url(../images/tt_after.png) no-repeat ;top: 0;left: 100%;}

.box_mid{padding:30px 0;}
.box_mid .wrap{display: table-cell;width: 100%;height: 100%; color: #fff;font-family: 'OPR'}
.tt_mid{font-family: 'OPB';font-size: 22px;color: #fff;text-align: center;text-transform: uppercase;padding-bottom: 25px; margin-bottom: 20px; background: url(../images/tt_tc.png) bottom center no-repeat;}
.box_mid_ct{
    height: 100%;
    min-height: 231px;
    display:table-cell;vertical-align: middle;
    padding:10px 35px;
    background: -moz-linear-gradient(90deg, #40c9fc 0, #00A0DB 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(0, 40c9fc), color-stop(100%, 00A0DB));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #40c9fc 0, #00A0DB 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #40c9fc 0, #00A0DB 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #40c9fc 0, #00A0DB 100%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: linear-gradient(90deg, #40c9fc 0, #00A0DB 100%);/* W3C */
}
ul.tc{}
ul.tc li{list-style: none;text-indent: 25px;background: url(../images/before_lydo.png) left top no-repeat; line-height: 25px;}

.fanpage{position: fixed;display: inline-block;width: 36px;height: 110px;background: url(../images/facebook.png);right: 0;top: 40%;}
.soluong{width: 60px;height: 30px;/* float: left; */margin-right: 20px;padding: 0px 10px;}
.fix_giohang{position: fixed;top: 30%;right: 0px;z-index: 99;background: #0078DE;border-radius: 5px;}
.fix_giohang a{display: block;padding: 5px;color: #fff;position: relative;}
.fix_giohang a strong{position: absolute;left: -10px;top: -5px;background: #D91F1D;color: #fff;padding: 0px 7px;border-radius: 5px;}
.center{text-align: center;}
.dathang1{display: inline-block;line-height: 30px;width: 120px;/* color: #f00; */text-transform: uppercase;border-radius: 5px; border: 1px solid #f00; font-size: 13px;cursor: pointer;background: #101010;font-family: time;color: #ffffff;font-size: 14px;}
.dathang {
    display: inline-block;
    line-height: 30px;
    width: 120px;
    color: #f00;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #f00;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
}
.dathang .fa{background: #FF0000;color: #fff;margin-right: 10px;width: 30px;display: inline-block;height: 30px;float: left;padding-top: 7px;font-size: 15px;text-align: center;}
.dathang:hover{color: #fff;background: #f00;text-decoration: inherit;}
.dathang_chitiet{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    background: #f00;
    line-height: 45px;
    color: #fff !important;
    cursor: pointer;
}
.dathang_chitiet:hover{
    background:#42AAE9 ;
}
.canhdeu{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* align-items: center; */
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.khung_dathang{
    align-self: flex-end;
    /* display:  flex; */
    /* justify-content:  center; */
    position:  absolute;
    bottom:  0px;
    width: 100%;
    float:  left;
}
.slick4{margin:0px;}
.logof{display: inline-block;min-width: 230px;}
.displayflex{display: flex;}
/*--------------------------------------------*/
#copyright {
    color: #ffffff;
    font-size: 14px;
    padding: 20px 0px;
    text-align: left;
    border-top: 1px solid;
    font-family: 'OPR';
    border-top: 1px solid #696969;
    margin-top: 30px;
}
#copyright p{
    margin-bottom: 0px;
}
.copy,.thongke{
    width: 50%;
    float: left;
}
.thongke{
    margin-bottom: 0px;
    text-align: right;
}
.thongke p{
    display: inline-block;
    padding: 0px 15px;
    border-right: 1px solid rgba(255,255,255,0.2);
    line-height: 10px;
}
.thongke p:last-child{
    border-right: none;
}
.thongke{}
.thongke p{
    font-size: 13px;
    margin-bottom: 15px;
}
.thongke img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}

/*----------------------------------------------*/
#frm_mail{
    width: 100%;
}
.left-dangky{width: 50%;float: left;line-height: 29px;display: flex;padding-top: 20px;}
.left-dangky img{
    float: left;
    margin-right: 5px;
}
.left-dangky h2{
    font-family: robotob;
    font-size: 14px;
    text-transform: uppercase;
}
.titledangky{
    font-size: 15px;
    font-family: 'RB';
    color: #ffffff;
    margin-top: 7px;
}
.right-dangky{
    width: 50%;
    float: left;
    padding: 20px 0px;
    padding-left: 50px;
    border-left: 1px solid #696969;
}
.dangkynhantin{display: inline-block;width: 100%;float: left;background: #051419;margin-bottom: 15px;}
.text-nhantin{border: none;width: calc(100% - 124px);height: 45px;outline: none;background: #ffffff;float: left;color: #000000;font-size: 14px;padding-left: 15px;box-sizing: border-box;font-family: OpenSansi;}
.text-nhantin::placeholder{
    font-family: robotor;
    color: #000000;
}
.bt-nhantin{background: #dd0004;background-size: 100% 100%;border: none;outline: none;cursor: pointer;color: #1c1c1c;font-size: 14px;padding: 12px 30px;text-transform: uppercase;font-family: 'OPB';color: #ffffff;}
.hotro-tructuyen{}
.mangxahoi{width: 50%;}
.item-hotro{display: flex;align-items: center;color: #ffffff;font-family: time;font-weight: bold;}
.item-hotro p{margin-right: 15px;font-size: 15px;max-width: 30%;width: 30%;}
.item-hotro span{font-size: 17px;color: #ff3434;}

.fb-comments ._50f7{color: #ffffff;}

.baolistvideo .slick-slider{margin:0px;}


.baomapf{height: 453px;position: relative;}
.left-map{width: 320px;position: absolute;left: 80px;top: 20px;height: 100%;max-height: 410px;background: #ffffff;overflow: hidden;-webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);}
.list-chinhanh{max-height: 364px;overflow-y: scroll;background: #ffffff;width: 100%;max-width: 480px;height: 100%;padding-left: 15px;}


.result-map{width: 100%;height: 100%;}

.title-chinhanh{
    font-size: 20px;
    color: #ffffff;
    padding: 15px;
    margin: 0;
    display: block;
    background: #00a1de;
    text-align: center;
    position: sticky;
    top: 0;
    left: 0;
    font-size: 15px;
}
.list-chinhanh{padding-left: 0px;background: #f8f8f8;}
.item-chinhanh{cursor: pointer;padding: 10px;}
.item-chinhanh:hover{background: #f2f2f2;}
.item-chinhanh h2{
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}
.item-chinhanh h2{font-size:14px;color: #333333;font-family: 'RR';font-weight: bold;}
.item-chinhanh h2 i{color: #c80000;margin-right: 5px;}
.item-chinhanh p a {color: #da0000;font-family: 'RR';}
.item-chinhanh p{font-family: "Roboto",helvetica,arial,sans-serif !important;color: #4a4a4a;font-size: 14px;}
.item-chinhanh a i{margin-right: 5px;color: #737373;}

.scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #cccccc;
}
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #cccccc;
}
/*#wowslider-container1{max-width: 100%;margin:0px;}
#wowslider-container1 .ws_images{max-width: 100%;}
#wowslider-container1 .ws_images iframe{left: 0px;}*/
.transition {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.item-banner {
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    min-height: 427px;
    position: relative;
}
.item-banner-video{position: absolute;left: 0px;top: 0px;bottom: 0px;right: 0px;}
.slick-slidertop{margin:0px!important;}
.slick-slidertop .slick-slide img{width: 100%;}

.noidungf,.thongke p{color: #ffffff;}
/* ==== */
.slider_tc { display: none; margin: 0 -10px !important; }
.box_vs { padding: 30px 0; position: relative; background: #f2f2f2; }
.box_vs .item_tc { position: relative; padding: 0 10px; }
.box_vs .item_tc .wrap { position: relative; display: flex; align-items: center; }
.box_vs .item_tc .img { position: relative; transition: all 0.5s; float: left; margin-right: 10px; padding: 15px; background: #00A1DE; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; }
.box_vs .item_tc .img img { transition: all 0.5s; display: inline-block; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; }
.box_vs .item_tc h3 { font-size: 15px; font-family: OPB; text-transform: uppercase; position: relative; margin: 8px 0 10px; color: #000; font-weight: bold; }
.box_vs .item_tc h3 a { color: #000000; text-align: center; }
.box_vs .item_tc h3 a:hover { color: #f00; }
.box_vs .item_tc .desc { font-family: OPR; font-size: 14px; color: #575757; white-space: inherit; }
.box_vs .item_tc:hover .img img { transform: scale(1.1); }