@charset "utf-8";
@font-face {
    font-family: 'OpenSansRegular';
    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#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'RobotoBold';
    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#RobotoBold') format('svg');
}
@font-face {
    font-family: 'SFUJamaicaRegular';
    src: url('../fonts/SFUJamaicaRegular.eot');
    src: url('../fonts/SFUJamaicaRegular.eot') format('embedded-opentype'),
         url('../fonts/SFUJamaicaRegular.woff2') format('woff2'),
         url('../fonts/SFUJamaicaRegular.woff') format('woff'),
         url('../fonts/SFUJamaicaRegular.ttf') format('truetype'),
         url('../fonts/SFUJamaicaRegular.svg#SFUJamaicaRegular') format('svg');
}

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

@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: 'UTMMagnesium';
    src: url('../fonts/UTMMagnesium.eot');
    src: url('../fonts/UTMMagnesium.eot') format('embedded-opentype'),
    url('../fonts/UTMMagnesium.woff2') format('woff2'),
    url('../fonts/UTMMagnesium.woff') format('woff'),
    url('../fonts/UTMMagnesium.ttf') format('truetype'),
    url('../fonts/UTMMagnesium.svg#UTMMagnesium') format('svg');
}

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

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

@font-face {
    font-family: 'RobotoRegular';
    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#RobotoRegular') format('svg');
}

@import "bootstrap-3.3.7-dist/css/bootstrap.min.css";


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

*{
    padding: 0px;
    margin: 0px;
}
.menu_contain ul li.line
{
   width: 2px;
    height: 50px;
    border-right: 1px solid gray;
    margin-top: 0px;

}

.email p{
    margin-top: -7px;
   
}
.diachi p{
    margin-top: -3px;
    
}
.w-clear:after{
    content: "";
    display: block;
    clear: both;
}
.mapfooter_main{
    width: 1349px;
    margin: auto;
}

