@font-face {
    font-family: 'Nabila';
    src: url(../font/Nabila.ttf); 
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url(../font/Roboto-Medium.ttf); 
}
@font-face {
    font-family: 'Roboto-Light';
    src: url(../font/Roboto-Light.ttf); 
}
@font-face {
    font-family: 'OpenSans-Semibold';
    src: url(../font/OpenSans-Semibold.ttf); 
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url(../font/Roboto-Bold.ttf); 
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url(../font/Roboto-Regular.ttf); 
}
@font-face {
    font-family: 'UTM AVO';
    src: url(../font/UTM%20Avo.ttf); 
}
@font-face {
    font-family: 'UTMAvoBold';
    src: url(../font/UTMAvoBold.ttf); 
}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url(../font/OpenSansBoldItalic.ttf); 
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url(../font/OpenSansRegular.ttf); 
}
@font-face {
    font-family: 'OpenSansBold';
    src: url(../font/OpenSansBold.ttf); 
}
#active-popup {
  background-color: rgba(52,73,94, 0.7);
  position: absolute;
  width: 100%;
  heighT: 100% !important;
  top: 0;
  left: 0;
  z-index: 999;
}

#popup-container {
  width: 45%;
  margin: 0 auto;
  margin-top: 5%;
  position: fixed;
  left: 28%;
  z-index: 999;
  top: 0;
  display: none;
  color: #000 !important;
}

.modal-content {
  position: relative;
  text-align: center;
  padding: 15px;
}

#popup-window { position: relative; }

.modal-content h1,
.modal-content p { color: #000; }

.modal-content p { padding: 20% 5% 0 5%; }

#popup-container a.close {
  position: relative;
  float: right;
  top: -15px;
  right: -7px;
  z-index: 99;
  font-weight: bold;
  font-size: 16px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 2px 5px 2px 6px;
  line-height: 1em;
  text-align: center;
  background: #E74C3C;
  border: 4px solid #fff;
  cursor: pointer;
  color:#000;
}

.cus_float2 {
    float: left;
    margin-left: 197px;
    padding-top: 5px;
}
.text_logo{
	font-family: 'Nabila';
	color: #269dd3;
	font-size: 32px;
}
.txtsearch{
    border: 1px solid #8cce57 !important;
    height: auto !important;
    padding: 5px 15px;
    font-style: italic;
}
input[type="text"].txtsearch::-webkit-input-placeholder{
	color: #FFF !important;
}
.khung_5_col{
	width: 20%;
}
.dtkh_k{
	height: 200px;
    padding-top: 50px;
}
.font_roboto li{
	font-size: 12px;
	font-family: 'Roboto-Regular';
}
.thumbnail{
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 16px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.hero-feature{
	padding-bottom: 15px;
}
.tieude {
    font-weight: bold;
    height: 45px;
	margin-bottom:5px;
}
.mauxanhla{
	color: #60b7df !important;
	font-family: 'Roboto-Regular';
	text-align:center;
	font-size: 14px;
}
.khung_chitiet_sp {
    width: 48%;
    display: inline-block;
	margin-top: 10px;
}
.mod_product_khung_gt{
	padding-top: 30px;
}
.khunghinh_bg{
	margin-bottom: 5px;
}
.khung_gt_mauxanh{
	background-color: #6ab42f;
	padding-top: 25px;
	padding-bottom:25px;
}

.khung_dv h3{
	font-family: 'Roboto-Regular';
	margin-bottom: 50px;
}
.float_right{
	float: right;
}
.color_cam{
	color: #c35c1e;
	font-family: 'OpenSansBold';
}
.color_blue{
	color: #0050da;
}
.color_xanh{
	font-family: 'Roboto-Regular';
	color: #269dd3;
	font-size: 24px;
}
.ten_monan{
	padding: 12px 20px;
    font-weight: 600;
    background-color: #FCB000;
}
.hinh_sanpham{
	border: 1px solid #e8e8e8;
	height: 136px;
}
.hr_ngang_sanphammoi {
    height: 1px;
    width: 185px;
    background: #269dd3;
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 10px;
}
.color_trang{
	font-family: 'Roboto-Regular';
	color: #fff;
	font-size: 24px;
}
.bg_img {
    padding: 64px;
    margin-top: -122px;
    height: 90px;
}
.hr_ngang{
	height: 1px;
    width: 285px;
    background: #269dd3;
    margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 10px;
}
.hr_ngang2{
	height: 3px;
    width: 185px;
    background: #bf7301;
    margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 25px;
}
.tieude_gt_3{
	height: 130px;
}
.khung_chitiet_tt {
    padding-top: 15px;
    display: block;
    margin-bottom: 10px;
}
.khung_hinh_ld{
	border-radius: 180px;
    width: 200px;
    height: 200px;
}
.ht_text_khung_dv{
margin: 0px; 
padding: 0px; 
color: #fff !important; 
font-family: Arial, sans-serif; 
line-height: 20px; 
text-align: justify;
}
.mar_bottom_15{
	margin-bottom:0px;
}
div.type_2:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-top: 8px solid #fff;
    border-right: 11px solid transparent;
    position: absolute;
    left: 24px;
    bottom: -8px;
}
.content-gt-khachhang{
	background-color: #fff;
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 25px;
}
.khung_tintuc_bot{
	padding-top:25px;
}
.khung_chitiet_khachhang {
    /* width: 100%; */
    display: block;
    margin-bottom: 10px;
    text-align: right;
}
.foot_ad{
    background-color: #FCB000;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.m_pad_15{
	padding-top:15px;
}
.khung_content{
	background: #fff;
	padding-bottom:15px;
}
.icon_khung_cate {
    height: 250px;
	margin-bottom: 10px;
}
.mota_khung_gt_cate{
	margin-top: 6px;
    text-align: justify;
    font-size: 13.5px;
    color: #000;
    height: 65px;
}
a:focus, a:hover {
    text-decoration: none;
}
.content-gt-tintuc-cate {
    background-color: #fff;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 0px;
    padding-top: 10px;
    border: 1px solid #ccc;
	margin-bottom: 15px;
}

