//
//home
//

.banner{ position: relative; margin-top: -135px; z-index: 0 }
.banner_slide{ background: no-repeat center; background-size: cover; height: calc(100vh - 20px); position: relative; overflow: hidden;
	&:after{content:''; position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(#ff3d00, 1);
background: -moz-linear-gradient(153deg, rgba(#ff3d00,1) 0%, rgba(#0065a9,1) 100%);
background: -webkit-linear-gradient(153deg, rgba(#ff3d00,1) 0%, rgba(#0065a9,1) 100%);
background: linear-gradient(153deg, rgba(#ff3d00,1) 0%, rgba(#0065a9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3d00",endColorstr="#0065a9",GradientType=1); z-index: 1; opacity: .9}
	.container{ text-align: left; position: relative; height: 100%; z-index: 2;
		.banner_txt{ position: absolute; left: 50%; top: 50%; width: 80%; transform: translate(-50%, -50%); color: $white; padding: 150px 0 100px; text-align: center;
			h1{ font-size: 60px; margin-top: 0px; line-height: 110%;}
			h3{ font-family: 'Caveat', cursive; font-size: 18px; color: #f7D333; margin-bottom: 0; background: rgba(247, 211, 51, .2); padding: 5px 10px; display: inline-block;}
			p{ font-size: 16px; line-height: 180%; margin-top: 20px }
			.btn{margin-top: 20px; font-weight: 500; border-radius: 30px; padding:10px 30px;
				img{ width: 36px; }
				&:hover{
					img{ width: 40px; margin-left: 10px }
				}
			}
			.time2go{ margin-top: 50px; }
			.time2go li{ display: inline-block; margin: 0 20px  }
			.time2go span{ width: 80px; height: 80px; line-height: 75px; display: inline-block; border: 2px solid rgba($white, .5); color: $white; background:rgba($white, .1); border-radius: 100%; margin-bottom: 10px; font-size: 40px; font-weight: bold  }
			.time2go div{ text-transform: uppercase; }
		}
	}
}
.banner, .tabevent_slider, .team_slider{
	.swiper-button-next, .swiper-button-prev{  border-radius: 20px;
		&:after{content:''; width: 12px; height: 12px; }
	}
	.swiper-button-next{
		&:after{transform: rotate(135deg); margin-left: -5px;}
	}
	.swiper-button-prev{
		&:after{transform: rotate(-45deg); margin-left: 5px;}
	}
}
.banner{
	.swiper-button-prev{ left: auto; right: 100px }
	.swiper-button-next, .swiper-button-prev{width: 70px; height: 40px; bottom: 30px; top: auto; border: 2px solid rgba($white, .5);
		&:after{ border-left: 2px solid $white; border-top: 2px solid $white;}
	}
}
.tabevent_slider, .team_slider{ padding-bottom: 30px;
	.swiper-button-prev{ left: 0%; right: auto;/* margin-left: -60px;*/ }
	.swiper-button-next{ left: auto; right: 0%;/* margin-right: -60px;*/ }
	.swiper-button-next, .swiper-button-prev{width: 50px; height: 40px; border: 2px solid rgba($dark, .5); background: rgba($white, .5); /*top: auto; bottom: 0;*/ margin-top: -25px !important;
		&:after{ border-left: 2px solid rgba($dark,.5); border-top: 2px solid rgba($dark,.5);}
		&:hover{border: 2px solid rgba($dark, .8); 
			&:after{ border-left: 2px solid rgba($dark,.8); border-top: 2px solid rgba($dark,.8);}
		}
	}
}
.latest_news{overflow: hidden;}
	.news_slider, .tabevent_slider{
		.news_img{ position: relative; overflow: hidden;
			&:after{ content:''; display: block; padding-bottom: 66.66% }
			img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; min-height: 100%; }
		}
		.news_desc{ padding: 20px; background-color: #fff; box-shadow: 0 3px 24px rgba($black, .04); width: calc(100% - 40px); margin-left: 20px; margin-top: -20px; position: relative; z-index: 1; text-align: center; @include transition (all, 0.5s, ease);
			span{color:$secondary; @include transition (all, 0.5s, ease)}
			h4{ margin: 0 0 15px; word-break: break-word; font-weight: 700; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @include transition (all, 0.5s, ease)}
			p{ margin-bottom: 20px }
		}
		.swiper-slide{
			&:hover{
				.news_desc{ background: $light;
					span{color:$dark;}
					h4{ color: $secondary }
				}
			}
		}
	}

.section-title{ 
	.subtitle {font-family: 'Caveat', cursive; margin-bottom: 5px; font-size: 22px; color: $secondary; font-weight: 600; }
	.title {position: relative; margin: 0; font-size: 50px; line-height: 1.2; margin-bottom: 15px; }
	p {font-size: 14px; line-height: 1.8; margin-bottom: 15px; } 
}

/*events*/
.bg_strip{ position: absolute;top: 0;
    left: 0; width: 100%; height: 150px; z-index: -1;
	&:after {background: $secondary; content: ''; position: absolute; left: 100%; right: 0; width: 1000px; height: 100%;  top: 0; }
}
.events{
	.nav-item{ margin: 0 10px;
		.nav-link{ border-radius: 20px; border: 1px solid $primary !important; color: $primary;
			&.active{color: $white;}
		}
	}
}
/*events*/

/*Announce Video*/
.announce_video{ background: url('../images/image3.jpg') no-repeat left center $light; background-size: auto 100%; position: relative; overflow: hidden;
	.section-title{ margin-left: 30px; position: relative; z-index: 1;}
	&:after { content: ''; position: absolute; z-index: 0; right: -200px; top: -170px; width: 670px; height: 670px; border: 100px solid #e8ebef; border-radius: 50%; }
	&:before { content: ''; position: absolute; z-index: 0; left: 40%; bottom: -180px; width: 500px; height: 500px; border: 100px solid #e8ebef; border-radius: 50%; }
}
.video{ position: relative; background: $dark; display: block; border-radius: 30px; overflow: hidden; text-align: center;
	&:after{ content:''; position:relative; z-index: -1; display: block; padding-bottom: 100%;}
	iframe{ height: 100%; width: auto; min-width: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
}

.partners_logo{/*background: url('../images/img-2.jpg') no-repeat center $dark; background-size: 100% auto; position: relative; overflow: hidden; color: $white;*/
	/*&:after{ content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba($dark,.8); display: block; z-index: 0 }*/
	.section-title{ position: relative; z-index: 0 }
	.logo_slider{ margin-top: 50px;
		a{ display: block; padding: 10px; border: 1px solid rgba($dark, .2); background: rgba($dark, .02); position: relative;
		&:after{ content:''; position:relative; z-index: -1; display: block; padding-bottom: 50%;}
			img{ max-height: 80%; width: auto; max-width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
			&:hover{ border: 1px solid rgba($secondary, .5); }
		}
	}
}
.aboutus{ background: url('../images/bg.png') no-repeat center $light; background-size: 100% auto;}