/*
Theme Name: VinaWebsite.VN
Description: Templates develop by vinahost.vn
Author: VINAHOST.VN
Template: flatsome
Support: website@vinahost.vn
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-Black.ttf);
	font-weight: 900;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-BlackItalic.ttf);
	font-weight: 900;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-Bold.ttf);
	font-weight: 700;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-BoldItalic.ttf);
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-Italic.ttf);
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-Light.ttf);
	font-weight: 300;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-LightItalic.ttf);
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-Medium.ttf);
	font-weight: 500;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-MediumItalic.ttf);
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-Regular.ttf);
	font-weight: 400;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-Thin.ttf);
	font-weight: 100;
}
@font-face {
	font-family: Roboto;
	src: url(assets/fonts/Roboto-ThinItalic.ttf);
	font-weight: 100;
	font-style: italic;
}
@font-face {
	font-family: Futura;
	src: url(assets/fonts/FuturaBold.TTF);
	font-weight: 700;
}
@font-face {
	font-family: Futura;
	src: url(assets/fonts/FuturaHeavy.TTF);
	font-weight: 500;
}
@font-face {
	font-family: Futura;
	src: url(assets/fonts/FuturaBook.TTF);
	font-weight: 300;
}
@font-face {
	font-family: Futura;
	src: url(assets/fonts/FuturaRegular.TTF);
	font-weight: 400;
}
@font-face {
	font-family: Futura;
	src: url(assets/fonts/FuturaLight.TTF);
	font-weight: 100;
}
@font-face {
	font-family: 'DIN Condensed'; 
	src: url('assets/fonts/DIN_Condensed/DIN_Condensed_Bold.ttf'); 
	font-weight: 700;
}
:root
{
	--Roboto: Roboto;
}
@keyframes spin
{
	0% {
	    transform: rotate(0);
	}
	100% {
	    transform: rotate(359deg);
	}
}
.animate-spin 
{
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
/* banner_course_wrap */
.banner_course_wrap .img .logo_banner {
	position: absolute;
	top: 7%;
	left: 2%;
	display: none;
}
.banner_course_wrap .img .logo_banner img {
	max-width: 153px;
}
.course_wrap {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: table;
}
.course_wrap .wrap_inner {
	display: table-cell;
    height: 100%;
    vertical-align: middle;
    position: relative;
}
.course_wrap .wrap_inner .list_course {
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
	height: 512px;
}
.course_item {
	display: inline-block;
}
.course_wrap .wrap_inner .list_course .course_item {
	position: absolute;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(1) {
	top: 10%;
	left: 17%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(2) {
	top: 10%;
	left: 24%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(3) {
	top: 27%;
	left: 13.6%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(4) {
	top: 27%;
	left: 20.5%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(5) {
	top: 16%;
	left: 41.4%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(6) {
	top: 32.8%;
	left: 31%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(7) {
	top: 32.8%;
	left: 37.9%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(8) {
	top: 32.8%;
	left: 44.9%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(9) {
	top: 49.6%;
	left: 34.5%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(10) {
	top: 51.2%;
	left: 9%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(11) {
	top: 70.7%;
	left: 4.8%;
}		
.course_wrap .wrap_inner .list_course .course_item:nth-child(12) {
	top: 53.3%;
	left: 24.8%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(13) {
	top: 69.9%;
	left: 21.3%;
}
.course_wrap .wrap_inner .list_course .course_item:nth-child(14) {
	top: 69.9%;
	left: 28.3%;
}
.course_wrap .wrap_inner .list_course .course_item.course_item_large {
	top: 66.7%;
	left: 11.9%;
}
.course_item svg {
    -webkit-transition: opacity .6s,-webkit-filter .6s,-webkit-transform .6s,-webkit-box-shadow .3s;
    transition: opacity .6s,-webkit-filter .6s,-webkit-transform .6s,-webkit-box-shadow .3s;
    -o-transition: filter .6s,opacity .6s,transform .6s,box-shadow .3s;
    transition: filter .6s,opacity .6s,transform .6s,box-shadow .3s;
    transition: filter .6s,opacity .6s,transform .6s,box-shadow .3s,-webkit-filter .6s,-webkit-transform .6s,-webkit-box-shadow .3s;
}
.course_item svg {
	display: none;
}
.course_item svg text {
	font-weight: 900;
	font-size: 20px;
}
.course_item.course_item_large svg text {
	font-size: 30px;
}
.course_item:hover svg{
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.course_item svg:hover polygon{
	stroke: white;
	fill: #faab41;
}
.course_item svg:hover text{
	fill: white;
}
.course_item.course_item_large svg:hover text {
	fill: #287445;
}
@media (max-width: 549px)
{
	.banner_course_wrap .img > .img-inner > img {
		min-height: 196px;
		object-fit: cover;
	}
	.banner_course_wrap .img .logo_banner {
		top: unset;
		left: unset;
		bottom: 7%;
		right: 2%;
	}
	.banner_course_wrap .img .logo_banner img {
		max-width: 95px;
	}
	.course_wrap .wrap_inner .list_course {
		height: 196px;
	}
	.course_item svg {
		width: 35px;
		height: 42px;
	}
	.course_item.course_item_large svg {
		width: 50px;
		height: 55px;
	}
	.course_item svg.svg_549 {
		display: block;
	}
	.course_item svg text {
		font-size: 8px;
	}
	.course_item.course_item_large svg text {
		font-size: 12px;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(1) {
		top: 4%;
		left: 15%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(2) {
		top: 4%;
		left: 25%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(3) {
		top: 21%;
		left: 10%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(4) {
		top: 21%;
		left: 20%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(5) {
	    top: 10%;
	    left: 50%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(6) {
	    top: 27%;
	    left: 35%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(7) {
	    top: 27%;
	    left: 45%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(8) {
	    top: 27%;
	    left: 55%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(9) {
	    top: 44%;
	    left: 40%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(10) {
	    top: 51%;
	    left: 6%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(11) {
	    top: 68%;
	    left: 1%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(12) {
	    top: 56%;
	    left: 30%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(13) {
	    top: 73%;
	    left: 25%;
	}
	.course_wrap .wrap_inner .list_course .course_item:nth-child(14) {
	    top: 73%;
	    left: 35%;
	}
	.course_wrap .wrap_inner .list_course .course_item.course_item_large {
	    top: 66%;
	    left: 11%;
	}
}
@media (min-width: 550px) and (max-width: 849px)
{
	.banner_course_wrap .img > .img-inner > img {
		min-height: 275px;
	}
	.banner_course_wrap .img .logo_banner img {
		max-width: 105px;
	}
	.course_wrap .wrap_inner .list_course {
		height: 275px;
	}
	.course_item svg {
		width: 50px;
		height: 57px;
	}
	.course_item.course_item_large svg {
		width: 67px;
		height: 78px;
	}
	.course_item svg.svg_550 {
		display: block;
	}
	.course_item svg text {
		font-size: 12px;
	}
	.course_item.course_item_large svg text {
		font-size: 18px;
	}
}
@media (min-width: 850px) and (max-width: 1279px)
{
	.banner_course_wrap .img > .img-inner > img {
		min-height: 365px;
	}
	.course_wrap .wrap_inner .list_course {
		height: 365px;
	}
	.course_item svg {
		width: 65px;
		height: 77px;
	}
	.course_item.course_item_large svg {
		width: 90px;
		height: 104px;
	}
	.course_item svg.svg_1024 {
		display: block;
	}
	.course_item svg text {
		font-size: 15px;
	}
	.course_item.course_item_large svg text {
		font-size: 22px;
	}
}
@media (min-width: 1280px) and (max-width: 1365px)
{
	.banner_course_wrap .img > .img-inner > img {
		min-height: 455px;
	}
	.course_wrap .wrap_inner .list_course {
		height: 455px;
	}
	.course_item svg {
		width: 82px;
		height: 95px;
	}
	.course_item.course_item_large svg {
		width: 112px;
		height: 130px;
	}
	.course_item svg.svg_1280 {
		display: block;
	}
	.course_item svg text {
		font-size: 17px;
	}
	.course_item.course_item_large svg text {
		font-size: 28px;
	}
}	
@media (min-width: 1366px)
{
	.banner_course_wrap .img > .img-inner > img {
		min-height: 512px;
	}
	.course_item svg {
		width: 92px;
		height: 105px;
	}
	.course_item.course_item_large svg {
		width: 125px;
		height: 145px;
	}
	.course_item svg.svg_1366 {
		display: block;
	}
}