@charset "utf-8";
@import "animate.css";



/* 
     
@import url("../fonts/UTMCookies/UTMCookie.css");
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
        font-family: "UVNAnhHai_B.TTF";font-family: "UVNAnhHai_B.TTF";
  font-family:'MYRIADPRO-REGULAR';
  @font-face {
  font-family: "utmcookie";
  src: url("../fonts/UTMCookies/UTMCookie.eot");
  src: url("../fonts/UTMCookies/UTMCookie.eot?#iefix") format("embedded-opentype"),
  url("../fonts/UTMCookies/UTMCookie.woff") format("woff"),
  url("../fonts/UTMCookies/UTMCookie.ttf") format("truetype"),
  url("../fonts/UTMCookies/UTMCookie.svg#UTMCookie") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*/
@font-face {
    font-family: 'body';
    src: url('../font/OpenSans-Regular.ttf');
}
@font-face {
    font-family: 'menu';
    src: url('../font/OpenSans-Semibold.ttf');
}
@font-face {
    font-family: 'tieude';
    src: url('../font/OpenSans-Bold.ttf');
}
b,strong,h1,h2,h3,h4,h5,h6{
    font-family: 'tieude';
}
body {
    text-rendering: optimizelegibility;
    color: #444242;
    font-family: 'body';
    font-size: 12px;
    line-height: 1.5;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background: #fff;
    width: 100%;
}
*{
    outline:none!important;
}
img
{
    margin: 0;
}
ul, ol {
}
a, ul, li {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.clear
{
    clear: both;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.container {
    width: 1200px !important;
    padding:0;
    position: relative;

}
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices,.stButton .stButton_gradient {
    height: 22px !important;
}
.map{width:100%;height: 190px;}
/* ************* main_structure*/
.doitac-box {
}
.doitac-box a {
}
.doitac-box h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #414042;
    font-size: 12px;
    text-transform: uppercase;
}
.doitac-box p {
    color: rgb(68, 66, 66);
}
.doitac-box .doitac-img {
    text-align:center;
}
.doitac-box .doitac-img img {
    border:5px solid #efefef;background:#fff;
    border-radius:50%;
}
#khungdoitac {
    background: white;
    padding: 20px 0;
}

#owl_doitac{margin-bottom:0;}
#owl_doitac .slick-track{
    margin:0px auto;
}
#khungdoitac .bx-wrapper .bx-prev {
    left: -34px;
}
#khungdoitac .bx-wrapper .bx-next {
    right: -34px;
}
.pro-hot-title {
    
    font-family: Roboto-Bold;
    font-size: 30px;
    color: #0054a6;
    text-transform: uppercase;
    text-align:center;
}
#khungdoitac .bx-wrapper .bx-viewport {
    border: 0;
    left: 0;
    box-shadow: none;
}
#wrapper_main {
    /* background: url(../images/web-bg.png) repeat 0 0; */
    width: 1349px;
    margin: 0 auto;
    position: relative;
}
#menu_hu{
    width: 327px;
    height: 342px;
    float: left;
}
#menu_hu a{
    font-family: 'fontC';
    font-size: 12px;
    text-transform: uppercase;
    color: white;

}
.row_1{
    float: left;
    width: 162px;
    height: 342px;

}
.row_2{
    float: right;
    width: 162px;
    height: 342px;

}

.col_1{
    width: 162px;
    height: 93px;

    margin-top: 2.5px;
    margin-bottom: 2.5px;

}
.col_2{
    width: 162px;
    height: 147px;

}
.col_row_1{
    float: left;
    width: 79px;
    height: 147px;

}
.col_row_2{
    float: right;
    width: 79px;
    height: 147px;

}
.menu_text{
    float: left;width: 79px;
    text-align: right;
    padding-top: 32px;
}
.menu_hinh{
    float: right;width: 79px;
    text-align: left;
}
.menu_text a{

}
.menu_hinh a{
    line-height: 7.7;
}

.menu_text_2{
    padding-top: 20px;
    width: 79px;
    height: 63px;
    text-align: center;
}
.menu_hinh_2{

    width: 79px;
    text-align: center;
}
.col_1:hover a{
    color: yellow!important;
}
.col_1:hover img{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;

}

.col_row_1:hover a,.col_row_2:hover a{
    color: yellow!important;
}
.col_row_1:hover img,.col_row_2:hover img{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;

}

#slide_show {
    width: 100%;
  
    /* position: absolute; */
    z-index: 1;
    /* padding-bottom:9px;
              background:#FFF url(../images/slide_show_bg.png) left bottom repeat-x; */
    margin: 0 auto;
    /* height: 350px; */
 
}
#slide_show .camera_pag{
    position: absolute;
    bottom: 0;
    width: 100%;
}
#slide_show .camera_wrap{margin-bottom: 0 !important;}
#slide_show .camera_wrap .camera_pag .camera_pag_ul{text-align:center}
#slide_show .bx-wrapper .bx-viewport, #slide_show .bx-wrapper img {/* height: 480px; */}
#slide_show {
}
#slide_show .opacity-slider {
    width: 100%;
    height: 342px;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
#slide_show .slide-show-container {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
}
#slide_show .slide-show-container .wrap {
}
#slide_show .slide-show-container .new-design {
    position: absolute;
    left: 334px;
    top: 126px;
    z-index: 20;
}
#content_container {
    margin: 0px auto;
    /* background: #ebeaea; */
    position: relative;
    z-index: 1;
    margin-top: 10px;
}
.home #content_container {margin-top:0}
#content_container>div.container {
    position: relative;
}
#main_content {

}
/* ***************sidebar */
.sl-doitac-item{text-align:center;border-bottom: 1px dotted #000 !important;padding-bottom: 10px;margin: 0 10px;}
.sl-doitac-item .img{
    background: url(../images/imgbg.png) no-repeat center bottom;
    padding-bottom: 20px;
}
.sl-doitac-item .img img{display:inline-block}
.sl-doitac-item h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    margin: 0;
    color: #23c4cd;
}
.sl-doitac-item p{
    margin: 0;
    color: #000;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
}
.sl-doitac-item p span{
    color: #f00;
}
#spnb_scroller{}
#spnb_scroller li{}
#spnb_scroller li a{}
#spnb_scroller li a .img{
    text-align: center;
}
#spnb_scroller li .img img{
    display: inline-block;
    max-width: 100%;
}
/*sb tintucnb*/
#newsnb_scroller{
    
}
#newsnb_scroller li{
       height: 140px!important;
}

#newsnb_scroller li  a{
    color: #222222;
    font-size:14px;
}
#newsnb_scroller li .info{padding-top: 10px;padding-bottom: 10px;margin-bottom:30px;margin-top: 10px;
    
}
#newsnb_scroller li .info .img{float:left;padding-left:80px;position:relative;}

#newsnb_scroller li .info .img img{max-width: 100%;border:1px solid #d2d2d2}
#newsnb_scroller li .info .desc{width:300px;float:right;
     
    text-align:justify;
    font-size:13px;
    color:#3e3e3e;
}