.tbl_detail_item1 p{
    display: inherit !important;
}
.tbl_detail_item1 span{
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.chieurong{
    max-width: 1200px;
}
.banner{
    width: 100%;
    display: inline-block;
    float: left;
    height: 180px;
}
.header{
    max-width: 1349px;
    margin: auto;
}
.item-tenbanner{
    font-family: 'SFUJamaicaRegular';
    position: relative;
    top: 16px;
    text-transform: uppercase;
    font-size: 44px;
    color: #f92221;
}
.item_main{width: 1200px;margin:0 auto;}
.item-tenbanner1{
     font-size: 70px;
    color: #FFCC00;
    top: 32px;
    position: relative;
    font-family: Arial;
    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, 1px 2px 2px #000;
}
.item-tenbanner2{
    margin-top: 9px;
    line-height: 18px;
    font-size: 14px;
    font-family: 'Arial';
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 2px 2px #000;
}
.bannertenct p{
        font-family: 'Time News Romans';
    font-size: 30px;
    color: #ff0000;
    text-decoration: underline;
    display: inline-block;
    padding-top: 18px;
}
.bannertenct1{
        width: 21.5%;
    float: right;
}
.bannertenct{
   width: 69.5%;
    text-align: center;
    float: left;
}
.search-rp {
   position: absolute;
    z-index: 100;
    right: 60px;
    top: 87px;
}
a.icon-search {
    background-image: url(../images/seach.png);
    background-repeat: no-repeat;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0px;
    display: block;
    text-align: center;
    cursor: pointer;
    float: right;
    top: 15px;
    right: -5px;
}
.search-menu {
    position: absolute;
    top: 13px;
    right: 48px;
    width: 0px;
    height: 40px;
    overflow: hidden;
    background: white;
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
}
input.txt-s-rp {
    width: calc(100% - 30px);
    float: right;
    height: 38px;
    text-indent: 5px;
    outline: none;
    border: none;
    color: #ed1c24;
    font-size: 14px;
    font-family: 'RobotoRegular';
}
a.btn-s-rp {
    float: left;
    cursor: pointer;
    outline: none;
    border: none;
    margin-left: 5px;
    display: block;
    color: #ed1c24;
    line-height: 40px;
    width: 23px;
    text-align: center;
}
.align-content{
    margin-bottom: 50px;
}
.lang{
        text-align: right;
    margin-top: 22px;
    margin-right: 38px;
}
.center{
    width: 1200px;
    margin:0 auto;
}
.item-logo img{
    max-width: 100%;
}
.bannertenct img{
    max-width: 100%;
}
.testdemo{
    padding-left: 10px;
}
.email{
    color: black;
    margin-top: 13px;
    float: right;
    padding-left: 20px;
    background-image: url(../images/phone.png);
    background-repeat: no-repeat;
    font-size: 17px;
    margin-right: 666px;
    font-family: 'RobotoCondensedRegular';
}
.video_main {
    width: 75%;
    float: left;
}
.slick-video {
       margin-top: -1px;
    width: 100%;
    max-height: 410px;
    overflow: hidden;
    max-width: 145px;
    float: right;
}
.slick-slide img {
    display: block;
}
.item-video {
        width: 153px;
    height: 94px;
    margin-bottom: 7px;
    cursor: pointer;
}

.item-news {
    cursor: pointer;
}
.ngaythang{
        width: 62px;
    height: 62px;
    background: #097a64;
    border-radius: 50%;
    float: left;
    margin-right: 19px;
    text-align: center;
}
.ngaythang span{
    color: #fff;
    font-size: 19px;
    font-family: 'Arial';
    margin-top: 6px;
    display: inline-block;
}
.ngaythang p{
        color: #fff;
    font-size: 14px;
    /* display: inline-block; */
    position: relative;
    top: -7px;
}
.slick-track{
    position: relative;
    top:0px;
    left: 0px;
    display: block;
}
.diachi{
    color: black;
    margin-top: 69px;
    float: left;
    background-image: url(../images/diachi.png);
    background-repeat: no-repeat;
    font-size: 17px;
    margin-left: -652px;
    padding-left: 20px;
    font-family: 'RobotoCondensedRegular';
} 
.dangonline{
    margin-top: -46px;
    margin-right: 46px;
}

.thongke{
        color: #fff;
    font-family: 'RobotoRegular';
    font-size: 14px;
    padding-top: 11px;
}
.thongkethang{
    margin-top: 67px;
}

.iconfooter{
    color: #ffffff;
    margin-top: 69px;
    float: right;
    background-image: url(../images/user1.png);
    background-repeat: no-repeat;
    font-size: 17px;
    margin-left: -652px;
    padding-left: 20px;
    font-family: 'RobotoCondensedRegular';
} 
.iconfooter1{
    color: #ffffff;
    margin-top: 69px;
    float: right;
    background-image: url(../images/user2.png);
    background-repeat: no-repeat;
    font-size: 17px;
    margin-left: -652px;
    padding-left: 20px;
    font-family: 'RobotoCondensedRegular';
} 
.truycaptuan{

}


.iconfooter2{
    color: #ffffff;
    margin-top: 69px;
    float: right;
    background-image: url(../images/user3.png);
    background-repeat: no-repeat;
    font-size: 17px;
    margin-left: -652px;
    padding-left: 20px;
    font-family: 'RobotoCondensedRegular';
    margin-right: -10px;
} 

.iconfooter3{
    color: #ffffff;
    margin-top: 97px;
    float: right;
    background-image: url(../images/user4.png);
    background-repeat: no-repeat;
    font-size: 17px;
    margin-left: -652px;
    padding-left: 20px;
    font-family: 'RobotoCondensedRegular';
    margin-right: 6px;
} 


/* css cho phan ben phai cua header*/
.icon {
        margin-left: 17px;
     }
.icon_footer {
    list-style: none;
    
}
.icon_footer li{
        float: left;
    padding-left: 5px;
}
  .item-intro-baiviet{
        color: #fff;
    font-family: 'Arial';
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    margin-top: 21px;
    display: flex;
}
.item-introproduct{
        max-width: 1220px;
    /* display: inline-block; */
    /* float: right; */
    /* height: 360px; */
    padding: 0px 10px;
    margin: 0 auto;
    height: 533px;
}
.gt-left{
    width: 50%;
    float: left;
}
.gt-right{
   height: 535px;
    width: 39%;
    float: right;
    text-align: center;
    background: url(../images/gtt.png)no-repeat;
    padding: 1px 80px;
    padding-left: 102px;
}
.gioithieu-l{
    width: 100%;
    float: right;
}
/* Begin Wrap Product */
.wrap-product{padding-top: 30px;padding-bottom: 20px;background: url(assets/images/bg-pro.png);}
.wrap-product .title_main span{color: #FF8A00;}
.tit-pro-list{text-align: center;}
.tit-pro-list span{position: relative;
    border: 0px solid;
    line-height: 35px;
    padding: 0px 15px;
    display: inline-block;
    vertical-align: top;
    /* font-family: 'OpenSansRegular'; */
    color: black;
    text-transform: uppercase;
    font-size: 17px;
    cursor: pointer;
    margin: 0px 3px;
    margin-bottom: 30px;
    font-size: 17px;
    color: black;
    font-family: 'RobotoCondensedRegular';}
.tit-pro-list span:hover,.tit-pro-list span.active{background: #1d9c00;border-radius: 3px; border: 0px solid;color: #fff;}
.tit-pro-list span.active:before{
    content: "";
    width: 100%;
    position: absolute;
    background: #1d9c00;
    height: 3px;
    top: -4px;
    left: 0px;
    border-radius: 10px 10px 0px 0px;
}
.tit-pro-list span.active:after{
    content: "";
    width: 100%;
    position: absolute;
    background: #1d9c00;
    height: 3px;
    top: 36px;
    left: 0px;
    border-radius: 0px 0px 10px 10px;
}
/* End Wrap Product */
.tengt{
   font-family: 'RobotoRegular';
    font-size: 25px;
    color: #FFCC00;
}
.tengt:after{
        content: "";
    background: url(../images/ne.png)right center no-repeat;
    width: 100%;
    position: absolute;
    right: 0px;
    height: 31px;
}
.gt_left p{
        font-family: 'RobotoRegular';
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    text-align: justify;
    padding-top: 10px;

}
.xemthem{
        float: right;
    margin-top: 10px;
}
.xemthem button{
    border: 1px solid #fde14a;
    width: 120px;
    height: 35px;
    background:  #fff0;
    font-size: 14px;
    font-family:'RobotoBold';
    color: #fde14a;
     -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

}
.xemthem button:hover{
    background: red;
    color: #fff;
    cursor: pointer;
}
.item-intro-baner{
    text-align: center;
    margin-top: -24px;
    position: relative;
    z-index: 999;
}
.intro-bai-viet{
    width: 1200px;
    margin: auto;
}
.item-intro-title{
    color: #fff;
    padding: 0px;
    line-height: 17px;
    margin-top: 96px;
    font-family: 'RobotoCondensedBold';
    font-size: 25px;
    margin-bottom: 17px;
}

.item-intro-title img{
    margin-top: -4px;
    margin-left: -128px;
}
.item-button{
}
.item-button img{
        margin-top: 13px;
    position: absolute;
    margin-left: -87px;
}
.item-intro-title1{
    float: left;
    position: relative;
    color: #888888;
    margin-top: -448px;
    margin-left: 66px;
    padding: 0px;
    line-height: 17px;
}

.gioithieu_main{
    max-width: 1349pxb;
    margin: auto;
    height: 467px;
  
}
.gt_main{
    width: 1200px;
    margin: 0 auto;

}
.gt_left{
       width: 57%;
    float: left;
    padding-top: 55px;
    position: relative;
}
.gt_right{
        width: 32%;
    float: right;
    background: rgba(25, 115, 6, 0.69);
        height: 418px;
    text-align: center;
    padding: 0px 43px;
    padding-top: 47px;
}
.lh{
    font-family: 'RobotoBold';
    font-size: 26px;
    color: #fff;
}
.formlh{    margin-top: 57px;}
.formlh input{
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    height: 22px;
    background: none;
    margin-bottom: 37px;
    color: #fff;
    outline: none;
    position: relative;
}

#vd1{
    background: #fff0 url(../images/us1.png)right no-repeat;
}
#vd2{
    background: #fff0 url(../images/us2.png)right no-repeat;
}
#vd3{
    background: #fff0 url(../images/us3.png)right no-repeat;
}
#vd4{
    background: #fff0 url(../images/us4.png)right no-repeat;
}
.formlh button{
    width: 80px;
    height: 30px;
    border:1px solid #fff;
    background: none;
    color: #fff;
    font-size: 'RobotoBold';
    font-size: 14px;
     -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
        margin-top: 11px;

}
.formlh button:hover{
    background: red;
    cursor: pointer;
}
.gt_back{width: 100%
margin: 0 auto;
}
.container_main{
    max-width: 1349px;
    margin: auto;
    background-color: #fff;
    position: relative;
    z-index: 10;
}
.hanhtrinh_main{
    max-width: 1349px;
    margin: 0 auto;
}
.mauson{
       background: url(../images/cn.png)no-repeat;
    width: 97%;
    height: 49px;
    float: left;
}
.mauson1{
        width: 2%;
    float: right;
    height: 45px;
    background: url(../images/c.png);
    margin-right: 9px;
}
.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}
.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.hover02 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}
.hover02 figure:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.abc{
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 212px;
}
.spnb{
     display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 160px;

}
.full_pro_ht{
    margin: 0px -9px;
    padding-bottom: 16px;
    padding-top: 9px;
    padding-right: 0px;
    margin-right: -3px;
}
.full_pro{
    margin: 0px -9px;
    padding-bottom: 16px;
    padding-top: 9px;
    padding-right: 0px;
    margin-right: -3px;
}
.full_pro_tc{
    margin: 0px 13px;
    
    padding-top: 9px;
    padding-right: 0px;
    margin-right: 13px;
}
.box_pro{
    width: 100%;
    float: left;
    padding: 13px;
    box-sizing: border-box;
    padding-top: 16px;
    padding-bottom: 0px;
    text-align: center;
} 
.box_pro_ht{
    width: 25%;
    float: left;
    padding: 13px;
    box-sizing: border-box;
    padding-top: 16px;
    padding-bottom: 8px;
    text-align: center;
} 
.spmoi_tc img{
    display: inline-block !important;
}
.tieuchi_main{
    max-width: 1349px;
    margin: 0 auto;
}
.full_pro_left{
    margin: 25px 0px;
    padding-top: 0px;
    padding-right: 0px;
    margin-right: 0px;
}
.box_pro_left{
    width: 100%;
    box-sizing: border-box;
       margin-top: 32px;
} 
.spmoi_left img{
    max-width: 100%;
}
.full_pro_main{
        margin: 0px -9px;
    padding-bottom: 16px;
    padding-top: 0px;
    padding-right: 0px;
    margin-right: -9px;
}
.box_pro_main{
    width: 25%;
    float: left;
    padding: 9px;
    box-sizing: border-box;
    padding-top: 16px;
    padding-bottom: 0px;
} 
.spmoi_main img{
    max-width: 100%;
}
.hinhonl{
    text-align: center;
    padding-top: 14px;
    line-height: 28px;
    height: 171px;
}
.thongtin_ht{
    padding-left: 24px;
    padding-top: 9px;
}
.sdtht{
        font-family: 'RobotoRegular';
    font-size: 14px;
    padding-left: 34px;
    float: left;
    display: inline-block;
}
.sdtht:before{
        content: "";
    background: url(../images/a.png)left center no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
       margin-left: -32px;
}
.emailht{
    font-family: 'RobotoRegular';
    font-size: 14px;
    padding-left: 34px;
    display: inline-block;
    margin-top: 6px;
}
.emailht:before{
    content: "";
    background:url(../images/b.png)left center no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
       margin-left: -32px;
}
.icon-hotro span{
    color: #3853a4;
    font-size: 15px;
}
.icon-hotro{
    list-style: none;
    padding: 0px;
}
.icon-hotro li{
        display: inline-block;
    padding-left: 7px;
}
.hinhonl span{
    position: relative;
    top: -41px;
    font-family: 'Arial';
    font-weight: bold;
    color: #fe0000;
    font-size: 18px;
}
.spmoi1
{
     position: relative;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 0px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    border: 1px solid #cccccc;
    /* padding: 4px; */
    padding-top: 4px;

}
.spmoi_ht
{
     position: relative;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 0px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    border: 1px solid #cccccc;
    /* padding: 4px; */
    padding-top: 4px;

}
.spmoi_main
{
    position: relative;
    box-sizing: border-box;
    text-align: center;
    padding: 5px;
    background: #e6e6e6;
    padding-bottom: 0px;
     -moz-transition: all 0.4ss ease;
    -webkit-transition: all 0.4ss ease;
    -ms-transition: all 0.4ss ease;
    -o-transition: all 0.4ss ease;
}
.spmoi_left
{
    position: relative;
    box-sizing: border-box;
    text-align: center;
}
.giaspnb{
    text-align: center;
    font-family: 'RobotoMedium';
    font-size: 15px;
    color: #ed1c24;
}
.giaspnb span{
    color: black !important;
}
.tenspnb{
    font-size: 15px;
    text-align: center;
    font-family: 'RobotoMedium';
    color: black;
    margin-top: 5px;
}


