/*Header*/

.header-main {

/*    position: fixed;

    z-index: 99;

    width: 100%;

    background: #fff;*/

}



.carousel-caption {

	animation: crescendo 1s alternate infinite ease-in;

	background-image: linear-gradient(to bottom, #fbcf29, #f4861b);

	width: max-content;

    margin: 0 auto;

    margin-bottom: 35px;

    padding: 5px 10px;

    border-top: 2px solid #e92028;

    border-right: 2px solid #e92028;

    border-radius: 10px;

}

.carousel-caption a {

	color: #fff;

}

.carousel-caption h3 {

    font-size: 24px;

    text-transform: capitalize;

}

.carousel-caption p {

    margin: 0;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 2px;

}

@keyframes crescendo {

  	0%   {transform: scale(.9);}

  	100% {transform: scale(1.15);}

}

.carousel-caption a:hover {

	color: #fff;

}

.carousel-indicators li {

    width: 10px;

    height: 10px;

    border-radius: 50%

}



/*Index*/

.homepage-problem {

	padding-top: 40px;

}

.homepage-problem .container {

	padding: 0 95px;

}

.homepage-problem .heading {

	text-transform: unset;

	font-size: 24px;

	text-align: left;

}

.problem-content-item {

	margin-bottom: 20px;

}

.problem-content-item img {

	width: 35px;

    height: 35px;

    object-fit: contain;

    float: left;

    margin-right: 20px;

}



.problem-content-item span {

	font-size: 16px;

	color: #030200;

}

.problem-image {

    float: right;

}

.problem-image img {

	width: 100%;

}

/**/

.homepage-choose {

	background-image: url(../images/bg.jpg);

	padding: 40px 0;

}

.homepage-choose p {

	margin: 0;

	font-size: 16px;

}

.homepage-choose .row {

	margin-top: 30px;

}

.homepage-choose .slick-carousel {

    margin-top: 30px;

}

.choose-item {

    background: #233871;

    padding: 15px 30px;

    color: #fff;

}

.choose-title {

    display: flex;

    margin-bottom: 15px;

}

.choose-title img {

    width: 35px;

    height: 35px;

    object-fit: contain;

    margin-right: 10px;

}

.choose-title strong {

    font-size: 18px;

    font-weight: 500;

    line-height: 21px;

}

.choose-item-desc p {

	text-align: justify;

	-webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    overflow: hidden;

    display: -webkit-box;

    height: 125px;

    opacity: .9;

}

.homepage-toggle {

    text-align: center;

    margin-top: 45px;

    animation: crescendo 1s alternate infinite ease-in;

}

@keyframes crescendo {

  	0%   {transform: scale(.95);}

  	100% {transform: scale(1.1);}

}

.homepage-toggle a {

	color: #ff7f00;

	background-color: #233871;

	text-transform: uppercase;

	font-size: 18px;

	font-weight: 500;

	padding: 12px 20px;

	border-radius: 5px;

}



/**/

.homepage-access {

	padding: 0 0 40px;

}

.homepage-access .row {

	margin-top: 55px;

}

.access-left {

	position: relative;

    text-align: right;

	margin-bottom: 20px;

}

.access-left-content {

    padding-right: 45px;

}

.access-left-content h4 {

	font-size: 16px;

	color: #030200;

	font-weight: 500;

}

.access-left-image {

	position: absolute;

	top: 0;

	right: 0;

}

.access-left-image img {

    width: 35px;

    height: 35px;

    object-fit: contain;

}

.access-right {

	text-align: left;

	position: relative;

	margin-bottom: 20px;

}

.access-right-content {

    padding-left: 45px;

}

.access-right-content h4 {

	font-size: 16px;

	color: #030200;

	font-weight: 500;

}

.access-right-image {

	position: absolute;

	top: 0;

	left: 0;

}

.access-right-image img {

    width: 35px;

    height: 35px;

    object-fit: contain;

}

.access-image {

    text-align: center;

}

.access-image img {



}



/**/

.homepage-course {

	background: #fafafa;

	padding: 40px 0;

}

.homepage-course .entry-thumb a img {

    height: 210px !important;

    object-fit: cover;

    border-radius: 10px;

}

.homepage-course .entry-content {

	text-align: center;

}

.homepage-course .entry-title {

    margin: 20px 0 5px 0 !important;

    font-size: 18px !important;

    font-weight: 500 !important;

    padding: 0 10px;

    line-height: 25px !important;

    -webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	display: -webkit-box;

}

.homepage-course .entry-title a {

	color: #233871;

}

.homepage-course .entry-description {

    text-align: center !important;

    padding: 5px 15px;

    font-size: 16px;

}



/**/

.homepage-team {

	padding: 40px 0;

}

.homepage-team p {

	margin: 0;

}

.homepage-team .slick-carousel {

	margin-top: 30px;

}

.team-item img {

	width: 200px;

	height: 200px;

	object-fit: cover;

	border-radius: 50%;

	margin: 0 auto;

}

.team-item-desc {

    margin-top: 20px;

}

.team-item-desc h4 {

	font-size: 24px;

	color: #e92028;

	text-align: center;

}

.team-item-desc p {

	font-size: 16px;

	text-align: justify;

}



/**/

.homepage-feel {

	padding: 40px 0;

	background: #233871;

}

.homepage-feel .heading {

	color: #fff;

}

.homepage-feel .homepage-toggle a {

    border-radius: 5px;

    box-shadow: 0px 0px 2px 2px #ffffffbf;

}

.feel-video {

	margin-bottom: 30px;

}

.feel-item {

	

}

.feel-item img {

	width: 100%;

	height: 255px;

	object-fit: cover;

}

.feel-item-desc {

	background-color: #fff;

	padding: 20px 10px;

}

.feel-item-desc h4 {

	font-size: 20px;

	color: #e92028;

	text-align: center;

	line-height: 24px;

}

.feel-item-desc p {

	text-align: center;

	font-size: 16px;

	margin: 0;

	padding-top: 10px;

}



/**/

.homepage-blog {

	padding: 40px 0 0;

}

.homepage-blog .entry-thumb a img {

    height: 260px !important;

    object-fit: cover;

}

.homepage-blog .entry-title {

    margin: 15px 0 5px 0 !important;

    font-size: 16px !important;

    line-height: 1.4 !important;

    -webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	display: -webkit-box;

}

.homepage-blog .entry-title a {

	color: #0c0c0c;

}

.homepage-blog .entry-description {

	line-height: 24px !important;

}

.homepage-blog .entry-description p {

	color: #737373;

}



/**/

.homepage-coundown {

	padding: 40px 0 0;

	background: #0091fe;

}

.homepage-coundown .container {

	padding: 0 95px;

}

.homepage-coundown .heading {

	color: #fff;

    width: 60%;

    line-height: 1.5;

    margin: 0 auto;

}

.homepage-coundown p {

	margin: 0;

	color: #fff;

    font-size: 16px;

}



/*Coundown*/

#countdown {

	margin-top: 30px;

}