/* #newsnb_scroller li a{}
 #newsnb_scroller li a h5{
 
}
 #newsnb_scroller li a .desc{

}*/
#sidebar {
    width: 270px;
    float: left;
}
#sidebar2 {
    width: 240px;

    float: right;
}
#sb_container {
    display: inline-block;
    width: 100%;
}
.sb-item {
    margin-bottom: 50px;
    position: relative;
    background: #fff;
  
    
}
.sb-item-title {
   
    width:270px;
    height:40px;
    background:url('../images/title_left.png')no-repeat top left;   
    margin: 0;
    font-weight: normal;
   
    color: #fff;
    font-size: 17px;
    font-family: 'Roboto-Bold';
    text-align: center;
    text-transform: uppercase;
    
}
.sb-item-title p {
    margin: 0;
    line-height:40px;
}
#sb_fanpage {
    overflow: hidden;
}
.video-box img {
    width: 100%;
    height: 196px;
}
.video-box h4 {
    text-align: center;
    font: normal 15px arial;
    color: #4e4e4e;
    margin: 15px 0;
    transition: color .3s ease-in-out;
    font-family: 'Roboto Condensed', sans-serif;
}
.video-box a {
}
.video-mark {
    background: rgba(0,0,0,0.59) url(../images/video_icon.png) center center no-repeat;
    width: 264px;
    height: 196px;
    position: absolute;
    top: 10px;
    /* display: none; */
}
.video-box:hover h4 {
    color: #f00;
}


/* *************banner */
.cart {

}
.cart img {
}
#banner_main {
    /* margin-bottom: 4px; */
    position: relative;
    
    z-index: 2;

}
.name_banner{
    width: 600px;height:30px;
    margin: 0px auto;
    text-align: center;
}
.name_banner p{
    font-family: 'fontA';
    font-size:15px;
    color: #fff;   
    
}
.thongtin-bn{
    
    position: relative;height:90px;background:#fff;
}
#bn_top {
    /* background:url(../images/banner.png) no-repeat top center; */
}
#bn_container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 1;
}

.hotline-frame {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 84px;
}
.bn-img {
    /* width: 100%; */
    display: block;
    /* text-align: center; */
}
.bn-img .logo {
    position: absolute;
    top: 22px;
    left: 80px;
    z-index: 100;
    height: 45px;
    transition: all 0.4s;
}
.bn-img .bn {
    position: relative;
    width: 100%;
    
}
.bn-widget{
    width:202px;
    height:68px;
    position: absolute;    right: 80px;
    top: 15px;
    background: url(../images/icon_hotline.png) no-repeat left center;padding-left: 20px}
.bn-widget p{
    line-height:68px;
    margin: 0;
    color: #ffff00;
    font-family: 'RobotoCondensed-Bold';
    font-size: 20px;

   }
 .bn-widget p span{
   
}  
.bn-widget .thoigian {color:#fff}
.bn-widget .diachi{
    color:#005c2f;

}


.bn-hotline {
    margin: 0;
    text-align: center;
}
.bn-hotline a {
    color: #f8815c;
    background: url(../images/hotline.png) no-repeat 0 0;
    padding-left: 37px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 30px;
    display: inline-block;
    font-weight: bold;
}
.bn-diachi {
    color: #393939;
    font-size: 15px;
    position: absolute;
    right: 95px;
    top: 135px;

    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.bn-user {
    position: absolute;
    right: 0;
    top: 10px;
}
.bn-user a {
    display: inline-block;
    font: 12px arial;
    color: #fff;
    padding-left: 24px;
    height: 20px;
    line-height: 20px;
    margin-left: 22px;
}
.bn-user .dangkybtn {
    background: url(../images/icon_dangky.png) 0 0 no-repeat;
}
.bn-user .dangnhapbtn {
    background: url(../images/icon_dangnhap.png) 0 0 no-repeat;
}
/* **************footer_menu */
.thongke-ft {
    width: 50%;
    float: right;
    text-align: right;
    margin-top: 10px;
}

.thongke-ft p {
    margin: 0;
    color: #fff;
    font: 12px arial;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
}
.online-ft {
    background: url(../images/online.png) no-repeat 0 center;
    padding-left: 30px;
}
.tong-ft {
    background: url(../images/tong.png) no-repeat 0 center;
    padding-left: 30px;
}
.dangkymail-main {
    background: #fff;
    padding: 10px 20px;
    position: relative;
}
.dangkymail-main p {
    margin: 0;
    display: inline-block;
    margin-right: 40px;
}
.ft-nav {
    text-align: center;
}
.ft-nav a {
    color: #fff;
    font: 17px Arial;
    display: inline-block;
    margin: 0 5px;
}
.ft-nav a.ft-nav-line {
    width: 3px ;
    height: 9px;
    background: url(../images/ft-nav-bg.png) 0 center no-repeat;
}
/* **************footer */

.ft-title {
    color: #9e0104;
    text-transform: capitalize;
    margin: 0;
    font-size: 14px;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.ft-title-small{font-size:13px;margin-bottom: 30px;margin-top: 11px;}
h1.ft-title {

    font-family: "UVNAnhHai_B.TTF";

    font-size: 20px;
}
#footer {
    position:relative;
    width: 100%;
    margin: 0px auto;
    background: #333333;
    padding:0px 0px;
    color: #adadad;
}
#ft_info1 *,#ft_info2 * {
    font-family: 'Times New Roman';
    font-size: 18px;
    margin: 0;
    line-height: 21px;
}
#ft_info1 h5.title,#ft_info2 h5.title {
    text-transform: uppercase;
    color: #3085c4;
    font-family: 'Times New Roman';
    font-size: 22px;
    margin-top: 20px;
}
#ft_container {
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 50px 0px ;
}
#footer_bt {
    background: #515151;
    padding: 15px 0;
}
#ft_info {
}
#ft_bottom {
    background: #fff200;
    border-top: 1px solid #e6da00;
}
#ft_bottom > div {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
}
.copy_line{
    width:100%;
    border-top:1px solid #0068ac;
    padding:20px 0px;
}
.copyright-wrap{
    text-align: right;
    width:100%;
    font-size: 12px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background: #333333;
    border-top: 1px solid #565555;
}
.copyright {
    color: #fff;
    font-size: 13px;
    margin: 0;
    padding: 15px 0;
    /* font-family: 'fontE'; */
}
.copyright span {
   color: #7eff00;
}
.thongkeft {
     position: absolute;
    top: 15px;
    right: 240px;

}
.thongkeft p{
    
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
    font-size:13px;color:#fff;
}
.thongkeft p span{
    color:#aefb63;
}
#top {
    /* background: url(images/icon_gotop.png) no-repeat 0 0; */
    cursor: pointer;
    display: none;
    width: 110px;
    height: 58px;
    z-index: 100000;
    display: inline-block !important;
}
#top img{
    width:100%;
}
.thongkeft p:after{}
.thongkeft p:last-child:after{display:inline}
#ft_bottom .thongke-ft {
    float: right;
    font: 13px arial ;
    color: #000;
    background: url(../images/thongkeicon.png) 0 0 no-repeat;
    padding-left: 30px;
}
.ft-info {
    float: left;
    width: 440px;
    margin-right: 20px;
}
.ft-content{float:left;width:246px;padding-left: 60px;}
.ft-content ul{
    padding: 0;
    margin: 0;
}
.ft-content ul li{}
.ft-content ul li a{
    font: 13px arial;
    color: #fff;
}
.ft-content.borderft{background-image:url(../images/ft-border.png),url(../images/ft-border.png);
                     background-position:left top,right top;
                     background-repeat:no-repeat;}
