/*
Theme Name: itg
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.quantity input[type=number]{
	color:#222 !important
}
.secmenu{
	position:fixed;
	z-index:9;
}

.xpage .box-text.text-left{
	margin:0px !important;
}
.bthoinr{
	margin:0 auto !important;
	padding-left:40px;
	padding-right:40px;
	background:#f16f22 !important
}
.lienhe .wpcf7-form{
	padding-left:25px !important;
	padding-right:25px !important
}
.lienhe .boxform .wpcf7-form-control.wpcf7-submit.fdangkyx{
	background:#f16f22 !important;
	color:#fff !important;
	text-transform:none !important
}
.secmenu{
	padding-bottom:0px !important
}.boxform ul li{
	list-style:none !important;
	margin-bottom:0px !important;
	font-size:14px;
}
.boxform h5{
	font-size:18px;
}
.boxform .wpcf7-form-control{
	margin-bottom:5px !important
}.coltq li{
	margin-bottom:5px;
	font-size:14px;
}.subtongquan{
	padding-bottom:0px !important
}
.colulx li{
	margin-bottom:2px !important;
}
.boxform .wpcf7-form-control.wpcf7-submit{
	width:100% !important;
	margin-bottom:15px !important;
	background:#fff !important;
	color:#444 !important
}
.collogo img{
	max-height:65px;
	width:auto !important
}
.xpage .box-text.text-left .box-text-inner{
		position:relative
}
.xpage .box-text.text-left p{
	font-weight:600;
	color:#fff;
	font-size:15.5px;
}
.xpage .box-text.text-left .box-text-inner:after{
	width:48px;
	height:48px;
	line-height:47px;
	color:#fff;
	background:#007cba !important;
	display:block;
	position:absolute;
	top:-12px;
	    right: -64px;
	content:"+";
	font-size:18px;
	text-align:center
}

/*.postid-410 .row.row-large{
	max-width:100% !important
}
.postid-410 .post-sidebar{
	display:none
}
.postid-410 .entry-header{
	display:none;
}
.postid-410 .blog-wrapper{
	padding-top:0px !important
}
.postid-410  .entry-content{
	padding-top:0px !important
}
.postid-410 .blog-wrapper>.row>.large-9 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
	padding:0px !important;
}*/
.pum-content .fdangkyx{
	margin:0px 15% !important;
	width:70%;
	background:rgba( 221, 153, 51, 1.00 ) !important;
	border-radius:4px;
	
}
.newsletter-button{position:fixed;top:25%;right:0;width:45px;background-color:#0E5BA7;border:1px solid #fff;line-height:45px;text-align:center;font-size:1.5em;cursor:pointer;color:#fff;z-index:999999;-webkit-transition:all 1.1s;-moz-transition:all 1.1s;-o-transition:all 1.1s;transition:all 1.1s;}
.newsletter-button:not(.active){right:-500px;}
.newsletter-form:not(.active){right:-500px;}
.newsletter-form{position:fixed;top:25%;right:0;width:275px;padding:1.2em;background-color:#0E5BA7;border:1px solid #fff;text-align:left;color:#fff;z-index:99999;-webkit-transition:all 1.1s;-moz-transition:all 1.1s;-o-transition:all 1.1s;transition:all 1.1s;}
.newsletter-form h3{color:#fff;font-size:1em;}
.newsletter-form .wpcf7-form input.wpcf7-form-control{padding:5px 10px;border-radius:0;font-size:.9em;letter-spacing:normal;}
.newsletter-form .wpcf7-form input.wpcf7-submit{width:100%;background-color:#16a085;margin-bottom:0;padding:5px 15px;}
.newsletter-form form{margin:1.35em 0 0 0;}
.newsletter-form .button-close{content:"+";position:absolute;width:100px;height:100px;text-align:center;line-height:100px;top:-30px;left:-20px;font-size:40px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);font-weight:normal;cursor:pointer;}
.newsletter-form .wpcf7{color:#fffl}
@media screen and (max-width:767px) {
.newsletter-button,
.newsletter-form{top:15%;}
}
.pum-title.popmake-title{
	font-size:20px;
	margin-bottom:15px;
}
.pum-content.popmake-content .wpcf7-form-control{
	font-size:14px;
}
.tinxy .badge.absolute{
	margin-left:0px !important
}
.pum-content.popmake-content .wpcf7-form{
	margin-bottom:0px !important;
}
.pum-content.popmake-content .wpcf7-form-control.wpcf7-submit{
	margin-bottom:0px !important;
}
.section.tintuc .post-title{
	max-height:42px; 
	overflow:hidden
}
.chat-zalo {
    background: #0573ff;
    border-radius: 99px;
    padding: 0px 15px;
    color: white;
    display: block;
    margin-bottom: 6px;
	position: fixed;
    bottom: 65px;
    left: 0px;
    z-index: 99999;
	border-bottom-left-radius:0px;
	border-top-left-radius:0px;
}
.newsletter-wrapper h3{
	margin-top:20px;
	    margin-bottom: 10px;
    line-height: 1.2em;
}
.newsletter-form form{
	margin-top:5px !important
}
.newsletter-form .wpcf7-form input.wpcf7-submit {
	padding-top:0px !important;
	padding-bottom:0px !important
}
.pduan .box-text-inner p{
	color:#0e5ba7;
	font-weight:900 !important
}
.newsletter-form .wpcf7-form-control{
	font-size:0.9em;
}
.newsletter-form textarea{
	min-height:80px !important;
}
.chat-zalo a {
    font-size: 15px;
    color: white;
    font-weight: 400;
    text-transform: none;
    line-height: 0;
}
.call-now .btn-call-now p {
    color: #fff;
    font-size: 14px;
    min-width: 150px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.call-now .btn-call-now strong {
    display: block;
    font-size: 18px;
}
.call-now {
    left: 0;
	z-index: 99999;
    bottom: 5px;
    height: 50px;
    min-width: 200px;
    position: fixed;
    background-color: #c51230;
    border-radius: 0 25px 25px 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.8);
  
}
.button.primary span{
	white-space:nowrap;
	display:inline-block
}
.call-now .btn-call-now i {
    position: absolute;
    color: #c51230;
    background-color: #fff;
    font-size: 35px;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #c51230;
}
.header-wrapper.stuck .header-main .nav > li > a {
    line-height: 50px;
}
.archive-page-header h1{
	font-size:30px;
}
.fixduan .box-text.text-left{
	margin:0px !important;
	min-width:50%;
}
.fixduan .box-text.text-left .box-text-inner{
		position:relative
}
.fixduan .button.is-outline{
	position:absolute;
	top:-8px;
	right:-65px;
	height:40px !important;
	width:40px !important;
	border:0px !important;
	background:#006098 !important;
	margin:0px !important
}
.header-wrapper.stuck #logo img {
    margin-top: 7px;
    margin-left: 40px;
}
/*
.code-tow .list-news-home .col.post-item:nth-child(4) .box-image, .code-tow .list-news-home .col.post-item:nth-child(5) .box-image {
    float: left;
}
.code-tow .list-news-home .col.post-item:nth-child(5), .code-tow .list-news-home .col.post-item:nth-child(4) {
    display: flex;
    float: left;
}
.code-tow .list-news-home .col.post-item:nth-child(2), .code-tow .list-news-home .col.post-item:nth-child(3), .code-tow .list-news-home .col.post-item:nth-child(4), .code-tow .list-news-home .col.post-item:nth-child(5) {
    position: relative;
    width: 40%;
    flex-basis: 40% !important;
	max-width: 40%;
    height: 270px;
}
.code-tow .list-news-home .col.post-item:nth-child(2) .box-image, .code-tow .list-news-home .col.post-item:nth-child(3) .box-image, .code-tow .list-news-home .col.post-item:nth-child(4) .box-image, .code-tow .list-news-home .col.post-item:nth-child(5) .box-image {
    position: relative;
    width: 50%;
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
}
.code-tow .list-news-home .col.post-item:nth-child(1), .code-tow .list-news-home .col.post-item:nth-child(2), .code-tow .list-news-home .col.post-item:nth-child(3) {
    display: flex;
    float: left;
}
.code-tow .list-news-home .col.post-item:nth-child(2), .code-tow .list-news-home .col.post-item:nth-child(3), .code-tow .list-news-home .col.post-item:nth-child(4), .code-tow .list-news-home .col.post-item:nth-child(5) {
    position: relative;
    width: 40%;
    flex-basis: 40% !important;
	max-width: 40%;
    height: 270px;
}
.code-tow .col.post-item .text-center {
    padding: 40px;
    width: 50%;
    background-color: #666;
    color: #fff;
    height: 270px;
    position: relative;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}
.code-tow .list-news-home .col.post-item:nth-child(2) .box-image, .code-tow .list-news-home .col.post-item:nth-child(3) .box-image, .code-tow .list-news-home .col.post-item:nth-child(4) .box-image, .code-tow .list-news-home .col.post-item:nth-child(5) .box-image {
    position: relative;
    width: 50%;
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
}
.code-tow .list-news-home .col.post-item:nth-child(2) .box-image, .code-tow .list-news-home .col.post-item:nth-child(3) .box-image {
    float: right;
}
.code-tow .list-news-home .col.post-item:nth-child(1) .text-center {
    width: 100%;
}
.code-tow .list-news-home .col.post-item:nth-child(1) {
    width: 20% !important;
    flex-basis: 20% !important;
    padding: 0px 0px 0px 0px !important;
}*/
.colform  p{
	margin-bottom:7px !important;
	font-size:14px;
}
.colemail{
	position:relative
}
.colform .wpcf7-form-control.wpcf7-text{
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	border-radius:0px;
	box-shadow:0px 0px #fff !important;
	text-transform:none !important;
	margin-bottom:5px;
}
.wpcf7-spinner{
	display:none
}
.wpcf7-form{
	margin-bottom:0px !important;
	margin-top:15px;
}
.colform p{
	margin-bottom:0px !important
}
.colform .wpcf7-form-control.wpcf7-submit{
	padding-left:30px;
	padding-right:30px;
	color:#fff;
	border:0px !important;
	box-shadow:0px 0px #fff !important;
	text-transform:none !important
}
.header-nav.header-nav-main{
	padding-right:40px;
}
.colform .col-inner{
    padding: 15px 7%;
	padding-right:100px !important;
	
}
.bannerfix .container{
	width:100% !important;
	max-width:100% !important;
}
.bannerfix h1{
	font-size:30px;
}
.bannerfix .text-box.banner-layer{
	padding:50px;
	width: 20.1vw !important;
    height: 100%;
	background:rgb(0 0 0 / 42%);
}
.rowlogo .col-inner{
	padding:7px !important
}
.bannerfix .text-box-content{
	background:none !important;
	    font-size: 100%;
    height: 100wh;
    height: 100%;
    display: block;
    padding: 0px !important;
}
.absolute-footer{
	display:none !important
}
.section.tapdoan{
	padding-bottom:10px !important
}
.code-tow .list-news-home .image-cover:before {
    content: '';
    z-index: 99;
}
.rfooter .colinfo .col-inner{
	    padding: 40px 10% !important;
}
.code-tow .list-news-home .image-cover:before {
    width: 0;
    height: 0;
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.code-tow .list-news-home .col.post-item:nth-child(1) .image-cover:before {
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #666;
    left: 50%;
    margin-left: -30px;
    bottom: 0;
}
.code-tow .list-news-home .col.post-item:nth-child(2):hover .image-cover:before, .code-tow .list-news-home .col.post-item:nth-child(3):hover .image-cover:before {
    border-left: 30px solid var(--primary-color) !important;
}
.code-tow .list-news-home .col.post-item:nth-child(4):hover .image-cover:before, .code-tow .list-news-home .col.post-item:nth-child(5):hover .image-cover:before {
    border-right: 30px solid var(--primary-color) !important;
}
.code-tow .list-news-home .col.post-item:nth-child(1):hover .image-cover:before {
    border-bottom: 30px solid var(--primary-color) !important;
}
.code-tow .list-news-home .col.post-item:nth-child(2) .image-cover:before, .code-tow .list-news-home .col.post-item:nth-child(3) .image-cover:before {
    border-left: 30px solid #666;
    left: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    top: 50%;
    margin-top: -30px;
}
.list-news-home{
	display:block;
	float:left
}
.code-tow .list-news-home .col.post-item:nth-child(4) .image-cover:before, .code-tow .list-news-home .col.post-item:nth-child(5) .image-cover:before {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #666;
    top: 50%;
    margin-top: -30px;
    right: 0;
}
.list-news-home .col.post-item{
	float:left
}
.list-news-home .col.post-item:nth-child(1){
	width: 20% !important;
    flex-basis: 20% !important;
    padding: 0px 0px 0px 0px !important;
	max-width:20%;
	
}
.list-news-home .col.post-item:nth-child(2), .list-news-home .col.post-item:nth-child(3),.list-news-home .col.post-item:nth-child(4),.list-news-home .col.post-item:nth-child(5){
	width: 40% !important;
    flex-basis: 40% !important;
    padding: 0px 0px 0px 0px !important;
	max-width:40%;
	display:flex;
}
.list-news-home .col.post-item:nth-child(2) .box-image, .list-news-home .col.post-item:nth-child(3) .box-image{
	float:right;
	width:50%;
}
.list-news-home .col.post-item:nth-child(2) .box-text, .list-news-home .col.post-item:nth-child(3) .box-text{
	float:left;
	width:50%;
}

.list-news-home .col.post-item:nth-child(4) .box-image, .list-news-home .col.post-item:nth-child(5) .box-image{
	float:left;
	width:50%;
}
.list-news-home .col.post-item:nth-child(4) .box-text, .list-news-home .col.post-item:nth-child(5) .box-text{
	float:left;
	width:50%;
}

.code-tow .text-center .box-text-inner {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
    margin: 0 -5px;
}
.list-news-home .col.post-item .box-text{
	height:270px;
	padding:80px 40px;
	position: relative;
}
.xsukien .post-title{
	min-height:65px;
	margin-bottom:12px;
}
.xsukien .from_the_blog_excerpt{
	min-height:70px;
}
.xtinl .is-divider{
	display:none !important;
}
.tinxy .box-image{
	display:none !important
}
.tinxy .badge-inner{
	border:0px !important;
	background:none !important
}
.tinxy .badge-inner span{
	color:#666 !important
}
.col.post-item .is-divider{
	display:none !important
}
.tinxy .col.post-item{
	margin-bottom:10px;
	border:1px solid #dedede;
	padding:10px !important;
	min-height:70px;
}
.tinxy .col.post-item:hover{
	background:#006098;
}
.tinxy .col.post-item:hover span,.tinxy .col.post-item:hover a,.tinxy .col.post-item:hover h5.post-title{
	color:#fff !important
}

.tinxy .col.post-item h5.post-title{
	font-weight:500 !important
}
.tinxy .col.post-item:hover .badge.absolute{
 border-right: 1px solid #fff;
}
.tinxy  .badge.absolute{
	top:0px !important;
	    border-right: 1px solid #006098;
}
.tinxy .box-text.text-left{
	padding-left:50px !important;
	padding-top:0px !important;
	padding-bottom:0px !important
}
.xtinl .box-text.text-center{
	padding-top:15px;
	padding-bottom:0px !important
}
.xtinl .box-text .post-title{
	text-transform:uppercase;
}
.padleft .col-inner{
    padding-left: 20vw !important;
}
.padleft a.ux-menu-link__link{
	font-size:16px;
}
.header-main .nav > li > a{
	font-weight:500 !important
}
.title-border:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 20vw;
    height: 100%;
    border-right: 1px solid #ddd;
}
.title-border {
    position: relative;
    height: auto;
    width: 100%;
    padding: 40px 0 40px 23vw;
    min-width: 130px;
}
.rtitlemain h2{
	margin-bottom:0px;
	font-size:30px;
}
.rtitlemain .col{
	padding-bottom:0px !important
}
.flickity-page-dots .dot{
	width:9px !important;
	height:9px !important
}
#logo img {
    max-height: 83px!important;
    margin-top: 21px;
    margin-left: 50px;
}
#logo {
    width: 20vw;
    border-right: 1px solid #fff;
    height: 100%;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo img {
   margin:5px !important
}
	.title-border:before{
		display:none !important
	}
	.title-border {
 
    padding: 10px !important;
    
}
	.padleft .col-inner {
    padding-left: 15px !important;
}
	.section.duan .list-news-home .col.post-item{
		width:100% !important;
		margin-bottom:5px !important;
    flex-basis: 100% !important;
    
    max-width: 100% !important;
	}
.duan .list-news-home .col.post-item .box-image {
    float: left !important;
    width: 100%;
}
	.list-news-home .image-zoom-fade.image-cover{
		padding-top:50% !important
	}
	.duan .col.post-item .box-text {
    height: auto !important;
    padding: 10px 20px !important;
    position: relative;
}
	.code-tow .list-news-home .col.post-item .image-cover:before{
		display:none !important
	}
	.duan .list-news-home .col.post-item .box-text{
    float: left !important;
    width: 100%;
}
	#footer .rfooter .colinfo .col-inner {
    padding: 20px !important;
}
	.section.hoatdong .col-inner{
		padding-top:15px !important
	}
	#footer .colform .col-inner {
    padding: 20px !important
}
	.rtitlemain h2 {
    margin-bottom: 0px;
    font-size: 20px;
}
	.bannerfix .text-box.banner-layer {
		width: 100% !important;}
	.tinmoi .tinxy .box-text.text-left {
    padding-left: 50px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
		min-height:40px !important;
		height:auto !important
}
	.col.collogo{
		text-align:center !important
	}
	.col.collogo img{
		margin:0 auto !important
	}
	.mega-toggle-blocks-left{
		position:relative;
	}
	.mega-toggle-blocks-left:after{
		content:"MENU";
		position:absolute;
		color:#222;
		left:10px;
		top:3px;
	}
	.mega-toggle-animated-box{
		margin-top:4px;
		
	}
	.bannerduan{
		
	}
	.section.secmenu{
		padding-top:5px !important
	}
	.gap100{
		padding-top:77px !important
	}
	.section.secmenu .col{
		padding-bottom:5px !important
	}
	#mega-menu-top_bar_nav{
    position: absolute !important;
    left: 0px !important;
    right: 0px !important;
    width: 100% !important;
    background: #d3ac68 !important;
}
.mega-menu-toggle{
	max-width:110px !important
}
}