.tensp{
    text-align: center;
    font-family: 'RobotoRegular';
    font-size: 14px;
    color: black;
    margin-top: 1px;
    height: 41px;
    padding-top: 17px;
    overflow: hidden;
   
}
.box_pro_ht:hover .tensp{
    color: red;
}
.motaht{
        margin-top: 2px;
    line-height: 23px;
    font-family: 'Time News Romans';
    font-size: 14px;

}
.giasp{
    width: 100%;
    height: 100px;
    text-align: center;
}
.giasp p{
    margin-top: -75px;
    font-family: 'RobotoCondensedBold';
    font-size: 18px;
    color: #fff;
}
.sdtsp{
    text-align: center;
    margin-top: -8px;
    font-family: 'RobotoCondensedRegular';
    font-size: 13px;
}
.sdtsp span{
    color: red !important;
    font-weight: bold !important;
}
.xemtatca{
        float: right;
    margin-right: 22px;
    margin-top: -32px;
}
.xemtatca a{
    
    color: black;
}
.mauson span{
    font-family: 'RobotoCondensedBold';
    font-size: 21px;
    color: #fff;
    float: left;
    padding-left: 58px;
    padding-top: 6px;
}
.linebottom{
    
}
.icon li a{
    margin-left: 26px;
}
 /*css slide*/
.slide{
    margin: auto;
    width: 100%;
    height: 442px;
    background-image: url("../images/slide.png");
}
 /*css body*/