.ft-thongke{float:right;width: 180px;}
.ft-map{float: left;margin-right: 20px;width:305px}
.ft-info div {
}
.ft-info div * {
   
    margin: 0;
    line-height: 24px;
    font-size: 15px;
    font-family: 'tahoma';
}
.ft-dkmail {
    float: right;
    width: 329px;
    position: relative;
    margin-left: 10px;

}
.mail-desc{
    text-transform: inherit;
    color: white;
    font-family: 'tieude';
    font-size: 15px;
    text-transform:uppercase;
    padding-bottom:10px;
    margin-top:0px;
}
.mail-desc a{
    color: #adadad;
}
.fanpageplace {
    overflow: hidden;
    height: 74px;
}
/* ************* menu_top*/
.show-menumb-icon {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    margin: 0;
    background: none !important;
    background-color: #DF0000 !important;
}
.show-menumb-icon i{
    /* color: #fff; */
    /* font-size: 30px; */
    /* position: absolute; */
    /* left: 10px; */
    /* top: 10px; */
}
.show-menumb-icon span{
    display: block;
    margin-top: 0;
    color: #fff;
    font-size: 23px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding-left: 20px;
}
.menulogo {
}
.menulogo img {
    position: relative;
    top: 22px;
    width: 64px;
    height: 55px;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    left: 21px;
}
.menulogo img:hover {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
#main_menu {
    width: 820px;
    margin: 0 auto;
    z-index: 100;
    background:url(../images/banner.png)repeat top left;
    height:90px;
    position: absolute;
    bottom: 0px;
    right: 80px;
}
#main_mn_container {
    z-index: 120;
    width: 100%;
    margin: 0 auto;
    /* background: url(../images/main_menu_bg.png) repeat 0 0; */
}
#mn_top ul,
#mn_top li,
#mn_top span,
#mn_top a {
    margin: 0;
    padding: 0;

}
#mn_top {
   
}
#mn_top:after,
#mn_top ul:after {
    content: '';
    display: block;
    clear: both;
}
#mn_top a {

}
#mn_top >ul {
    /*  display: inline-block;*/

}
#mn_top ul {
    list-style: none;
    display: inline-block;
}
#mn_top > ul > li {
    height: 90px;
    display: inline-block;
    float: left;
    margin: 0;
 
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 90px;border-bottom:3px solid #fff;
}
#mn_top > ul > li:first-child {/* background:none */}
#mn_top > ul > li:last-child,#mn_top > ul > li.homeicon {
    /*background:none*/
}
#mn_top.align-center {
    text-align: center;
}
#mn_top.align-center > ul > li {
    float: none;
}
#mn_top.align-center ul ul {
    text-align: left;
}
#mn_top.align-right > ul {
    float: right;
}
#mn_top.align-right ul ul {
    text-align: right;
}
#mn_top > ul > li > a {
    font-size: 15px;
    color: #151515;
    position: relative;
    text-transform: uppercase;
    /* font-family: 'fontA'; */
}
#mn_top > ul > li > a >span {
    padding: 0 6px;
    line-height:2;
    box-sizing: border-box;
    position: relative;
}
#mn_top > ul > li.homeicon > a >span {
    padding: 0;
    padding-left: 15px;
}
#mn_top > ul > li.menulogo > a >span {
    padding: 0 119px;
}
#mn_top > ul > li > a >span.hovered {
    background: none !important;
}
#mn_top > ul > li:first-child > a {
}
#mn_top.align-right > ul > li:first-child > a,
#mn_top.align-center > ul > li:first-child > a {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#mn_top.align-right > ul > li:last-child > a {
    border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
}
#mn_top > ul > li.active > a,
#mn_top > ul > li:hover > a {
   
}

#mn_top > ul > li.active ,
#mn_top > ul > li:hover  {border-bottom: 3px solid #8e9538;}

#mn_top > ul > li.active > a >span,
#mn_top > ul > li:hover > a >span {
 
}
#mn_top .has-sub {
    z-index: 10;
   
}
#mn_top .has-sub:hover > ul {
    display: block;
}
#mn_top .has-sub ul {
    display: none;
    position: absolute;
    width: 200px;
    top: 100%;
    left: 0;
    background: #9a970e;
}
#mn_top.align-right .has-sub ul {
    left: auto;
    right: 0;
}
#mn_top .has-sub ul li {
    *margin-bottom: -1px;
    position: relative;
}
#mn_top .has-sub ul li a {
    /*background: url('../images/color_menu.png')repeat-x top left;*/
    border-bottom: 1px dashed #fff;
    font-size: 15px;
    filter: none;
    display: block;
    line-height: 120%;
    padding: 10px;
    color: #fff;
    text-align: left;
    font-family: 'fontA';

}
/* #mn_top .has-sub ul li:hover a {
  background: #0c7fb0;
} */
#mn_top ul ul li:hover > a {
     background: #EC0000;
    color: #fff;
}
#mn_top .has-sub .has-sub:hover > ul {
    display: block;
}
#mn_top .has-sub .has-sub ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}
#mn_top.align-right .has-sub .has-sub ul,
#mn_top.align-right ul ul ul {
    left: auto;
    right: 100%;
}
/* #mn_top .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #31b7f1;
} */
/* #mn_top .has-sub .has-sub ul li a:hover {
  background: #0a6d98;
} */
#mn_top ul ul li.last > a,
#mn_top ul ul li:last-child > a,
#mn_top ul ul ul li.last > a,
#mn_top ul ul ul li:last-child > a,
#mn_top .has-sub ul li:last-child > a,
#mn_top .has-sub ul li.last > a {
    border-bottom: 0;
}
#acormenu > ul > li > a i {
    float: right;
}
#mn_top > ul > li.homeicon img {
    width: 70px;
    height: 75px;
}
#acormenu > ul > li > a i {
    float: right;
}
/* ****hotrotructuyen***** */
.p_left{
    background:#fafafa;
    padding:20px;border:1px solid #eaeaea;
}
.sb-hotline{  background:url(../images/icon_phone.png)no-repeat top left;
                padding-left:70px;
                height:60px;
 }
