@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }

.uln ul, ul, ol { list-style: none; margin: 0; padding: 0; }

.clear { clear: both; }

.ovh { overflow: hidden; }

.split { padding: 0 5px; display: inline-block; }

.fr input[type="text"], .fr input[type="password"], 
.fr input[type="email"], .fr input[type="number"], 
.fr select, .fr textarea, 
.ipt { 
    border: 1px solid #666; 
    background: #fff; 
    color: #333; 
    font-size: 13px; 
    padding: 0 8px; 
    overflow: hidden; 
    vertical-align: middle; 
    height: 32px; 
    line-height: 32px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 

}

.fr input[type="text"]:disabled, .fr input[type="password"]:disabled, .fr input[type="email"]:disabled, .fr input[type="number"]:disabled, .fr select:disabled, .fr textarea:disabled { background: #666; }

.fr input[type="text"]:focus, .fr input[type="password"]:focus, .fr input[type="email"]:focus, .fr input[type="number"]:focus, .fr select:focus, .fr textarea:focus { border-color: #05547b; outline: none; }

.fr textarea { font-size: 14px; overflow: visible; }

.fr select { white-space: nowrap; }

input[type="file"] { display: inline-block; }

label.checkbox { margin: 0; display: inline-block; position: relative; cursor: pointer; }
label.checkbox input[type="checkbox"] { position: absolute; width: 0; height: 0; background: none; border: none; }
label.checkbox input[type="checkbox"] + span { position: relative; padding-left: 20px; }
label.checkbox input[type="checkbox"] + span:before { content: ""; width: 14px; height: 14px; background: #fff; border-top: 1px solid #a8a8a8; position: absolute; left: 0; top: 1px; font-family: FontAwesome; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3); }
label.checkbox input[type="checkbox"] + span:after { content: "\2713"; font-size: 16px; position: absolute; left: 3px; top: 2px; line-height: 12px; color: #626262; opacity: 0; }
label.checkbox input[type="checkbox"]:checked + span:after { opacity: 1; }

label.radio { margin: 0; display: inline-block; position: relative; cursor: pointer; }
label.radio input[type="radio"] { position: absolute; width: 1px; height: 1px; background: none; border: none; }
label.radio input[type="radio"] + span { position: relative; display: block; line-height: 24px; padding-left: 36px; }
label.radio input[type="radio"] + span:before { content: ""; width: 22px; height: 22px; border: 1px solid rgba(0, 0, 0, 0.3); background: #fff; position: absolute; left: 0; top: 2px; font-family: FontAwesome; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; }
label.radio input[type="radio"] + span:after { content: ""; position: absolute; left: 6px; top: 8px; width: 10px; height: 10px; background: #05547b; opacity: 0; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; }
label.radio input[type="radio"]:checked + span:after { opacity: 1; }

.badge { display: inline-block; background: #f43341; font-size: 10px; font-weight: bold; line-height: 16px; padding: 0 5px; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }

.logo { width: 107px; height: 40px; margin-top: 12px; }

@font-face { 
    font-family: 'font-helveticaNeueBold'; 
    src: url("../fonts/helvetica-neue-bold.eot"); 
    src: local("Γÿ║"), url("../fonts/helvetica-neue-bold.woff") format("woff"), url("../fonts/helvetica-neue-bold.ttf") format("truetype"), url("../fonts/helvetica-neue-bold.svg") format("svg"); 
    font-weight: normal; 
    font-style: normal; }
@font-face { font-family: 'font-helveticaNeueLight'; src: url("../fonts/helvetica-neue-light.eot"); src: local("Γÿ║"), url("../fonts/helvetica-neue-light.woff") format("woff"), url("../fonts/helvetica-neue-light.ttf") format("truetype"), url("../fonts/helvetica-neue-light.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'font-helveticaNeueRegular'; src: url("../fonts/helvetica-neue-regular.eot"); src: local("Γÿ║"), url("../fonts/helvetica-neue-regular.woff") format("woff"), url("../fonts/helvetica-neue-regular.ttf") format("truetype"), url("../fonts/helvetica-neue-regular.svg") format("svg"); font-weight: normal; font-style: normal; }
* { outline: none; }

h4.title { font-size: 14px; color: #333; line-height: 34px; }

@keyframes btnvideo { from { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  to { -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } }
@-webkit-keyframes btnvideo { from { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  to { -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } }
.icon-video { width: 120px; height: 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; border: 5px solid #fff; background: rgba(0, 0, 0, 0.1); animation: btnvideo .5s infinite alternate; -webkit-animation: btnvideo .5s infinite alternate; -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; display: block; position: relative; }
.icon-video:after { content: ''; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -33px; width: 0px; height: 0px; border-bottom: 25px solid transparent; border-top: 25px solid transparent; border-left: 50px solid #fff; }
.icon-video:hover { background: rgba(0, 0, 0, 0.3); }

.icon-bia { content: ""; }

.icon-nhathuoc { content: "\f0f0"; }

.icon-barcafe { content: "\f0f5"; }

.icon-thoitrang { content: "\f182"; }

.icon-mebe { content: "\f118"; }

.icon-mypham { content: "\f1fc"; }

.icon-sieuthi { content: "\f07a"; }

.icon-dientu { content: "\f1e6"; }

.icon-hoaqua { content: "\f06b"; }

.icon-taphoa { content: "\f02c"; }

.icon-noithat { content: "\f236"; }

.icon-linhkien { content: "\f21c"; }

.icon-sach { content: "\f02d"; }

.icon-xaydung { content: "\f1ad"; }

.icon-nongsan { content: "\f06c"; }

.color-red { color: #ff0000; }

.column-5 { width: 20%; }

.btn-gray { padding: 0 50px; display: inline-block; margin-bottom: 0; font-size: 18px; line-height: 44px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-color: #fff; border: 1px solid #a1a1a1; color: #a1a1a1; overflow: visible; font-family: font-helveticaNeueBold; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.btn-gray:hover { background-color: #4c9d2f; border: 1px solid #4c9d2f; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.btn-gray.btn-gray-small { font-size: 14px; font-family: font-helveticaNeueRegular; border: 1px solid #dedede; padding: 0 15px; line-height: 40px; }
.btn-gray.btn-gray-small i { padding-left: 5px; }

/*banner*/
.home .banner { background: url("../images/banner-home.jpg") no-repeat top center; min-height: 580px; }
.home .banner .left-banner { height: 580px; }
.home .banner .right-banner { padding: 90px 40px 0 130px; }
.home .banner .right-banner h1 { color: #000; padding-right: 90px; }
.home .banner .right-banner p { color: #111; }

.banner { background-size: cover; margin-top: 62px; }
.banner .left-banner { position: relative; }
.banner .left-banner .icon-video { position: absolute; top: 50%; margin-top: -60px; right: 50%; margin-right: -60px; }
.banner .right-banner { position: relative; }
.banner .right-banner:after { position: absolute; top: 0; right: 0; content: ''; background: url("../images/Tet20162.png") no-repeat top right; width: 330px; height: 111px; }
.banner .right-banner h1 { font-size: 36px; font-family: font-helveticaNeueRegular; font-weight: normal; line-height: 44px; margin: 0; padding-bottom: 20px; }
.banner .right-banner p { font-size: 16px; line-height: 24px; padding-bottom: 45px; margin: 0; }

.box-banner-home { min-height: 435px; background-repeat: no-repeat; }
.box-banner-home .right-banner h1 { margin-top: 45px; padding-right: 90px; }
.box-banner-home .banner .left-banner .icon-video { display: none; }

.main-page { padding: 10px 0; }
.main-page h2.title, .main-page h3.title { font-size: 31px; font-family: font-helveticaNeueRegular; text-align: center; line-height: 36px; }
.main-page .box-title { text-align: center; padding-bottom: 35px; }
.main-page .box-title h2.title { padding-bottom: 10px; margin-bottom: 0; margin-top: 50px; }
.main-page .box-title h2.title span { text-transform: lowercase; }
.main-page .box-register { padding: 35px 0 50px; text-align: center; }
.main-page .box-register h3 { padding-bottom: 25px; line-height: 36px; margin-bottom: 0; }

/*page intro*/
.page-template-register-php .register_box { display: none !important; }
.page-template-register-php .dang-ky .register_box { display: block !important; }
.page-template-register-php .login_overlay { display: none !important; }

.dang-ky .bottomBox { display: none; }
.dang-ky .box-register-footer { display: none; }
.dang-ky .register_box .register_title h3 { margin-top: 0; font-size: 19px; }
.dang-ky .register_box .container { position: relative; }
.dang-ky .bottomBox { margin-top: 50px; }
.dang-ky .register-wr { padding-bottom: 0 !important; }
.dang-ky .register_box { position: inherit; margin-left: 0; left: 0; top: 100px; width: 100%; margin-top: 120px; }
.dang-ky .register_box .register_head { background: none; color: #111; font-size: 31px; text-transform: uppercase; line-height: 34px; }
.dang-ky .register_box .box-list-industry { padding: 0 5px; margin-bottom: 35px; overflow: hidden; padding: 5px; }
.dang-ky .register_box .form-group { margin-bottom: 15px; }
.dang-ky .register_box .form-group label { margin-bottom: 7px; }
.dang-ky .register_box .register-box-btn { padding-top: 35px; }
.dang-ky .register_box .capchar img, .dang-ky .register_box .capchar i { float: left; }
.dang-ky .register_box .capchar i, .dang-ky .register_box .capchar input { margin-top: 10px; }
.dang-ky #register_step2, .dang-ky #register_step3, .dang-ky #register_step4 { margin-top: 35px; }
.dang-ky .box-register-footer .box-register { padding-bottom: 0; }
.dang-ky .box-register-footer .register { display: none; }
.dang-ky .register_box .register-content { padding: 0; }

.login_overlay { height: 100%; width: 100%; background-color: #000; opacity: .5; position: fixed; z-index: 9999; top: 0; left: 0; display: none; }

.box-video { z-index: 9999; display: none; z-index: 99999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; position: fixed; width: 850px; height: 495px; top: 50%; margin-top: -265px; left: 50%; margin-left: -425px; background-color: rgba(0, 0, 0, 0.5); padding: 10px; }
.box-video .video { position: relative; background-color: #000; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.box-video a { position: absolute; top: -50px; right: -27px; font-size: 30px; font-family: font-helveticaNeueLight; color: #fff; }
.box-video frame { width: 100%; }

.color-red { color: #f00; }

.icon-video.icon-video-ipad { display: none; }

/*page Home*/
.box-technology .left-content .box-img-content { width: 85px; float: left; }
.box-technology .left-content .box-img-content img { margin-top: 10px; }
.box-technology .left-content .box-list-content { overflow: hidden; padding-bottom: 15px; }
.box-technology .left-content .box-list-content h4 { font-size: 14px; text-transform: uppercase; padding-bottom: 5px; margin: 0; line-height: 18px; font-family: font-helveticaNeueBold; color: #111; }
.box-technology .left-content .box-list-content p { font-size: 14px; line-height: 18px; }
.box-technology .right-content { text-align: right; }
.box-technology .right-content img { max-width: 100%; overflow: hidden; }
.box-technology .btn-gray.btn-gray-small { margin-left: 85px; }
.box-technology .box-title h2.title { margin: 50px 0 0 0; }
.box-technology.bg-f3f3f3 .right-content { text-align: center; }

.box-customer-say { padding-bottom: 5px; }
.box-customer-say .box-list-customer-say { padding-bottom: 40px; }
.box-customer-say .box-list-customer-say .list-customer-say .img-around { -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; width: 145px; height: 145px; overflow: hidden; margin: 0 auto; }
.box-customer-say .box-list-customer-say .list-customer-say .img-around img { max-height: 100%; }
.box-customer-say .box-list-customer-say .list-customer-say .customer-say { margin-top: 20px; }
.box-customer-say .box-list-customer-say .list-customer-say .customer-say h5 { font-size: 16px; margin-bottom: 0; font-family: font-helveticaNeueBold; color: #111; line-height: 20px; }
.box-customer-say .box-list-customer-say .list-customer-say .customer-say p { padding: 5px 0 0 0; font-size: 14px; line-height: 18px; margin: 0; }
.box-customer-say .box-list-customer-say .list-customer-say .customer-say p.content-text { text-align: justify; min-height: 105px; }
.box-customer-say .box-list-customer-say .list-customer-say .customer-say p.address-customer { color: #a1a1a1; }

.box-menu-key { padding-bottom: 30px; }
.box-menu-key .list-menu-key { text-align: center; }
.box-menu-key .list-menu-key a { overflow: hidden; }
.box-menu-key .list-menu-key a .img-key { width: 100%; height: 195px; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.box-menu-key .list-menu-key a .img-key img { max-height: 100%; }
.box-menu-key .list-menu-key a h4 { font-size: 16px; color: #111; font-family: font-helveticaNeueBold; }
.box-menu-key .list-menu-key a:hover { -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; }
.box-menu-key .list-menu-key a:hover .img-key img { -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.27); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.27); box-shadow: 0 0 10px rgba(0, 0, 0, 0.27); -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; }
.box-menu-key .list-menu-key a:hover h4 { color: #4c9d2f; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; }

.bg-f3f3f3 { background-color: #f3f3f3; }

.page-template-homepage-php .box-register-footer { background: none; margin-top: 0; }

.top-customer-say { min-height: 140px; }