.container{
    margin: auto;
    width: 100%;
    height: 1326px;
    background-color: white;
}
/*css thong tin ca nhan*/
.informaion{
    text-align: center;
    margin: auto;
    width: 100%;
    height: 399px;
    background-image: url("../images/background.png");
}
.thongtin{
    text-align: center;
    padding-top: 35px;
    font-size: 25px;
    color: white;
    font-weight: bold;
}
.form{
    padding-left: 10px;
    width: 595px;
}
.nhap{
     
    line-height: 20px;
     text-align: center;
}
.nhap li input{
    border-radius: 5px;
    line-height: 31px;
    margin-top: 10px;
    background-color: rgba(216, 216, 214, 0.91);
    color:#4d4d4d;
    border: 1px solid;
    padding-left: 10px;
}
.nhap li textarea{
    margin-top:10px;
    border-radius: 5px;
    height: 60px;
    width: 599px;
    background-color: rgba(216, 216, 214, 0.91);
    color:#4d4d4d;
    border: 1px solid;
   padding-left: 10px;
}
.nhap button{
    width: 190px;
    height: 40px;
    margin-top: 30px;
    margin-bottom: 10px;
    background-color: #4285f5;
    border: 1px #4285f5 solid;
    color:white;
    border-radius: 5px;
    font-family: 'texgyreadventorbold';
}
/*css tim kiemsan pham*/
.timkiem {
    margin-top: 9px;
    margin-right: 60px;
    float: right;
    width: 240px;
    border-radius: 5px 5px 5px 5px;
    position: absolute;
    right: 0px;
    z-index: 98;
    border: 1px solid #4385f5;
    background-color :#3876dc;
    color:white;
}
.seach {
    margin-top: 5px;
    margin-right: 5px;
    float:right;
    width: 18px;
    height: 18px;
    cursor:pointer;
    outline: none;
    border: none;
    background-image: url("../images/look.png");
    background-repeat: no-repeat;
    background-color: #3876dc;
}
.bnttimkiem{
    color:#313131;
    height: 30px;
    width: calc(100%-45px);
    float:left;
    line-height: 33px;
    text-indent: 10px;
    outline: none;
    border:none;
    font-size: 12px;
    font-weight: normal;
    font-family: "Tahoma";
    background-color: #3876dc;
}
/* css body */
.tieude{
    max-width: 1200px;
    margin: auto;
}
.sptieubieu{
   font-family:'texgyreadventorbold';
    text-align: center;
    font-size: 25px;
    margin-top: 12px;
    color:#4185f4;
}
.border{
    width: 285px;
    height: 220px;
    margin-top: 20px;
}
.border1{
    width: 285px;
    height: 190px;
}
.info-da
{
    float:left;
    margin-top: 12px;
    margin-left: 10px;
}
.info-da:nth-child(2n+1)
{
    clear: both;
}
.item-da
{
    position: relative;
    float: left;
    width: 49%;
    margin-right: 10px;
    margin-bottom: 4px;
}
.item-da:nth-child(2n)
{
    margin-right: 0px;
    float: left;
}
.infor-footer{
        max-width: 1349px;
    background: #FFCC00;
    /* height: 40px; */
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.footer_test{
       max-width: 1200px;
    margin: 0 auto;
    padding: 10px 10px;
}
.infor-footer span{
    text-align: center !important;
    color: #ffffff;
    margin-top: 21px;
    font-family: 'RobotoRegular';
    font-size: 13px;

}
.item-da:nth-child(2n+1)
{
    clear: both;
}
.item-da h3
{
    position: absolute;
    bottom: 6px;
    right: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    padding: 9px 0px;
}
.item-da h3 a
{
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    font-family: tahoma;
}
.canle{
    margin-bottom: 10px;
}
.canle1{
    margin-top:20px;
}
.canle2{
    margin-left: 174px;
}
.canle3{
    float:left;
}
.name{
    text-align: center;
    font-size: 15px;
    color: #363636;
    font-family: 'texgyreadventorbold';
    margin-left: 64px;
}
.giatien{
    text-align: center;
    font-size: 15px;
    color:#444444;
    font-family: 'texgyreadventorbold';
    margin-left: 63px;
}
.giatien span{
    color:#ff0000;
    font-size: 15px;
    font-family: 'texgyreadventorbold';
}
.gia{
    text-align: center;
    font-size: 15px;
    color: #444444;
    font-family: 'texgyreadventorbold';
}
.sdt{
    
}

.tieudecap1{
    text-align:center;
    font-size: 20px;
    color:#363636;
    font-family: 'texgyreadventorbold';
}
.dangthicong{
    display: inline;
    margin: auto;
}
.video{
    width: 100%;
    height: 560px;
    background-color: white;
}
.tong{
    max-width: 1200px;
    margin: auto;
}
.tieudevideo{
    margin-top: 40px;
    text-align:left;
    font-size:20px;
    color:#75a2f7;
    font-family: 'texgyreadventorbold';
}

 /*code cuoi trang */
.footerleft{
    width: 1200px;
    float:left;
    color: #4385f5;
    margin-top: 35px;
    padding-left: 60px;
    font-size: 17px;
    font-family: 'texgyreadventorbold';
}
.footerleft1{
    width: 1200px;
    float:left;
    color: white;
    margin-top: 20px;
    padding-left: 60px;
    font-size: 13px;
    font-family: 'texgyreadventorbold';
}
.footerleft2{
    color: #fefefe;
    float: right;
}
.footerleft2 img{
    margin-left: 0px;
    padding-left: 2px;
    margin-top: -5px;
}
.footerleft4{
   float:right;
   margin-top: 35px;
   margin-right: 35px;
   margin-left: 0px;
}

.tilte{
    text-align: center;
}
.infor-item{
       margin-top: 17px;
}
.khoangcach{
    margin-right: 30px;
}
.khoangcach1{
    height: 441px;
}
.khoangcach2{
    max-width: 380px;
    margin-top: 135px;
}
.hinhnho{
    float:left;
    padding: 3px;
    padding-left: 0px;
}
.item-hinhnho{
    margin:auto;
    width: 392px;
    max-height: 95px;
}
.item-title{
    margin-top: 27px;
    font-family: 'texgyreadventorbold';
    max-width: 361px;
}
.item-button{
    margin-top: 0px;
    width: 111px;
    height: 33px;
    float: right;
    background: #fff;
}
.item-button button
{ 
        border: 0px solid;
    background-color: rgba(255, 255, 255, 0);
    width: 89px;
    height: 34px;
    color: black;
    font-family: 'Arial';
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 12px;
}
.item-button :hover
{
    font-weight: bold;
}

.border-gioithieu1{
    margin-top: 29px;
    margin-left: 5px;
    float: left;
}
.canchinh{
    float:right;
    margin-right: 6px;
}
.item-bg-sp{
    width: 1187px;
    margin: auto;
    border-bottom: 1px solid #bcbcbc;
    padding-top: 2px;
}
.item-bg-sp1{
    width: 1187px;
    border-bottom: 1px solid #bcbcbc;
    padding-top: 2px;
    margin-top: -99px;
    margin-left: 8px;
}
.title-nhan-hieu2{
        text-align: center;
    color: black;
    font-size: 30px;
    font-family: 'RobotoCondensedBold';
    padding-top: 27px;
    padding-bottom: 19px;
}
.title-nhan-hieu2:before{
        content: "";
    border-bottom: 1px solid black;
    width: 463px;
    position: absolute;
    left: 80px;
    margin-top: 22px;

}
.title-nhan-hieu2:after{
    
    content: "";
    border-bottom: 1px solid black;
    width: 463px;
    position: absolute;
    /* left: 80px; */
    margin-top: -25px;
    right: 83px;
    
}

.chinhhinh{
    text-align: center;
    margin-top: -12px;
}
.sp-cap1{
    margin-top: 27px;
    text-align: center;
    display: inline-block;
    margin-left: 402px;
    margin-right: -355px;
    font-size: 17PX;
    font-family: 'RobotoCondensedRegular';
    font-weight: normal;
    text-decoration:none;
    margin-bottom: 549px;
}
 .des-mota {
    position: relative;
    margin-top: -97px;
    margin-left: 34px;
    width: 221px;
}
.sp-cap1:hover{
    border: 0px solid;
    border-radius: 5px;
    width: 101px;
    height: 27px;
    background-color: #1d9c00;
    text-align: center;
    position: relative;
}
.sp-cap1:hover:before{
    content: "";

    
}
.sp-cap1:hover:after{
    content: "";
    
}
.duongdan{
    margin-top: 32px;
    text-align: left;
    font-family: 'RobotoRegular';
    font-size: 17px;
    list-style: none;
}
.duongdan li{
    display: inline-block;
}
.duongdan li a{
    color: black;
    font-size: 14px;
    font-family: 'Time News Romans';
}
.duongdan li a:hover{
    color: red;
}
.contain_main{
    max-width: 1200px;
    margin: auto;
    padding: 0px 10px;
  
}
.item-contain{
    max-width: 1349px;
    margin: auto;
   
}  
.thongtin-left{
    width: 47%;
    float: left;
    background: url(../images/cogai.png)no-repeat;
    height: 529px;
}
.thongtin-right{
    width: 37%;
    float: left;
    background: #f7f7f7;
    height: 431px;
    padding-top: 98px;
    padding-left: 84px;
    padding-right: 91px;
}
.tenct label{
    font-family:'RobotoCondensedBold';
    font-size: 25px;
    padding-bottom: 5px;
}
.tenct{
    padding-left: 22px;
}
.bvgt{
    margin-top: 34px;
}
.bvgt p {
    text-align: justify;
    line-height: 27px;
    font-family: 'RobotoRegular';
    color: rgba(0, 0, 0, 0.58);
    font-size: 15px;
}
.tong_dichvu span{
    position: absolute;
    margin-top: -10px;
    margin-left: 20px;
    font-size: 25px;
    font-weight: bold;
}
.tong_dichvu p{
        position: absolute;
    margin-top: -88px;
    margin-left: 97px;
}
.tenct:before{
        content: "";
    background: url(../images/linedoc.png)no-repeat;
    position: absolute;
    width: 10px;
    height: 50px;
    margin-left: -23px;
    margin-top: 12px;
}
.tenct p{
    font-family: 'Arial';
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
}
.khungchat{
    background: url(../images/chat.png)no-repeat;
    width: 267px;
    height: 342px;
    float: right;
    margin-top: 62px;
}
.thongtin_main{
    max-width: 1349px;
    margin: 0 auto;
    background: #fff;
    height: 529px;
}
.dichvu_main{
    max-width: 1349px;
    margin: auto;
    background: url(../images/bg-dv.png);
}
.item-main-sp1{
   max-width: 1220px;
    margin: auto;
    padding: 0px 10px;
}
.item-main-sp{
       max-width: 1220px;
    margin: auto;
    padding: 30px 10px;
    position: relative; 
}
.item-main-sp-main{
   max-width: 1200px;
    margin: auto;
    padding: 0px 10px;
}
.item-title1{
    width:153px;
    float:left;
    margin-right: 20px;
}
.item-title-tintuc{
     
    width: 416px;
    margin-right: 0px;
}

.item-logo{z-index: 999; float: left; position: relative; margin-top: 1px; width: 26%; left: 4px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

.item-banner{
    position: relative;
    float: left;
    margin-left: 70px;
    margin-top: 10px;
}
.chieurongbanner{
        max-width: 1200px;
    margin: 0 auto;
    padding: 0px 10px;
}
.top-header{
    width: 100%; display: inline-block; background:#262626; height: 36px; float:left;
}
.item-quanly{
    float:left;
    max-width: 597px;
}
.content_main_duan{
    float: left;
    margin: 5px 10px 0px 0px;
    width: 574px;
}
.border img{
    margin-left: 39px;
}
.item-ten-gia{
    margin-top: -73px;
}
* { margin: 0; text-decoration: none; }
body {     width: 100%; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; font-size: 14px; }
/* Begin Contain */ 
#wrap_container{width: 100%;max-width: 1349px;margin: 0 auto;}
.content_main{max-width: 1220px;
    margin: 0 auto;
    padding: 0px 10px;
    padding-bottom: 50px;}
.tintuc_main{     max-width: 1349px;
    margin: auto;
    background: #fff;
    padding-bottom: 10px;}
.conten-duan{max-width: 1200px;    margin-left: 32px;}
.left{width: 240px;float: left;}
.right{width: 940px;float: right;} 
.title_main
{       text-align: center;
    /* padding-bottom: 25px; */
   
    margin-top: 30px;
    margin-bottom: 37px;
}
.spmoi
{
    position: relative;
    width: 300px;
    float: left;
    /* padding-top: 53px; */
    margin-bottom: 25px;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    /* height: 341px; */
    padding-top: 54px;
}

.spmoi1 img{
   max-width: 100%; 
}
.gach-chan{
    border-radius: 16px;
    border-bottom: 1px solid #0000001f;
    margin-top: 10px;
}
.gach-chan:before{
    content: "";
    border-bottom: 4px solid #097a64;
    width: 104px;
    position: absolute;
    margin-top: -3px;
}
.gach-chan1:before{
    content: "";
    border-bottom: 4px solid #097a64;
    width: 104px;
    position: absolute;
    margin-top: -3px;
}
.xemthemtt{
    margin-top: 12px;
}
.info-tt-moi{
        float: left;
    display: inline-block;
    width: 67%;

}
.xemthemtt a{
    font-family: 'Arial';
    font-size:14px;
    color: #fe0b11;
}
.xemthemtt a:hover{
    color: blue;
}
.tintuc_left{
    width: 49.5%;
    float: left;
}
.tintuc_right{
    width: 48.5%;
    float: right;
}
.gach-chan1{
    border-radius: 16px;
    border-bottom: 1px solid #0000001f;
    margin-top: 10px;
}
.button_tt button{
        width: 100px;
    height: 50px;
    border: 2px solid;
    color: black;
    background: #fff;
    margin-top: 43px;
}
.title-nhan-tintuc{
    color: #FFCC00;
    font-size: 26px;
    font-family: 'Time News Romans';
    text-align: left;
    width: 100%;
    background: url(../images/t.png)right center no-repeat;
    
}.title-nhan-tintuc1{
    color: #FFCC00;
    font-size: 26px;
    font-family: 'Time News Romans';
    text-align: left;
    width: 100%;
    background: url(../images/t1.png)right center no-repeat;
    
}

.spmoi span{
   margin-top: 62px;
    font-size: 18px;
    color: black;
    font-family: 'RobotoBold';
    position: relative;
    top: 57px;
    text-transform: uppercase;
}
.item-intro-tintuc {
    max-width: 1200px;
    margin: auto;
    padding: 0px 10px;
    padding-top: 10px;
}
.item-tt-moi img{
    max-width: 100% !important;
}


.title_main span
{ 
   font-family: 'Time News Romans';
    font-size: 26px;
    color: #FFCC00;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.item { }
.item img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.item:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.info_main{    margin-bottom: 10px;
    margin-top: 41px;}

#support-fb {
    position: fixed;
    right: 0px;
    bottom: 0px;
    min-width: 300px;
    z-index: 999;
    display: block;
}
.cont_serv_onl-fb {
    display: none;
    margin-top: -10px;
}
.label_serv_onl-fb {
        position: relative;
    height: 36px;
    background: url(../images/chatfb.png) no-repeat right top;
    cursor: pointer;

}
.motasp1 span{
    color: red !important;

}
.sdtsp1 span{
    color: red !important;
}
.giasp1 span{color: black !important;}
.sdtsp1{text-align: center;
font-family: 'RobotoCondensedRegular';}
.giasp1 {text-align: center;color:red;
font-family: 'RobotoCondensedRegular';}
.motasp1 {text-align: center;
font-family: 'RobotoCondensedRegular';}
.fb_iframe_widget{position: relative !important;right: 0px  !important;bottom: 0px  !important;}
.view{float: left;color: #D21313;font-family: arial; font-size: 14px;margin-bottom: 10px;}
.share{float: right;}
/* End Contain */
/* Begin Intro */
.intro
{
    width: 100%;
    position: relative;
    z-index: 1;
    background: #EEEEEE;
    margin: 30px;
}
.content-intro
{
    max-width: 1200px;
    margin: auto;
    padding: 45px 50px;
}
.title_intro
{
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #A5A7A0;
}
.border-box {
   
    border: 0px solid;
    width: 287px;
    height: 187px;
    background: #fff;

}
.hinhtron{
        width: 102px;
    height: 102px;
    background:url(../images/hinhtron.png)no-repeat;
    position: absolute;
    margin-top: -52px;
    margin-left: 91px;
}
.hinhtron img{
       margin-top: 22px;
    margin-left: 24px;}
.title_intro span
{
    color: #662104;
    font-family: 'RobotoCondensedRegular';
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 30px;
    border-bottom: 3px solid #A5A7A0;
}
.title_intro span a
{
    color: #662104;
}
.item-intro
{
    width: 570px;
    float: left;
}
.item-intro:last-child
{
    width: 550px;
    float: right;
}
/* End Intro */

/* Begin News Home */
.news-est
{
    width: 270px;
    float: left;
}
.dk1{    width: 30%;
    float: left;
    text-align: left;
    padding-top: 35px;
    padding-left: 0px;}
.dk2{ width: 22%;
    float: left;
    text-align: left;
    padding-top: 29px;
    font-size: 13px;
    color: gray;}
.dk3{width: 47%;
    float: left;
    text-align: center;
    height: 100px;
    padding-top: 19px;}
.nhanmail{
    max-width: 1220px;
    margin: 0 auto;
    padding:0px 10px;
}
.dk3 input{
     width: 77%;
    height: 57px;
    border: 0px;
    text-indent: 32px;

}
.dk3 button{
     width: 20%;
    height: 56px;
    background: red;
    color: #fff;
    border: 0px;

}
.dk1 img{
       float: left;
    margin-top: -30px;
}
.dk1 span{
    font-family: 'RobotoBold';
    font-size: 22px;
}

.dangki_main{
        max-width: 1349px;
    margin: 0 auto;
    height: 100px;
    background: #dcdcdc;
    margin-top: 39px;
}
.slick-news-intro {
        width: 100%;
    margin-top: 17px;
}
.button_tt button:hover{
    background: gray;
    color: #fff;
}
.slick-news-intro-videoslide{
    width: 290px;
    float: left;
}
.item-tt-moi
{
        overflow: hidden;
    height: 136px;
}
.doitac_main{
    max-width: 1349px;
    margin: 0 auto;
    background: #f6f6f6;
    height: 154px;
    padding-top: 1px;
}
.pic-tt-moi
{
    float: left;
    margin-right: 15px;
}

.name-tt-moi a
{
    font-family: 'RobotoBold';
    color: rgba(0, 0, 0, 0.81);
    font-size: 14px;
    line-height: 18px;
    display: block;
    overflow: hidden;
    text-transform: uppercase;
}
.name-tt-moi a:hover
{
    color: red;
}
.pic-tt-moi img:hover
{
    opacity: 0.8;
}
.desc-tt-moi span
{
    font-size: 13px;
    line-height: 18px;
    color: #313131;
    text-align: justify;
    font-family: 'RobotoCondensedRegular';
}
.desc_news_foter{
    font-size: 14px;
    font-family: 'RobotoRegular';
    line-height: 22px;
    padding-top: 5px;
    text-align: justify;
}
.desc_news_foter1{
        font-size: 14px;
    font-family: 'Arial';
    width: 46%;
    padding-top: 9px;
    line-height: 24px;
}
/* End News Home */

/* Begin Wrap Liên Hệ */
.wrap-lienhe
{  
    height: 267px;
    background: url(../images/bg-lienhe.png) no-repeat top center;
}
.frm_dangky
{
    max-width: 410px;
    margin: auto;
    padding-top: 145px
}
.txt_dk
{
    width: 280px;
    background: white;
    border: none;
    line-height: 48px;
    text-indent: 10px;
    outline: none;
    font-size: 12px;
    float: left;
    color: #313131;
    border-radius: 7px;
}
.btn_dk
{
    width: 115px;
    height: 50px;
    float: right;
    background: red;
    font-family: 'RobotoRegular';
    border: 0px;
    color: white;
    outline: none;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
}
/* End Wrap Liên Hệ */

/* Begin Header */

.header_content
{
    max-width: 1200px;
    margin: auto;
}
.logo
{ 
    margin-top: 30px;
    margin-left: 0px;
}

.mangxahoi
{
    list-style: none;
    padding: 0px;
    text-align: right;
}
.mangxahoi li
{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 3px;
}
.hotline
{
       width: 13.1%;
    float: right;
    height: 40px;
    font-family: 'Time News Romans';
    color: #fff;
    font-size: 24px;
    background: url(../images/phone.png) no-repeat 0px 0px;
    padding-left: 50px;
    margin-top: 5px;
    position: relative;
}
.hotline > span
{
    color: #ff0000;
}
a.cart-banner
{
    display: block;
    color: #fff;
    margin: 1px 0px;
    text-align: right;
    font-size: 13px;
}
/* End Header */

/* Begin Search */
#keyword::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color:gray;
     font-size: 13px;
     font-family: 'Arial';
}
#keyword::-moz-placeholder { /* Firefox 19+ */
     color:gray;
     font-size: 13px;
     font-family: 'Arial';
}
#keyword:-ms-input-placeholder { /* IE 10+ */
     color:gray;
     font-size: 13px;
     font-family: 'Arial';
}
#keyword:-moz-placeholder { /* Firefox 18- */
     color:gray;
     font-size: 13px;
     font-family: 'Arial';
}