.sb-hotline p{   font-size:16px;color:#2f2f2f;font-weight:bold;}
.sb-hotline p span{   font-size: 22px;   color: #ff0000; font-family:'fontD'; }
.hotrotructuyen{   padding: 0;   margin: 0; }
.hotrotructuyen li{   position: relative;padding: 20px 0px;margin: 0;  
                    background:url(../images/line_left.png)no-repeat bottom center;
}
.hotrotructuyen li p{   margin:0px;}
.hotrotructuyen li:last-child{}
.hotrotructuyen p{   font-size: 14px;   font-family: 'arial';   color: #3e3e3e;   margin-bottom: 9px;   line-height: 19px; }
.hotrotructuyen .name_icon{
    float:left;
}
.hotrotructuyen .name{
    float:right;font-size:14px;color:#000000;margin-right:20px;
}
.hotrotructuyen .name span{
    font-size:16px;color:#ff0000;font-weight:bold;
}
.hotrotructuyen .mail span{color:#3e3e3e}
.hotrotructuyen .phone{   background: url(../images/hotline-icon.png) no-repeat 0 0; }
.hotrotructuyen .phone span{color: #f00;font-size: 16px;}
.hotrotructuyen .email{   background: url(../images/mail.png) no-repeat 0 0;   }
.hotrotructuyen .skypeicon{   position: absolute;   right: 10px;   top: 10px; }
.supportd .hotrotructuyen .skypeicon{position:initial}
.title{
    color:#fff;font-size:14px;font-family:'Roboto-Light';
}

.sl-news-item{
    background:#fff;border:1px solid #dbdbdb;padding:7px;text-align:center;
    margin-bottom:20px;border-bottom:3px solid #dbdbdb;transition: all 1.2s ease 0s;
}

.sl-news-item h4{
    font-weight:normal;
    font-family:'OpenSansRegular';  
    font-size:14px;
    color:#222222;
    
}
.sl-news-item:hover {
    border:1px solid #1fb8e0;
    border-bottom:3px solid #1fb8e0;
    transition: all 1.2s ease 0s;
}
/*****************tienichweb*/
#tienichweb ul {
    padding: 0px 10px;
    list-style-type: none;
}
#tienichweb li {
    padding: 7px 3px;
}
#tienichweb li a {
    font-family: 'Arial';
    color: #000;
    font-size: 12px;
    padding-left: 30px;
}
#tienichweb .vang,#tienichweb .chungkhoan,#tienichweb .thoitiet,#tienichweb .ngoaite {
    background-position: 0px center;
    background-repeat: no-repeat;
}
#tienichweb .vang {
    background-image: url(../images/vang.png);
}
#tienichweb .chungkhoan {
    background-image: url(../images/chungkhoan.png);
}
#tienichweb .ngoaite {
    background-image: url(../images/ngoaite.png);
}
#tienichweb .thoitiet {
    background-image: url(../images/thoitiet.png);
}
/* *************thong_ke_truy_cap */
#thongketruycap {
}
#thongketruycap >p {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;

    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    margin-bottom: 3px;
}
#thongketruycap {
    padding: 0;
    list-style-type: none;
    /* text-align: center; */
    /* display: inline-block; */
    margin-top: 10px;
}
#thongketruycap li {
}
#thongketruycap li p {
    color: #fff;
    margin: 0;
    font-size: 12px;
    margin-bottom: 6px;padding:2px;
    font-family: arial;
    padding-left: 30px;
}
#thongketruycap li p span {
}
#thongketruycap .tktc-online {
    background: url(../images/online.png) no-repeat;
}
#thongketruycap .tktc-tuan {
    background: url(../images/tuan.png) no-repeat;
}
#thongketruycap .tktc-thang {
    /* background: url(../images/thang.png) no-repeat; */
}
#thongketruycap .tktc-tong {
    background: url(../images/tong.png) no-repeat;
}
#thongketruycap .tktc-online,#thongketruycap .tktc-tuan,#thongketruycap .tktc-thang,#thongketruycap .tktc-tong {
    background-position: 0 0px;
}
/* thongketruycap2 */
#thongketruycap2 {
    position: absolute;
    left: 0;
    top: 65px;
}
#thongketruycap2 ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 20px;
}
#thongketruycap2 ul li {
}
#thongketruycap2 ul li p {
    font: bold 12px Arial;
    color: #ffff00;
    padding: 3px 0;
    padding-left: 30px;
}
#thongketruycap2 ul li p span {
    color: #fff;
    font-weight: normal;
}
#thongketruycap2 ul .tktc-online {
    background: url(../images/online.png) no-repeat;
}
#thongketruycap2 ul .tktc-tuan {
    background: url(../images/tuan.png) no-repeat;
}
#thongketruycap2 ul .tktc-thang {
    background: url(../images/thang.png) no-repeat;
}
#thongketruycap2 ul .tktc-tong {
    background: url(../images/tong.png) no-repeat;
}
#thongketruycap2 ul .tktc-online,#thongketruycap2 ul .tktc-tuan,#thongketruycap2 ul .tktc-thang,#thongketruycap2 ul .tktc-tong {
    background-position: 8px 4px;
}
/* **************maxh */
.maxh {
    padding: 0;
    list-style-type: none;
    margin: 0;
  
}
.maxh .title{margin:0;display:inline-block}
.maxh li {
    display: inline-block;
}
.maxh li a {
    position: relative;
}
.maxh li a span {
    position: absolute;
    font: bold 12px Arial;
    text-transform: uppercase;
    color: #fff;
    top: -10px;
    left: 40px;
}
.maxhft {



    color: #fff;

    position: relative;

    left: 0;
}

/* ***************free_tran*/
.free_tran {
    position: absolute;
    top: 18px;
    right: 0px;
}
.free_tran ul li {
    float: right;
    margin-left: 5px;
    margin-top: 17px;
}
.lang_con {
    display: block;
}
.lang_con span a img
{
}
.lang_con span a span
{
    float: left;
    font-family: 'UTM Alexander';
    color: #0a46e4;
    font-size: 12px;
    line-height: 26px;
    padding-right: 7px;
}
/*------------Search box----------*/
.desc-timkiem {
    position: absolute;
    top: 8px;
    left: 5px;
    font: bold 11px arial;
}
.timkiem {
    background: url(../images/background_search.png) no-repeat left top;
    width: 217px;
    height: 34px;
    margin: auto;
    position: absolute;
    top: 13px;
    right: 0px;
    z-index: 999;
}
.box_search {
    width: 217px;
    height: 28px;
    line-height: 28px;
    border: none;
    color: #d2d2d2;
    font: 12px Arial;
    text-indent: 10px;
    background: none;
    outline: none;
}
.btn_search {
    cursor: pointer;
    display: block;
    width: 46px;
    height: 32px;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    text-indent: -9999999999px;
    overflow: hidden;
    position: absolute;
    top:0px;right: 0px;
}
/*------------Search box----------*/
.ft-dkmail_bottom p{
    
}
.ft-dkmail_bottom span{

}