#countdown ul {

	text-align: center;

}

#countdown ul li {

  	display: inline-block;

  	list-style-type: none;

  	font-size: 16px;

  	background: #233871;

    height: 70px;

    width: 70px;

    border-radius: 5px;

    margin: 0 10px;

    color: #fff;

    text-align: center;

}

#countdown ul li span {

  	display: block;

  	font-size: 30px;

  	height: 40px;

}

.form-coundown {

    margin-top: 30px;

    text-align: center;

}

.form-coundown input {

    width: 100%;

    height: 40px;

    border-radius: 0px;

    padding-left: 10px;

    margin-bottom: 15px;

    border: none;

    outline: 0;

}

.form-coundown textarea {

    width: 100%;

    height: 140px;

    border-radius: 5px;

    padding: 10px;

    margin-bottom: 15px;

    border: none;

    outline: 0;	

}

.form-coundown .nghanh-hoc {

	background: #fff;

	padding: 25px 15px 5px;

}

.form-coundown .nghanh-hoc .wpcf7-list-item,

.form-coundown .cam-ket .wpcf7-list-item  {

	width: 100%;

	margin: 0;

	margin-top: -10px;

}

.form-coundown .nghanh-hoc .wpcf7-list-item input,

.form-coundown .cam-ket .wpcf7-list-item input {

	width: 20px;

    float: left;

    margin: 0;

    border-radius: 50%;

}

.form-coundown .nghanh-hoc .wpcf7-list-item .wpcf7-list-item-label,

.form-coundown .cam-ket .wpcf7-list-item .wpcf7-list-item-label {

	width: max-content;

    float: left;

    margin: 10px;

    color: #555;

    font-weight: normal;

}

.form-coundown .cam-ket .wpcf7-list-item .wpcf7-list-item-label {

	float: inherit;

}

.form-coundown .cam-ket {

	background: #fff;

	padding: 15px;

	margin: 15px 0;

}





.coundown-btn {

	margin: 0 auto;

}

.form-coundown .wpcf7-submit {

    background: #233871;

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    padding: 0 50px;

}



/*Modal*/

.modal-dialog {

	max-width: 60% !important;

}

.modal-content {

    margin-top: 100px;

    background: rgb(18, 11, 92);

    text-align: center;

    padding: 0 20px;

}

.modal-header {

    border: none;

}

.modal-header .close {

    font-size: 24px;

    color: #ea2700;

}



.form-popup {

	margin: 0 auto;

}

.form-popup h2 {

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    font-size: 30px;

    width: 100%;	

}

.form-popup p {

    color: #fff;

    text-align: center;

    margin: 0 auto;

    padding: 10px 50px;	

}

.form-popup b {

	font-size: 18px;

	font-weight: 500;

}

.form-popup input {

    width: 100%;

    height: 40px;

    border: none;

    border-radius: 5px;

    padding-left: 10px;

    margin-bottom: 15px;

    outline: 0;

}