.panel-default {
	border: 0px;
    border-color: #ddd;
}
.panel {
    margin-bottom: 0px;
	background: none;
}
.panel-body {
    padding: 120px 0 120px 0;
}
hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
}
.img_cate{
	height:250px;
}
.tieude_gt_3_cate {
	height: auto;
	margin-left: 15px;
}
.tieude_gt_3_cate h3 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #409000;
}
.isotope-item {
    z-index: 2;
}
.post-item {
    margin-bottom: 40px;
    position: relative;
    float: left;
    width: 100%;
}
.timeline .post-item {
    float: none;
    margin-bottom: 0;
    /* padding-bottom: 40px; */
    border: 1px solid #efefef;
    margin-bottom: 40px;
}
.timeline_items li h3:before, .timeline_items:after, .timeline .post-item:before {
    border-color: #215fc9;
}


.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.post-item .date_label {
    position: absolute;
    left: 0;
    top: 7px;
    display: none;
}
.date_label:after, .timeline_items li h3 span:after {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 5px;
    border-color: transparent;
}
.date_label:after, .timeline_items li h3 span:after {
    border-left-color: #f8f8f8;
}
.timeline .date_label {
    display: block;
}
.date_label, .timeline_items li h3 span {
    background-color: #f8f8f8;
    color: #a8a8a8;
}
.date_label, .timeline_items li h3 span {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    padding: 2px 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url(../images/graphics/stripes_3_b.png);
}
.post-photo-wrapper {
    width: 37%;
    float: left;
}
.image_frame, .wp-caption {
    border-width: 8px;
    border-style: solid;
    display: block;
    max-width: 100%;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.image_frame, .wp-caption, .google-map, .icon_box .icon_wrapper, .content_slider .caroufredsel_wrapper, .author-box .avatar-wrapper, #comments .commentlist > li .photo, .edd_download_image {
    border-color: #f8f8f8;
}
.image_frame .image_wrapper img, .image_frame .image_wrapper .mask:after, .image_frame .image_wrapper .image_links {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.image_frame .image_wrapper img:not(.ls-l) {
    position: relative;
    top: 0;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.if-zoom .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0!important;
}
img.scale-with-grid, #Content img {
    max-width: 100%;
    height: auto;
}
.post-desc-wrapper {
    width: 100%;
    float: left;
}
.post-desc {
    padding: 15px 0 0 20px;
}
.post-head{
	padding: 15px 0 0 20px;
}
.post-excerpt {
    margin-bottom: 15px;
}
.timeline h2 {
    font-size: 19px;
    line-height: 19px;
	margin-bottom: 15px;
}
.timeline h2 a{
	color: #444444;
}
.post-footer {
    background: rgba(0,0,0,.02);
    padding: 7px 15px;
    overflow: hidden;
    line-height: 30px;
}
.post-footer{
	color: #a8a8a8;
    float: left;
    width: 100%;
}
.post-footer .post-links {
    float: left;
    border-style: solid;
    padding-left: 10px;
	border-color: rgba(0,0,0,.08);
}
.text_blue{
	color: #215fc9;
	font-style: italic;
	font-size:13px;
}
.post-footer a{
	color: #215fc9;
}
.icon-comment-empty-fa:before {
    content: '\e9b5';
}
.post-footer .post-links .post-comments {
    margin-right: 10px;
}
.blog_wrapper{
	padding-top:35px;
}
.post-header {
    margin-bottom: 20px;
	margin-top: 20px;
}
.post-header .title_wrapper h1 {
    font-size: 35px;
    line-height: 35px;
	font-weight: 300;
}
.image_frame, .wp-caption {
    border-width: 8px;
    border-style: solid;
    display: block;
    max-width: 100%;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.image_frame{
    border-color: #f8f8f8;
}
.section-post-related h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
}
.section-post-related .post-related .image_frame {
    margin-left: 30px;
    margin-bottom: 15px;
}
.section-post-related .simple .post-related .image_frame {
    margin-left: 0px;
}
.image_frame a, .wp-caption a {
    display: block;
}
.image_frame .image_wrapper img:not(.ls-l) {
    position: relative;
    top: 0;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.if-zoom .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0!important;
}
img.scale-with-grid, #Content img {
    max-width: 100%;
}
.image_frame .image_wrapper, .wp-caption img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.image_frame .image_wrapper {
    position: relative;
    overflow: hidden;
}
.image_frame .image_wrapper, .wp-caption img, .icon_box .icon_wrapper:before {
    border-color: #e2e2e2;
}
.column, .columns {
    float: left;
    margin: 0 1% 0px;
}
.section-post-related .post-related {
    position: relative;
    width: 31.333%;
}
.section-post-related .col-3 .post-related {
    width: 25%;
    margin: 0px;
    padding-right: 20px;
    padding-left: 20px;
}
.section-post-related .col-3 .post-related:nth-child(4n+1) {
    clear: both;
}
.desc h4 a{
	color: #444444;
	font-weight: 300;
}
.title_sp{
	color: #444444;
	font-weight: 300;
}
.ht_title_br{
	font-weight: 300;
}
.clients_item:before{
	background:none;
}
.khung_pathway{
	font-family: 'OpenSansRegular';
	font-size: 14px;
	padding-left: 15px;
	height: 45px;
    background: #f5f5f5;
    padding-top: 8px;
	margin-bottom: 30px;
}
.khung_pathway ul li a:last-child{
	color: #0050da;
}
.pathway_bg{
	background: url(images/graphics/bg_thanhpho.png);
}
.post-more{
	display: block;
    margin-top: 20px;
	margin-bottom: 30px;
    background: #0050da;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    text-align: center;
    width: 131px;
}
.entry-title{
	font-family: 'OpenSansBold';
	color: #5c5c5c;
	font-size: 20px;
	text-transform: uppercase;
}
.hdthv{
	font-family: 'OpenSans-Semibold';
	color: #5c5c5c;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.khung_gl_title{
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f5f5f5;
    color: #353535;
    text-align: center;
	box-shadow: 2px 2px 2px #e2e2e2;
}
.owl-controls {
    display: inline-block;
    text-align: center;
}
/*search_text_box*/
.search_text_box {
    position: absolute;
    top: 10px;
    width: 200px;
    z-index: 999;
    background: #fff;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.hienthi_thongbao{
	z-index: 999;
    position: absolute;
    border: 1px solid #e1e4e6;
    padding: 18px;
    width: 550px;
    color: #fff;
    background: #fff;
    top: 0px;
    right: 30px;
    top: 60px;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.5);
}
.search_text_box{
	right: 30px;
    width: 200px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url(../images/icons/searchicon.png);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px !important;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.search_text_box:focus {
    width: 50%;
}
.khung_icon{
	font-family: 'Roboto-Light';
	font-size: 14px;
}
.tieude_tintuc h3{
	font-family: 'Roboto-Medium';
	font-size: 16px;
	color: #000;
}
.tieude_tintuc_nho h3{
	font-family: 'Roboto-Medium';
	font-size: 14px;
	color: #000;
	line-height: 1.3em;
}
.khung_hinh_nho{
	width: 55px;
    border: 1px solid #e8e8e7;
    height: 55px;
    float: left;
    margin-right: 15px;
}