html{
	scroll-behavior: smooth;
}

body{
}

/*HERO IMAGE*/
.webinar-hero-container{
	background-image: url('../assets/bg-main.jpg');
	background-size: cover;
	background-position: center;
	height: 100vh;
}

.trainings-hero-container{
	background-image: url('../assets/header-all-webinars.jpg');
	background-size: cover;
	background-position: center;
	height: 100vh;
}

.main-hero-container{
	background-image: url('../assets/hero-main.jpg');
	background-size: cover;
	background-position: center;
	height: 100vh;
}

.bg-pricing{
	background-image: url('../assets/pricing.jpg');
	background-size: cover;
	background-position: center;
	height: 90vh;
}

.hero-text{
	font-size: 4rem;
}

/*Webinars Content*/

.webinars-content-container{
	width: 80%;
	margin: auto;
}

.webinars-video{
	height: 50vh;
}

.webinar-container{
	position: relative;
}

.webinar-thumnail{
	opacity: 1;
  	display: block;
  	transition: .5s ease;
  	backface-visibility: hidden;
}

.hover-show-view-btn{
	transition: .5s ease;
  	opacity: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	text-align: center;
}

.webinar-container:hover .webinar-thumnail{
	opacity: 0.5;
}

.webinar-container:hover .hover-show-view-btn{
	opacity: 1;
}

/*Webinars Content Ends Here*/

/*Weibinars Categories*/
.category-header{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 35vh;
}

.webinar-category-header{
	background-image: url("../assets/header-all-webinars.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 35vh;
}

.webinar-covid-header{
	background-image: url("../assets/bg-covid.jpg");
}

.webinar-crisis-response-header{
	background-image: url("../assets/bg-crisis-response-2.jpg");
}

.webinar-leadership-header{
	background-image: url("../assets/header-leadership.jpg");
}

.webinar-security-header{
	background-image: url("../assets/header-security.jpg");
}

.webinar-obcm-header{
	background-image: url("../assets/header-obcm.jpg");
}

.webinar-terrorism-header{
	background-image: url("../assets/header-terrorism.jpg");
}

.webinar-covid-header{
	background-image: url("../assets/header-covid.jpg");
}

.webinar-crisis-response-header{
	background-image: url("../assets/header-crisis-response.jpg");
}

.webinar-interviews-header{
	background-image: url("../assets/header-interviews.jpg");
}

.webinar-speaker-header{
	background-image: url("../assets/header-speaker.jpg");
}

.webinar-speaker-header{
	background-image: url("../assets/header-speaker.jpg");
}


.webinar-category-img{
	min-height: 160px;
}


.bg-1{
	background-image: url("../assets/bg-1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-team{
	background-image: url("../assets/bg-team.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
}

/*Webinars Categories ends here*/


/**************************************/
/*Customize classes for sub navigation*/
/**************************************/

/*Nav for training categories*/
.nav-active{
	border: 1px solid #005bb5;
	color: white;
	background-color: #005bb5;
	font-weight: bold;
}

.nav-active:hover{
	color: white;
}

.nav-category-links{
	transition: 400ms;
}

.nav-category-links:hover{
	background-color: #0a66c2;
	color: white;
}

.category-nav{
	border-bottom: 1px solid #0a66c2;
}

/*Webinars Speakers*/
.speakers-carousel{
	width: 80%;
	margin: auto;
}

/*Membership Pricing*/

.circle-bg{
	width: 180px;
	height: 170px;
	border-radius: 50%;
}

/*Membership Pricing End Here*/

/*Webinars Parallax*/

.parallax-webinars-home{
	background-image: url("../assets/laptop-phone.jpg");
	min-height: 75vh;
}

.parallax-footer{
	background-image: url("../assets/bg-gadgets.jpg");
	min-height: 75vh;
}

/*Pricing Classes*/
.pricing-header-bg{
	background: linear-gradient(
    to bottom, 
    #ffffff 0%, 
    #ffffff 50%, 
    #000000 50%, 
    #000000 100%
  );
}

.zoom{
	/*overflow: hidden;*/
}

.zoom img{
	transition: transform .5s ease;
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}