.form-popup select {

 	width: 100%;

    height: 40px;

    border: none;

    border-radius: 5px;

    padding-left: 10px;

}

.form-popup .wpcf7-submit {

    background: #233871;

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    padding: 0 30px;

}



/*Content*/

#twitter-widget-0 {

    display: block;

}





/*

*********************************************************************************************************

 * Custom CSS

 *******************************************************************************************************

*/



.top-header {

	background: #f4f4f4;

    color: #464646;

    padding: 10px 0;

}

.top-header ul {

    padding: 0;

    margin: 0;

}

.top-header ul li {

    display: inline-block;

    color: #464646;

}

.top-header__info li {

    margin-right: 25px;

    font-size: 16px;

}

.top-header .widget {

    margin: 0;

}

.top-header .widget_social ul li a {

    width: 20px;

    height: 20px;

    line-height: 20px;

    background: none;

    color: #464646;

    padding: 0;

    box-shadow: 0 0;

}

.box_hotline {

    padding: 15px 15px 15px 60px;

    border: 1px dashed #233871;

    border-radius: 10px;

    background: url('../images/ic_phone.png') 15px center no-repeat;

}

.box_hotline span {

    display: block;

    font-weight: bold;

    font-size: 18px;

    text-transform: uppercase;

    color: #233871;

    padding-left: 10px;

}

.header-title {

    text-align: center;

    font-size: 33px;

    text-transform: uppercase;

    color: #233871;

    padding-top: 10px;

    font-weight: 600;

}

.carousel-item img {

	height: 600px !important;

	object-fit: cover;

}



/*.footer-widgets-area:nth-child(1) {

	flex: 0 0 39.333333%;

    max-width: 39.333333%;

}

.footer-widgets-area:nth-child(2) {

	flex: 0 0 27.333333%;

    max-width: 27.333333%;

}*/

.partner {

    padding-bottom: 50px;

    margin-bottom: 50px;

    border-bottom: 1px solid #545353;

}

.partner img {

    width: 100%;

    height: 100px !important;

    object-fit: contain;

    background: #fff;

    padding: 10px;	

}

.from-contact-page input {

	width: 100%;

	height: 40px;

	border: 1px solid #ddd;

	padding-left: 10px;

	outline: 0;

	border-radius: 5px;

}

.from-contact-page textarea {

	width: 100%;

	height: 100px;

	border: 1px solid #ddd;

	padding: 10px;

	outline: 0;

	border-radius: 5px;

}

.from-contact-page .wpcf7-submit {

	width: auto;

	padding: 0 30px;

	background: #233871;

	color: #fff;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 500;

}

.widget_custom_html .textwidget {

	padding: 0;

	border: none !important;

}

.widget .homepage-toggle {

    margin-top: 0;

    animation: none;

}

.widget .homepage-toggle a {

	text-transform: none;

}







/*----- Responsive -----*/

@media (max-width: 767px) {



	.modal-dialog {

		max-width: 100% !important;

	}



	.footer-widgets-area:nth-child(1) {

		flex: 0 0 100%;

	    max-width: 100%;

	}

	.footer-widgets-area:nth-child(2) {

		flex: 0 0 100%;

	    max-width: 100%;

	}

	.homepage-problem {

		padding-top: 20px;

	}

	.homepage-problem .container {

	    padding: 0 15px;

	    position: relative;

	}

	.heading {

    	margin: 0 0 10px 0 !important;

    }

    .problem-content-item {

	    margin-bottom: 10px;

	}

	.problem-content {

	    margin-top: 50px;

	}

	.homepage-problem .heading {

	    width: 80%;

	}

	.problem-image img {

	    width: 70px;

	}

	.homepage-problem .col-lg-5.col-12 {

	    position: absolute;

	    top: 0;

	}

	.homepage-choose {

	    padding: 20px 0;

	}

	.heading {

	    font-size: 24px !important;

	    line-height: 30px !important;

	}

	.slick-slider .slick-next:before, .slick-slider .slick-prev:before {

	    color: #000 !important;

	}

	.homepage-access {

	    padding: 20px 0 0;

	}

	.homepage-course, .homepage-team, .homepage-feel {

	    padding: 20px 0;

	}

	.homepage-course {

	    padding: 20px 0 0;

	}

	.homepage-course .entry-thumb a img {

	    height: auto !important;

	}

	.homepage-blog .entry-thumb a img {

		height: auto !important;

	}

	.homepage-blog {

	    padding: 20px 0 0;

	}

	.homepage-coundown {

	    padding: 20px 0 0;

	}

	.homepage-coundown .container {

	    padding: 0 15px;

	}

	.homepage-coundown .heading {

	    width: 100%;

	}

	#countdown ul {

	    text-align: center;

	    margin: 0;

	    padding: 0;

	}

	#countdown ul li {

		margin: 0 5px;

		height: 55px;

    	width: 55px;

    	font-size: 14px;

    	text-align: center;

	}

	#countdown ul li span {

	    font-size: 24px;

	    height: 30px;

	}



	.carousel-item img {

		height: auto !important;

	}







}