.key::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color:#fff;
     font-size: 14px;
     font-family: 'RobotoRegular';
}
.key::-moz-placeholder { /* Firefox 19+ */
     color:#fff;
     font-size: 14px;
     font-family: 'RobotoRegular';
}
.key:-ms-input-placeholder { /* IE 10+ */
     color:#fff;
     font-size: 14px;
     font-family: 'RobotoRegular';
}
.key:-moz-placeholder { /* Firefox 18- */
     color:#fff;
     font-size: 14px;
     font-family: 'RobotoRegular';
}
.search
{
        width: 222px;
    height: 30px;
    background: #fff;
    margin-top: 5px;
}
.logo_fixer{
        position: fixed;
    top: -116px;
    z-index: 1000;
    transform: scale(0.27);
    left: -12px;
}
.btn_search
{
    float: right;
    width: 21px;
    height: 17px;
    cursor: pointer;
    outline: none;
    background: url(../images/lk.png) no-repeat top center;
    border: none;
    margin-right: 8px;
    margin-top: 6px;
}
.txt_search
{
    text-indent: 11px;
    margin-top: 2px;
    font-family: 'texgyreadventorbold';
    width: 178px;
    float: left;
    background: transparent;
    line-height: 27px;
    outline: none;
    border: none;
    color: black;
    font-size: 12px;
    font-weight: normal;
    font-family: tahoma;
}
/* End Search */

