@charset "utf-8";
@font-face{font-family: mySecondFont;src: url('../fonts/MyriadPro-Regular.ttf');}
@font-face{font-family: myThreeFont;src: url('../fonts/MyriadWebPro.ttf');}
*{margin: 0;padding: 0;outline: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-mos-box-sizing: border-box;}
ul li{list-style: none;}a,ins{text-decoration: none;color: #070C08}
.clr{clear: both}
img{max-width: 100%}
a{transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;moz-transition: all 0.3s linear 0s;o-transition: all 0.3s linear 0s}
a {color: #323e35}
.float-with{float: left;width: 100%}
.float-left{float: left}
.float-right{float: right}
body {font-family: mySecondFont;font-size: 14px;color: #474747;line-height: 20px;margin: 0;padding: 0}
.container{width: 964px;margin: auto}
.logo{padding: 34px 0}
ul.nav-dropdown{padding: 20px 0}
ul.nav-dropdown li{text-align: right}
ul.nav-dropdown li{display: inline-block}
ul.nav-dropdown li a{color: #575757;font-size: 15px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;padding: 10px 12px;margin-left: 2px}
ul.nav-dropdown li a:hover, ul.nav-dropdown li.active a{color: #ef3e36;border-bottom: 4px solid #00aeef}
.footer {background: #000 url(../img/footer.png) repeat left top;color: #cbcaca;font-size: 13px;padding: 15px 0}
.footer_lh{background: url(../img/lh.png) no-repeat left center;padding-left: 25px;margin-bottom: 5px}
.copyright{padding: 15px 0;background: #000 url(../img/footer_1.png) repeat left top;color: #cbcaca;font-size: 13px}
.logo_footer{padding-right: 40px;padding-top: 38px}
.newslettes{}
.footer_ten_cs {font-size: 15px;background-image: url(../img/cs.png);background-repeat: no-repeat;background-position: left center;padding: 10px 0 10px 26px;float: left}
.addthis_toolbox{padding-top: 10px}
.footer_ten_em {font-size: 15px;background-image: url(../img/em.png);background-repeat: no-repeat;background-position: left center;padding: 0 0 0 26px;margin-bottom: 10px}
#form_nhantin{margin-bottom: 4px}
#form_nhantin input#nhantin, #form_nhantin input#email {line-height: 32px;height: 32px;width: 206px;font-style: italic;border-radius: 2px 0 0 2px;margin-right: 0;margin-left: 0;padding-left: 15px;color: #757575;float: left;border: 0}
#form_nhantin #btn_nhantin {background-color: #00cef8;width: 58px;height: 32px;color: #000;font-size: 15px;text-align: center;vertical-align: middle;border-radius: 0 2px 2px 0;text-transform: uppercase;font-weight: 600;border: 0;cursor: pointer}
ul.nav_services_intro{padding: 40px 0 20px 0}
ul.nav_services_intro li{float: left;width: 20%;text-align: center}
ul.nav_services_intro li a{font-size: 26px;line-height: 30px;text-transform: uppercase}
ul.nav_services_intro li img{height: 54px}
ul.nav_services_intro li .name{margin-top: 20px}
ul.nav_services_intro li:last-child .name{padding-top: 18px;}
#vien_bong {background-image: url(../img/vien_bong.png);background-repeat: no-repeat;background-position: center top;height: 8px}
#menu_footer {background-color: #f3f6f8}
#owl-demo img{display: block}
.intro_parter{padding: 30px 0}
.scc-list img{height: 64px;}
.scc-list{padding: 0 10px;}
.scc-list img{opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier */}
.scc-list img:hover{opacity:0.4;filter:alpha(opacity=40); /* For IE8 and earlier */}
#mainhien {background: url(../img/content.png) no-repeat center top;padding-top: 20px}
#content {background-color: #FFF;border-radius: 4px 4px 0 0;min-height: 200px; padding: 0 10px 40px 10px}
.tintuc_ten_top_nb {font-size: 35px;color: #5d7c90;line-height: 40px;text-transform: uppercase;padding: 35px 15px 15px 15px} 
#vienngang_dd {border-bottom: solid 1px #e7e7e7}
.gioithieu .left{width: 65%;}
.gioithieu .right{width: 32%;padding-top: 10px}
.partner .name{text-transform: uppercase;color: #15a0d4;font-size: 25px;position: relative;margin-bottom: 20px}
.partner .name::before{position: absolute;left: 0;bottom: 3px;width: 100%;border-bottom: dotted 1px #15a0d4;content:'';z-index: 0}
.partner .name span{background-color: #fff;padding-right: 10px;position: relative;z-index: 1}
ul.partner_items{padding-bottom: 20px}
ul.partner_items li{float: left;width: 49.5%;border: solid 1px #c0c0c0;text-align: center;height: 88px;padding: 5px;margin-bottom: 2px;margin-left: 1%}
ul.partner_items li img{height: 100%}
ul.partner_items li:nth-child(2n+1){margin-left: 0}
.danhmuc_tin_lienquan_con_hinh .picture {background-image: url(../img/vongtron.png);background-repeat: no-repeat;background-position: left top;width: 122px;height: 122px;text-align: center;padding: 5px;background-size: 100% 100%}
.danhmuc_tin_lienquan_con_hinh .picture img {border-radius: 100%;height: 100%;width: 100%}
.right-name-star{width: 170px;text-align: left}
.right-name-star h3{font-size: 14px;line-height: 16px}
.right-name-star .des{color: #606060;font-size: 13px;position: relative;padding: 16px;line-height: 15px;margin-top: 5px;}
.right-name-star .des::before{position: absolute;left: 0;top: 0;content:'';z-index: 0;background: url(../img/nhay_t.png) no-repeat left top;height: 14px;width: 14px}
.right-name-star .des::after{position: absolute;right: 0;bottom: 0;content:'';z-index: 0;background: url(../img/nhay_b.png) no-repeat left top;height: 14px;width: 14px}
h2, h2 a {font-size: 18px;font-weight: bold;color: #606060;line-height: 20px}
.details{padding: 10px 0}
.details p{padding: 5px 0;}
.croll {position: fixed;right: 5px;bottom: 5px;cursor: pointer;z-index: 999}
.dichvu_con_ten_abc_a {font-size: 26px;text-transform: uppercase;background-image: url(../img/vien_danhmuc.png);background-repeat: no-repeat;background-position: left bottom;padding-bottom: 20px;margin-top: 20px;position: relative}
.dichvu_con_ten_abc_a .cover{position: absolute;right: 0;top: -10px}
.main_service {padding-top: 20px}
.main_service .left{width: 600px}
.main_service .right{width: 32%}
.main_service ul.partner_items li{width: 24.25% !important}
.main_service ul.partner_items li:nth-child(2n+1) {margin-left: 1% !important}
.main_service ul.partner_items li:nth-child(4n+1) {margin-left: 0 !important}

.dichvu_con_ten_abc {font-size: 26px;text-transform: uppercase;line-height: 30px;background: url(../img/vien_danhmuc.png) no-repeat left bottom;}
.dichvu_con.item_larger{width: 49%;margin-left: 2%;margin-bottom: 30px;margin-top: 10px}
.item_small .dichvu_con{width: 100%}
.dichvu_con.item_larger:nth-child(2n+1){margin-left: 0}
.dichvu_con a{display: block;padding: 10px}
.dichvu_con a:hover{background-color: #00aeef;color: #FFF;transition: all 0s linear 0s; /* Firefox*/-webkit-transition: all 0s linear 0s; /* Chrom*/moz-transition: all 0s linear 0s; /* IE*/o-transition: all 0s linear 0s;}
.dichvu_con a:hover img{
    filter: grayscale(0%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
}
.dichvu_con a:hover .dichvu_con_ten_abc{background: url(../img/vien_danhmuc_hover.png) no-repeat left bottom}
.dichvu_con .summary{line-height: 16px}
.dichvu_con_ten_abc{padding-bottom: 10px;margin-bottom: 15px}
.dichvu_con_ten_abc .left{width: 200px}
.item_small .right{width: 700px}
.item_small .dichvu_con a{padding: 20px 10px}
.danhmuc_tin_lienquan_con img {padding-right: 12px;float: left}
.slide_con_mota {color: #606060;margin-top: 10px;min-height: 76px}
.xemchitiet a {color: #ed3a3a}
.xemchitiet a:hover{text-decoration: underline}
.danhmuc_tin_lienquan_con {border-bottom: dotted 1px #c5c5c5;display: table;padding: 14px 0;width: 100%}
.tintuc_tongquat_ten_noidung_tieude_1, .tintuc_tongquat_ten_noidung_tieude_1 h1 {font-size: 24px;line-height: 24px;font-weight: normal}
.tinlienquan_ten {font-size: 25px;font-weight: bold;text-transform: uppercase;color: #00aeef;padding-bottom: 10px}
ul.nav_tinlq a{background: url(../img/mui.png) no-repeat left center;padding: 4px 0 4px 18px;display: block}
ul.nav_tinlq a:hover{color: #00aeef}
.details img{height: auto !important;max-width: 100% !important}
.news_top{margin-bottom: 10px}
.news_top .left{width: 482px;height: 292px}
.news_top .right{width: 446px}
.news_items_left{position: relative;width: 100%;height: 100%}
.news_items_left img, .news_items_right img{width: 100%;height: 100%;display: block}
.topnews_photo_deal_danhmuc_nd {z-index: 999;position: absolute;margin: 0;left: 0;bottom: 0;width: 100%;background: url('../img/bong_xanh.png') repeat;padding: 10px}
.topnews_photo_deal_danhmuc_nd {font-size: 15px;color: #FFF;font-weight: 600;line-height: 18px}

.news_items_right{position: relative;float: left;width: 48.5%;margin-left: 3%;height: 138px;margin-bottom: 15px}
.news_items_right:nth-child(2n+1){margin-left: 0;}
.contact{padding-top: 30px}
.contact .left{width: 440px}
.contact .right{width: 470px}
.row_info_c{background: url(../img/dc.png) no-repeat left center;padding: 15px 0 15px 50px}
.row_info_c.tel{background-image: url(../img/phone.png);}
.row_info_c.hotline{background-image: url(../img/phone.png);}
.row_info_c.email{background-image: url(../img/email.png);}
.map{margin-top: 20px}
#menu_duan > ul {margin: 0px;padding: 0px;list-style: none;height: 39px}
#menu_duan > ul > li {padding: 0px;float: left;margin: 0}
#menu_duan > ul > li > a {display: inline-block;line-height: 38px;text-align: center;color: #FFF;font-size: 15px;text-decoration: none;float: left;text-align: center;padding: 0px 16px;font-family: Arial, Helvetica, sans-serif;background-color: #45c6f6;text-transform: capitalize;margin: 0 1px}
#menu_duan > ul > li:hover > a, #menu_duan > ul > li.selected > a {background-color: #1aaee5;}
#menu_duan_goc {height: 7px;width: 15px;background: url(../img/goc.png) no-repeat 1px top;margin-top: -1px;}
.project_list .tile{font-size: 26px;text-transform: uppercase;color: #7fd6f7;padding: 20px 0 10px;white-space: nowrap;position: relative;z-index: 2}
.project_list .tile span{border-bottom: 4px solid #7fd6f7;position: relative;z-index: 2}
.project_list .tile::before {background: url(../img/vien_xanh_cham.png) repeat-x left bottom;content: '';position: absolute;left: 0;bottom: 2px;width: 100%;height: 4px;z-index: 0}
.duan_hinh h2{line-height:20px; font-size: 16px}
.duan_hinh {display: table;padding: 10px 0;color: #516978;font-size: 15px}
.duan_hinh a{float: left;margin: 7px;width: 222px;margin-bottom: 10px}
.duan_hinh img{border-radius: 8px;border: 3px solid #e6e6e6;box-shadow: 0 2px 4px #3d4c4d;margin-bottom: 10px;width: 100%;height: 176px}
.duan_hinh img:hover{border: 3px solid #45c6f6}
.project_detail{padding: 20px 0 10px 0}
.project_detail .left{width: 480px}
.project_detail .right{width: 440px}
.ten_duan, .ten_duan h1{font-size: 20px;color: #4684a0;padding-bottom: 10px;line-height: 22px;font-weight: normal}
.galary{margin-top: 20px}
.project_detail .cover{height: 308px;overflow: hidden}
.project_detail .cover img{width: 100%}
.zoom-desc {float: left;width: 100%;max-height: 500px;overflow: hidden;margin-top: 10px}
.zoom-desc img {width: auto;border: solid 1px #CCC;margin-bottom: 10px;height: 50px}
.item-picture{padding: 0 4px}
.item-picture img{height: 82px !important}
#slider-gallary{position: relative;padding: 0 30px}
.lang_main{padding-top: 10px;padding-right: 10px}
.lang_main .vi {background: url(../img/vi.png) no-repeat center center;text-indent: -9999px;display: inline-block;width: 25px;height: 20px;margin: 0 3px;opacity: 0.1;background-size: 100% 100%}
.lang_main .en {background: url(../img/en.png) no-repeat center center;text-indent: -9999px;display: inline-block;width: 25px;height: 20px;margin: 0 3px;opacity: 0.1;background-size: 100% 100%}
.lang_main .active {opacity: 1;}
.invalid-feedback{color: red;}
.alert-success{background-color: #CCC;color: red;padding: 10px;text-align: center;font-size: 18px;margin-bottom: 10px}
.alert-success-email{color: red;font-weight: bold}
.error-ajax{color: red;}

/*============= pagination =============== */

.pagination{text-align: center;margin: 20px 0}
.pagination li{display: inline-block;margin: 0 3px}
.pagination li a, .pagination li span{display: block;border: solid 2px #000;color: #000;text-align: center;padding: 4px 0;width: 32px;border-radius: 100%;font-weight: bold}
.pagination li span, .pagination li a:hover{background-color: #1ebcf7;color: #fff;border-color: #1ebcf7}

/*============= form contact =============== */

#form_contact input[type='text'], #form_contact textarea{border: 1px solid #CCCCCC;padding: 0 10px;height: 30px;line-height: 30px;width: 100%}
#form_contact textarea{height: 192px}
#form_contact input[type='submit']{background-color: #10ade1;font-size: 20px;text-align: center;border: 0;font-weight: bold;height: 42px;color: #FFF;border-radius: 4px;text-transform: uppercase;width: 100%;cursor: pointer}
#form_contact .row{float: left;width: 100%;margin-bottom: 20px}
#form_contact label{color: #575757;font-size: 15px;float: left;width: 100%}

/*============= menu mobile =============== */

.navbar-toggle {position: absolute;padding: 9px 10px;margin-right: 0;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid #999;border-radius: 4px;cursor: pointer;display: none;right: 15px;top: 30px}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #999}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px}


@media only screen and (max-width: 963px) {
    .container{width: 360px;padding: 0 15px;max-width: 100%}
    .left, .right{width: 100% !important}
    .navbar-toggle {display: block}
    .logo img{height: 30px}
    ul.nav-dropdown{padding: 10px 15px;position: absolute;z-index: 100;top:70px;right: 0;width: 100%;display: none;max-width: 150px;background-color: #fff}
    ul.nav-dropdown{text-align: center}
    ul.nav-dropdown li{display: block}
    ul.nav-dropdown li a{display: block}
    
    .logo_footer{padding-top:10px;padding-bottom: 10px}
    .newslettes{width: 100%}
    ul.nav_services_intro li, .gioithieu .left, .gioithieu .right, .main_service .left, .main_service .right, .contact .left, .contact .right{width: 100%}
    .danhmuc_tin_lienquan_con_hinh .picture{width: 90px;height: 90px}
    .main_service ul.partner_items li{width: 49.5% !important}
    .main_service ul.partner_items li:nth-child(2n+1) {margin-left: 0 !important}
    .main_service ul.partner_items li:nth-child(4n+1) {margin-left: 0 !important}
    
    .dichvu_con.item_larger, .item_small .right{width: 100%}
    #menu_duan > ul > li{margin-bottom: 10px}
    .duan_hinh a{width: 100%}
    .duan_hinh img{height: auto;min-height: 176px}
    .project_detail .cover{height: 258px}
    #slider{margin-bottom: 20px}
    .lang_main{padding: 2px;}
}
@media only screen and (min-width: 726px) and (max-width: 799px) {
}
@media only screen and (min-width: 610px) and (max-width: 725px) {
}
@media only screen and (min-width: 480px) and (max-width: 609px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
}
@media only screen and (max-width: 319px) {
}