#form_dk {
    
    width: 100%;
    height: 60px;
    display: inline-block;
    position:relative;
    
}
#txtMail {
    position:absolute;
    bottom: 0px;
    left: 0px;
    width: 810px;
    height: 60px;
    line-height: 60px;
    border:1px solid #d7d7d7;
    color: #000;
    font: 12px Arial;
    text-indent: 10px;
    background: #fff;
    outline: none;
    
}
#txtHoten {
    width: 100%;
    height: 27px;
    line-height: 27px;
    border: none;
    color: #000;
    font: 12px Arial;
    text-indent: 10px;
    background: white;
    outline: none;
    margin-bottom: 5px;
    border-radius: 5px;
}
#txtnoidung{
    width: 100%; 
    border: none;
    color: #000;
    font: 12px Arial;
    text-indent: 10px;
    background: white;
    outline: none;
    margin-bottom: 5px;
    border-radius: 5px;
}
#registerMail {
    cursor: pointer;
    display: inline-block;
    width: 170px;
    height:60px;
    background: #abbd49;
    color:#fff;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-transform:uppercase;
    line-height: 60px;
    text-align: center;
    /* font-weight: bold; */
    font-family: 'tieude';
}
/* ****************contact_tpl */
.tablelienhe label span img {
    position: absolute;
    left: 0px;
    top: 10px;
}
.tablelienhe label {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    min-width: 100px;
    font-weight: bold;
    text-align: right;
    position: relative;
    margin-right: 15px;
}
.tablelienhe .input_block {
    margin: 0 0 10px 0;
}
.tablelienhe .input_item {
}
.tablelienhe .input,.tablelienhe textarea {
    display: block;
    width: 82%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.tablelienhe textarea {
    margin-top: 10px;
    overflow: auto;
    height: auto;
}
.tablelienhe .input,.tablelienhe textarea {
    width: 91%;
}
.tablelienhe .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.button {
    -webkit-appearance: none;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: none;
    -webkit-writing-mode: horizontal-tb;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 34px;
    letter-spacing: normal;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    text-align: center;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-transform: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    word-spacing: 0px;
    writing-mode: lr-tb;
}
.button:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
#main_contact
{
    margin: 0px auto;
    width: 100%;
    margin-top: 10px;
}
.contact-content {
}
.bando {
    padding-top: 10px;
}

.left-content {
    float: left;
    width: 265px;
    box-sizing: border-box;
    padding: 10px 10px 30px;
}
.right-content {
    width: 780px;
    float: right;

}

/*idx tpl*/
/*index top */
.spmoi{
    border: 1px solid #eeecec;
}
.spmoi-main{
    padding: 7px 0;
}
.spmoi-item{}
.spmoi-box{
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
}
.spmoi-box a{}
.spmoi-box a .img{}
.spmoi-box a .img img{
    display: inline-block;
}
.spmoi-box a h3{
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    border-top: 1px solid #e9e9e9;
    padding-top: 10px;
    margin-top: 5px;
}
.spmoi-box a p{
    margin: 0;
    color: #666666;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
}
.spmoi-box a span{
    color: #f00;
}
.product-wrap{padding:20px}
.idx-content{}
.idx-title{
    background: url(../images/main_title_bg.png) no-repeat center bottom;
    text-align: center;
    margin-bottom: 37px;
}
.spmoi .idx-title{
    background: url(../images/idx_title_2_bg3.png) repeat-x 0 0;
}
.idx-title p{
    margin: 0;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 28px;
    color: #23c4cd;
    background: url(../images/idx_title_2_bg2.png) repeat 0 0;
    text-transform: uppercase;
    -webkit-text-stroke: .2px white;
    text-shadow: 2px 2px 0.3px rgba(0, 0, 0, 0.75);
    padding: 36px 0 27px;
}
.index-top{}
.index-tl{
    float: left;
    max-width: 270px;
    width: 30%;
    display: none;
}
.index-tl ul{
    padding: 0;
    border-color: #f0f0f0;
    border-style: solid;
    border-width: 0 1px 1px;
}
.index-tl li{
    background-image:url(../images/accor_bg.png),url(../images/accor_mn_it.png);background-position: center -5px, 20px 19px;
    background-repeat:no-repeat}
.index-tl li a{
    font-family: 'MYRIADPRO-REGULAR';
    display: block;
    color: #000;
    font-size: 15px;
    padding: 14px 5px 14px 40px;
}
.index-tr{
    float: right;
    width: 100%;
}
/* ****************product-tpl */

#pro_demo{margin-top: 20px;}
.pr-box-frame {width: 18.4%;margin-right:2%;float:left;/* width: 100%; */text-align: center;margin-bottom: 20px;}
.pr-box-frame.mgr0-3i{margin-right:0;}
.pr-box-frame.mgr0-4i {margin-right:0;}
.pr-box-frame.mgr0-5i {/* margin-right:0; */}
.pr-box {
    /* display: inline-block; */
    padding-bottom:10px;
    margin: 0 auto;
    width: 224px;
    float: left;
    text-align: center;
    border: 1px solid #d0d0d0;
    padding: 10px;
    margin-right: 11px;
    margin-bottom: 30px;
    /* background: url(../images/boxbg.png) no-repeat center bottom; */
    position: relative;
    transition: all .3s linear;
}
.products-wrap .pr-box,#pro_demo .pr-box{}
.products-wrap .pr-box.mgr0-4i,#pro_demo .pr-box.mgr0-4i{margin-right:0;}

.pr-box.mgr0-5i{margin-right:0}
.pr-box.mgr0-5i:after{clear:both;}
.pr-box:after {content: url(../images/boxbg.png);position: absolute;width: 152px;bottom: -12px;left: 37px;}
.pr-box h3 a{
    color: #23c4cd;
}
.pr-box h3{
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    /* background: url(../images/img-pattern.png) no-repeat center top; */
    padding-top: 5px;
}
.pr-box h3:before{/* background: url(../images/img-pattern.png) no-repeat center top; */ content:'';height: 15px;width: 100%;display: block;margin-bottom: 9px;margin-bottom: 0;height: 0;}
.pr-box:hover h3{

}
.pr-box p{
    margin: 0;
    color: #000;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 5px;
}

.xemchitiet a{
    color: #000;
    display: inline-block;
    background: url(../images/chitietbg.png) no-repeat right center;
    padding-right: 15px;
    transition: all .3s linear;
}
.xemchitiet a:hover{margin-left: -10px;font-style: italic;}
.pr-box p span{
    color: #f00;
}
.pr-box:hover p{}
.pr-box:hover {box-shadow: 0 0 8px 0px #D2D2D2;}
.pr-box .img {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-bottom: 20px;
    background: url(../images/imgbg.png) no-repeat center bottom;*/;
}
.pr-box .img img {
    width: 200px;
    vertical-align: middle;
    border: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.overlay{
    position: absolute;display:none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(228, 188, 127, 0.71);
    transition: all .5s linear;
    opacity: 0;
}
.overlay-wrap{ display: table;
               height: 100%;
               width: 100%;}
.overlay-dathang{
    display: table-cell;
    vertical-align: middle;
}
.overlay-dathang i{

    color: #fff;

    font-size: 30px;

    border: 5px solid #fff;

    width: 60px;

    height: 60px;

    border-radius: 50%;
}
.fa-shopping-cart:before{line-height: 49px;}
.pr-box .img:hover .overlay{opacity:1;display:block}
.khungmo{background:url(../images/img-pattern.png) no-repeat center bottom;padding-bottom: 8px;position: relative;}
.pr-box:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.zoombtn{
    position: absolute;
    right: 6px;
    bottom: 0px;
}
.add-to-container {
    padding: 0 10px 10px;
}
.add-to-container .price {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0;
    line-height: 1.5;

    display: block;
    margin-bottom: 10px;
    color: #0ca6ff;
}
.price del {
    font-size: 14px;
    color: #6f6f6f;
}
.price ins {
    text-decoration: none
}
.themgiohang {
    border: 1px solid #dddddd;
    display: inline-block;
    color: #000000;
    background-color: rgba(255,255,255,0.2);
    font-size: 12px;
    padding: 5px 20px;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.5 !important;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}
/* ****************pro-detail-tpl */
#pro_detail_tpl {
    padding: 0;
    margin-bottom: 20px;
}

#pro_detail_tpl .pro-left {
    float: left;
    width: 100%;
}
#pro_detail_tpl .pro-left img {

}
#pro_detail_tpl .pro-right {
    float: right;
    width: 100%;
    margin-top: 80px;
}
#pro_detail_tpl .detail-info {
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    border-top: 1px solid #dedede;
    padding: 10px 0;
}
#pro_detail_tpl .detail-info >p{margin:0}
#pro_detail_tpl .detail-info h1{/* color:#e80000; */font-size:21px;/* text-align: center; */padding-bottom: 10px;}
#pro_detail_tpl .detail-info .noidung * {
    font: 16px Arial !important;
    margin-bottom: 10px !important;
    color: rgb(57, 67, 76);
}
#pro_detail_tpl .detail-info .title {
    display: inline-block;
    color: #373737;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-right: 15px;
}
#pro_detail_tpl .detail-info .content {
    display: inline-block;
    margin-left: 0;
    /* width: 75%; */
    font-size: 16px;
    color: #373737;
    font-family: 'Roboto Condensed', sans-serif;
}
#pro_detail_tpl .detail-name {
    font-family: "Arial";
    margin-top: 0;
    font-weight: 600;
    line-height: 50px;
    color: #1800F5;
    font-size: 20px;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    border-bottom: 1px solid #EAEAEA;
}
/* *****************news-tpl */

