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

/*************** ADD CUSTOM CSS HERE.   ***************/
body.archive.category #header{
	position:absolute
}
body.single.single-post  #header{
	position:absolute
}

.blog-archive>header.archive-page-header{
	min-height:650px;
	padding-top:350px;
	background:url(/wp-content/uploads/2023/08/ha3.jpg) no-repeat top center;
	background-size:cover !important;
	margin-bottom:50px;
}
.blog-archive .row.align-center{
	max-width:100%;
}
.blog-archive  .box.box-vertical  .box-image img{
	border-radius:8px;
}
.blog-archive  .box.box-vertical .box-text.text-left{
	top:50px;
	left:-30px;
	background:#f5f5f5;
	border-radius:25px;
}
.blog-archive .row.align-center .large-10.col{
	flex-basis: 94%;
    max-width: 94%;
}
.blog-archive>header.archive-page-header h1{
	color:#fff;
	font-size:32px;
}
.rvideo{
	
}
.galxy .box-text{
	display:none !important
}
.colbaogia .x1{
	margin-bottom:25px;
}
.colbaogia p{
	font-size:14px;
}
.colbaogia .x1>p{
	display:flex
}
.colbaogia .wpcf7-list-item{
	display:block !important
}
.colbaogia .wpcf7-form-control.wpcf7-select{
	height:45px;
	border:1px solid #dedede;
	box-shadow:0px 0px #fff !important;
	font-size:14px;
	max-width:250px;
}
.colbaogia .x2>p{
	display:flex
}
.colbaogia .x3>p{
	margin-bottom:12px !important
}
.colbaogia .wpcf7-form-control.wpcf7-submit {
    padding-left: 55px;
    padding-right: 55px;
    font-size: 14px;
    border-radius: 5px;
    text-transform: none !important;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
}
.colbaogia .wpcf7-form-control.wpcf7-text{
	height:45px;
	border:1px solid #dedede;
	box-shadow:0px 0px #fff !important;
	font-size:14px;
}
.colbaogia .x1 .wpcf7-form-control-wrap{
	margin-right:20px;
}
.colbaogia .x2 .wpcf7-form-control-wrap{
	margin-right:20px;
}
#header  .sub-menu.nav-dropdown {
	border:0px !important;
	min-width:200px !important;
	padding:15px 5px !important;
	text-transform: none !important;
}
#header .sub-menu.nav-dropdown a{
	text-transform: none !important;
	color:#0f5078
}
.colloithe h4{
	margin-bottom:20px;
}
.tabbed-content.tabl li.tab.active a{
	background:#0f3c63!important;
	color:#fff !important;	
}
.tabbed-content.tabl li.tab a{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:35px;
	padding-right:35px;
	border: 0px !important;
	text-transform:none !important;
	font-size:14px;
	font-weight:600 !important
}
.tabbed-content.tabl .tab-panels{
	border: 0px !important;
	padding-top:20px;
	padding-bottom:20px !important;
	padding-left:14px !important;
	padding-right:14px;background:#0f3c63!important;
}
.tabbed-content.tabl .panel.active{
	background:#0f3c63!important;
	color:#fff !important;	
}
.colicon h4{
	font-weight:500 !important;
	font-size:16px;
}
.header-wrapper.stuck .header-bg-color{
	    background: none !important ;
}
body.archive.category #header .header-bg-color{
	    background: none !important ;
}
body.single.single-post  #header .header-bg-color{
	    background: none !important ;
}
body.archive.category #header .header-wrapper{
	box-shadow:0px 0px #fff !important
}
body.single.single-post .page-title-inner{
	min-height:600px !important;
}
.header-language-dropdown .image-icon img{
	margin-top:-5px;
	margin-left:4px;
}
.absolute-footer{
	padding-top:16px !important
}
.copyright-footer{
	font-size:13px !important;
	
    margin-top: 5px;

}
.absolute-footer div.social-icons{
	background:#00325a !important;
	padding:2px 10px !important;
	padding-top:5px !important;
	border-radius:4px;
}
.footer-secondary{
	padding-bottom:0px !important
}
.timhieu.timf{
	background:#004169!important
}
.xblog .box-image{
	display:none !important
}
.xblog .box-text.text-left{
	padding-top:0px;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:5px !important;
	position:relative
}
.xblog .box-text.text-left:after{
	background:url(/wp-content/uploads/2023/08/rightx.png) no-repeat top left;
	position:absolute;
	left:0px;
	top:7px;
	width:10px;
	height:10px;
	content:"";
	z-index:10;
	display:block;
	background-size:cover !important
}
.xblog .is-divider{
	display:none !important
}
.xblog .post-title{
		font-weight:400 !important
}
.col.collienhe .wpcf7-form-control.wpcf7-text{
	font-size:14px;
	background:#f6f6f6;
	border:0px;
	box-shadow:0px 0px #fff !important;
	height:46px;
}
.col.collienhe  .wpcf7-form-control.wpcf7-textarea{
	font-size:14px;
	background:#f6f6f6;
	border:0px;
	box-shadow:0px 0px #fff !important;
	height:110px;
}
.col.collienhe .wpcf7-form-control.wpcf7-submit{
	padding-left:55px;
	padding-right:55px;
	font-size:14px;
	border-radius:5px;
	text-transform:none !important;
	font-weight:500;
	padding-top:10px;
	padding-bottom:10px;
}
.bfooter ul{
	list-style:none;
}
.bfooter ul li{
		font-size:13px;
	font-weight:400 !important;
	position:relative;
	margin-left:0px;
	padding-left:18px;
}
.bfooter ul li:after{
	background:url(/wp-content/uploads/2023/08/rightx.png) no-repeat top left;
	position:absolute;
	left:0px;
	top:4px;
	width:6px;
	height:6px;
	content:"";
	z-index:10;
	display:block;
	background-size:cover !important
}
.bfooter ul li:after{
	width:10px;
	height:10px;
	position:absolute;
	top:2px;
	left:0px;
	display:block;
	
}
.bfooter h4{
	font-weight:500 !important
}
.bfooter p,.bfooter .col-inner{
	font-size:13px;
	font-weight:400 !important
}
.col.collienhe{
	    flex-basis: 60%;
    max-width: 60%;
	margin-right:-10%;
	    z-index: 10;
}
.col.collienhe h2{
	margin-bottom:30px;
}
.rhoboi.rkhampha h4 {
    font-size: 20px;
}
.slikhachhang .star-rating{
	display:none !important
}
.slikhachhang .testimonial-meta{
	font-size:15px;
}
.colmar{
	    margin-left: -5%;
    flex-basis: 38.3333333333%;
    max-width: 38.3333333333%;
}
.boxleft .colmar{
	 margin-left:0px;
	margin-right:-5% !important;
	z-index:9
}
.colmar .col-inner{
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1) !important;
}
.section.box1 .icon-box p{
	font-size:13px;
}
.texth3fix h3{
		font-weight:400 !important;
	font-size:28px;
	color:#555;
	margin-bottom:0px;
}
.section.box1 .icon-box h4{
	line-height:20px;
	font-weight:500 !important;
	font-size:18px;
}
.texttitle h4{
	line-height:20px;
	font-weight:400 !important;
	font-size:13px;
	text-transform:uppercase;
	position:relative;
	padding-left:70px;
	margin-bottom:20px;
}
.texttitle h2{
	line-height:1.6em;
}
.texttitle h4:after{
	top:8px;
	left:0px;
	width:60px;
	display:block;
	height:1px;
	content:"";
	position:absolute;
	background:#fff;
}
.box2 .texttitle h4{
	color:#0f3c63 !important
}
.box2 .texttitle h4:after{
	background:#0f3c63 !important
}
.box2 .timhieu{
	background: #0f3c63 !important;
	color:#fff !important
}

