@font-face {
    font-family: "OpenSans";
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans.svg#OpenSans') format('svg'),
        url('../fonts/OpenSans.woff') format('woff'),
        url('../fonts/OpenSans.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "OpenSans-Bold";
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "OpenSans-Semibold";
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'),
        url('../fonts/OpenSans-Semibold.woff') format('woff'),
        url('../fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "OpenSans-Light";
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg'),
        url('../fonts/OpenSans-Light.woff') format('woff'),
        url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}

.clear{clear: both;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:10px;border-radius:10px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(0,0,0,0.6);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.4);}
body{overflow-x: hidden;}
.registration__wrapper{background: url(../images/bg_contact.jpg) no-repeat center center;padding-bottom: 40px;background-size: cover;}
.registration_title{color: #ffffff;font-size: 24px;text-transform: uppercase;font-family: "OpenSans-Semibold";position: relative;text-align: center;padding-bottom: 20px;padding-top: 40px;display: block;margin-bottom: 20px;}
.registration_title:after{position: absolute;width: 80px;height: 4px;content: '';left: calc(50% - 40px);bottom: 0px;background: #fff;}
.partner_title{color: #10213d;font-size: 24px;text-transform: uppercase;font-family: "OpenSans-Semibold";position: relative;text-align: center;padding-bottom: 20px;padding-top: 40px;display: block;margin-bottom: 20px;}
.partner_title:after{position: absolute;width: 80px;height: 4px;content: '';left: calc(50% - 40px);bottom: 0px;background: #10213d;}
.registration_left{padding: 0 80px;}
.registration_left span{display: block;line-height: 24px;}
.registration_lh{color: #ffffff;font-family: "OpenSans-Semibold";padding-bottom: 25px;text-transform: uppercase;font-size: 18px;}
.registration_vl{color: #fff;line-height: 28px;font-family: "OpenSans-Semibold";}
.registration_hl{color: #fff;font-size: 29px;padding-bottom: 35px;display: block;}
.registration_right{padding: 0 80px;border-left: 1px solid #fff;}
.img_top img{max-width: 100%;margin:0 auto;height: auto!important;width: 100%!important;}
.box_form_lienhe input{width: 100%;padding: 5px 0 10px;color: #fff;font-size: 12px;border: none;border-bottom: 1px solid #d9d9d9;background: none;margin-bottom: 15px;outline: none;}
.box_form_lienhe textarea{width: 100%;padding: 5px 0 10px;color: #fff;font-size: 12px;border: none;border-bottom: 1px solid #d9d9d9;background: none;margin-bottom: 15px;outline: none;}

::-webkit-input-placeholder { color: #fff;}
::-moz-placeholder {  color: #fff;}
:-ms-input-placeholder {   color: #fff;}
:-moz-placeholder {  color: #fff;}
.buton2{background: url(../images/bg_hinh.jpg) center center;padding: 10px 45px;border-radius: 4px;text-transform: uppercase;color: #fff;font-family: "OpenSans-Semibold";float: right;border: none;outline: none;}
.partner__wrapper{padding-bottom: 25px;}
#cc-slider .owl-item{padding: 0 20px;}

.bottom__wrapper{background:#6b080b;}
.bottom_copyright{color: #fff;padding: 18px 0;font-family: "OpenSans-Semibold";}
.bottom_copyright a{color: #fff;font-family: "OpenSans-Semibold";}
.bottom_right{text-align: right;color: #fff;font-family: "OpenSans-Semibold";}
.bottom_right span{    padding: 16px 0 7px;float: right;margin-right: 30px;}
.bottom_right a{color: #fff;    padding: 22px 0 14px;float: right;}
.bottom_right i{color: #e0bf00;font-size: 18px;margin-right: 5px;}
.bottom_right a.bottom_right_hl{color: #fff;font-size: 18px;font-family: "OpenSans-Bold";background: url(../images/bg_hl.png) no-repeat left bottom; padding: 23px 0 15px;padding-left:55px;margin-left: 30px;float: right;}
.bottom_right img{margin-right: 5px;}

/*=======================================================================================*/
.top_wrapper{background: #6b080b;padding:10px 0;}
.top_wrapper_right{text-align: right;}
.top_wrapper_right ul {display: inline-block;}
.top_wrapper_right li{list-style: none;float: left;}
.top_wrapper_right li a{color: white;}
.ul_top  li{ padding-left: 34px;}
.icon_mail img,.icon_phone img{margin-right: 5px;}
.icon_mail{display: inline-block;padding-top: 5px;}
.text_phone{padding-top: 7px;display: inline-block;}
.ul_top_1  li{padding-left: 52px;}
.incon_you a{padding: 4px 20px;}
.incon_you a img{
    -webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
.incon_you a:hover img{-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg);}
.top_wrapper_right li a:hover{color: #e3b946;text-decoration: none;}
.incon_you a:last-child img{padding-top: 4px;}
.top_wrapper_right a{display: block;float: left;}
.top_wrapper_right img{float: left;}
.top_wrapper_right a.dangnhap {background: url("../images/bg_dn.png") no-repeat;color: #6b080b;border: none;padding: 7px 16px;font-family: "OpenSans-Bold";text-transform: uppercase;outline: none;background-size: cover;border-radius: 5px;}
.top_wrapper_right a.dangnhap:hover {color: #6b080b}
.top_wrapper_right button:hover{color:#e3b946;background: #fff; }
.top_menu_wrapper ul li a{color: white;text-transform: uppercase;font-weight: bold;font-family: "OpenSans-Semibold";padding: 19px 0;position: relative;font-size: 14px;}
.top_menu_wrapper ul li a::before{position: absolute;content: "";bottom: 12px;width: 50px;height: 1px;background: #e3b946;left: 50%;margin-left: -25px;display: none; }
.top_menu_wrapper ul li a.active,.top_menu_wrapper ul li a:hover{color: #e3b946;text-decoration: none;position: relative;}
.top_menu_wrapper ul li a.active:before{display: block;transition: 0.6s;bottom: 12px;}
.top_menu_wrapper ul li a:hover:before{display: block;transition: 0.6s;bottom: 12px;-webkit-animation: spin 0.2s linear;-moz-animation: spin 0.2s linear;-o-animation: spin 0.2s linear;animation: spin 0.2s linear;}
@-webkit-keyframes spin {
  0%{bottom:0;opacity: 0;}
  100%{bottom:12px;opacity: 1;}
}
@keyframes spin {
  0%{bottom:0;opacity: 0;}
  100%{bottom:12px; opacity: 1;}
}
/*=======================================================================================*/
.about_tile{display: block;position: relative;padding-bottom: 10px;font-family:"OpenSans-Bold";color: #6b080b;text-transform: uppercase;font-size: 30px;padding-top: 25px; padding-bottom: 20px;}
.neo_boder:before{position: absolute;content: "";bottom:0;height: 4px;background: #6b080b;left: 0;width: 100px;}
.about_chitie{color: #fff;background:#6b080b;border-radius: 20px;padding: 12px 80px; border: 2px solid #e3b946; text-transform: uppercase;}
.about_chitie:hover{text-decoration: none;color: #e3b946;}
.about_h{text-align: right;padding-top: 40px;}
.about_left p{padding-top: 35px; line-height: 24px;}
.about_right ul li{list-style: none;margin-bottom: 30px;}
.about_wrapper{padding: 45px 0 15px;}
.about_right ul li a img{opacity: 1;}

.about_right ul li a img:hover{opacity: 0.8;}

.line_boder{background: url(../images/boder_conten.jpg);height: 5px;background-size: cover;}
/*=======================================================================================*/
/*==========================================lol tin=============================================*/
.project_wrapper{background: #6b080b;padding: 45px 0;}
.text_project{color: #e3b946;text-transform: uppercase;font-size: 30px;text-align: center;font-family: "OpenSans-Bold";position: relative;padding-bottom: 20px;margin-bottom:40px; }
.text_project:before{position: absolute;content: "";height: 4px;width: 100px;background: url(../images/neo_project.jpg);bottom: 0;left: 50%;margin-left: -50px;}
.bg_project_1{color: #fff;text-transform: uppercase;font-size: 18px;font-family: "OpenSans-Bold";position: relative;padding-bottom: 12px;margin: 20px 0;display: block;}
.bg_project_1:hover{color: #e3b946;text-decoration: none;}
.bg_project_1:before{position: absolute;content: "";height: 4px;width: 100px;background: url(../images/neo_project.jpg);bottom: 0;}
.project_wrapper ul li a.bg_project{background: url(../images/bg_hinh.jpg);display: block;padding: 5px;}
.images_hover{overflow: hidden;}
.project_wrapper ul li a.bg_project img{margin-left: -19px;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;}
.project_wrapper ul li a.bg_project img:hover{margin-left: 0;}
.project_wrapper ul li p{color: #fff;line-height: 24px;}

/*===============================newss========================================================*/
.news_wrapper{background:#6b080b;padding: 50px 0 35px; }
.line_boder_1{ position: absolute;bottom: 0 ;background: url(../images/bg_news.png);display: block;color: #fff;font-family:"OpenSans-Bold";text-align: center;padding: 5px;width: 100%;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;    overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;}
.line_boder_1:hover{color: #6b080b; }
.neo_boder_news {position: relative;overflow: hidden;}

.neo_boder_news:hover a.line_boder_1{text-decoration: none;    bottom: 22px;-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;}

.neo_boder_news  img{transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s; 
        -moz-transition-duration: 0.5s; 
        -o-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;}
.neo_boder_news img:hover{
    ransform: scale(1.2);
        -webkit-transform: scale(1.1); 
        -moz-transform: scale(1.2); 
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
    cursor: pointer; 
}
.news_right_boder{position: relative;}
.news_right ul li{padding-bottom: 15px}

.content__wrapper{padding: 30px 0;}
.content_title{border-bottom: 1px solid #EEE;}
.content_title span{color: #333333;font-size: 24px;text-transform: uppercase;padding-bottom: 15px;border-bottom: 2px solid #10213d;display: inline-block;}
.content_left_ul li a{display: block;padding: 14px 0;color: #666;text-transform: uppercase;font-size: 13px;border-bottom: 1px solid #EEE;position: relative;position: relative;z-index: 99;background: #fff;}
.content_left_ul li a:hover,.content_left_ul li a.active{color: #6b080b;}
.content_left_ul li a:after{position: absolute;top: 14px;right: 0;content: "\f0da";font-family: FontAwesome;font-size: 11px;}
.content_left_ul li ul{display: none;animation: right 0.2s linear;position: relative;z-index: 9;}
.content_left_ul li ul li a{padding: 8px 0 8px 15px;font-size: 12px;background: none;}
.content_left_ul li ul li a.active{color: #e0bf00;}
.content_left_ul li ul li a i{color: #6b080b;font-size: 12px;margin-right: 5px;}
.content_left_ul li ul li a:after{content: none;}
.content_left_ul li:hover ul{display: block!important;}
@-webkit-keyframes right {
  0% {margin-top: -20px;}
  100%  {margin-top: 0;}
}

.content_right_title {   color: #e3b946;  font-size: 26px;text-transform: uppercase;text-shadow: 0 0 1px rgba(224,191,0,0.3);padding-bottom: 15px;line-height: 30px;}
.content_right_title i{margin: 0 15px;}
.noi_dung{line-height: 22px;}
.noi_dung p{line-height: 22px;}
.noi_dung div{line-height: 22px;}
.noi_dung li{list-style: inside;}
.noi_dung img{max-width: 100%;}
.noi_dung table{width: 100%;}
.noi_dung iframe{width: 100%;}

.item_news{margin-bottom: 20px;}
.item_news_name{font-size: 15px;text-transform: uppercase;color: #10213d;padding-bottom: 15px;font-family: "OpenSans-Semibold";display: block;padding-top: 5px;margin-bottom: 15px;border-bottom: 1px dotted #eee;line-height: 20px;}
.item_news_name:hover{color: #6b080b;}
.item_news_ct{font-size: 13.5px;color: #686868;line-height: 20px;}
.item_news_ctk{font-size: 13px;color: #686868;line-height: 20px;}
.item_news_img{position: relative;}
.item_news_date{display: inline-block;position: absolute;left: 15px;top: 0;padding: 4px 5px;font-size: 11px;background: rgba(224,191,0,0.6);font-style: italic;color: #fff;font-family: "OpenSans-Semibold";}
.contai_tt_img img:hover{    animation: quay 1s;}
@-webkit-keyframes quay {
  0% {    opacity: 0;  }
  100%  {    opacity: 1;  }
}
.product_ul li{margin-bottom: 30px;}
.xemthem{padding-top: 8px;}
.xemthem a{font-size: 12px;font-family: "OpenSans-Semibold";color: #666;}
.xemthem a:hover{color: #e0bf00;}
.xemthem i{font-size: 12px;color: #e0bf00;}
.menupage {display: block;min-width: 270px;background: #fff;margin-top: 50px;}
.menupage ul {list-style-type: none;margin: 0;padding: 0;width: 100%;}
.menupage li {border-bottom: 1px solid #eee;}
.menupage li a {/* font-family: 'vinafontlight'; */color: #000;line-height: 25px;display: block;background: url(../images/list.png) left center no-repeat;padding: 6px 10px 6px 18px;text-decoration: none;position: relative;text-transform: uppercase;font-size: 13px;}
.menupage li a:hover,.menupage li a.active {color: #fff;background: url(../images/header_bg.png) repeat;}
.info-detail .hotline_bg {float: left;margin-top: 20px;border: 1px solid #F2F2F2;background: #FFF;padding: 0 !important;width: 100%;}
.info-detail .img_hotline {float: left;width: 36px;height: 36px;margin: 12px 8px 12px 15px;background: url(../images/img_hotline.png) no-repeat;}
.info-detail .info_hotline {color: #333;font-size: 13px;letter-spacing: 1px;line-height: 20px;padding-top: 10px;}
.info-detail .info_hotline a:nth-child(1) {color: #F58220;font-family: "OpenSans-Semibold";}
.info-detail .info_hotline a {color: #333;}
.name-detail {width: 100%;color: #3e3e3e;font-size: 16px;font-family: "OpenSans-Semibold";text-transform: uppercase;padding: 0;margin-top: 8px;line-height: 20px;padding: 5px 0 15px;}
.stickydiv {position: fixed;z-index: 99;top: 0;margin-top: 90px;}
.stickydivk {position: absolute;z-index: 99;bottom: 0;left: 0;width: 100%;}
#sidebar{position: relative;}
.box-title-other .title-other {color: #333333;font-size: 18px;font-family: 'vinafontregular';padding: 0 0 10px 0;line-height: 20px;}
.list-other li {list-style-position: inside;list-style: none;padding: 4px 0;}
.list-other li a {display: inline;color: #555;color: #F4811F;font-size: 14px;padding-left: 20px;font-family: 'vinafontregular';text-transform: inherit;line-height: 28px;background: url(../images/news_item_other.png) no-repeat left center;line-height: 20px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
.list-other li a:hover {margin-left: 10px;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
.box-title-other:before {content: '';display: inline-block;width: 100px;height: 3px;position: absolute;
bottom: -2px;left: 0px;background: rgba(0,102,179,1);}
.box-title-other {border-bottom: 1px solid #eee;position: relative;margin: 10px 0;}
.ct_left_ul li { border-bottom: 1px solid #eee; padding: 15px; border-left: 1px solid #eee;border-right: 1px solid #eee;}
.ct_left_ul li a{ color: #555;font-family: "OpenSans-Semibold";padding-bottom: 5px;display: block;}
.ct_left_ul li a:hover{ color: #e3b946;}
.ct_left_ul{margin-top: 20px;border-top: 1px solid #eee;}
.item_news_date_left{font-size: 13px;font-style: italic;color: #686868;}
.item_news_name_ct{font-family: "OpenSans-Semibold";font-size: 20px;padding-bottom: 10px;text-shadow: 0 0 1px rgba(16,33,61,0.3);color: #10213d;}
.item_news_date_ct{font-size: 13px;font-family: "OpenSans-Semibold";font-style:normal}
.chu_thich_detail{color: #686868;padding-bottom: 10px;font-style: italic;line-height: 20px;}
.title_lh{font-size: 13px;padding-bottom: 20px;color: #e0bf00;}
.title-home{text-transform: uppercase;font-family: "OpenSans-Semibold";color: #10213d;text-shadow: 0 0 1px rgba(16,33,61,0.3);padding-bottom: 20px;font-size: 16px;}
.tt_bot1 li{padding: 12px 0;}
.tt_bot1 li i{margin-right: 5px;color: #10213d;}
.tt_bot1 li span{font-size: 13.5px;}
.tt_bot1{margin-bottom: 10px;}
.social_contact a{display: inline-block;margin-right: 10px;margin-top: 30px;padding: 10px 0;background: #6b080b;text-align: center;width: 40px;border-radius: 100%;}
.social_contact a i{font-size: 20px;color: #fff;}
.menumobile{position: fixed;top:12px;left: 15px;z-index: 99991}
.top_wrapper{transition: all 0.4s linear;position: relative;z-index: 9999}
#menu ul li a{text-transform: uppercase;font-size: 13px;letter-spacing: 3px;}
.top_wrapper.fixed{position: fixed;top: 0;width: 100%;left: 0;z-index: 9998}
.top_wrapper .logo_top img{transition: width 0.2s linear;width: 170px}
.top_wrapper.fixed .logo_top img{width: 120px;}
.top_wrapper.fixed .top_menu_wrapper ul li a {padding: 10px 0;font-family: "OpenSans";font-weight: normal;}
.top_wrapper.fixed .top_menu_wrapper ul li a:hover:before {bottom: 2px;-webkit-animation: spin111 0.2s linear;-moz-animation: spin111 0.2s linear;
    -o-animation: spin111 0.2s linear;animation: spin111 0.2s linear;}
.top_wrapper.fixed .top_menu_wrapper ul li a.active:before {bottom: 2px;}
@-webkit-keyframes spin111 {
  0%{bottom:0;opacity: 0;}
  100%{bottom:2px;opacity: 1;}
}
@keyframes spin111 {
  0%{bottom:0;opacity: 0;}
  100%{bottom:2px; opacity: 1;}
}
.top_wrapper.fixed{padding: 5px 0;}
.dangnhap {border: 1px solid #e3e3e3;padding: 20px 0;background: #fff;}
.nd-session-signin {margin: 0 auto;width: 40%;border-top: 0;padding-bottom: 30px;}
.nd-session-signin .sesion-item .span-l {color: #5b5b5b;float: left;font-family: Arial;font-size: 14px;margin-top: 8px;text-align: left;width: 110px;}
.nd-session-signin .sesion-item #txtPassword, .nd-session-signin .sesion-item #txtUserName {color: #313131;font-size: 13px;margin-left: 5px;padding: 8px 5px;width: calc(100% - 120px);text-align: left;float: left;font-family: Arial;}
.nd-session-signin .sesion-item #txtPassword, .nd-session-signin .sesion-item #txtUserName {border: 1px solid #dfdfdf;border-radius: 5px;}
.nd-session-signin .sesion-item {float: left;padding-top: 10px;width: 100%;}
.nd-session-signin .sesion-item #txtPassword, .nd-session-signin .sesion-item #txtUserName {border: 1px solid #dfdfdf;border-radius: 5px;}
.nd-session-signin .sesion-item-1 {color: #807e7e;float: left;font-size: 14px;padding-top: 10px;width: calc(100% - 120px);margin-left: 115px;}
.nd-session-signin .sesion-item-1 #chkRemember {float: left;margin-top: 0px;}
.nd-session-signin .sesion-item-1 label {float: left;margin-left: 3px;margin-top: 0px;white-space: nowrap;}
.nd-session-signin .sesion-item-1 .label-space {float: left;font-family: Arial;font-size: 12px;padding-left: 5px;padding-right: 4px;line-height: 20px;}
.nd-session-signin .sesion-item-1 .anchor-forget {float: left;font-family: Arial;color: #54A9CD;font-size: 14px;}
.nd-session-signin .button {background-color: #000040;border: 0;color: #fff!important;cursor: pointer;float: left;font-family: Arial;font-size: 16px;font-weight: 700;height: 34px;line-height: 32px;margin-top: 12px;padding: 0 22px;text-align: center;vertical-align: top;}
.show_e{position: fixed;top: 0;right: 0;width: 100%;height: 100%;text-align: center;background: rgba(255,255,255,0.85);padding-top: 15%;z-index: 999;}
.show_e img{width: 60px;}
.dangxuat i{background: url(../images/bg_dn.png) no-repeat center;padding: 7px 6px;border-radius: 5px;margin-left: 5px;color: #6b080b;}
.ul_sgd li .box{position: relative;}
.ul_sgd li a.name{position: absolute;bottom: 0;left: 0;display: block;width: 100%;background: url(../images/bg_news.png);padding: 8px;text-transform: uppercase;color: #fff;font-family: "OpenSans-Semibold";text-align: center;transition: bottom 0.2s linear}
.ul_sgd li .box figure:hover a.name{bottom: 10px;}
.ul_sgd li .box figure {position: relative;overflow: hidden;
}
.ul_sgd li .box figure::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-20deg);transform: skewX(-20deg);}
.ul_sgd li .box figure:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
    100% {
        left: 100%;
    }
}
@keyframes shine {
    100% {
        left: 100%;
    }
}
#mapster_wrap_0{margin: 0 auto;}
.bg_sgd{background: url(../images/bg_sgd.jpg) fixed center center;}
.san_gd_title{text-transform: uppercase;font-size: 24px;color: #fff;font-family: "OpenSans-Bold";text-align: center;line-height: 26px;padding-bottom: 25px;}
.san_gd_title span{margin: 0 10px;}
.thong_tin_sgd{color: #fff;padding-bottom: 45px;font-size: 18px;text-align: center;font-family: "OpenSans-Semibold";line-height: 22px}
.thong_tin_sgd span{margin: 0 10px;}
.title_box_sgd{text-transform: uppercase;color: #fff;font-family: "OpenSans-Semibold";padding-bottom: 30px;}
.mid_content img{max-width: 75%;height: auto!important;}
.mid_content{text-align: center;}
.box_ct_sgd{display: inline-block;vertical-align: middle;width: 33%}
.icon_click{position: absolute;top: 37%;width: 29px;height: 64px;}
.left_sgd{left: 0px;}
.right_sgd{right: 0px;}
.box_ct_sgd:first-child{padding-right: 40px;}
.box_ct_sgd:last-child{padding-left: 80px;}
.ngay_mb{background: url(../images/bg_hinh.jpg);border-radius: 5px;text-align: center;padding: 25px 0;text-transform: uppercase;color: #fff;font-size: 16px;font-family: "OpenSans-Bold";text-shadow: 1px 1px 5px #000;margin-bottom: 40px;background-size: cover;}
.stylethem{display: inline-block;padding: 20px 50px;margin: 35px 0 15px;border-radius: 30px;}
.box_vtut span{font-size: 16px;font-family: "OpenSans-Semibold";text-transform: uppercase;display: inline-block;color: #fff;width: 80px;display: inline-block;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;}
.box_vtut a{display: inline-block;margin-right: 45px;width: 30px;height: 31px;vertical-align: middle;background: url(../images/i-con-bt.png) no-repeat center center;}
/*.box_vtut a.xanh{background: green;}
.box_vtut a.vang{background: yellow;}
.box_vtut a.do{background: red;}*/

.box_vtut a.xanh.active,.box_vtut a.xanh.hover_ne:hover{background: url(../images/i-con-bt1.png) no-repeat center center;}
.box_vtut a.vang.active,.box_vtut a.vang.hover_ne:hover{background: url(../images/i-con-bt2.png) no-repeat center center;}
.box_vtut a.do.active,.box_vtut a.do.hover_ne:hover{background: url(../images/i-con-bt3.png) no-repeat center center;}
.box_vtut{margin-bottom: 25px;}
.box_vtut a:last-child{margin-right: 0;}


@media (min-width: 1370px){

}
@media (max-width: 1199px){
    .ul_top  li{ padding-left: 27px;}
    .ul_top_1  li{padding-left: 38px;}
    .top_wrapper {padding: 10px 0 0px;}
    .about_tile {font-size: 27px;padding-top: 0px;padding-bottom: 15px;}
    .about_left p {padding-top: 15px;line-height: 23px;}
    .project_wrapper ul li a.bg_project img {-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);
transform: scale(1.15)}
.bottom_copyright,.bottom_right a,.bottom_right span{font-size: 13px;}
.bottom_right a {padding: 21px 0 14px;}
.bottom_copyright {padding: 13px 0;}
.top_menu_wrapper ul li a {padding: 15px 0;}
.top_menu_wrapper ul li a:hover:before {bottom: 8px;}
.top_menu_wrapper ul li a.active:before {bottom: 8px;}
@-webkit-keyframes spin {
  0%{bottom:0;opacity: 0;}
  100%{bottom:8px;opacity: 1;}
}
@keyframes spin {
  0%{bottom:0;opacity: 0;}
  100%{bottom:8px; opacity: 1;}
}
.menupage {min-width: 220px;}
.box_ct_sgd:last-child {padding-left: 40px;}
}
@media (max-width: 1024px){
}
@media (max-width: 991px){
.ul_top li {padding-left: 9px;}
.ul_top_1 li {padding-left: 17px;}
.top_menu_wrapper {margin-top: 0;}
.logo_top img{margin:0 auto;}
.top_menu_wrapper ul li a{font-size:12px; }
.logo_top {padding-right: 0;}
.about_tile {font-size: 22px;padding-bottom: 12px;}
.about_chitie {padding: 8px 54px;}
.about_h {padding-top: 20px;}
.about_right ul li{padding-left: 0;margin-bottom: 15px;}
.project_wrapper ul li a.bg_project img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);
transform: scale(1.2)}
.news_wrapper .container{padding: 0 11%;}
.news_left{margin-bottom: 20px;}
.registration__wrapper {background-size: cover;}
.registration_right {border-left: none;margin-top: 20px;}
.bottom_copyright {padding: 19px 0;}
.bottom_copyright, .bottom_right a, .bottom_right span {font-size: 14px;}
.top_menu_wrapper ul li a {padding: 6px 0 14px;}
.box_ct_sgd {width: 100%;margin-bottom: 30px;}
.box_ct_sgd:first-child {padding-right: 0;}
.box_ct_sgd:last-child {padding-left: 0px;}
}
@media (max-width: 767px){ 
.logo_top img{margin-left: 40px;}
.top_menu_wrapper ul li a{font-size:10px; }
.logo_top img{padding: 0;}
.ul_top_1 li {padding-left: 15px;}
.ul_top li {padding-top: 5px;}
.top_wrapper {padding: 10px 0;}
.about_h {text-align: center;}
.about_right ul li a img {margin: 0 auto;}
.about_right ul {margin-top: 30px;}
.news_wrapper {padding: 50px 10% 35px;}
.neo_boder_news {margin-bottom: 15px;}
.about_right ul li {padding-left: 15px;}
.news_wrapper .container{padding: 0 15px;}
.registration_left {padding: 0 15px;}
.registration_right {padding: 0 15px;}
.top_wrapper_right ul {padding-top: 8px;}
.product_right{margin-top: 20px;}
.pro_dt_right{margin-top: 20px;}
.pro_dt_left {display: none!important;}
.slider-wrapper .p1-caption span{font-size: 11px;padding: 8px;}
.slider-wrapper .p1-caption a{font-size: 11px;padding: 8px 10px;}
.slider-wrapper .a-caption{font-size: 14px;padding: 12px}
}
@media (max-width: 600px){
    .logo_top img{margin-left: 15px;}
    .col-600-6{width: 100%;}.logo_top img {margin: 0 auto; width: 136px;}
    .top_wrapper_right {text-align: center;}
    .ul_top_1 li {padding-left: 16px;}
    .logo_top img{padding: 0;}
    .an-600{display: none;}
    .project_wrapper ul li a.bg_project img {-webkit-transform: scale(2.1);-moz-transform: scale(2.1);-ms-transform: scale(2.1);-o-transform: scale(2.1);}
    .news_left{margin-bottom: 15px;}
    .project_wrapper ul li a.bg_project img{margin: 0 auto!important;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none);
        -o-transform: none;
        transform: none;}
    .news_right ul li img{margin: 0 auto;width: 100%;}
    .news_wrapper {padding: 50px 10% 35px;}
    .top_wrapper.fixed{background: rgba(107,8,11,0.85)}
    .top_wrapper.fixed .icon_phone{display: none;}
    .top_wrapper.fixed .logo_top{display: none;}
    .top_wrapper.fixed .top_wrapper_right ul {padding-top: 0;}
    .top_wrapper.fixed .ul_top{float: right;}
    .top_wrapper.fixed .ul_top li {padding-top: 0;}
}
@media (max-width: 479px){
    .box-captionnv{display:none!important}
    .col-479{width: 100%;float: none;}
    .hidden-479{display: none!important;}
    .col-479-6{width: 50%;}
    .show-products li {width: 100%;}
    .news_wrapper {padding: 50px 0 35px;}
    .bottom_right a.bottom_right_hl {font-size: 14px;margin: 0;text-align: center;display: block;padding-left: 45px;
    margin-left: 0;}
}
@media (max-width: 375px){
    .bottom_copyright {padding: 12px 0;}
    .bottom_right a.bottom_right_hl {font-size: 13px;}
    .ul_top li {padding-left: 3px;}
    .top_wrapper_right {padding-left: 0;padding-right: 0;}
    .top_wrapper_right a.dangnhap{padding: 7px;}
}
@media (max-width: 320px){
}