:root {
	--white: #fff;
	--blue: #019ACE;
	--pink: #FF3EB5;
	--black: #000000;
}

.header-wrapper {
	position: absolute;
  	z-index: 1;
  	width: 100%;
	padding: 2%;
}

.banner-image {
	height: 50vh;
	position: relative;
	background-blend-mode: multiply;
}
.banner-image-home {
	height: 85vh;
}
.banner-text {
	height: 100%;
  	align-content: center;
	padding-top: 100px;
	display: grid;
}
.offset-text-box {
	padding: 15px 25px 15px 6%;
  	width: fit-content;
}
.offset-text-box p {
	font-size: 22px;
	margin-bottom: 0;
	text-transform: uppercase;
}
#video {
	position: relative;
  	padding-bottom: 51.5%;
  	height: 85vh;
}
#video iframe {
	position:absolute;
	top:0;
	left:-5%;
	width:110%;
	height:110%;
}
.image-top-offset {
	margin-top: -50px;
	position: relative;
	z-index: -1;
}
.menu a {
	color: var(--white) !important;
  	font-size: 17px;
	text-decoration: none;
}
.menu a:hover {
	color: var(--pink) !important;
}
.menu-item-306, .mega-menu-item-306 {
	text-align: center;
  background: var(--pink) !important;
  color: var(--white) !important;
  font-weight: 700;
  padding: 2px 6px !important;
  text-decoration: none !important;
  border: none !important;
  transition-property: all !important;
  transition-duration: 500ms;
  cursor: pointer;
  border-radius: 50px !important;
}
.menu-item-306:hover, .mega-menu-item-306:hover {
  color: var(--white) !important;
  background: var(--blue) !important;
}
.menu-item-306 a:hover, .mega-menu-item-306 a:hover {
  color: var(--white) !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
	vertical-align: middle !important;
}
.bg-black { 
	background-color: var(--black);
}

button {
  text-align: center;
  background-color: #000;
  color: var(--white);
  font-weight: 700;
  font-size: 16px;
  padding: 10px 24px;
  text-decoration: none !important;
  border: none;
  transition-property: all;
  transition-duration: 500ms;
  cursor: pointer;
  border-radius: 50px;
	text-transform: uppercase;
}

.btn-pink {
  background: var(--pink);
  color: white !important;
}
.btn-pink:hover {
  background: var(--blue);
}

.btn-blue {
  background: var(--blue);
  color: white !important;
}
.btn-blue:hover {
  background: var(--pink);
}

.btn-white {
  background: var(--white);
  color: #000000 !important;
}
.btn-white:hover {
  background: var(--pink);
  color: white !important;
}
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	background-color: var(--blue) !important;
	padding: 10px 24px;
}
.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"] {
	background-color: var(--pink) !important;
}
.border-right-white {
	border-right: 3px solid white;
}
.tab-image {
	background-size: cover;
	background-blend-mode: multiply;
	color: #fff;
	transition-property: all;
  	transition-duration: 500ms;
	background-position: center center;
	background-repeat: no-repeat;
}
.tab-image p, .tab-image h4 {
	color: #fff !important;
}
.tab-image p {
	font-size: 16px;
	line-height: initial !important;
	/*display: none;*/
}
/*
.tab-image:hover p {
	display: block;
}
.tab-image:hover {
	background-blend-mode: normal;
	background-color: var(--blue) !important;
}*/


/* ----------------------------------------------------- Smaller than 1200px ------------------------------------------------------ */

@media only screen and (max-width : 1200px) {
	.banner-image-home {
		height: 70vh;
	}
	#video {
  		height: 70vh;
	}
}


/* ----------------------------------------------------- Smaller than 768px - iPad portrait ------------------------------------------------------ */

@media only screen and (max-width : 768px) {
	.content-padding-sm {
		padding: 5%;
	}
	.banner-image {
		min-height: 46vh;
		height: 46vh;
	}
	.banner-image-home {
		min-height: 50vh;
		height: 50vh;
	}
	#video {
  		height: 57vh;
	}
	#video iframe {
		left: -15%;
  		width: 125%;
  		height: 125%;
	}
	.border-bottom-white-mobile {
		border-right: none;
		border-bottom: 3px solid white;
	}
	.offset-text-box {
		padding: 15px 25px 15px 8%;
	}
	.offset-text-box p {
		font-size: 20px;
	}
	.tab-image {
		min-height: 230px;
	}
	.image-top-offset {
		margin-top: 0;
	}
}

/* ----------------------------------------------------- Smaller than 540px ------------------------------------------------------ */

@media only screen and (max-width : 540px) {	
	.offset-text-box {
		padding: 10px 15px 10px 8%;
	}
	.offset-text-box p {
		font-size: 17px;
	}
	.banner-image-home {
		min-height: 55vh;
		height: 55vh;
	}
	#video {
  		height: 62vh;
	}
	#video iframe {
		left: -15%;
		width: 135%;
		height: 135%;
		top: -7%;
	}
	.tab-image p {
		font-size: 17px;
	}
	.social-link {
		display: inline-block;
    	margin-bottom: 10px;
	}
}