@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;

}

.image_custom_product {
    border: 1px solid #eee;
    margin-bottom: 12px;

}
.image_custom_product img {
    height: 250px!important;
    width: 100%;
    object-fit: contain;
}

.clients_item img {
    height: 150px!important;
    width: 100%;
    object-fit: cover;
}