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

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'UTMHelvetIns';
  src: url("fonts/UTM_HelvetIns.ttf");
}
@font-face {
  font-family: 'UTMNokia';
  src: url("fonts/UTMNokia.ttf");
}
.bancat h2 a{
	font-size:0px !important
}
.bancat .col-inner.text-center{
	min-height:28px;
}
.colbando{
	padding-bottom:0px !important
}
#header .header-wrapper {
    background: #fff;
}
.pum-container.popmake .wpcf7-form-control.wpcf7-submit.has-spinner{
	margin:0px !important;
	width:100% !important;
	border-radius:3px;
	margin-top:5px !important;
	height:40px;
}
.pum-container.popmake .wpcf7-spinner{
	display:none !important
}
.wpcf7-not-valid-tip{
	font-size:13px !important
}
.pum-container.popmake .wpcf7-form-control.wpcf7-text,.pum-container.popmake .wpcf7-form-control.wpcf7-select{
	font-size:14px !important;
	padding:10px 15px;
	    height: 45px;
}
.pum-container.popmake .pum-title.popmake-title{
	border-bottom:1px solid #dedede;
	padding-bottom:15px;
	margin-bottom:15px !important
}
.rtab h4{
	margin-bottom:0px;
	font-size:16px;
	font-family: Roboto, sans-serif;
}
.textul li{
	margin-bottom:4px;
	font-size: 22.4px;
	font-family: Roboto, sans-serif;
	line-height: 1.6;
}

.header-wrapper.stuck li.header-block .header-block-block-1{
	
}
.header-wrapper.stuck .nav li:last-child {
    margin-right: 1px !important;
}
.header-wrapper.stuck  li.header-block{
	margin-top:0px !important
}
.absolute-footer{
	display: none;
}
.copyright-footer{
	font-size:13px;
	color:#fff;
}
body.home #footer{
	margin-top:30px !important
}
#footer h4{
	font-weight:normal;
	margin-bottom:10px;
}
#footer ul{
	margin:0px;
}
#footer ul li{
	margin-bottom:10px;
	font-size:13px;
}
.rtitthuvien .col{
	padding-bottom:5px !important
}
.section.thuvien{
	padding-bottom:0px !important
}
.col5thuvien .col.medium-2{
	    flex-basis:20%;
    max-width: 20%;
	padding-bottom:1px !important
}
.col5thuvien h4{
	font-family: "Roboto", sans-serif;
	font-weight:normal;
	font-size:14px;
}
.tinvideo .box-text{
	padding:0px !important
}
.tinvideo .is-divider{
	display:none !important
}
.tinvideo .post-title{
    text-transform: none !important;
    font-family: Roboto, sans-serif;
    margin-bottom: 5px;
    font-size: 15px;
	padding-left:24px;
	position:relative;
	    font-weight: 400;
}
.tinvideo .post-title:after{
	height:15px;
	width:15px;
	content:"";
	z-index:2;
	position:absolute;
	left:0px;
	top:4px;
	background:url(/wp-content/uploads/2023/10/li-video.png) no-repeat
}
.tinvideo .post-title a{
	color:rgb(0, 96, 237)
}
.tinvideo .box-image{
	display:none !important
}
.colvideo .video.video-fit{
	margin-bottom:10px !important
}
.textvideo p{
	margin-bottom:0px;
	font-size:15px;
}
.thuvien .bg-fill {
    background-position: 50% 50%;
    background-repeat: repeat !important;
    background-size: unset !important;
}
.tit_tintuc{
	margin-bottom:10px !important
}
.thuvien{
	position:relative;
	padding-left:80px;
}
.thuvien:after{
	width:20px;
	height:100%;
	background:url(/wp-content/uploads/2023/10/line.png);
	content:"";
	z-index:1;
	left:0px;
	top:0px;
	position:absolute
}
.thuvien:before{
	width:100%;
	height:230px;
	background:#fff;
	content:"";
	z-index:1;
	left:0px;
	bottom:0px;
	
	position:absolute
}
.flickity-page-dots{
	top: 15px;
    left: 20%;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20%;
    text-align: center;
}
.pmargin p{
	margin-bottom:10px !important
}
.textdiachi p{
	margin-bottom:0px !important;
	    font-size: 15px;
}
.boxhotro .col-inner{
	background:none !important;
	padding-bottom:0px !important
}
.col.boxhotro{
	padding-bottom:5px !important
}
.boxhotro{
	background:url(/wp-content/uploads/2023/10/bghtro.jpg) no-repeat top center;
	background-size:cover !important
}
.boxhotro .icon-box-text.last-reset{
	padding-top:5px !important
}
.boxhotro .icon-box{
	margin-bottom:2px !important
}
.tintuc .box-vertical .box-text {
  	padding-top:0px;
	padding-bottom:0px;
	vertical-align: top;
}
.tit_tintuc .section-title-main{
	position:relative;
	padding-left:40px;
	font-family: "Roboto Condensed", sans-serif;
	padding-bottom:0px;
	text-transform: none;
	color:#fa7a64 !important;
	padding-bottom:7px;
}
.tit_tintuc .section-title-main:after{
	position:absolute;
	left:0px;
	top:4px;
	height:24px;
	width:30px;
	background:url(/wp-content/uploads/2023/10/icontin.png) no-repeat top center;
	content:"";
	z-index:2;
}
.tit_tintuc.tit_video .section-title-main:after{
	background:url(/wp-content/uploads/2023/10/iconvideo.png) no-repeat top center;
	background-size: cover !important;
	width:24px !important;
	height:24px !important
}
.tit_tintuc.tit_video.tit_thuvien .section-title-main:after{
	background:url(/wp-content/uploads/2023/10/icon-gallery.png) no-repeat top center;
	background-size: cover !important;
	width:34px !important;
	height:24px !important
}