.rhoboi h4{
	font-weight:400 !important;
	    font-size: 18px;
}
.header-main{
	background: linear-gradient(to bottom,#004169 0%,transparent 100%)!important;
}
.timhieu{
	background: #fff !important;
    color: #999!important;
	padding:15px 30px;
	padding-right:40px;
	border-radius:10px;
	text-transform:none !important;
	font-size:14px;
	font-weight:normal !important;
	margin-right:4px !important
}
.textp p{
	font-weight:300 !important
}
.textp h2{
    font-size: 40px;
}
.baogia{
	background: #630b65!important;
    color: #fff!important;
	padding:15px 30px;
	padding-right:40px;
	border-radius:10px;
	text-transform:none !important;
	font-size:14px;
	font-weight:normal !important
}
#top-bar a{
	font-size:10px;
	text-transform:none !important
}
#top-bar .html.header-social-icons{
	background:#00325a !important;
	padding:3px 9px;
	border-radius:3px;
}
#top-bar .html.header-social-icons .icon.plain{
	margin-left:3px !important;
	padding-right:3px !important
}
#masthead li a{
	font-size:12px !important;
	text-transform:uppercase !important;
	font-weight:400 !important
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.colmar {
    margin-left: 0%;
    flex-basis: 100%;
    max-width: 100%;
}
	.textp h2 {
    font-size: 24px;
}
	.texth3fix h3 {
    font-weight: 400 !important;
    font-size: 18px;
    color: #555;
    margin-bottom: 0px;
}
	.flex-col.show-for-medium.flex-right{
		min-width:150px !important
	}
	.col.collienhe{
	    flex-basis: 100%;
    max-width: 100%;
	margin-right:0%;
	    z-index: 10;
}
	.header-wrapper .header-language-dropdown a,.header-wrapper  i.icon-menu{
		color:#fff !important
	}
	.blog-archive>header.archive-page-header {
    min-height: 280px;
		padding-top: 150px;}
	.blog-archive .box.box-vertical .box-text.text-left {
    top: -100px;
    left: 0px;
    background: #f5f5f5;
    border-radius: 25px;
		padding:25px !important
}
	body.single.single-post .page-title-inner {
    min-height: 280px !important;padding-top: 140px;
}
}