.fancybox_overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #f66151;
    background: transparent;
}
.fancybox_overlay:before {
    content: '\f065';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font: 400 30px 'FontAwesome';
    line-height: 30px;
    margin-top: -15px;
    text-align: center;
}
.news-box {
    /* box-sizing: border-box;
                  color: rgb(68, 66, 66);
                  height: 143px;
                    width: 100%;
                  perspective-origin: 322.5px 71.5px;
                  transform-origin: 322.5px 71.5px;
                  border-top: 0px none rgb(68, 66, 66);
                  border-right: 0px none rgb(68, 66, 66);
                  border-bottom: 1px solid rgb(187, 187, 187);
                  border-left: 0px none rgb(68, 66, 66);
                  font: normal normal normal normal 12px/17.142858505249px Arial, Helvetica, sans-serif;
                  margin: 0px 0px 20px;
                  outline: rgb(68, 66, 66) none 0px;
                  padding: 0px 0px 20px; */
}

/*#DIV_1*/
.news-img {
    position: relative;
    overflow: hidden;
    /* box-sizing: border-box;
                  color: rgb(68, 66, 66);
                  float: left;
                  height: 105px;
                  width: 140px;
                  perspective-origin: 100.5px 61px;
                  transform-origin: 100.5px 61px;
                  border: 0px none rgb(68, 66, 66);
                  font: normal normal normal normal 12px/17.142858505249px Arial, Helvetica, sans-serif;
                  margin: 0px 25px 0px 0px;
                  outline: rgb(68, 66, 66) none 0px; */
}

/*#DIV_2*/
.news-img img {
    /* box-sizing: border-box;
                  color: rgb(68, 66, 66);
                  cursor: pointer;
                  height: 105px;
                  width: 140px;
                  vertical-align: middle;
                  perspective-origin: 100.5px 61px;
                  transform-origin: 100.5px 61px;
                  border: 0px none rgb(68, 66, 66);
                  font: normal normal normal normal 12px/17.142858505249px Arial, Helvetica, sans-serif;
                  outline: rgb(68, 66, 66) none 0px; */
}

/*#IMG_4*/
.news-name {
    box-sizing: border-box;
    color: rgb(68, 66, 66);
    height: 15px;
    width: 645px;
    perspective-origin: 322.5px 7.5px;
    transform-origin: 322.5px 7.5px;
    border: 0px none rgb(68, 66, 66);
    font: normal normal bold normal 14px/15.3999996185303px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0px 0px 5px;
    outline: rgb(68, 66, 66) none 0px;
}

/*#H3_5*/
.news-name a {
    box-sizing: border-box;
    color: rgb(68, 66, 66);
    cursor: pointer;
    text-decoration: none;
    border: 0px none rgb(68, 66, 66);
    font: normal normal bold normal 14px/15.3999996185303px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    outline: rgb(68, 66, 66) none 0px;
    transition: color 0.3s ease-in-out 0s;
}

/*#A_6*/
.news-post {
    box-sizing: border-box;
    color: rgb(187, 187, 187);
    border: 0px none rgb(187, 187, 187);
    font: normal normal normal normal 12px/17.142858505249px Arial, Helvetica, sans-serif;
    outline: rgb(187, 187, 187) none 0px;
}

/*#SPAN_7*/
.news-desc {
    box-sizing: border-box;
    color: rgb(68, 66, 66);
    height: 68px;
    width: 100%;
    perspective-origin: 322.5px 34px;
    transform-origin: 322.5px 34px;
    border: 0px none rgb(68, 66, 66);
    font: normal normal normal normal 12px/17.142858505249px Arial, Helvetica, sans-serif;
    outline: rgb(68, 66, 66) none 0px;
}

/*#DIV_8*/
.news-read {
    background-position: 0% 50%;
    box-sizing: border-box;
    color: rgb(245, 130, 32);
    cursor: pointer;
    display: block;
    float: right;
    height: 14px;
    text-decoration: none;
    width: 59px;
    perspective-origin: 29.5px 7px;
    transform-origin: 29.5px 7px;
    background: rgba(0, 0, 0, 0) url(../images/bg-bt-detail.png) no-repeat scroll 0% 50% / auto padding-box border-box;
    border: 0px none rgb(245, 130, 32);
    font: normal normal normal normal 10px/14.2857151031494px Arial, Helvetica, sans-serif;
    margin: 2px 0px 0px;
    outline: rgb(245, 130, 32) none 0px;
    padding: 0px 0px 0px 12px;
    transition: color 0.3s ease-in-out 0s;
}