.tit_tintuc.tit_video:not(.tit_thuvien) .section-title-main{
	color:#4b68e7 !important;
}

.tit_tintuc .section-title-normal{
	border-bottom:0px !important;
	position:relative;
	
}
.tit_tintuc .section-title-normal span{
	border-bottom:2px solid #fa6045
}
.tit_tintuc .section-title-normal:after{
	position:absolute;
	content:"";
	width:40px;
	height:2px;
	display:block;
	left:0px;
    bottom: -2px;
    background: #387ee4;
}
.khoahoc{
	background:url(/wp-content/uploads/2023/10/home-courses.png);
}
.khoahoc .box-image{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.khoahoc .box.has-hover{
	background:#b2e6c9;
	border-radius:6px;
	border:1px solid #bee488;
}
.khoahoc .cat2 .box{
	background:#c8d9eb;
	border:1px solid #65c81e;
}
.khoahoc .cat2 .box-text{
	background: #488cd4;
	color:#fff;
}
.khoahoc .cat2 .box .button.primary{
	background:#2b6497 !important;
}
.khoahoc .cat3 .box{
	background:#e9d4d4;
	border:1px solid #e78d17;
}
.khoahoc .cat3 .box-text{
	background: #c4666c;
	color:#fff;
}
.khoahoc .cat3 .box .button.primary{
	background:#a33130 !important;
}
.khoahoc .cat4 .box{
	background:#f4ddf0;
	border:1px solid #b10a23;
}
.khoahoc .cat4 .box-text{
	background:#b054a5;
	color:#fff;
	    letter-spacing: -0.1px;
}
.khoahoc .cat4 .box .button.primary{
	background:#793872 !important;
}
.khoahoc .cat5 .box{
	background:#d9f7f7;
	border:1px solid #253bca;
}
.khoahoc .cat5 .box-text{
	background: #4ca8b0;
	color:#fff;
	   
}
.khoahoc .cat5 .box .button.primary{
	background:#257378 !important;
}
.khoahoc .cat6 .box{
	background:#e6e5f6;
	border:1px solid #7f119a;
}
.khoahoc .cat6 .box-text{
	background: #726cad;
	color:#fff;
	   
}
.khoahoc .cat6 .box .button.primary{
	background:#4a3b7a!important;
}

.khoahoc .box .box-image{
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.khoahoc .box-text{
	padding:0px !important
}
.khoahoc .button.primary{
	margin-bottom:0px !important
}
.khoahoc .cat1 .box-text{
	background:#5c946c !important;
	color:#fff;
		border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
.khoahoc .box .button.primary{
	background:#02838c;
	text-transform:none !important;
	font-family: "Roboto Condensed", sans-serif;
	font-size:16px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
} 
.khoahoc .cat1 .button.primary{
	background:#356637;
	
}
.khoahoc .box .box-text p{
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
    font-family: "Roboto Condensed", sans-serif;
	    font-weight: normal;
    font-size: 14px;
	margin-bottom:5px;
}

.bancat h2{
	margin-bottom:0px !important;
	font-family: 'UTMNokia';
	font-weight:normal;
	font-size:15px;
	letter-spacing:1px;
}
.bancat .col-inner{
	position:relative;
}
.bancat .col-inner:after{
	width:8px;
	height:10px;
	background:url(/wp-content/uploads/2023/10/rightx.png) no-repeat;
	display:block;
	right:-4px;
	top:9px;
	content:"";
	position:absolute;
	z-index:9
}
.cat4col .col-inner:after{
	display: none !important
}
#header .header-wrapper{
	padding-top:15px !important
}
#header .header-inner.flex-row.container{
	padding-right:0px !important;
	padding-left:0px !important;
	    max-width: 100%;
}
.row.row-collapse.bancat{
	max-width: 100%;
}
#logo img {
    max-height: 140px !important;
	margin-top:2px;
}
.col1icon{
	position:relative;
}
.col1icon::after{
	position: absolute;
    left: -15px;
    transform: rotate(20deg);
       top: -20px;
    width: 30px;
    height: 115px;
    background: #fff;
    display: block;
    z-index: 1;
    content: "";
}
.col2icon::after{
	position: absolute;
    left: -15px;
    transform: rotate(20deg);
       top: -20px;
    width: 30px;
    height: 115px;
    background: #238ace;
    display: block;
    z-index: 1;
    content: "";
}
.col3icon::after{
	position: absolute;
    left: -15px;
    transform: rotate(20deg);
       top: -20px;
    width: 30px;
    height: 115px;
    background: #0d5e92;
    display: block;
    z-index: 1;
    content: "";
}
.col3icon .col-inner{
	border-top-right-radius:10px;
}
.row.rtop{
	position:relative;
	overflow:hidden
}
.rtop h4{
	margin-bottom:0px;
	font-size:15px;
	font-weight:normal !important;
	color:#0d5e92;
	line-height:23px;
	font-family: "Oswald", sans-serif;	
}
.rtop .col3icon h4{ 
	color:#002e4c;
}
.header-bottom ul.nav.header-nav>li{
	margin-left:21px !important;
	margin-right:21px !important;
}
.header-bottom ul.nav.header-nav>li.html.header-social-icons{
	margin-right:0px !important
}
.header-bottom ul.nav.header-nav a{
	font-size:18px;
	font-family: Oswald, sans-serif;
	font-weight:normal;
	    letter-spacing: 1px;
}
.header-bottom ul.nav.header-nav>.menu-item>a{
	position:relative;
}
.header-bottom ul.nav.header-nav>.menu-item>a::after{
	position:absolute;
	width:18px;
	height:11px;
/* 	background:url(/wp-content/uploads/2023/10/icon_hover.png) no-repeat top center;
	display:block; */
	z-index:1;
	left:0px;
	right:0px;
	text-align:center;
	margin:0 auto !important;
	content:"";
	bottom:-8px;
}
.sub-menu.nav-dropdown.nav-dropdown-default{
	min-width:210px;
	padding:5px 5px;
}
.sub-menu.nav-dropdown.nav-dropdown-default a{
	font-size:14px !important;
	font-weight:normal !important
}
.logo-left .logo{
	margin-left:100px;
}
.rtop h4 span{
	color:#fff !important
}
.rtop .icon-box-text{
	padding-left:12px !important
}
li.header-block{
	min-width:620px;
	    margin-top: 20px;
}
li.header-block .header-block-block-1{
	margin-right:-1px !important
}
.header-bottom{
	border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
.header-bottom .social-icons a{
	margin-left:4px !important;
	margin-right:4px !important
}
.header-bottom .social-icons i{
	font-size:20px;
}
.header-wrapper.stuck #logo img {
    max-height: 108px!important;
}
@media only screen and (max-width: 840px) {
	.header-wrapper.stuck #logo img.header-logo-dark {
		max-height: 60px !important;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.rtop h4{
		color:#fff !important;
		font-size:14px;
	}
	.header-bottom{
		background:none !important
	}
	.col1icon .col-inner{
		background-color:#42a1ff !important
	}
	.col2icon .col-inner{
		background-color:#0171f1 !important
	}
		.col3icon .col-inner{
		background-color:#0053a1 !important
	}
	
	
#logo img {
    max-height: 60px !important;
    margin-top: 2px;
}
	.logo-left .logo{
	margin-left:30px;
}
	#header .header-wrapper{
		background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 35%, rgba(6,147,227,1) 100%) !important;
	}
	.rtop .col-inner{
		padding:5px !important
	}
	.rtop .col{
		    flex-basis: 33.33333333333%;
    max-width: 33.333333333%;
	}
	.rtop .icon-box-img{
		display:none !important
	}
	.header-bottom .flex-row.container{
		padding-left:0px !important;
		padding-right:0px !important
	}
	#header .header-wrapper {
    padding-top: 0px !important;
}
	li.header-block {
    min-width: 100%;
    margin-top: 0px;
}
	.col1icon::after, .col2icon::after, .col3icon::after{
		display:none !important
	}
	#header .header-bg-color{
			background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 35%, rgb(1 113 241) 100%) !important;
	}
	.header-main .nav-icon.has-icon{
	    background: none !important;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px solid #ffffff69 !important;
    margin-right: 15px !important;
    min-width: 100px;
		font-weight:900 !important

	}
	.header-main .nav-icon.has-icon a{
		font-weight:900 !important;
		    font-family: Oswald, sans-serif;
	    font-size: 15px;
    color: #fff;
	}
	.header-bottom{
	}
	.sidebar-menu a{
		color:#fff !important;
	}
	.sidebar-menu .sub-menu a{
	    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: normal;
	}
	.header-main .nav-icon.has-icon .menu-title{
		display:block !important
	}
	.off-canvas-left .mfp-content{
		background:#0d5e92 !important
	}
	.bancat h2 {
   
    font-size: 13px;
    letter-spacing: 1px;
}
	.thuvien {
    position: relative;
    padding-left: 25px;
}
	.col5thuvien .col.medium-2 {
    flex-basis: 50%;
    max-width: 50%;
}
	.khoahoc .box .box-text p{
		
	}
	.bancat .col-inner.text-center {
    min-height: 12px;
}
	.bancat .col-inner:after{
		top:1px !important
	}
	.khoahoc .box .box-text p{
	 display: block;
 display: -webkit-box;
 max-width: 100%;
 height: 80px;
 margin: 0 auto;
 font-size: 14px;
 line-height: 20px;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}
}