/* Menu */
.color{
    background-color: yellow !important;
}
.color li{
   background-color: #3876dd;
}
.color:hover{
    background-color: yellow;
}
.menu 
{
    font-family: 'RobotoRegular';
    max-width: 1349px;
    background: #FFCC00;
    margin: auto;
    height: 50px;
    width: 100%;
    z-index: 10;
}
.menu_fixer{
    position: fixed;
    top:0px;
    right: 0px;
    left: 0px;
    z-index: 999;

}
.menu_contain
{ 
    font-family: 'RobotoRegular';
    max-width: 1200px;
    margin: auto;
}
.menu_contain ul 
{ 
    -webkit-padding-start: 0px; 
    list-style: none;
}
.menu_contain ul li a 
{
       color: white;
    display: block;
    text-align: center;
    font-family: 'Time News Romans';
    font-size: 15px;
    padding: 0px 45px;
    line-height: 49px;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.tong_dichvu{
    margin-top: 21px;
    line-height: 70px;
}
.menu_contain ul li:hover a
{
    color: red;

}
.menu_contain ul li a.active
{ 
    color: red;
}

#wrap_menu_res{display: none;position: relative;}
.invi_loading {visibility: hidden !important;}
/* End Menu */
.slideshow .nivo-prevNav{
    background: url(../images/left.png) no-repeat !important;
    width: 30px;
    height: 33px;
}

.slideshow .nivo-nextNav{
    background: url(../images/right.png) no-repeat !important;
    width: 30px;
    height: 33px;
}
/* Begin Slideshow */
.slideshow{max-width: 1366px; margin: auto; }
.box-slide .theme-default .nivoSlider{background-color: transparent !important;margin-bottom: 0px;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;}
.theme-default .nivo-directionNav a{width: 46px !important;height: 53px !important;}
.theme-default a.nivo-nextNav{right: 61px !important;}
.theme-default a.nivo-prevNav{background-position: 23px 0 !important;left: 61px !important;}
.box-slide .nivo-caption a{display: block !important}
.box-slide .nivo-caption{top: 50px;right: 100px;left: inherit;bottom: inherit;max-width: 400px;background: transparent;color: #000;padding: 0px;opacity: 1;overflow: inherit !important;-moz-opacity: 1;filter: alpha(opacity=1);}
.title-slide{line-height: 35px;height: 38px;margin-bottom: 6px;}
.title-slide a{font-size: 25px;font-weight: normal;color: #fff !important;border-bottom: 0px !important;}
.title-slide a:hover{color: #109748 !important;}
.desc-slide{line-height: 25px;text-align: justify;color: #fff;margin-bottom: 15px;}
/* End Slideshow */

/* Begin Tags */
.wrap-tags{max-width: 1200px;margin: auto;margin-bottom: 10px;color: gray;}
.wrap-tags > span {font-size: 13px;color: #313131;}
.wrap-tags > a{color: gray;font-size: 13px;}
.wrap-tags > a:hover{text-decoration: underline;}
/* End Tags */

/* Begin Crumbtrail */
.crumbtrail{max-width: 1000px;margin: auto;padding: 15px 10px 0px 10px;list-style: none;line-height: normal;background: transparent;}
.crumbtrail li{float: left;}
.crumbtrail li.crumbtrail_br{margin: 0px 7px;width: 6px;height: 5px;margin-top: 7px;background: url(../images/navi.png) no-repeat center center;}
.crumbtrail a{font-family: 'RobotoRegular';font-size: 14px;color: #313131;}
.crumbtrail a:hover{color: red;text-decoration: underline;}
.crumbtrail .crumbtrail_lst{color: #414141;}
/* End Crumbtrail */

/* Begin Video */
/*.video{float: left;width: 210px;margin-bottom: 33px;margin-right: 33px;text-align: center;}
.video:nth-child(4n+1){clear: both;}
.video:nth-child(4n){margin-right: 0px;}
.pic-video img:hover{opacity: 0.9;}
.video h3 a{font-size: 14px;color: #222222;text-transform: capitalize;display: block;font-weight: normal;text-align: center;margin-top: 5px;margin-bottom: 5px;line-height: 20px;}
.video h3:hover, .video h3:hover a{color: red;}
.youtube-player {position: relative;padding-bottom: 170px;height: 0;overflow: hidden;max-width: 100%;background: #000;}
.youtube-player iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background: transparent;}
.youtube-player img {bottom: 0;display: block;left: 0;margin: auto;max-width: 100%;width: 100%;position: absolute;right: 0;top: 0;border: none;height: auto;cursor: pointer;-webkit-transition: .4s all;-moz-transition: .4s all;transition: .4s all;}
.youtube-player img:hover {-webkit-filter: brightness(75%);}
.youtube-player .play{width: 50px;height: 35px;left: calc(50% - 25px);top: calc(50% - 17px);position: absolute;background: url("../images/play.png") no-repeat;cursor: pointer;}*/
/* End Video */

/* Begin Download */
.download{width: 230px;float: left;margin-right: 12px;margin-bottom: 12px;text-align: center;font-family: arial;}
.download:nth-child(5n+1){clear: both;}
.download:nth-child(5n){margin-right: 0px;}
.download > span{color: #313131;display: block;margin: 10px 0px;font-size: 13px;}
.download > a{display: inline-block;padding: 5px 20px 5px 20px;background: #0EAD0F;color: #fff;font-size: 13px;}
/* End Download */

/* Begin Sản Phẩm */

}
.sanpham
{
    float: left;
    width: 210px;
    margin-bottom: 33px;
    margin-right: 33px;
    text-align: center;
    font-family: 'RobotoCondensedRegular';
}
.index_left{
       width: 22%;
    float: left;
    margin-left: 10px;
}
.index_right
{
        width: 74.5%;
    float: right;
}
.cacnhom {
    font-family: 'Time News Romans';
    font-size: 25px;
    color: #FFCC00;
    text-align: center;
}
.cacnhom span:before{
    content: "";
    background: url(../images/be.png)left center no-repeat;
    position: absolute;
    left: -7px;
    width: 100%;
    height: 37px;
    margin-left: -33px;
}
.cacnhom span:after{
        content: "";
    background: url(../images/af.png)right center no-repeat;
    position: absolute;
    right: -7px;
    width: 100%;
    height: 37px;
    margin-right: -30px;

}
.tenkhung1{
    height: 45px;
    background: url(../images/bg-m.png)no-repeat;
    background-size: 100% 100%;
}
.tenkhung1 span{
        font-family: 'RobotoBold';
    font-size: 20px;
    color: #fff;
    display: inline-block;
    padding-top: 7px;
    /* padding: 3px 34px; */
    padding-left: 58px;
}
.tenkhung2{
    height: 45px;
    background: url(../images/bg-m.png)no-repeat;
    background-size: 100% 100%;
}
.khung_left{
    width: 100%;
    border:1px solid #1bbc9b;
    height: 339px;
}
.khung_left_1{
    width: 100%;
    border: 1px solid #1bbc9b;

    margin-top: 10px;
}

/* Begin Sản Phẩm Detail */
.tbl_detail{
    margin-bottom: 267px;
}
.hinh_sp_detail{position: relative;float: left;width: 50%;border: 1px solid rgba(128, 128, 128, 0.4);text-align: center;margin-right: 20px;background: white;}
.thongtin_sp_detail{width:40%;float: left;margin-left: 20px;}
.thongtin_sp_detail > span{     text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    display: block;
    margin-bottom: 20px;
    color: red;
    font-family: 'RobotoCondensedBold';
    border-bottom: 1px solid rgba(128, 128, 128, 0.309803921);}
.pic_product_detail img{max-width: 70px;box-shadow: none !important;}
.detail_sp{    
    width: 100%;
    display: inline-block;}
.tbl_detail_item{    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.28);}
.tbl_detail_item span{font-size: 13px;display: inline-block;vertical-align: middle;font-weight: bold;}
.tbl_detail_item p{font-size: 14px;display: inline-block;vertical-align: middle;}
.sel-product{height: 30px;font-size: 13px;outline: none;text-align: center;cursor: pointer;}
.loading-comment{display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 99999999;background: rgba(255, 255, 255, 0.8) url(../images/loading.gif) center no-repeat;}
.price-detail p{color: #d20000;font-weight: bold;font-size: 25px;}
p.price-detail-old{color: gray;text-decoration: line-through;font-weight: bold;font-size: 17px;}
.tinhtrang{font-weight: normal;}
.conhang{color: #6A9701}
.hethang,.dangcapnhat{color: #F00}
a.item-mau-pro{display: inline-block;vertical-align: middle;position: relative;width: 30px;height: 30px;}
a.item-mau-pro.active{position: relative;}
a.item-mau-pro.active:before{content: '';position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;bottom: 0px;right: 0px;margin: auto;z-index: 1;box-sizing: border-box;background: url(../images/ac_pro_cl_s.png) no-repeat bottom right;border: 2px solid #e5101d;}
a.item-mau-pro input[type=radio],a.item-size-pro input[type=radio]{outline: none;position: absolute;cursor: pointer;width: 100%;height: 100%;-webkit-appearance: none;border: 0px;top: 0px;left: 0px;}
a.item-size-pro{width: auto !important;height: 30px !important;border: 1px solid rgba(128, 128, 128, 0.5);padding: 0px 15px;display: inline-block;position: relative;vertical-align: middle;}
a.item-size-pro span{font-size: 12px;line-height: 30px;font-weight: normal;cursor: pointer;color: gray;}
a.item-size-pro.active{position: relative;border-color: #e5101d;}
a.item-size-pro.active:before{content: '';position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;bottom: 0px;right: 0px;margin: auto;z-index: 1;box-sizing: border-box;background: url(../images/ac_pro_cl_s.png) no-repeat bottom right;border: 1px solid #e5101d;}
a.item-size-pro.active span{color: #e5101d;}
.social-plugin{}
.social-plugin .addthis_native_toolbox, .social-plugin .fb-send{float: left;}
.social-plugin .fb-send{margin-right: 10px;}
/* End Sản Phẩm Detail */

/* Begin Handle Counter */
.handle-counter{display: inline-block;vertical-align: middle;}
.handle-counter .counter-minus,.handle-counter .counter-plus,.handle-counter input.qty-pro{float: left;text-align: center;}
.handle-counter input.qty-pro{width: 40px;height: 25px;box-sizing: border-box;border: 1px solid rgba(128, 128, 128, 0.5);border-right: none;border-left: 0px;font-size: 12px;outline: none;}
.btn-hc-pri{background-color: #e65423;border: 0px;width: 25px;height: 25px;color: #fff;outline: none;cursor: pointer;}
.btn-hc-pri:hover, .btn-hc-pri:focus{background-color: #99310A;}
.btn-hc-pri:disabled, .btn-hc-pri:disabled:hover{background-color: darkgrey; cursor: not-allowed;}
/* End Handle Counter */

/* Begin Tin Tức */
.news{width: 50%;float: left;margin-bottom: 15px;border-bottom: 1px solid rgba(128, 128, 128, 0.42);padding-bottom: 15px;}
.news:nth-child(2n){float: right;}
.news:nth-child(2n+1){clear: both;}
.pic_news{    float: left;
    /* width: 160px; */
    margin-right: 13px;}
.pic_news img{padding: 3px;border: 1px solid rgba(128, 128, 128, 0.57);background: rgba(255, 255, 255, 0.67);box-sizing: border-box;}
.pic_news:hover img{opacity: 0.8;border-color: #D21313;}
.name_news{}
.name_news h3 a{color: black;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'RobotoBold';}
.name_news a:hover{color: #ef5454;}
.desc_news{    color: black;
    
    text-align: left;
    font-size: 14px;
    line-height: 20px;
font-family: 'RobotoRegular';}
.info_news{
    padding-right: 20px;
}
.bg-gt{
    width: 100%;
    height: 467px;
}
.btn_news{float: right;}
.btn_news a{color: #D21313;font-size: 12px;}
.btn_news a:hover{color: red;}

/* End Tin Tức */

/* Begin Tin tức khác */
b.tit-news-other{    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0px 10px;}
.list_baivietkhac{padding-left: 17px;}
.list_baivietkhac li{margin-bottom: 2px;}
.list_baivietkhac li a{text-transform: none;color: #333333;font-size: 13px;}
.list_baivietkhac li a:hover{text-decoration: underline;color:  #ef5454;}
/* End Tin tức khác */

/* Begin Liên Hệ */
.left-lienhe{width: 60%;float: left;}
.info-lienhe{font-size: 13px;line-height: 1.5;color: #333333;}
.right-lienhe{width: 38%;float: right;}
.hr-lienhe{border-top: 2px solid rgba(128, 128, 128, 0.52);margin: 15px 0px;}
#map{height: 480px;margin: 10px 0px;}
#directionsPanel{display: none;}
span#hint-map{font-size: 13px;display: block;}
input.btn-map{border: 0px;width: 100px;height: 31px;background: gray;color: white;border-radius: 2px;outline: none;}
input.txt-map{height: 27px;width: calc(100% - 106px);text-indent: 10px;border: 1px solid;border-color: #cecbcb;border-radius: 0px;outline: none;}
span.tit-map{color: red;text-transform: uppercase;font-size: 14px;display: block;margin-bottom: 5px;font-weight: bold;}


/* End Liên Hệ */

/* Begin Table Liên Hệ */
.tablelienhe span{color: #D21313;}
.tablelienhe td{height: 25px;}
.tablelienhe .input, .tablelienhe textarea{border: 1px #E9E9E9 solid;font-size: 12px;width: 100%;padding: 5px;box-sizing: border-box;min-height: 30px;}
.tablelienhe .title { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.button{border: 1px solid #515151;color: #fff;font-size: 12px;text-transform: capitalize;padding: 5px 15px;background: #414944;border-radius: 1px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;display: inline-block;}
.button:hover{color: #FFFFFF;background: #202020;-webkit-transition: ease-in-out 0.5s;-o-transition: ease-in-out 0.5s;transition: ease-in-out 0.5s;}
.tablelienhe .input::-webkit-input-placeholder{color: #585757;}
.tablelienhe .input:-moz-placeholder{color: #585757;}
.tablelienhe .input::-moz-placeholder{color: #585757;}
.tablelienhe .input:-ms-input-placeholder{color: #585757;}
.tablelienhe textarea::-webkit-input-placeholder{color: #585757;}
.tablelienhe textarea:-moz-placeholder{color: #585757;}
.tablelienhe textarea::-moz-placeholder{color: #585757;}
.tablelienhe textarea:-ms-input-placeholder{color: #585757;}
/* End Table Liên Hệ */

/* Begin Footer */
.footer
{ 
    margin-top: 29px;
    width: 100%;
    background: #FFFFFF;
    border-top: 2px solid #662104;
    background-color: #262626;
}
.lienketmxh span{
        font-family: 'Time News Romans';
    font-size: 18px;
    color: #fff;
    display: inline-block;
    padding-top: 3px;
}
.footer_main
{
   max-width: 1349px;
    margin: 0 auto;
   background: red;
    position: relative;
    height: 297px;
}
.item-footer{
    width: 1200px;
    margin: auto;

}
.footer1{
    width: 40%;
    float: left;

}
.tendk{
    text-align: left;
    font-family: 'RobotoRegular';
    font-size:17px;
    color: #fff;
}
.icon-ft{
        list-style: none;
    float: left;
    line-height: 35px;
    padding-top: 26px;
}
.title_footer span
{
        margin-bottom: 9px;
    color: #fff;
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    font-family: 'Time News Romans';
}
.title_footer1 span
{
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 17px;
    display: block;
    font-family: 'RobotoRegular';
    margin-top: 3px;
    margin-left: 118px;
}
.title_footer2 span
{
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 17px;
    display: block;
    font-family: 'RobotoRegular';
    margin-top: 3px;
    margin-left: 147px;
}
.input-dk{
    width: 210px;
    height: 36px;
    font-family: 'RobotoCondensedBold';
    border: 0px solid;
    text-indent: 10px;
    outline: none;
}
.border-tong:after{
    content: "";
    width: 0;
    height: 0;
    border-top: 36px solid #ffffff;
    border-right: 12px solid transparent;
    position: relative;
    margin-left: 210px;
    /* margin-top: -17px; */
    padding-top: 2px;
}
.button-dk{
    
    width: 57px;
    height: 37px;
    font-size: 20px;
    margin-left: -19px;
    background-color: #156702;
    border: 0px solid;
    color: #ffffff;
    font-size: 17px;

}
.border-tong{
    width: 273px;
    height: 37px;
    margin-left: 119px;
}
.content_footer
{
    
    color: #ffffff;
    font-family: arial;
    line-height: 25px;
    font-size: 14px;
}
.location_footer{
    font-family: 'Time News Romans';
    font-size: 15px;
    color: #ffffff;
    line-height: 39px;
  
    padding-top: 19px;
}
.icon li{font-family: 'RobotoRegular'; font-size: 14px; color: #fff; padding-bottom: 9px; padding-top: 6px;}
.icon li span{float: right;text-align: right;}
.item_tk{font-size: 20px;font-family: 'RobotoBold';color: #fff;}
.gachduoi{    width: 40px;
    border: 2px solid #fff;}
.form_dk{
       margin-top: 18px;
}
.footer2{
       width: 27%;
    float: left;
    margin-top: 33px;
}
.footer3{
    width: 30%;
    float: right;}

.footer2 label{
    color: #fff;
    font-family: 'RobotoRegular';
    font-size:13px;
}
.line_footer{
   border-bottom: 1px solid #fff;
    width: 53px;
    margin-top: 6px;
    margin-bottom: 24px;
}
.form_dk input{
        width: 71%;
    height: 32px;
    text-indent: 10px;
    background: #fff;
    border: 0px;
}
.form_dk button{
    font-size: 15px;
    width: 22%;
    height: 32px;
    background: #ed1c24;
    border: 0px;
    color: #fff;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: relative;
    top: 1px;
}
.form_dk button:hover{
        background: black;
    color: #fff;
}
.line_footer1{
   border-bottom: 1px solid #fff;
    width: 53px;
    margin-top: 6px;
    margin-bottom: 20px;
}
.footer3{
       width: 20%;
    float: right;
    text-align: left;
    margin-top: 28px;
}
.fanpage{
    
}
.footerleft3{
    width: 70%;
    float: left;
}
.name-tt-moi{
    width: 100%;
}
.box_pro:hover .tensp span{
    color: red;
    font-weight: bold;
}
.box_pro_main:hover .tensp span{
    color: red;
    font-weight: bold;
}
.lienketmxh{
   
}
.tt_kd1{
        display: grid;
    position: relative;
    top: -37px;
    left: 161px;
    line-height: 14px;
    width: 100px;
}
.tt_kd1 label {
    font-weight: normal  !important;
}
.tt_kd1 span {
    color: red !important;
     font-weight: bold!important;
     font-size: 15px !important;
}
.email_kd1{
    font-family: 'Arial';
    font-size: 13px;
    margin-left: 75px;
    margin-top: -24px;
}
.email_kd1:before{
        content: "";
    background: url(../images/em.png)no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    margin-left: -35px;
    margin-top: -2px;
}
.hotline_chinh span{
    font-family: 'UTMHelvetIns';
    font-size: 25px;
    color: #fe0000;
}
.mxh_kd1{
    list-style: none;
    display: inline-flex;
}
.mxh_kd1 li{
    padding-left: 7px;
}
.mxh-t{
    margin-top: 50px;
    margin-left: 35px;
}
.mxh-t1{
    margin-top: 35px;
    margin-left: 35px;
}

.hinhtrai{width: 50%;}
.footer_news
{
    float: left;
}
.infor-item img{max-width: 100%;}
.footer_news:nth-child(1)
{

    margin-top: 13px;
    margin-right: 15px;
    width: 480px;
}
.footer_news:nth-child(2)
{
    width: 270px;
}
.video_right{
    display: block;
}
.video_right_rp{
        display: none;
    }
.footer_news:nth-child(3)
{
    width: 270px;
    float: right;
}
.footer_news_map{
     float: left;
     margin-top: 10px;
}
.footer_news_map
{
    float: left;
}
.footer_news_map:nth-child(1)
{

    margin-top: 13px;
    margin-right: 15px;
    width: 480px;
}
.footer_news_map:nth-child(2)
{
    width: 270px;
}
.footer_news_map:nth-child(3)
{
    width: 270px;
    float: right;
}
.xemtatca a:hover{
    color: red;
}
#map_footer {    height: 216px;}
.footer-bottom{min-height: 45px;line-height: 45px;background: #1c1c1c;color: #fff;}
.footer-bottom > div{max-width: 1200px;margin: auto;}
span#copy{display: block;float: left;}
div.thongke{float: right;
    }
div.thongke div.item-tk{     display: inline-flex;
    vertical-align: top;
    padding-right: 5px;}
div.thongke div.item-tk > span{color: white;}
div.thongke div.item-tk:nth-of-type(2n){margin: 0px 2px;}
/* End Footer */

/* Begin Đối Tác */
.slick-doitac{max-width: 1200px;margin: 20px auto;}
.item-doitac{width: 130px;}
.item-doitac img{border: 1px solid #c0c0c0;}
.slick-doitac .slick-prev,.slick-doitac .slick-next{width: 15px !important;height: 53px !important; }
.slick-doitac .slick-prev:before,.slick-doitac .slick-next:before{display: none !important}
.slick-doitac .slick-next{background: url(../images/next.png) no-repeat !important;}
.slick-doitac .slick-prev{background: url(../images/prev.png) no-repeat !important;}
/* End Đối Tác */

/* Begin Not Found */
.notice_pro{width: 100%;height: 60px;background: #EFECEC;color: #7D7979;font-family: arial;border-radius: 5px;}
.notice_pro h4{padding: 0px 20px;line-height: 60px;font-weight: normal;font-size: 15px;}
/* End Not Found */

/* Phân Trang */
.pagination{ text-align: center; margin-top: 15px; }
.pagination ul{display: inline-block;
    margin-bottom: 39px;
    margin-left: 0;
    padding: 0px;
    margin-top: 23px;}
.pagination ul>li{display: inline;}
.pagination ul>.active>a, .pagination ul>.active>span{cursor: default;
    background: #0aa787;
    color: white;}
.pagination ul>li>a, .pagination ul>li>span{    font-family: arial;
    font-size: 12px;
    float: left;
    padding: 5px 14px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    color: #313131;
    border: 1px solid black;
    margin: 0 2px;
    border-radius: 1px;}
.pagination ul>li>a:hover, .pagination ul>li>span:hover{    background: #0aa787;
    color: white;}
/* End Phân Trang */

/* Begin Popup */
.popup{width: 100%;height: 100%;display: none;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.75);z-index: 99999;}
.wrap-pop-home{max-width:500px;width:100%;padding:3px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0px 2px 6px rgba(0,0,0,1);border-radius:3px;background:#fff;}
.popup-close{width: 30px;height: 30px;line-height: 29px;display: inline-block;position: absolute;top: 0px;right: 0px;transition: ease 0.25s all;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);border-radius: 1000px;background: rgba(0,0,0,0.8);border: 1px solid rgba(255, 255, 255, 0.5);font-family: Arial, Sans-Serif;font-size: 14px;text-align: center;color: #fff;cursor: pointer;}
.popup-close:hover{-webkit-transform:translate(50%, -50%) rotate(180deg);transform:translate(50%, -50%) rotate(180deg);background:rgba(0,0,0,1);text-decoration:none;}
/* End Popup */

/* Fanpage Facebook */
.fanpage_facebook{position:fixed; right:-300px; z-index: 999999; top:200px;display: block}

/* Scroll Top */
.scrollToTop{width: 50px;height: 50px;text-align: center;font-weight: bold;color: #444;text-decoration: none;position: fixed;bottom: 50px;right: 2px;display: none;z-index: 16;cursor: pointer;}

/* Text Hide */
.text-hide{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/* Transition All */
.transition{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}

/* 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;}
@-moz-keyframes blink{0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@-webkit-keyframes blink{0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@keyframes blink{0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
#wrap_menu_res{display: none;}
/* Scroll */
.scroll-maded{overflow-y: scroll;overflow-x: hidden;}
.scroll-maded::-webkit-scrollbar{width: 2px;}
.scroll-maded::-webkit-scrollbar-thumb{width: 2px;background: #e6c413}    
.scroll-maded::-webkit-scrollbar-thumb:hover{width: 2px;}
.scroll-maded::-webkit-scrollbar-thumb:active{width: 2px;}

/* Loading */
.loading{position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 99999999999;background: #fff;text-align: center;}
.loader,.loader:after{border-radius: 100%;width: 38px;height: 38px;}
.loader{position: absolute;top: calc(50% - 19px);left: calc(50% - 19px);text-indent: -9999em;border-top: 4px solid #e1e1e1;border-right: 4px solid #e1e1e1;border-bottom: 4px solid #e1e1e1;border-left: 4px solid #D21313;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load_circle 0.9s infinite linear;animation: load_circle 0.9s infinite linear;}
@-webkit-keyframes load_circle{0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-moz-keyframes load_circle{0% {-moz-transform: rotate(0deg);transform: rotate(0deg);}100% {-moz-transform: rotate(360deg);transform: rotate(360deg);}}
@-o-keyframes load_circle{0% {-o-transform: rotate(0deg);transform: rotate(0deg);}100% {-o-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load_circle{0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}


/* Loading new*/

.content {width:800px; margin:0 auto; padding-top:250px;}

.stop {
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
}

/* Loading Circle */
.ball {
    background-color: rgba(0,0,0,0);
    border:5px solid #1bbc9b;
    opacity:.9;
    border-top:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 35px #2187e7;
    width:50px;
    height:50px;
    margin:0 auto;
    -moz-animation:spin .5s infinite linear;
    -webkit-animation:spin .5s infinite linear;
}

.ball1 {
    background-color: rgba(0,0,0,0);
    border:5px solid #1bbc9b;
    opacity:.9;
    border-top:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 15px #2187e7; 
    width:30px;
    height:30px;
    margin:0 auto;
    position:relative;
    top:-50px;
    -moz-animation:spinoff .5s infinite linear;
    -webkit-animation:spinoff .5s infinite linear;
}

@-moz-keyframes spin {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(-360deg); }
}
/* css responsive */