@font-face{font-family:'UTM Avo';src:url('../fonts/utm-avo.ttf')format('truetype')}
@font-face{font-family:'UTM Avo Bold';src:url('../fonts/utm-avobold.ttf')format('truetype')}
body{font-family:'Roboto',Arial,sans-serif; line-height: 24px}
/* Reset*/

a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none!important;color:inherit}
img{max-width: 100%;height: auto}
ul>li{list-style:none}
ul, ol {list-style-position: inside}
.fa{transform:none}
select:focus,button:focus{outline:none}
.uppercase{ text-transform: uppercase }
summary{font:14px/1.8'Roboto';color:#999}
.menu-item{float:left}
.control{cursor:pointer}
h3{font:24px/30px'UTM Avo Bold',sans-serif;position:relative;margin-bottom:25px}
.section-header{margin-bottom:30px}
/*.section-header h3::after{content:'';position:absolute;bottom:0;width:90px;height:2px;left:50%;margin-left:-45px; background: #999}*/
.col-padding-0{padding-left:0px;padding-right:0px;margin-bottom:10px}
.col-padding-5{padding-left:5px;padding-right:5px;margin-bottom:10px}
.row-margin-10{margin-left:-10px;margin-right:-10px}
input:focus{outline:none;background:rgba(255,255,255,.25);}
input,select{width:100%;height:40px}
input,select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;padding-left:43px;font:14px/40px'Roboto';margin:0}
input::-webkit-input-placeholder{opacity:1;color:#fff}input:-moz-placeholder{opacity:1;color:#fff}input::-moz-placeholder{opacity:1;color:#fff}input:-ms-input-placeholder{opacity:1;color:#fff}input:placeholder-shown{opacity:1;color:#fff}
textarea{resize:vertical;width:100%;overflow: auto;height: 225px;padding: 10px 20px;font: normal 14px 'Roboto';}
label{position:relative;width:100%;margin-bottom:20px}
label::before{position:absolute;left:20px;font:14px/40px'FontAwesome';color:#fff}
/*button{border:none;font:14px'UTM Avo Bold',sans-serif}*/
button .fa{margin-right:8px}
label.name::before{content:'\f007'}
label.phone::before{content:'\f095'}
label.mail::before{content:'\f0e0'}
label.textarea::before{content:'\f044'}
label.question::before{content:'\f128'}
label.captcha::before{content:'\f21b'}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
section{padding-top:20px;padding-bottom:20px}
.font12pt{font-size: 12pt}
.font14pt{font-size: 14pt}
.font16pt{font-size: 16pt}
.font18pt{font-size: 18pt}
.font20pt{font-size: 20pt}
.font22pt{font-size: 22pt}
.font24pt{font-size: 24pt}
.font12pt h4{font-size: 12pt; color: #000}
.font14pt h4{font-size: 14pt; color: #000}
.font16pt h4{font-size: 16pt; color: #000}
.font18pt h4{font-size: 18pt; color: #000}
.font20pt h4{font-size: 20pt; color: #000}
.font22pt h4{font-size: 22pt; color: #000}
.font24pt h4{font-size: 24pt; color: #000}
.overlay{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; z-index: 1; opacity: .3}
.no-padding-r{padding-right: 0}
.no-padding-l{padding-left: 0}
.wrapper{margin-top:-20px;margin-bottom:-20px;padding-top:20px;padding-bottom:20px}
#dangkyctv button:hover,.xemthem-btn:hover,#news-letter button:hover{background:rgba(197,137,51,.75);box-shadow:0px 2px 5px 0px #333;}
#frm-dangkyctv .wpcf7-not-valid-tip{font-size: 12px;margin-top: 5px;color:#f7e700}
#frm-dangkyctv .wpcf7-response-output{clear: both;font-size: 12px;padding: 5px;}
.transition,.mask,.menu-item,input,button,.xemthem-btn, #top-header, .register-form, i{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.owl-theme .owl-controls{margin-top: 0}
.wpcf7-form input[type="submit"], .wpcf7-form button[type="submit"], button[type="submit"]{ line-height: 40px; border: none; width: 100%; padding: 0; background-color: #C58933; color: #fff}
/*Header*/
#top-header{background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;font: 12px "UTM Avo Bold",sans-serif;padding-top: 5px;
    /*position: absolute;*/
    width: 100%;z-index: 999; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.36); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.36); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.36)}
#logo{display: none;text-align: center}
#top_menu a{display:block;color:#222; text-transform: uppercase;line-height: 50px; font-size: 13px}
/*#top-header .row::after{content:'';display:block;width:125px;height:25px;position:absolute;left:50%;margin-left:-63px; background:url('../img/logo-center-after.png')no-repeat;bottom:-25px;z-index:2; opacity: .9}*/
#top_menu nav a{line-height:71px}
#top_menu .menu-item{border-bottom:4px solid transparent;position:relative;margin-right:45px}
#top_menu .menu-item:hover{border-color:#c58933}
#top_menu .menu-item.menu-item-has-children:hover{border-color:transparent}
.no-margin{margin: 0!important}
#show-menu{background:#c58933;margin:17.5px 0; width: 100%}
/*.logo-center{width: 88px;border:0 !important}*/
/*.logo-center:hover{border:0 !important}*/
#top_slider{position:relative}
#top_slider .slider-control{bottom:20px;left:0;right:0;z-index:1;overflow: hidden;position: absolute;display: none}
.banner-control{position:relative;background:rgba(0,0,0,.6)}
.banner-control .control{position:absolute;width:75px;font-size:36px;top:50%;text-align:center;color:#fff;transition:.3s;opacity:.3;margin-top:-18px}
.banner-control .control:hover{opacity:1}
.banner-control .control.prev{left:0px}
.banner-control .control.next{right:0px}
.logo-left1 img{vertical-align: middle !important;}
.tieuchi{width:35%;min-height:130px;background:rgba(0,0,0,.5);padding:5px 40px 10px 75px}
.tieuchi h2{font:40px/1.25'UTM Avo Bold',sans-serif;color:#fff}
.tieuchi h2 small{color:#fff;font:18px'UTM Avo',sans-serif}
.noidung{width:65%;min-height:130px;padding:20px 75px 20px 30px}
#top_social-info{background:#fff;min-height:42px;font:12px'UTM Avo',sans-serif;
    /*position: absolute;*/
    bottom: 0;z-index: 2;left: 0;right: 0}
.home #top_social-info{background-color:#c58933; position: inherit}
#top_social-info a{color:#555;text-transform:initial}
#top_social-info a:hover{font-weight: bold; color: #1A74BA}
.info .menu-item>i.fa{color: #555}
.social .menu-item{margin:11px 0;padding:0 10px;border-right:1px solid #555}
.social .menu-item a{height:20px;display:block;width:20px;text-align:center}
.social .menu-item:first-child{padding-left:0px}
.social .menu-item:last-child{border:none}
.info{float:right}
.info .fa{margin-right:7px}
.info .menu-item{margin-right:15px;line-height:42px}
.info .menu-item:last-child{margin-right:0}
#search{margin:0;height:42px}
#search input,#search button{border:none;background:transparent;margin:0;float:left;height:42px;line-height:14px}
#search input{color:#555; width:70px;transition:.5s;padding:0}
#search input:focus{width:180px}
#search button{width:30px;padding:0px; color: #555}
/*Sub Menu*/
#top_menu .menu .menu-item:hover>.sub-menu{display:block;visibility:visible;z-index:9999;opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);transition:transform .3s ease,opacity .2s ease .1s;-webkit-transition:-webkit-transform .3s ease,opacity .2s ease .1s}
#top_menu .menu .menu-item .sub-menu{background:rgba(197,137,51,.7);min-width: 260px;opacity:0;padding:0;position:absolute;top:105%;-webkit-transform-origin:top;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:scale(1,0);transform:scale(1,0);transition:transform .5s ease,opacity .2s ease;-webkit-transition:-webkit-transform .5s ease,opacity .2s ease}
#top_menu .menu .menu-item .sub-menu .menu-item{text-align:left;padding:0 15px;margin:0;width:100%;border-bottom: 1px solid rgba(255,255,255,.2);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}
#top_menu .menu .menu-item .sub-menu .menu-item:hover{background:#516DAF}
#top_menu .menu .menu-item .sub-menu .menu-item a{line-height:40px;color:#fff;font-size: 11px}
#top_menu .menu .menu-item .sub-menu .sub-menu {left:100%;top:0}

/*Mobile Menu*/
.navbar-toggle .icon-bar{background:#fff}
#off-canvas{background:#3c3c3c;transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);top: 0;bottom: 0;left: 0;height: 100%;overflow: hidden;position: fixed;visibility: hidden;z-index: -1;transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s}
body.mnopen #off-canvas{transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);overflow-scrolling: touch;overflow: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;visibility: visible;z-index: 9999;transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s}
.off-canvas-inner{width:100%;background:#3c3c3c;color:#FFF}
.off-canvas-inner ul{float:left;width: 340px}
.off-canvas-inner ul li{float:left;width: 100%;border-top: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:last-child{border-bottom: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:hover{border-color: #212327}
.off-canvas-inner ul li.menu-item-has-children:hover{border-color: rgba(255,255,255,.1)}
.off-canvas-inner ul li a{padding: 9px 30px;margin: 0 auto;display:block;color: #999;font-size: 13px;text-transform: capitalize}
.off-canvas-inner ul li a:hover{background:#212327;color: #FFF}
.off-canvas-inner ul .close-menu a i{opacity:1;color:#c58933;font-family:'FontAwesome';font-size:28px}
.off-canvas-inner ul li .sub-menu li:last-child{border-bottom: 0px}
.off-canvas-inner ul li .sub-menu li a{padding-left: 40px}
.off-canvas-inner ul li .sub-menu li a:before{content: '-';display: inline-block;font-family: Fontawesome;color: #999;margin: 0 5px 0 0}
.off-canvas-inner .close-menu {text-align: center}
.off-canvas-inner ul li.logo-left1 a:hover{background-color: inherit}
@-webkit-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
}
@-moz-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
@-o-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
@keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
.scrolled{animation: fontbulger 0.5s;-webkit-animation: fontbulger 0.5s}
.scrolled #show-menu{margin: 0}
/*.menu-fixed #top_menu a{line-height: 40px}*/
.list-prjs .project-item {position: relative; overflow: hidden; border: 2px solid #C58933; }
.list-prjs .project-item .thumb-cate{ display: block; line-height: 0;-webkit-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out;}
.list-prjs .project-item:hover .thumb-cate {-webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transform: rotate(5deg) scale(1.3) skew(1deg) translate(0); -ms-transform: rotate(5deg) scale(1.3) skew(1deg) translate(0); transform: rotate(5deg) scale(1.3) skew(1deg) translate(0); }
.list-prjs .project-item .prj-mask {position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,.7); color: #fff; padding: 15px 0 10px; text-align: center; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.list-prjs .project-item .prj-mask h3 {font-size: 14px; margin-bottom: 0; padding-bottom: 0 }
.list-prjs .project-item .prj-mask p {color: #999; margin-top: 4px; }
.list-prjs .owl-theme .owl-nav [class*=owl-] {
    top: 50%;
    margin: -30px 0 0;
    padding: 0;
    width: 60px;
    height: 60px;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
}
.list-prjs .owl-theme .owl-nav .owl-prev {
    left: 10px;
    margin-left: -90px;
}
.list-prjs .owl-theme .owl-nav .owl-next {
    right: 10px;
    margin-right: -90px;
}
.list-prjs .owl-theme .owl-nav [class*=owl-] i {
    font-size: 30px;
    line-height: 60px;
}

/* Thong tin chung */
.tincapnhat{padding-bottom:20px;border-bottom:1px solid rgba(153,153,153,.3)}
.tintuc-label{height:30px;float:left;width:100px;font:12px/30px'UTM Avo',sans-serif;background:#1d439c;color:#fff;margin-right:43px;position:relative;cursor:default}
.tintuc-label::after{content:'';display:block;position:absolute;right:-30px;top:0;width:0;height:0;border-style :solid;border-color:transparent transparent transparent #1d439c;border-width:15px 17px 15px 13px}
.tintuc-title{height:30px;float:left;font:14px/30px'Roboto',sans-serif}
.tintuc-title i{color: #C58933}
.tintuc-title a{color:#999}
.tintuc-title a:hover, .tintuc-title a:active, .tintuc-title a:focus{color: #1D439C}
.slogan h1{color:#c58933;font: 24px/30px "UTM Avo Bold",sans-serif;margin-bottom: 40px;}
.gioithieu{margin-top: 30px}
.gioithieu .header,.news-group .header,#lienhe .header,#tin-post .header,#duan-chitiet .header, #tpl-custom .header{margin-bottom:30px;height:40px;position:relative}
.gioithieu .header::after,.news-group .header::after,#lienhe .header::after,#tin-post .header::after,#duan-chitiet .header::after, #tpl-custom .header::after{content:'';display:block;height:2px;background:#eaeaea;position:absolute;left:0px;right:0px;bottom:-2px;z-index:-1}
.gioithieu .title,.news-group .header .title,#lienhe .header .title,#tin-post .header .title,#duan-chitiet .header .title, #tpl-custom .header .title{font:16px/20px'UTM Avo Bold',sans-serif;color:#222;padding-bottom:20px;border-bottom:2px solid #c58933}
#duan-chitiet .header .title{font-size: 14px}
.gioithieu .slider-control .control{line-height:20px;height:20px;width:20px;background:#f9f9f9;border:1px solid #999;color:#999;border-radius:2px}
.gioithieu .slider-control .control.prev{margin-right:5px}
.gioithieu .item .thumb{margin-bottom:10px;position:relative}
.gioithieu .item .thumb img{width: 263px; height: 207px}
.gioithieu .item .thumb:hover .mask{opacity:1}
.gioithieu .item .thumb .mask{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(29,67,156,.85);color:#fff;font-size:14px;padding:20px;opacity:0}
.gioithieu .mail a, .gioithieu .phone a{color:#fff}
.gioithieu .mail a:hover, .gioithieu .phone a:hover{text-decoration: underline}
.gioithieu .item .thumb .mask .icon{display:inline-block;width:34px;height:34px;border:1px solid  #fff;border-radius:50%;line-height:34px;margin-right:10px}
.gioithieu .item .thumb .mask .info{line-height:1.8}
.gioithieu .item .thumb .mask>div{margin-bottom:20px}
.gioithieu .item summary a{color:#999;border-bottom:1px dotted rgba(153,153,513,.3);display:block}
.gioithieu .item summary a:last-child{border:none}
.gioithieu .item summary a .fa{font-size:16px;margin-right:10px}
.gioithieu .item .ten a{font:14px/2 'UTM Avo Bold';color:#222}
.gioithieu .item .vitri{font:14px/2 'UTM Avo';color:#999; margin-bottom: 5px}
label.search-albums:before{
    content: '\f002';
}
label.contactFormEmail:before{
    content: '\f1d9';
}
/* Page Lien He */
#lienhe label::before{left: 35px;}
.diachilienhe{line-height: 2;font-size: 14px; color: #999;}
.diachilienhe p, .diachilienhe h2, .diachilienhe h3,.diachilienhe h4,.diachilienhe h5{margin-bottom: 15px;}
.diachilienhe p + p{line-height: 2.5;}
.diachilienhe .fa{width:10px;}
/*.header>.diachilienhe>.fa{width: 10px !important;}*/
.diachilienhe ul{margin-left: 20px; }
.diachilienhe li{list-style: inside}
#map {height: 300px;}
.sb-label::before{color: #999}
.sb-input::-webkit-input-placeholder{opacity:1;color:#999}
.sb-input:-moz-placeholder{opacity:1;color:#999}
.sb-input::-moz-placeholder{opacity:1;color:#999}
.sb-input:-ms-input-placeholder{opacity:1;color:#999}
.sb-input:placeholder-shown{opacity:1;color:#999}
.sb-input{color:#999;border: 1px solid rgba(153,153,153,.3);}
.textarea textarea{text-indent:23px;}
.wpcf7-form input{margin-bottom: 10px!important}
.wpcf7-form-control-wrap{position: static}
.wpcf7-not-valid-tip{font-size: 13px !important;font-weight: normal;margin-top: 10px}
.wpcf7-not-valid{content:''; background: rgba(255,255,255,.1) url(../img/error.png) no-repeat 98% center}
div.wpcf7-validation-errors, .wpcf7-not-valid-tip{display: none!important}

/*Dang ky CTV*/
#dangkyctv{background:url('../img/dangkyctv-bg.jpg')no-repeat;background-size:cover;position: relative}
#dangkyctv .wrapper{background:rgba(0,0,0,.5);padding:50px 0}
#dangkyctv h3{color:#fff}
#dangkyctv h3::after{background:#fff}
#dangkyctv summary{color:#fff}
#dangkyctv button,#frm-datcauhoi button,#lienhe button{background:#c58933;color:#fff}


/*Du an*/
#duannoibat h3::after{background:#999}
#duannoibat .duan{position:relative;overflow:hidden;border:1px solid #c58933}
#duannoibat .duan .caption{background:rgba(0,0,0,.7);position:absolute;bottom:0;left:0;right:0;height:50px;line-height:56px;padding-left:15px}
#duannoibat .duan .caption a{font:20px'UTM Avo';color:#fff}
#duannoibat .duan .caption a:hover{color:#ddad68}
#duannoibat .duan img{width:100%;}
.xemthem-btn{width:234px;height:40px;background:#c58933;font:14px/36px'UTM Avo Bold';color:#fff !important;margin:50px auto;display:block}
.xemthem-btn:hover,.xemthem-btn:focus{color:#fff}

.img-hover img{object-fit: scale-down;transform: rotate(0deg) scale(1) skew(0deg) translate(0px);transition: all 1s ease 0s;}
.img-hover:hover img{transform: rotate(8deg) scale(1.3) skew(1deg) translate(0px);}

/*Câu hỏi thường gặp*/
#cauhoi_tuvan{padding:0}
.cauhoithuonggap, .dangkytuvan{padding-top:40px}
.cauhoithuonggap{padding-bottom: 40px}
.home .cauhoithuonggap div.panel:nth-child(n+7){display: none}
.cauhoithuonggap .section-header{margin-bottom:30px}
.cauhoithuonggap h3::after{background:#c58933;left:0;margin-left:0}
.accordion-why #accordion.panel-group{margin-bottom:0}
.accordion-why #accordion.panel-group .panel + .panel{margin-top:2px}
.accordion-why #accordion .panel{border:none}
.accordion-why #accordion .panel .panel-heading{padding:0 20px;background:#f2f2f2;color:#999;border-radius:0px}
.accordion-why #accordion .panel .panel-heading .panel-title{line-height:40px;font-family:'Roboto',sans-serif;font-weight:500;text-transform:uppercase;font-size: 14px}
.accordion-why #accordion .panel .panel-heading .panel-title i{line-height:40px}
.accordion-why #accordion .panel .panel-body{color:#666; font-size: 13px; line-height: 22px;border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee}
.accordion-why #accordion .panel .bg-heading{background:#C58933;color:#fff}
.accordion-why #accordion .panel .panel-heading .panel-title .pt{height: 16px;margin-top: 13px;width: 16px;}
.accordion-why #accordion .panel .panel-heading .panel-title .pt-tru{background: rgba(0, 0, 0, 0) url("../img/tru.png") no-repeat scroll center center;}
.accordion-why #accordion .panel .panel-heading .panel-title .pt-cong{background: rgba(0, 0, 0, 0) url("../img/cong.png") no-repeat scroll center center;}
.dangkytuvan{background:url('../img/dangkytuvan-bg.jpg')no-repeat;background-origin:content-box}
.dangkytuvan h3{color:#fff;text-align: center}
/*.dangkytuvan h3::after{background:rgba(255,255,255,.5)}*/
.dangkytuvan .wrapper{height:100%;background:rgba(197,137,51,.85);margin:0;padding:40px 30px}
#frm-dangkytuvan{margin:30px auto}
#frm-dangkytuvan button{background:#fff;color:#c58933}
#frm-dangkytuvan button:hover{background:#ccc}
#frm-dangkytuvan .wpcf7-not-valid-tip{color: #FFF;font-size: 12px;margin-top: 10px}
#frm-dangkytuvan .wpcf7-response-output{font-size: 13px;color:#FFF;line-height: 20px}
label.search-category::before,label.search-category::after{position:absolute;font:14px/40px'FontAwesome';color:#fff;pointer-events:none}
label.search-category::before{content:'\f1ad'}
label.search-category::after{content:'\f0d7';top:0;right:20px}
.select-control{width:100%;padding-left:40px}
.select-control option{background:#fff;color:#C58933;padding:5px 10px}


/*Goc tri an*/
#trian{background:url('../img/trian-bg.jpg')no-repeat;background-size:cover}
#trian .wrapper{height:100%;background:rgba(0,0,0,.8);padding:40px 0}
#trian .section-header h3{color:#fff}
/*#trian .section-header h3::after{background:#fff}*/
#trian-slider .owl-controls{display:block}
#trian-slider .item{background:#fff}
#trian-slider .item .content .heading{font-size:14px;margin:15px 0}
#trian-slider .item .content .name{font-family:'UTM Avo Bold';color:#c58933}
#trian-slider .item .content .address{font-family:'UTM Avo';color:#999}
#trian-slider .item .content .address::before{content:'/';display:inline-block;margin:0 5px}
#trian-slider .item .content .comment{font:15px/26px 'Roboto';color:#666;float: left;padding-bottom: 15px}
#trian-slider .img-resoponsive{ margin: 15px 0}
.owl-theme .owl-dots .owl-dot span{background:rgba(255,255,255,.5)}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#c58933}


/*Chinh sach*/
#chinhsach{padding:30px}
.thumb{overflow: hidden}
#chinhsach .thumb img{width:100%}
#chinhsach .content{margin-bottom:20px}
#chinhsach .content .title{margin-bottom:10px}
#chinhsach .content .title a{font:14px/1.5 'UTM Avo Bold';color:inherit}
#chinhsach .content .title a:hover{color: #1D439C}
#chinhsach .content .date{font:14px/20px'UTM Avo'}

/*Page News List*/
.top-news {margin-bottom: 20px}
.top-news .thumb{overflow: hidden;margin-bottom: 20px; display: inline-block}
.top-news-thumb { width: 100%;}
#tintuc .content-block h2{color: #c58933;font:20px 'UTM Avo Bold',sans-serif;margin-bottom: 10px;}
#tintuc .content-block h2:hover{color: #1D439C}
.read-more {color: #c58933;font-size: 14px;margin-top: 20px;}
.view-all-news{float: right}
.view-all-news a{display: block;line-height: 20px;color:#c58933;}
.view-all-news a:hover{text-decoration: underline}

/*Tin tuc*/
/*#tintuc h3::after{background:#c58933}*/
.post-list .item{margin-bottom:30px}
.post-list .item .thumb{display:block;float:left;margin-right:20px;padding:0;width:38%;margin-bottom:0}
.post-list .item p,.top-news p{font:14px/2 'Roboto';color:#999}
.post-list .item .excerpt{display:none}
.post-list .item .date{display:inline-block}
.post-list .item:first-child .thumb{width:100%;float:none;margin-bottom:20px;margin-right:0}
.post-list .item:first-child .thumb img{width:100%}
.post-list .item:first-child .excerpt{display:inline-block}
.post-list .item:first-child .date{display:none}
.post-list .item:first-child .title{font-size: 16px}
.post-list .item .title{font:14px 'UTM Avo Bold'}
.post-list .item .title a{color:#222}


/*Doi tac*/
/*#doitac h3::after{background:#c58933}*/
#doitac { margin: auto;  width: 100%}
/*Tabs*/
#about-nav-tab{border:none;color:#999}
#about-nav-tab>li{float:none;margin:0}
#about-nav-tab>li>a{color:#999;border:none;margin:0;border-radius:0;font:16px/30px 'UTM Avo'}
#about-nav-tab>li>a .fa{color:#c58933;margin-right:15px}
#about-nav-tab>li.active>a .fa{color:#fff}
#about-nav-tab>li.active>a,#about-nav-tab>li.active>a:focus,#about-nav-tab>li.active>a:hover{border:none;color:#fff;background-color:#c58933}
.tab-pane summary{text-align:justify}
.tab-pane summary p{margin-bottom:25px}

/* Page */
.page-header {padding:0;margin:0;border:none; position: relative; z-index: 1;}
.page-header > .container{left: 0;right: 0;top: 50%;margin-top: -120px;z-index: 4; position: absolute}
.page-header-wrapper {padding-top:100px}
.page-header-block{padding:40px 0;color:#fff}
.page-header-block h1{font:30px/30px 'UTM Avo Bold',sans-serif;text-transform:uppercase;text-align: center;}
#breadcrumbs {color: #fff;background:transparent;padding:0;margin:0;font:14px/20px 'UTM Avo'}
#breadcrumbs a{color: #fff}
.post-title{margin-bottom:30px;height:40px;position:relative}
.post-title::after{content:'';display:block;height:2px;background:#eaeaea;position:absolute;left:0px;right:0px;bottom:-2px;z-index:-1}
.heading{font:16px/20px'UTM Avo Bold',sans-serif;color:#222;padding-bottom:20px;border-bottom:2px solid #c58933}
.post-content{color:#878787;font-size: 14px;line-height: 1.8}
.post-content table{margin: 0 auto}
.post-content img, .post-content iframe, .post-content table{max-width: 100%}
#tpl-custom{padding-top: 0}
.single .post-content{margin-top: 0}
.project-template-default #top-header{position: relative}
.post-content p, .post-content h1, .post-content h2, .post-content h3, .post-content h4{margin-bottom: 15px}
.post-content p{line-height: 26px; font-size: 16px}
.post-content ul{margin-left: 20px}
.post-content ul li{list-style: inside}
.col-lg-4.col-md-4.col-sm-6{padding: 15px}
/* Project list page */
#frm-project-page {position: relative}
#duannoibat #frm-project-page {margin-bottom: 35px;}
#photo-slider{position:relative;margin-bottom: 30px;}
#photo-slider .owl-controls{position:absolute;bottom: 0;width: 100%;}
#photo-slider img{width: 100%; height: 500px}

/* Project post page */
#detail-nav-tab {border-bottom: 2px solid #c58933;margin-bottom: 20px;}
#detail-nav-tab > li{}
#detail-nav-tab > li > a{margin: 0;border-radius: 0;font: 12px/30px 'UTM Avo Bold';border: none;color: #222;text-transform: uppercase;}
#detail-nav-tab > li > a:hover{background-color: transparent}
#detail-nav-tab > li.active > a{background-color: #c58933;color: #fff;}
#detail-nav-tab > li.hotline_pro{background-color: red; color: #fff; border-radius: 5px; margin-top: 8px; margin-left: 15px}
#detail-nav-tab > li.hotline_pro a{padding: 0px 10px; color: #fff; font-size: 16px; line-height: 30px;background-color: inherit; border-radius: 5px}
#detail-nav-tab > li.hotline_pro{animation: 1.5s linear 0s normal none infinite pingtoright;-webkit-animation: 1.5s linear 0s normal none infinite pingtoright}
@keyframes pingtoright {
    0% {transform: translateX(0px);}
    50% {transform: translateX(-10px);}
    100% {transform: translateX(0px);}
}
@-webkit-keyframes pingtoright {
    0% {transform: translateX(0px);}
    50% {transform: translateX(-10px);}
    100% {transform: translateX(0px);}
}
@keyframes pingtoright2 {
    0% {transform: translateX(0px);}
    50% {transform: translateX(-5px);}
    100% {transform: translateX(0px);}
}
@-webkit-keyframes pingtoright2 {
    0% {transform: translateX(0px);}
    50% {transform: translateX(-5px);}
    100% {transform: translateX(0px);}
}

.post-share {border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; padding: 5px 0px; margin-bottom: 15px; margin-top: 15px; font-size:14px}
.share-buttons>a{margin-right: 10px}
.post-share-box>a#facebook:hover{color: #4267b2; font-size: 17px; font-weight: bold}
.post-share-box>a#twiter:hover{color: #1DA1F2; font-size: 17px; font-weight: bold}
.post-share-box>a#gplus:hover{color: #E13719; font-size: 17px; font-weight: bold}
.fb-like{margin-bottom: 15px}

/* Page News Post*/
.article-img{width:100%;height:auto;margin-bottom: 20px;}
.article-summary {font: italic 16px/1.5 'Roboto';color: #666;margin-bottom: 30px;}
.article-content {font-size: 14px;color: #999;line-height: 1.5;margin-bottom: 15px;}
.related-post-block{margin-bottom: 20px}
.related-date-thumb{margin-bottom:5px}
.related-date-title {font: 14px/2 'UTM Avo Bold';color: #222;}
.related-date-date {font: 12px/2 'UTM Avo';color: #999;}

/* Video list Page */
.video-item{margin-bottom: 40px;}
.video-thumb{position: relative;margin-bottom: 10px;}
.video-mask{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.3);line-height: 46px;font-size: 30px;color: #FFF}
.video-title{font: 16px 'UTM Avo Bold';color: #222;}
.circle{border-radius: 50%;height: 50px;width:50px;border: 2px solid #fff;position: absolute;top: 50%;margin-top: -25px;left: 50%;margin-left: -25px;text-align: center;text-indent: 4px;}
.ew-circle{border-radius: 50%; overflow: hidden}
.wp-pagenavi a, .wp-pagenavi span{font: 14px/40px 'UTM Avo';text-align: center;color: #999;display: inline-block;height: 40px;background: #eaeaea;margin-right: 5px;padding: 0 20px; vertical-align: middle}
.titlePages, .labelPages{display: none !important;}
.paginator a.paging-next:before {content: "\f105"; font-family: FontAwesome;}
.paginator a.paging-previous:before {content: "\f104"; font-family: FontAwesome;}
.wp-pagenavi span.current,.wp-pagenavi a:hover{background: #c58933;font-weight: bold;color: #fff;}
.paginator a.paging-last:before {content: "\f101"; font-family: FontAwesome;}

.paginator a.paging-first:before{content: "\f100"; font-family: FontAwesome;}

/* Rao Vat Page */
.raovat-item {margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px dotted rgba(153,153,153,.3);}
.raovat-detail p{font:14px/30px 'UTM Avo';color:#222}
.raovat-detail .raovat-summary{font:14px/24px 'Roboto';color:#999;}
.raovat-title {font: 16px 'UTM Avo Bold';color: #c58933;}


/* Sidebar */
.search {margin-bottom: 30px;}
.page-search {position: relative;}
.search .search-text,#frm-project-page .search-text{background: #eaeaea;height: 42px;color: #999;padding: 5px 60px 5px 20px;border: none;}
.search-submit {position: absolute;top:0;right: 0;width: 50px!important;height: 42px;background: #c58933;font-size: 18px;}
.search-submit .fa{margin-right:0;color: #FFF}
.sidebar-item-block {margin-bottom: 20px;float: left; width: 100%}
.sidebar-heading {height: 40px;background: #c58933;padding: 0 20px;font: 14px/40px 'Roboto';color: #FFF;font-weight: bold}
.sidebar-heading .fa{margin-right: 10px}
.sidebar-content {color: #999;}
.widget_nav_menu .sidebar-heading{margin-bottom: 0}
.widget_nav_menu .menu-item{float: none}
.widget_nav_menu a{display: block;height: 50px;line-height: 50px;border-bottom: 1px dotted rgba(153,153,153,.3);padding-left: 20px;}
.widget_nav_menu a:hover{color: #1D439C}
.widget_nav_menu a .fa{color: #c58933;margin-right: 10px}
.widget_search .search-submit{width: 50px!important}
.sb-news-list .sidebar-heading{margin-bottom: 30px;}
.sb-news-list .item{margin-bottom: 20px;}
.sb-news-list .item .thumb{width: 25%;display: block;float: left;margin-right: 20px;}
.sb-news-list .item .title{font: 14px 'UTM Avo Bold';color: #222;}
.sb-news-list .item .title:hover{color: #1D439C}
.sb-news-list .item .date{font:14px/2 'Roboto';color:#999;}
.sidebar-heading{margin-bottom: 30px;}
.sidebar-content.sb-top-project{color: #222; !important}
.sb-top-project-thumb{margin-bottom: 20px;display: inline-block}
.sb-top-project-name {display: block;font: 14px 'UTM Avo Bold';}
.sb-top-project-name:hover{color: #1D439C}
.sb-hotline .sidebar-heading{background: #1d439c;position: relative;}
.sb-hotline .sidebar-heading::before{content: '\f232';font:32px/50px 'FontAwesome';margin-right: 10px;}
.sb-hotline .sidebar-content{padding: 20px;}
.sb-hotline .sidebar-content .item{margin-bottom: 30px;}
.sb-hotline .sidebar-content span{color: #222;}
.sb-hotline .sidebar-content .fa{font-size: 18px;margin-right:7px;}
.sb-hotline .sidebar-content .nv-hotro{font-size: 16px;font-family: 'UTM Avo Bold';text-transform:uppercase;}
.sb-hotline .sidebar-content .hotline-number{font:16px/2 'UTM Avo Bold';color: #c58933;text-indent: 25px;}


/*Footer*/
footer{margin-top:60px}
.footer-menu{margin-bottom:10px}
.footer-menu .menu{display:inline-block}
.footer-menu .menu .menu-item a{display:block;font:12px/14px'UTM Avo Bold';color:#222;margin-bottom:10px; padding: 0 10px}
.footer-menu .menu .menu-item a:hover{color: #1D439C}
.footer-menu .menu .menu-item .fa{font-size:14px;color:#c58933;margin-right:10px;margin-left:10px}
/*.footer-container{background:url('../img/footer-bg.jpg')no-repeat;color:#fff;background-size:cover}*/
.footer-container .wrapper{background:rgba(9,9,31,.7);margin:0}
.footer-container .widget{padding-top:20px}
.footer-container .widget .title{font:14px/1'UTM Avo Bold'}
.footer-container .widget .block-title{padding-bottom:30px;position:relative;margin-bottom:20px}
.footer-container .widget .block-title::after{content:'';display:block;position:absolute;height:2px;width:58px;background:#c58933;bottom:0}
.footer-container .widget .detail, .footer-container .widget .textwidget{font:14px/2 'Roboto';margin-bottom:20px}
#news-letter input,#news-letter button{margin-bottom:8px}
#news-letter input{padding-left: 15px}
#news-letter button{background:#c58933}
.socials a{display:block;margin-right:15px}
.copyright{background:#111;color:#fff;line-height:80px; padding: 10px 0}

#toTop{position:fixed;bottom: 10px; right: 10px; bottom: 20px; overflow: hidden; width: 42px; height: 42px; border: 0; text-indent: -9999px; z-index: 1002; background: #353844 url('../img/gotop.png') center center no-repeat; }
#toTop:hover{background-color: #4f525e }

#menu-primary-menu{position: relative; width: 100%;z-index: 99;display: flex;align-items: center;}
/*.logo-center{position: absolute!important; left: 50%; margin-left: -44px!important}*/
/*.menu-fixed .logo-center{width: 46px; margin-left: -23px!important; background-size: cover}*/
.menu-fixed .row::after{background: none!important}
.logo-left1{width: 165px;border: 0 !important}
.logo-left1:hover{border-color: transparent!important}
#tab-map iframe{width: 100%}
#menu-primary-menu li > a:hover{color: #1D439C}
.col-padding-5:nth-child(4n+1){clear: both}
.menu-fixed{position: fixed!important;background: rgba(255, 255, 255, 0.9)!important;left: 0;right: 0;top:0;padding-top: 5px!important}
.tab-fixed{ position: fixed; z-index: 9999; top: 0; margin-top: 82px; background: rgba(0, 0, 0, 0.8); width: 750px}
.tab-fixed > li > a{color: #fff!important}
.project-detail, .fb-comments-block, .related-post-block{float: left;width: 100%}
.project-detail{margin-top: 20px}
#featured-article .owl-dots{ position: absolute;top: 2%;left: 0;right: 0}
#featured-article .owl-nav [class*="owl-"]{ position: absolute;top: 50%;margin-top: -100px;background-color: transparent}
#featured-article .owl-nav [class*="owl-"] i{font-size: 30px}
#featured-article .owl-nav .owl-prev{ left: 10px;}
#featured-article .owl-nav .owl-next{ right: 10px;}
/*Flexslider*/
#slider.flexslider{margin: 0}
#carousel.flexslider{border: none; margin: 5px 0 0}
#carousel.flexslider .slides img{height: 60px}
#carousel.flexslider .slides > li{ padding: 3px;margin: 0 3px;border: 1px solid #ddd}
#carousel.flexslider .slides > li:first-child{margin-left: 0}
.fa-chevron-right, .fa-chevron-left{font-size: 35px; font-weight: bold}
.site-support{ background: #444; position: fixed; bottom: 0; width: 100%; font-size: 16px; z-index: 1001}
.site-support *{color: #fff}
.site-support i{ color: #fff; padding: 5px 8px; background: #0B5B1D}

#info-scroll {position: fixed; top: 35%; left: 0; z-index: 99999 }
#info-scroll li {display: block; position: relative; left: 0; float: none; width: auto; border-radius: 0 25px 25px 0; margin-bottom: 2px; background-color: #3498DB; color: #fff; font-size: 16px; font-weight: bold; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#info-scroll li a {display: block; padding: 2px 2px 2px 12px; }
#info-scroll li .text {display: inline-block; text-align: center; color: #fff; line-height: 22px; padding-top: 2px}
#info-scroll li small {display: block; font-size: 16px; font-weight: 700; color: #ffed01; }
#info-scroll li .icon {display: inline-block; float: right; width: 47px; height: 47px; margin: 1px 0 0 5px; }
/*Call*/
.ew-alo-phone{display: none}
.ew-alo-phone {position: fixed; bottom: 25%; z-index: 999}
.ew-alo-ph-circle {width: 160px; height: 160px; top: 20px; left: 20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); border: 2px solid #48A5D4 9; opacity: .1; -webkit-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-phone.ew-alo-active .ew-alo-ph-circle {-webkit-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -moz-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -ms-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -o-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-circle {-webkit-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -moz-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -ms-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -o-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone:hover .ew-alo-ph-circle {border-color: #309ACF; opacity: .5 }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle {border-color: #FDAA38; border-color: #ffc272 9; opacity: .5 }
.ew-alo-phone.ew-alo-green .ew-alo-ph-circle {border-color: #309ACF; border-color: #48A5D4 9; opacity: .5 }
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle {border-color: #ccc; opacity: .5 }
.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle {border-color: #FDAA38; opacity: .5 }
.ew-alo-ph-circle-fill {width: 100px; height: 100px; top: 50px; left: 50px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-phone.ew-alo-active .ew-alo-ph-circle-fill {-webkit-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -moz-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -ms-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -o-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-circle-fill {-webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone:hover .ew-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #309ACF 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); background-color: #ffc272 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-green .ew-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #a6e3fa 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle-fill {background-color: rgba(204, 204, 204, 0.5); background-color: #ccc 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); opacity: .75 !important }
.ew-alo-ph-img-circle {width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1) url("../img/jIfeFOA.png") no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-phone.ew-alo-active .ew-alo-ph-img-circle {-webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-img-circle {-webkit-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -moz-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -ms-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -o-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone:hover .ew-alo-ph-img-circle {background-color: #309ACF }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone.ew-alo-green:hover .ew-alo-ph-img-circle {background-color: #FDAA38}
.ew-alo-phone.ew-alo-green .ew-alo-ph-img-circle {background-color: #E83952}
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-img-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-img-circle {background-color: #ccc }
 .ew-alo-phone.ew-alo-gray .ew-alo-ph-img-circle {background-color: #FDAA38 }
@-moz-keyframes ew-alo-circle-anim {
    0% {-moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 }
    30% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 }
    100% {-moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 }
}
@-webkit-keyframes ew-alo-circle-anim {
    0% {-webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }
    30% {-webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@-o-keyframes ew-alo-circle-anim {
    0% {-o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 }
    30% {-o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 }
    100% {-o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 }
}
@-moz-keyframes ew-alo-circle-fill-anim {
    0% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% {-moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 }
    100% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes ew-alo-circle-fill-anim {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
    100% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes ew-alo-circle-fill-anim {
    0% {-o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% {-o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
    100% {-o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes ew-alo-circle-img-anim {
    0% {transform: rotate(0) scale(1) skew(1deg) }
    10% {-moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% {-moz-transform: rotate(25deg) scale(1) skew(1deg) }
    30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% {-moz-transform: rotate(25deg) scale(1) skew(1deg) }
    50% {-moz-transform: rotate(0) scale(1) skew(1deg) }
    100% {-moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes ew-alo-circle-img-anim {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes ew-alo-circle-img-anim {
    0% {-o-transform: rotate(0) scale(1) skew(1deg) }
    10% {-o-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% {-o-transform: rotate(25deg) scale(1) skew(1deg) }
    30% {-o-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% {-o-transform: rotate(25deg) scale(1) skew(1deg) }
    50% {-o-transform: rotate(0) scale(1) skew(1deg) }
    100% {-o-transform: rotate(0) scale(1) skew(1deg) }
}

/*.register-form{opacity: 0;visibility: hidden; right: 50px; padding: 20px; position: fixed; bottom: 60px; max-width: 550px; width: 550px; border-radius: 4px; box-shadow: 0 3px 10px rgba(0,0,0,.16); z-index: 9999; overflow: visible; color: #ffffff; background: #d7362a; }*/
.register-form{display: none; right: 50px; padding: 20px; position: fixed; bottom: 60px; max-width: 550px; width: 550px; border-radius: 4px; box-shadow: 0 3px 10px rgba(0,0,0,.16); z-index: 9999; overflow: visible; color: #ffffff; background: #d7362a; }
.register-form.active{opacity: 1; visibility: visible}
.register-form.deactive{opacity: 0!important; visibility: hidden!important;}
.register-form .title-form{color: #fff; text-align: left; font-size: 18px; font-weight: 700; margin-bottom: 16px; line-height: 1.2; }
.register-form .exp-form{text-align: left; font-size: 14px; margin-bottom: 16px; }
.register-form input{color: #333}
.register-form input[type="submit"]{color: #fff}
.register-form i.fa-times-circle{ position: absolute; right: 0; top: 0; margin-right: 10px; margin-top: 10px;cursor: pointer; opacity: .5}
.register-form i.fa-times-circle:hover{ opacity: 1; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.register-form input{padding-left: 10px}
#formNewLestter{margin-bottom: 25px}
label.address:before{
    content: '\f2ba';}
/*Visual Composer*/
.bg-cover{background-size: cover}
#doitac-slider .owl-height{
    height: 100% !important;
}
/*
Media Queries
-------------------------------------------------------------- */
/*@media screen and (max-width: 1100px){*/
/*    #banner-slider .owl-stage-outer.owl-height{*/
/*        min-height: 500px;*/
/*    }*/
/*}*/
@media screen and (min-width: 1280px){
    .page-header > .container{margin-top: -140px}
}
/*col-md*/
@media screen and (max-width: 1199px) {
    .right-menu .menu-item.last{display:none;}
    #top_menu nav>.menu>.logo-left{display:none}
}
@media screen and (max-width:1024px){
    .navbar-toggle{display:block}
    #top_menu{display: none}
    #logo{display: block;}
    #logo img{max-height: 80px;}
    #top-header{position: inherit}
    #top-header.scrolled{top: 0; background: transparent!important;padding-top: 0!important}
    .page-header-wrapper{padding-top: 0}
    .page-header > .container{margin-top: -70px}
}
/*col-sm*/
@media screen and (max-width:991px){
    #top-header .row::after{background: 0;width: 0;height: 0}
    #top_slider .slider-control{margin-left: 0;width:100%}
    .social, .info{text-align: center;margin: 0;padding: 0;float: none}
    .social ul, .info ul{display: inline-block}
    .ew-alo-phone{display: block}
    #info-scroll, .site-support{display: none}
    .socials.clearfix{margin-top: 20px}
}
@media screen and (max-width:800px){
    .col-md-8.content-block{padding-bottom: 15px !important;    }
    #top_slider .slider-control{position: inherit}
    .slider-control .col-md-12{padding: 0}
    #trian-slider .thumb{text-align: center; margin-top: 10px}
    #trian-slider .thumb .img-resoponsive{ width: auto;margin: 0 auto}
    .page-header > .container{margin-top: -120px}
    #top_social-info{position: inherit}
}
/*col-xs*/
@media screen and (max-width: 768px) {
    .logo-left{display:none}
    #top_slider .slider-control{left:0;margin-left:0}
    #top_slider .slider-control .tieuchi,#top_slider .slider-control .noidung{width:100%}
    .tieuchi h2{text-align: left}
    .noidung{padding-left: 75px}
    .footer-menu{text-align: left}
    .footer-menu li{margin-bottom: 20px}
    .top-news .col-md-4, .sb-top-project-thumb{text-align: center}
    .thumb img{margin: 0 auto}
    #top_social-info{display: none}
    .page-header-wrapper.col-xs-12{
        padding-top: 100px;
    }
    .post-content img, .post-content iframe {
        height: auto !important;
    }
}
@media screen and (max-width:600px){
    #top-header{padding-top: 0}
    #show-menu{margin: 0;border-radius: 0; z-index: 999}
    .banner-control{display: none}
    .register-form{bottom: 20px; left: 50%; margin-left: -235px;}
}
@media screen and (max-width:480px){
    #top_menu nav>.menu>.logo-left{display:none}
    #top-header{position: static}
    #top_social-info,.tincapnhat{display: none}
    .accordion-why #accordion .panel .panel-heading .panel-title{font-size: 12px;line-height: 25px; padding: 10px 0}
    #duan-chitiet .header{ margin-bottom: 0; height: 0}
    #duan-chitiet .header .title{ display: none}
    .page-header > .container {position: inherit; margin-top: 0}
    .page-header-block, #breadcrumbs, #breadcrumbs a{color: #222}
    .page-header-block{padding: 10px 0}
    .register-form{width: 90%; margin: 0 auto; left: 0; right: 0}
    .register-form .no-padding-r{padding-right: 15px}
    .page-header-wrapper.col-xs-12{
        padding-top: 0 !important;
    }
}
@media screen and (max-width:384px){
    .off-canvas-inner ul{width: 290px;}
}
.menu-item.menu-item-type-post_type:nth-child(3){
    display: block;
}
#top_menu .menu .menu-item .sub-menu .menu-item{
    position: relative;
}
#top_menu .menu .menu-item .sub-menu .menu-item:hover>.menu-lv3{
    visibility: visible;
    z-index: 9999;
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    transition: transform .3s ease,opacity .2s ease .1s;
    -webkit-transition: -webkit-transform .3s ease,opacity .2s ease .1s;
}
.menu-lv3{
    position: absolute;
    top: 0;
    left: 100%;
    width: 250px;
    background: rgba(197,137,51,.7);
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    transition: transform .5s ease,opacity .2s ease;
    -webkit-transition: -webkit-transform .5s ease,opacity .2s ease;
}
.menu-lv3 .item-menu3{
    padding: 0 15px;
}
.menu-lv3 .item-menu3:hover {
    background: #516daf;
}