.footer-menu-link {
	color: white;
	font-size: 13px;
	font-family: "Roboto", sans-serif;
}

.page-wrapper {
	padding: 0 !important;
}

.test-block {
	margin: 0 !important;
	padding: 0 !important;
}


.box-image {
	padding-bottom: 0 !important;
	max-height: 140px;
}

.cat-text {
	height: 80px;
}

.col {
	padding-bottom: 0 !important;
}

.cat-btn-1 {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #356637;
    font-family: "Roboto Condensed", sans-serif;
}
.cat-btn-2 {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #2b6497;
    font-family: "Roboto Condensed", sans-serif;

}
.cat-btn-3 {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #a33130;
    font-family: "Roboto Condensed", sans-serif;
}
.cat-btn-4 {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #793872;
    font-family: "Roboto Condensed", sans-serif;

}
.cat-btn-5 {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #257378;
    font-family: "Roboto Condensed", sans-serif;

}
.cat-btn-6 {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #4a3b7a;
    font-family: "Roboto Condensed", sans-serif;
}

.row-color-after-header h4 {
	margin-bottom: 0;
}

.des-text h1 {
	font-size: 28px;
	font-family: Oswald, sans-serif;
}

.des-text p {
	line-height: 1.6;
	font-family: Roboro, sans-serif;
	font-size: 22.4px;
}

.support h3 {
	font-size: 29px;
	font-family: Oswald, sans-serif;
}

.support h1 {
	font-size: 39px;
	font-family: Oswald, sans-serif;

}

.des-text h2 {
	font-size: 20px;
	font-family: Oswald, sans-serif;
}

.des-text li {
	font-size: 16px;
	font-family: Roboto, sans-serif;
}

@media (max-width: 767px) {
	.absolute-footer {
		display: none;
	}
}