/*#A_9*/
.news-box {
    padding-bottom: 10px;
    border-bottom: 1px solid #A5A5A5;
    margin-bottom: 20px;
    text-align: center;
    width: 32%;
    float: left;
    margin-right: 2%;
}
.news-box.mgr0-3i {margin-right:0}
.news-content .show-2i{display:none}
.news-box img {
    /* height: 270px; */
    width: 100%;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.news-box:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news-box h3 {
    color: #545454;
    font: normal 15px arial;
    text-align: left;
    text-transform: uppercase;
    transition: all .8s ease;
    overflow: hidden !important;
    height: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-box:hover h3 {
    color: #fe8301;
}
.news-box p {
    color: rgb(168, 166, 164);
    display: block;
    font: normal 14px arial;
    text-align: left;
    overflow: hidden;
    height: 32px;
}
.zoom-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.zoom-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin: -13px 0 0 -13px;
    width: 25px;
    height: 26px;
    background: url(../images/magnify-alt.png) 50% 50% no-repeat;
    content: "";
}
.news-box:hover .zoom-icon {
    visibility: visible;
    opacity: 1;
}
/* horizal-news */
.news-box.horizal-news {
    /* padding-bottom: 10px; */
    /* border-bottom: 1px solid #545454; */
    /* margin-bottom: 20px; */
    /* text-align: center; */
    width: 100%;
    float: none;
    margin-right: 0;
}
.horizal-news .news-img {
    float: left;
    width: 200px;
    height: 150px;
    margin-right: 10px;
}
.news-box.horizal-news img {
    height: 150px;
    width: 100%;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.news-box.horizal-news:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news-box.horizal-news h3 {
    color: #000;
    font-size: 15px;
    text-align: left;
    text-transform: uppercase;
    transition: all .8s ease;
    /* overflow: hidden !important; */
    height: auto;
    /* text-overflow: ellipsis; */
    white-space: nowrap;
    margin: 0;
    padding: 5px 0;
    margin-bottom: 5px;
    /* border-bottom: 1px solid #901D78; */
    font-family: 'Roboto Condensed', sans-serif;
}
.news-box.horizal-news:hover h3 {
    color: #016835;
}
.news-box.horizal-news p {
    color: rgb(168, 166, 164);
    display: block;
    font: normal 14px arial;
    text-align: left;
    overflow: hidden;
    height: 32px;
}
.news-box.horizal-news:hover .zoom-icon {
    visibility: visible;
    opacity: 1;
}
.xemtatca {
    display: inline-block;
    float: right;
    font-size: 1.1em;
    font-family: 'Roboto', sans-serif;
    background: url(../images/muiten_title.png) no-repeat right center;
    padding-right: 25px;
    color: #878638;
    margin-top: 15px;
    margin-right: 5px;
}
/* others css **************/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#slide_show .bx-wrapper .bx-controls-direction a {
    width: 42px;
    height: 69px;
    top: 45%;
}
#slide_show .bx-wrapper .bx-prev {
    background: url(../images/bx-prev.png) no-repeat;
    left: 0;
}
#slide_show .bx-wrapper .bx-next {
    background: url(../images/bx-next.png) no-repeat;
    right: 0;
}
.content-container {
    
}
.blink {
    animation: blink 1s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}
.doi-mau {
    background: #226BA5 -webkit-gradient(linear, left top, right top, from(red), to(#F11150), color-stop(0.5, #F5FF00)) 0 0 no-repeat;
    color: rgba(255, 255, 255, 0.1);
    font-weight: bold;
    position: relative;
    -webkit-animation: shine 2s infinite;
    -webkit-background-clip: text;
    -webkit-background-size: 300px;
}
@-webkit-keyframes shine {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}

/* Starter CSS for Flyout Menu */
.cssmenu {
    padding: 0;
    margin: 0;
    border: 0;
}
.cssmenu ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cssmenu ul {
    position: relative;
    z-index: 597;
    float: left;
}
.cssmenu ul li {
    float: left;
    min-height: 1px;
    line-height: 1em;
    vertical-align: middle;
}
.cssmenu ul li.hover,
.cssmenu ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}
.cssmenu ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 100%;
}
.cssmenu ul ul li {
    float: none;
}
.cssmenu ul li:hover > ul {
    visibility: visible;
}
.cssmenu ul ul {
    top: 0;
    left: 100%;
}
.cssmenu ul li {
    float: none;
}
/* Custom Stuff */
.cssmenu span,
.cssmenu a {
    display: inline-block;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
}
.cssmenu {
}
.cssmenu:after,
.cssmenu ul:after {
    content: '';
    display: block;
    clear: both;
}
.cssmenu > ul > li:first-child {

}
.cssmenu > ul > li:last-child {

}
.cssmenu > ul > li ul ul li:first-child {

}
.cssmenu > ul > li ul ul li:last-child {

}
.cssmenu ul,
.cssmenu li {
    width: 100%;
}
.cssmenu li {

}
.cssmenu li:hover,
.cssmenu li.active {

}
.cssmenu li:hover > a,
.cssmenu li.active > a {
    color: #F00;
}
.cssmenu a {
    color: #666666;
    line-height: 160%;
    padding: 4px 8px 4px 8px;
    width: 240px;
}
.cssmenu >ul>li>a {
    padding: 6px 20px;
    background: url(../images/accor_mn_it.png) 13px 10px no-repeat;
    cursor: pointer;
    z-index: 2;
    font-size: 13px;
    font-weight: normal;
    font-family: 'UTM Avo.ttf';
    text-decoration: none;
    color: #616161;
    padding-left: 29px;
    /* text-transform: uppercase; */
    text-shadow: none !important;
}
.cssmenu ul ul {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    width: 100%;
}
.cssmenu ul ul li {
    background: #606a76;
    border-bottom: 1px solid #59636F;
    -moz-box-shadow: inset 0 1px 0 #66707c;
    -webkit-box-shadow: inset 0 1px 0 #66707c;
    box-shadow: inset 0 1px 0 #66707c;
}
.cssmenu ul ul li:hover {
    background: #4a5662;
}
.cssmenu ul ul li a {
    color: #FFF;
}
.cssmenu ul ul a,
.cssmenu ul ul a span {
    font-size: 15px;
    transition: all .3s linear;
}
.cssmenu ul ul li:hover > a {
    color: #fff;
    padding-left: 18px
}

#khung_slide {
    width: 100%;
    min-height: 1px;
}

/*------------LEFT-------------*/
#left {
    width: 274px;
    top: 134px;
    position: absolute;
}
.i_name h2 {
    text-align: left;
}

/*+++++++++++++ MENU LEFT++++++++++++++++*/
ul.cateUl ul.sub_menu {
    /* display:none; */
}
ul.cateUl {
    width: 272px;
    margin: 0;
    position: relative;
    padding: 0;
}

ul.cateUl > li {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}
ul.cateUl > li {

    height: 80px;
    line-height: 80px;
    overflow: hidden;
}
ul.cateUl li a {
    color: #000;
    transition: all .3s linear;
}
ul.cateUl li p:hover a {
    color: #f00
}
ul.cateUl li:first-child a {
    border: none !important;
}
ul.cateUl > li > a {
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'roboto' !important;
    border-top: 2px #dfdfdf solid;
    text-indent: 45px;

}

ul.cateUl>li>a:hover {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    text-indent: 65px !important;
    background-position: 30px !important;
    color: red;

}


ul.sub_menu {
    position: absolute;
    left: 272px;
    top: -2px;
    width: 940px;
    min-height: 321px;
    font-family: 'roboto';
    border: thin #ccc solid;
    padding: 0;
}
ul.sub_menu li {
    line-height: 25px;
    float: left;
    margin: 0px 5px 0px 20px;
    width: 165px;
    padding-bottom: 0px;
    text-align: left;
    text-indent: 0px !important;
}
ul.sub_menu li div p {
    line-height: 20px;
}
.i_name h2 {
    border-bottom: thin dashed #F90;
    padding-bottom: 5px;
    margin-bottom: 5px;
    background: none !important;
    line-height: 25px !important;
    height: auto !important;
    width: auto !important;
    margin-left: 12px;
    padding-top: 5px;
    margin-left: 0;
}
.i_name h2 a {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 15px;
}
.active1 {

    text-indent: 65px !important;
    background-position: 30px !important;
    background-position: 15px;
    color: red !important;
}
.wrap-main-container{
    padding-bottom:50px;
}
.mm-menu {
    background: #DF0000;
}
.cartmobile{
    position: absolute;
    right: 13px;
    top: -5px;
    z-index: 99999999;
    color: #fff;
    font-size: 24px;
}
.cartmobile i{
}

.zoom-wrap{padding:5px}
.selectors .mz-thumb img{max-width: 85px !important;}
.mz-thumb{border:2px solid #999898;-webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;}
.mz-thumb-selected{border-color:#fa0000}
.app-figure{padding: 0 !important;}
.themvaogiohang,.muangay{font-family: 'Roboto Condensed', sans-serif;font-weight:bold;font-size:14px;color:#fff;display:inline-block;padding: 3px 10px;-webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}
.themvaogiohang:hover,.muangay:hover{color: #fff;text-decoration: underline;}
.themvaogiohang{background:#5a5a5a}
.muangay{background:#d60000}
.qty {
    width: 66px;
    height: 26px;
    /* left: 30px; */
    font-size: 18px;
    margin: 0 !important;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    text-align: center;
    border: 1px solid #dfdbdb !important;
    border-radius: 0px;
    position: relative;
    top: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.title-sl{margin:0}
.pr-detail-title{font-family: 'Roboto', sans-serif;color:#606060;font-size:20px;text-transform:uppercase;margin: 25px 0 0px;}
.pr-detail-content{}
.pro-slick .slick-next,.pro-slick .slick-prev{
    top: 37%;
}
.pro-slick .slick-next{
    right: 30px;
}
.pro-slick .slick-prev{
    left: 30px;
    position: absolute;
    z-index: 10000;
}
.slick-initialized.slick-slide{outline:none}
.news-detail{border:0;padding:0}
#pro_demo .show3i{display:none}
.mm-menu .mm-list > li > a.mm-subclose{color:#fff}
.mm-menu a:hover, .mm-menu a.active{color: #A099FD;}

#slide_show .slick-slide img {
    height: 464px;
    width:100%
}
#slide_show .slick-slider{margin:0}
.slick-slider{margin-bottom:0 !important}
.khung_chu{
    width:490px;
    height:210px;
    background:url('../images/backgournd_text.png')no-repeat top left;
    background-size:100% 100%;
    padding:5px 40px;
    position:absolute;
    top:238px;
    left:52px;
    text-align:center;
    z-index:9999999;
    overflow:hidden;
}
.khung_chu h3{
    font-family:'fontA';
    font-size:44px;
    color:#ff000a;
}
.khung_chu p{
    text-align:justify;
}

.menufix{
    position: fixed!important;
    z-index: 99!important;
    width: 100%!important;height:50px;
    top:0px;left:0px;background:rgba(255,255,255,1);


}
.menufix .bn-img .logo {
    /* width: 7%!important; */
    top: 0;
}
.menufix #main_menu{height:50px;}
.menufix #mn_top > ul > li{height:50px;line-height: 50px;}
.menufix .expand-search{
        top: 5px;
}
.menufix > #main_mn_container{
    width:1200px;
}
.menufix .expand-search{
    right:0px;
}
.slick-prev{
    opacity: 1!important;
    background: url('../images/icon_prev.png')  no-repeat top left!important;
    width: 28px!important;height: 44px!important;
}

.slick-next{
    opacity: 1!important;
    background: url('../images/icon_next.png')  no-repeat top left!important;
    width: 28px!important;height: 44px!important;
}


.blck_hotline a{
    font-size: 1.5em;
    color: black;
    font-weight: bold;
    padding: 10px 20px;
    background: #fbeb5e;
    border-radius: 15px;
}
.blck_hotline{    position: absolute;
    bottom: -140px;
    width: calc(100% + 130px);
    text-align: center; opacity: 0; transition: all 0.75s}
    .quick-alo-phone:hover .blck_hotline{opacity: 1; transition: all 0.75s}
    .blink_me {
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: blinker;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        animation-name: blinker;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    @-moz-keyframes blinker {  
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }
    @-webkit-keyframes blinker {  
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }
    @keyframes blinker {  
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }
    /*phone*/
    .quick-alo-phone.quick-alo-show {
        visibility: visible;
    }
    .quick-alo-phone {
        position: fixed;
        visibility: hidden;
        background-color: transparent;
   /* width: 200px;
   height: 200px;*/
   width:82px;
   height:64px;
   cursor: pointer;
   z-index: 200000 !important;
   -webkit-backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   -webkit-transition: visibility .5s;
   -moz-transition: visibility .5s;
   -o-transition: visibility .5s;
   transition: visibility .5s;
   right: 150px;
   top: 30px;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
    border-color: #e0ca0b;
    border-color: #e0ca0b;
    opacity: .5;
}
.quick-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgba(250, 228, 38, 0.71);    
    opacity: .75 !important;
}
.quick-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #fae426;    
}
.quick-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30,30,30,0.1) url('data:image/png;base64,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') no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
    background-color: #ff9800;
    background-color: #ff9800 9;
}
@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.ui-slider-horizontal {
    height: 3px !important;
    background:#fff;
}


/* Blink */
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
/* Button Frame */
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer;}
.btn-frame i{width:50px;height:50px;border-radius:50%;background:#EF9F0B;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:0.1;border-color:#1182fc;opacity:0.5;}
.btn-frame .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.btn-frame .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(7,41,103,0.35);opacity:0.4;}
.btn-frame .pulse{-webkit-animation-name:pulse;animation-name:pulse;}
/* Zalo */
.btn-zalo{bottom:315px;}
/* Phone */
.btn-phone{bottom:230px;}
/* Phone */
.btn-tiktok{bottom:400px;}

.btn-fanpage{bottom:480px;}

.btn-tiktok i img{vertical-align:middle;}

.btn-tiktok i{background: #000;}