/*
Theme Name: The Event Shop
Theme URI: www.frontend-visuals.co.za
Description: Custom wordpress template for Frontend-Visuals
Author: Frontend-Visuals
Author URI: www.frontend-visuals.co.za
Author Email: info@frontend-visuals.co.za
Version: 1
Tags: Events, Event Planning
*/

@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap');*/

@font-face {
  font-family: "MontLite";
  src: url("fonts/MontLight.otf");
}
@font-face {
  font-family: "MontBold";
  src: url("fonts/MontHeavy.otf");
}

:root {
  --primary-font-lite: 'MontLite';
  --primary-font-bold: 'MontBold';
	--primary-text-color: #242C3D;
	--primary-header-color: #34B1E6;
	--secondary-text-color: #ffffff;
	--body-text-color: #242C3D;
	--primary-color: #A2CE51;
	--secondary-color: #ffffff;
	--placeholder-color: #fff;
	--button-color: #fff;
	--button-background-color: #A2CE51;
	--gutter : 2.4rem;
	--text-scale-ratio : 1.2;
	--text-size : var(--base-font-size);
	--text-xs : calc((var(--text-size) / var(--text-scale-ratio)) / var(--text-scale-ratio));
	--text-sm : calc(var(--text-xs) * var(--text-scale-ratio));
	--text-md : calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
	--text-lg : calc(var(--text-md) * var(--text-scale-ratio));
	--text-xl : calc(var(--text-lg) * var(--text-scale-ratio));
	--text-xxl : calc(var(--text-xl) * var(--text-scale-ratio));
	--text-xxxl : calc(var(--text-xxl) * var(--text-scale-ratio));
	--text-display-1 : calc(var(--text-xxxl) * var(--text-scale-ratio));
	--text-display-2 : calc(var(--text-display-1) * var(--text-scale-ratio));
	--text-display-3 : calc(var(--text-display-2) * var(--text-scale-ratio));
	--space : calc(3.2rem * var(--multiplier));
	--vspace-0_625 : calc(0.625 * var(--space));
}
::-ms-input-placeholder {
	color: var(--placeholder-color);
	font-weight: 600;
}
::placeholder {
	color: var(--placeholder-color);
	font-weight: 600;
}
:focus {
	outline: none;
}
:-ms-input-placeholder {
	color: var(--placeholder-color);
	font-weight: 600;
}
[dir='rtl'] .slick-next {
	left: 30px;
	right: auto;
}
[dir='rtl'] .slick-prev {
	left: auto;
	right: -35px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
a {
  color: #242c3d;
  font-weight: 600!important;
  font-size: 15px;
}
#breadcrumbs,#breadcrumbs .breadcrumb_last,#breadcrumbs a {
	color: #8EB0BE;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 13px;
	margin-bottom: 60px;
	text-transform: uppercase;
}
#menu-main-menu li.active a {
	color: #a2ce51;
}
#menu-main-menu.navbar-nav {
	background-color: transparent;
	border-radius: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	right: 0;
	width: 100%;
}
.mobile-menu, .brgmenubtn {
	display: none;
}
.desktop-menu {
	display: block;
}
#mnavbar #search{
	top: 110px;
}
#mnavbar #search .close{
	top: 103px;
}
#mnavbar .dropdown-menu{
	top: 43px;
}
#mnavbar.navbar-fixed-top #search{
	top: 82px;
}
#mnavbar.navbar-fixed-top #search .close{
	top: 82px;
}
#mnavbar.navbar-fixed-top .dropdown-menu{
	top: 42px;
}
#search{
	background-color: rgba(34, 34, 34, 0.95);
	display: none;
	height: 80px;
	left: 0;
	moz-transition: opacity 0.5s ease-out;
	ms-transition: opacity 0.5s ease-out;
	opacity: 0;
	o-transition: opacity 0.5s ease-out;
	position: fixed;
	top: 0px;
	transition: opacity 0.5s ease-out;
	webkit-transition: opacity 0.5s ease-out;
	width: 100%;
	z-index: 9999;
}
#search .btn{
	background-color: #f3f1e9;
	border: #000;
	left: 50%;
	margin-left: -45px;
	margin-top: 61px;
	position: absolute;
	top: 50%;
}
#search .close{
	background-color: transparent;
	border: 0;
	border-color: #f3f1e9;
	color: #f3f1e9;
	font-family: var(--primary-font-lite);
	font-size: 60px;
	font-weight: 100;
	letter-spacing: 4px;
	opacity: 1;
	padding: 10px 17px;
	position: fixed;
	right: 15px;
	text-shadow: 0 0 0 #000;
	top: 120px;
}
#search input[type="search"]{
	background: transparent;
	border: 0;
	border-bottom: 0px solid #f3f1e9;
	color: #f3f1e9;
	font-family: var(--primary-font-lite);
	font-size: 24px;
	font-weight: 300;
	height: 80px;
	letter-spacing: unset;
	outline: none;
	text-align: center;
	width: 100%;
}
#search.open{
	display: block;
	moz-transition: opacity 0.5s ease-in;
	ms-transition: opacity 0.5s ease-in;
	opacity: 1;
	o-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
	webkit-transition: opacity 0.5s ease-in;
}
*,*:before,*:after{
	box-sizing: border-box;
}
.form-control input#search::-webkit-input-placeholder{
	color: var(--placeholder-color);
	font-weight: 600;
}
.form-control input#search:-moz-placeholder{
	color: var(--placeholder-color);
	font-weight: 600;
}
.form-control input#search:-ms-input-placeholder{
	color: var(--placeholder-color);
	font-weight: 600;
}
.form-control:focus,.form-control:active{
	border-color: #9aa7ab;
	box-shadow: none;
	outline: none !important;
}
.parent {
	display: grid;
	grid-template-columns: repeat(3, 32.33%);
	grid-template-rows: repeat(3, 360px);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	width: 100%;
	overflow: hidden;
	padding: 20px 14px;
}
.parent div {
	overflow: hidden;
	border-radius: 15px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: relative;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.4);
}
.parent-products-page {
	display: grid;
	grid-template-columns: repeat(3, 32.33%);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	width: 100%;
	overflow: hidden;
	padding: 20px 14px;
}
.parent-products-page div {
	overflow: hidden;
	border-radius: 15px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: relative;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.4);
}
.view-icon {
	opacity: 0;
	width: 100%;
	max-width: 60px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	moz-transition: opacity 0.5s ease-in;
	ms-transition: opacity 0.5s ease-in;
	o-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
	webkit-transition: opacity 0.5s ease-in;
	height: 60px;
	z-index: 99;
}
.project-block:hover .view-icon {
	opacity: 1;
	moz-transition: opacity 0.5s ease-in;
	ms-transition: opacity 0.5s ease-in;
	o-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
	webkit-transition: opacity 0.5s ease-in;
	cursor: pointer;
}
.view-icon:hover ~ .home-projects-overlay {
	opacity: 0.8;
	moz-transition: opacity 0.5s ease-in;
	ms-transition: opacity 0.5s ease-in;
	o-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
	webkit-transition: opacity 0.5s ease-in;
	cursor: pointer;
}
.home-projects-overlay {
	background-color: #08648B;
	opacity: 0.5;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	moz-transition: opacity 0.5s ease-in;
	ms-transition: opacity 0.5s ease-in;
	o-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
	webkit-transition: opacity 0.5s ease-in;
}
.home-projects-overlay:hover {
	opacity: 0.8;
	moz-transition: opacity 0.5s ease-in;
	ms-transition: opacity 0.5s ease-in;
	o-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
	webkit-transition: opacity 0.5s ease-in;
	cursor: pointer;
}
#multiImg1,#multiImg2,#multiImg3,#multiImg4 {
	opacity: 0;
	filter: blur(0px);
	transition: opacity 1s ease-in-out;
}
.home-slider-number {
	color: #34B1E6;
	font-size: 6rem;
	font-weight: 700;
	transform: rotate(-90deg);
	position: absolute;
	left: -20px;
	bottom: 100px;
	opacity: 0.1;
}
.home-slider-heading span {
  	font-size: 2.5rem;
  	font-weight: 800;
  	line-height: 4rem;
  	text-transform: uppercase;
  	color: #242C3D;
  	font-family: var(--primary-font-bold);
}
.home-slider-heading p {
  	font-size: 2.5rem;
  	font-weight: 800;
  	line-height: 4rem;
  	text-transform: uppercase;
  	margin: 0;
  	font-family: var(--primary-font-bold);
}
.page-heading {
	left: -10%;
	position: relative;
}
.home-slider-excerpt,.page-excerpt{
	color: var(--placeholder-color);
	font-weight: 500;
	margin-bottom: 50px;
}
.welcome-img {
	width: 100%;
	max-width: 460px;
	border-radius: 15px;
	float: right;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
	margin-top: -40px;
	opacity: 0;
	moz-transition: all 0.3s ease-out;
	ms-transition: all 0.3s ease-out;
	o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
}
.welcome-img.visible {
	opacity: 1;
	moz-transition: all 0.3s ease-out;
	ms-transition: all 0.3s ease-out;
	o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
}
.welcome-img-overlay-block {
	background: linear-gradient(-45deg, #020e18, #03101a, #03111c, #03131e, #031520, #031622, #031724, #021926, #011a28);
	margin-top: 20px;
	opacity: 0.5!important;
	width: 260px;
	height: 360px;
	position: absolute;
	right: -10px;
	border-radius: 15px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
	z-index: 9;
}
.welcome-img-underlay-block {
	background: linear-gradient(-45deg, #020e18, #03101a, #03111c, #03131e, #031520, #031622, #031724, #021926, #011a28);
	width: 260px;
	height: 360px;
	position: absolute;
	left: 165px;
	border-radius: 15px;
	bottom: -20px;
	z-index: -1;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
}
.welcome-content-main-container,.page-content-main-container{
	padding: 80px 15px 0 15px;
}
.page-content-main-container p{
	width: 75%;
}
.single-all_projects .page-content-main-container p{
	width: 88%;
}
.welcome-content {
	color: #8EB0BE;
	font-weight: 500;
	margin-bottom: 50px;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	width: 100%;
	max-width: 100%;
	padding-left: 10%;
}
.page-content {
	color: #8EB0BE;
	font-weight: 500;
	margin-bottom: 50px;
	top: 0%;
	position: relative;
	transform: translateY(-0%);
	width: 100%;
	max-width: 100%;
	padding-left: 0%;
}
.contact-info-main-container {
	margin-bottom: 120px;
	position: relative;
	padding: 50px 15px 0 15px;
}
.contact-info-left-main-container {
	position: relative;
	background: linear-gradient(-45deg, #020e18, #03101a, #03111c, #03131e, #031520, #031622, #031724, #021926, #011a28);
	box-shadow: 6px 6px 8px rgba(0,0,0,0.2);
	border-radius: 15px;
	padding: 60px;
}
.contact-info-right-main-container {
	position: absolute;
	background-color: #8EB0BE;
	width: 100%;
	max-width: 34%;
	opacity: 0.8;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.2);
	border-radius: 15px;
	padding: 60px;
	right: calc(16% - -40px);
	top: -0px;
	z-index: 9;
}
.social-icon-container-facebook,.social-icon-container-instagram,.social-icon-container-linkedin {
	width: 100%;
	max-width: 40px;
	height: 40px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.2);
	border-radius: 60px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	padding: 9px;
	margin-left: 10px;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}
.social-icon-container-facebook {
	background-color: #5481e6;
	padding: 10px 0 0 13px;
	text-align: left;
}
.social-icon-container-instagram {
	background-color: #98cb4a;
	padding: 10px;
}
.social-icon-container-linkedin {
	background-color: #f76d3c;
}
.social-icon-container-facebook:hover {
	background-color: #34B1E6;
	cursor: pointer;
}
.social-icon-container-instagram:hover {
	background-color: #34B1E6;
	cursor: pointer;
}
.social-icon-container-linkedin:hover {
	background-color: #34B1E6;
	cursor: pointer;
}
.home-service-single-block {
	background-color: #062D39;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	width: 100%;
	max-width: 260px;
	height: 260px;
	margin: 10px;
	float: left;
	border-radius: 15px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
	opacity: 0;
}
.home-service-single-block img {
	padding: 30% 30% 0 30%;
	margin-top: -8px;
	max-width: 90%;
}
.home-service-block-single-outer {
	padding: 25px;
}
.home-service-block-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.home-service-block-color-div {
	height: 16px;
	width: 100%;
	max-width: 70%;
	margin: -8px auto 0 auto;
	border-radius: 12px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.15);
}
.home-service-content {
	padding-left: 150px;
	width: 97%;
	margin: 60px 0;
	white-space: break-spaces;
}
.home-projects-view-more-btn {
	width: 100%;
	text-align: center;
	margin: 50px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-contact-btn {
	width: 100%;
	text-align: center;
	margin: 8px 0 0 0;
	display: flex;
	justify-content: right;
	align-items: center;
}
.footer-get-in-touch-p {
	font-size: 24px !important;
	font-weight: 600;
	line-height: 34px;
	color: var(--button-background-color);
	text-shadow: 4px 4px 8px #0E0E0E;
	width: 90%;
}
.showcase-content-main-container {
	margin-bottom: 0px;
	position: relative;
}
.showcase-img-background-block {
	background-color: #000E17;
	width: 100%;
	max-width: 900px;
	border-radius: 15px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
	padding: 30px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 400px;
	top: 50%;
	z-index: -1;
	opacity: 0.7;
}
.single-brands-logo-container {
	background-color: rgba(6,45,57,0.9);
	border-radius: 15px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.15);
	margin: 0 5px !important;
	min-height: 254px !important;
	overflow: hidden;
}
.single-brands-logo-container img {
	padding: 50px;
	vertical-align: middle;
}
.brandsSlider .slick-track {
	padding: 10px 0px;
}
.inner-headings-shape {
	width: 100%;
	max-width: 200px;
	height: 40px;
	border-radius: 40px;
	background: linear-gradient(-45deg, #020e18, #03101a, #03111c, #03131e, #031520, #031622, #031724, #021926, #011a28);
	box-shadow: 6px 6px 8px rgba(0,0,0,0.2);
}
.inner-headings-shape-light {
	width: 100%;
	max-width: 200px;
	height: 40px;
	border-radius: 40px;
	background: #013747;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.2);
}
.inner-headings {
	font-size: 2.6rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 3rem;
	text-transform: capitalize;
	max-width: 100%;
	margin-top: -20px;
	color: var(--primary-header-color);
	margin-left: 50px;
	text-shadow: 4px 4px 8px #000;
}
.service-content-main-container {
	padding: 100px 15px;
}
.service-block-img-container {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.2);
}
.service-excerpt {
	padding: 80px 60px;
}
.services-card-outer-container {
	position: relative;
}
.services-card-outer-container img {
	border-radius: 15px;
}
.services-card-inner-container {
	background-color: #000E17;
	padding: 25px;
	border-radius: 15px;
	margin-top: -180px;
	z-index: 99;
	position: relative;
	min-height: 540px;
	margin-bottom: 40px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
}
.services-card-heading {
	font-weight: 700;
	font-size: 24px;
}
.services-card-content {
	font-size: 16px;
	line-height: 22px;
	justify-content: flex-end;
}
.services-card-icon-container {
	width: 100%;
	max-width: 60px;
	height: 60px;
	border-radius: 10px;
	padding: 8px;
	text-align: center;
	position: absolute;
	right: 30px;
	top: -30px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
}
.services-card-top-bar {
	position: absolute;
	width: 100%;
	max-width: 140px;
	height: 10px;
	border-radius: 10px;
	top: -5px;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
}
.services-card-img-word-container {
	position: absolute;
	font-size: 3.2rem;
	font-weight: 800;
	opacity: 0.2;
	color: #fff;
	top: 158px;
	right: 25px;
}
.hosting-package-single-outer-container {
	padding: 15px 0px
}
.hosting-package-single-container {
	background-color: #000E17;
	padding: 25px;
	border-radius: 15px;
	z-index: 99;
	margin-bottom: 40px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
	margin: 0 20px!important;
	position: relative;
}
.hp-count {
	position: absolute;
	right: -12px;
	font-size: 3.2rem;
	color: #fff;
	opacity: 0.15;
	top: -8px;
	font-weight: 800;
}
.hp-name {
	position: relative;
	left: -25px;
	background-color: rgba(6,45,57,0.8);
	padding: 6px 20px;
	border-radius: 0 20px 20px 0;
	margin-bottom: 15px;
	font-size: 1.6rem;
	font-weight: 800;
	height: 40px;
	color: #86D8EA;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
}
.hp-l {
	padding: 0;
	font-size: 15px;
	width: 49%;
	position: relative;
	display: inline-block;
	line-height: 14px;
	padding-left: 12px;
	font-weight: 600;
}
.hp-v {
	padding: 0;
	font-size: 15px;
	width: 49%;
	text-align: right;
	position: relative;
	display: inline-block;
	line-height: 14px;
	padding-right: 12px;
}
.hp-line-break {
	width: 100%;
	height: 1px;
	background-color: rgba(6,45,57,0.6);
	margin: 1px 0;
	border-radius: 1px;
	display: none;
}
.hp-feature-container:nth-child(odd) {
	background-color: transparent;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 30px;
}
.hp-feature-container:nth-child(even) {
	background-color: rgba(2,5,14,0.5);
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 30px;
}
.hp-button {
	width: 100%;
	background-color: var(--button-background-color);
	height: 40px;
	border-radius: 40px;
	text-align: center;
	color: var(--button-color)!important;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	display: block;
	padding: 8px 5px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
	overflow: hidden;
	font-size: 12px;
	cursor: pointer;
	margin-top: 25px;
}
.hp-button:active,.hp-button:visited,.hp-button:focus {
	color: var(--button-color)!important;
}
.hp-button:hover {
	-webkit-animation: hue-rotate 10s linear infinite;
	animation: hue-rotate 10s linear infinite;
}
.hp-recommended {
	position: absolute;
	top: -15px;
	font-size: 1.3rem;
	font-weight: 800;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0.8;
}
.project-content-outer-container {
	padding: 80px 0px;
	background: linear-gradient(-45deg, #020e18, #03101a, #03111c, #03131e, #031520, #031622, #031724, #021926, #011a28);
}
.logo_div{
	display: block;
	float: left;
	moz-transition: all 0.3s ease-out;
	ms-transition: all 0.3s ease-out;
	o-transition: all 0.3s ease-out;
	padding: 0px;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
	width: 100%;
	z-index: 1;
	max-width: 168px;
}
.logo_div img{
	max-height: 60px;
	moz-transition: all 0.3s ease-out;
	ms-transition: all 0.3s ease-out;
	o-transition: all 0.3s ease-out;
	padding: 0;
	position: relative;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
	width: 100%;
	z-index: 999;
}
.logo_div_scroll{
	display: block;
	float: left;
	max-width: 80px;
	moz-transition: all 0.3s ease-in;
	ms-transition: all 0.3s ease-in;
	o-transition: all 0.3s ease-in;
	padding: 16px 15px 0px 0px;
	transition: all 0.3s ease-in;
	webkit-transition: all 0.3s ease-in;
	width: 100%;
	z-index: 1;
}
.main-header{
	left: 50%;
	margin: 0 auto;
	padding: 40px 40px 0 40px;
	position: fixed;
	top: 0;
	transform: translatex(-50%);
	width: 100%;
	z-index: 999;
	-moz-animation: all 0.5s ease-in-out;
	-ms-animation: all 0.5s ease-in-out;
	-o-animation: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-animation: all 0.5s ease-in-out;
}
.main-header-container{
	max-width: 1360px;
	padding: 0 60px;
	position: absolute;
	top: 40%;
	width: 100%;
}
.main-header-scroll{
	min-height: auto;
}
.main-navi{
	left: auto;
	position: relative;
	right: 0px;
	z-index: 999;
	float: right;
  	padding-top: 10px;
}
.main-navi-scroll{
	left: auto;
	margin-top: 0;
	position: relative;
	right: 0px;
	z-index: 999;
}
.main-navi-scroll .navbar-header .nav-block{
	-moz-animation: all 0.5s ease-in-out;
	-ms-animation: all 0.5s ease-in-out;
	-o-animation: all 0.5s ease-in-out;
	top: 28px;
	transition: all 0.5s ease-in-out;
	-webkit-animation: all 0.5s ease-in-out;
}
.main-nav-top-btn>a{
	color: #82c1be!important;
}
.main-top-nav{
	display: block;
}
.menu-item{
	color: #ffffff;
	float: left;
	font-size: 16px;
	font-weight: 100;
	height: 40px;
	line-height: 18px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}
.menu-item a img{
	border: none;
	box-shadow: none;
	display: inline;
	height: auto;
	max-width: 80px;
	vertical-align: middle;
	width: auto;
}
.mian-navi{
	display: block;
}
.navbar{
	background: none;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	min-height: 60px;
	padding: 0px;
}
.navbar-collapse{
	padding-left: 0;
	padding-right: 0;
}
.navbar-collapse .collapse{
	display: block;
	float: left;
}
.navbar-default{
	border: none;
	border-radius: 0;
	z-index: 9;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus{
	background: transparent;
	font-weight: 700 !important;
	moz-transition: 0.2s ease-in-out all;
	ms-transition: 0.2s ease-in-out all;
	o-transition: 0.2s ease-in-out all;
	transition: 0.2s ease-in-out all;
	webkit-transition: 0.2s ease-in-out all;
}
.navbar-default .navbar-nav>.active>a:hover{
	font-weight: 700 !important;
	moz-transition: 0.2s ease-in-out all;
	ms-transition: 0.2s ease-in-out all;
	o-transition: 0.2s ease-in-out all;
	transition: 0.2s ease-in-out all;
	webkit-transition: 0.2s ease-in-out all;
}
.navbar-default .navbar-nav>li{
	margin-left: 0px;
	padding: 0px;
}
.navbar-default .navbar-nav>li{
	cursor: pointer;
	display: block;
	text-decoration: none;
}
.navbar-default .navbar-nav>li:active{
	background-color: transparent;
}
.navbar-default .navbar-nav>li.active a{
	color: #a2ce51!important;
}
.navbar-default .navbar-nav>li:hover{
	background-color: transparent;
}
.navbar-default .navbar-nav>li:hover::after{
	transition: width .3s;
	width: 40px;
}
.navbar-default .navbar-nav>li:hover>a{
  	color: #a2ce51!important;
}
.navbar-default .navbar-nav>li>a{
	background: transparent;
	border-radius: 50px;
	cursor: pointer;
	font-weight: 600;
	height: 36px;
	moz-transition: 0.2s ease-in-out color;
	ms-transition: 0.2s ease-in-out color;
	o-transition: 0.2s ease-in-out color;
	overflow: hidden;
	padding: 8px 0;
	position: relative;
	text-align: center;
	transition: 0.2s ease-in-out color;
	webkit-transition: 0.2s ease-in-out color;
	width: 100%;
}
.navbar-default .navbar-nav>li>a{
	color: #242c3d;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: 600!important;
	height: 40px;
	letter-spacing: 0px;
	padding: 10px;
	text-decoration: none;
  	text-align: right;
}
.navbar-default .navbar-nav>li>a::before{
	background: rgba(255, 255, 255, 0.4);
	border-radius: 100%;
	content: " ";
	display: block;
	height: 100px;
	left: 0;
	max-width: 100px;
	moz-transition: 0.4s ease-in-out transform;
	ms-transition: 0.4s ease-in-out transform;
	o-transition: 0.4s ease-in-out transform;
	position: absolute;
	top: -40px;
	transform: scale(0);
	transition: 0.4s ease-in-out transform;
	webkit-transition: 0.4s ease-in-out transform;
	width: 100%;
	z-index: -10;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #34B1E6;
}
.navbar-default .navbar-nav>li>a:hover::before{
	transform: scale(1.5);
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #000000;
}
.navbar-default .navbar-toggle:click{
	background-color: #ddd;
}
.navbar-default .navbar-toggle:focus{
	background-color: #34434a;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:active{
	background-color: #ffffff;
}
.navbar-default .navbar-toggle:hover{
	background-color: #ffffff;
}
.navbar-fixed-top {
	background-color: #fff;
	border-bottom: 0px solid #ffffff;
	min-height: auto;
	-moz-animation: all 0.5s ease-in-out;
	-ms-animation: all 0.5s ease-in-out;
	-o-animation: all 0.5s ease-in-out;
	padding: 10px 0;
	top: 0;
	transition: all 0.5s ease-in-out;
	-webkit-animation: all 0.5s ease-in-out;
	width: 100%;
	z-index: 999;
  	margin-top: 30px;
  	box-shadow: 0 10px 15px -20px rgba(0, 0, 0, 0.3), 0 30px 20px -30px rgba(0, 0, 0, 0.3), 0 80px 55px -30px rgba(0, 0, 0, 0.1);
}
.navbar-fixed-top .header-dots-container{
	display: none;
}
.navbar-fixed-top .header-logo-container{
	max-width: 100%;
	padding: 0;
}
.navbar-fixed-top .logo_div img{
	float: left;
	left: 0px; 
	max-height: 100%;
	moz-transition: all 0.3s ease-out;
	ms-transition: all 0.3s ease-out;
	o-transition: all 0.3s ease-out;
	padding: 0;
	position: relative;
	text-align: left;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
	width: 100%;
	z-index: 999;
}
.navbar-fixed-top .nav-block{
	padding-top: 5px;
}
.navbar-fixed-top div .header-container{
	margin: 0 auto;
	-moz-animation: all 0.5s ease-in-out;
	-ms-animation: all 0.5s ease-in-out;
	-o-animation: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-animation: all 0.5s ease-in-out;
	width: 100%;
}
.navbar-fixed-top.scrolled{
	background-color: #ededed;
	moz-transition: background-color 1s ease;
	ms-transition: background-color 1s ease;
	o-transition: background-color 1s ease;
	position: fixed;
	top: 0;
	transition: background-color 1s ease;
	webkit-transition: background-color 1s ease;
}
.navbar-header{
	padding-left: 0;
}
.navbar-nav{
	margin: 0;
	padding-left: 5px;
	width: 100%;
}
.navbar-nav li:hover>ul{
	display: block;
}
.navbar-nav>li>.dropdown-menu{
	margin-top: 0;
}
.navbar-nav>li>a{
	line-height: normal;
	padding: 0;
}
.navbar-nav>li>a::after{
	background: transparent;
	content: '';
	display: block;
	height: 0px;
	transition: width .3s;
	width: 0;
}
.navbar-nav>li>a>.caret{
	border: 0 none;
	display: none;
	font: 14px/2 fontawesome;
	height: 100%;
	padding: 10px 92px 10px 30px;
	position: absolute;
	right: 0;
	top: 0;
}
.navbar-nav>li>a>.caret.toggle:after{
	content: "\f078";
}
.home-slider-img-container,.page-img-container {
	height:100vh;
}
.home-slider-img-container img {
	width: 100%;
	max-width: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.page-img-container img{
	width: 110%;
	max-width: 110%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.home-slider-content-container,
.page-content-container {
	height:90vh;
	z-index: 999;
  	position: relative;
}
.page-img-outer-container {
	position: relative;
}
.about-vision-mission-img {
	position: absolute;
	left: -15%;
	z-index: 9;
	width: 110% !important;
}
.about-vision-mission-left-dots {
	position: absolute;
	left: -0%;
	top: 120px;
	z-index: 10;
	width: 100% !important;
	max-width: 120px;
}
.about-vision-mission-right-dots {
	position: absolute;
	right: -0%;
	bottom: -100px;
	z-index: -1;
	width: 100% !important;
	max-width: 100px;
}
.vision-mission-header {
	font-size: 2rem;
	font-weight: 800;
	color: var(--primary-header-color);
	margin-bottom: 20px;
}
.vision-mission-header img {
	margin-right: 20px;
}
.about-vision-mission-container {
	position: relative;
}
.about-vision-mission-shapes {
	position: absolute;
	left: -15%;
	width: 110% !important;
}
.vision-mission-single-container {
	min-height: 200px;
}
.accordion {
	background: rgba(6,45,57,0.8);
	margin: 0 auto;
	border-radius: 3px;
	box-shadow: 0 10px 15px -20px rgba(0, 0, 0, 0.3), 0 30px 45px -30px rgba(0, 0, 0, 0.3), 0 80px 55px -30px rgba(0, 0, 0, 0.1);
}
.heading {
	color: #8EB0BE;
	font-size:16px;
	border-bottom: 1px solid #000E17;
	padding: 15px;
	cursor: pointer;
	font-weight: 600;
}
.heading:nth-last-child(2){
	border-bottom:0;
}
.heading:hover {
	background: #000E17;
	border-radius: 0;
}
.heading:first-child:hover {
	border-radius: 3px 3px 0 0;
}
.heading:nth-last-child(2):hover{
	border-radius:0 0 3px 3px;
}
.heading::before {
	content: '';
	vertical-align: middle;
	display: inline-block;
	border-top: 7px solid #34B1E6;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	float: right;
	transform: rotate(0);
	transition: all 0.5s;
	margin-top: 5px;
}
.active.heading::before {
	transform: rotate(-180deg);
}
.not-active.heading::before {
	transform: rotate(0deg);
}
.contents {
	display: none;
	background: #0B1922;
	padding: 30px 15px;
	color: #7f8fa4;
	font-size: 18px;
	line-height: 20px;
}
.primary-button {
	width: 100%;
	max-width: 200px;
	height: 45px;
	border-radius: 45px;
	text-align: center;
	color: var(--button-color)!important;
	font-weight: 700;
	text-transform: uppercase;
	background-color: var(--button-background-color);
	position: relative;
	display: block;
	padding: 12px 5px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
	overflow: hidden;
}
.primary-button:active,.primary-button:visited,.primary-button:focus {
	color: var(--button-color)!important;
}
.primary-button:hover {
	-webkit-animation: hue-rotate 10s linear infinite;
	animation: hue-rotate 10s linear infinite;
}
.primary-button-next-prev {
	width: 100%;
	background-color: var(--button-background-color);
	height: 40px;
	border-radius: 40px;
	text-align: center;
	color: var(--button-color)!important;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	display: block;
	padding: 8px 5px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
	overflow: hidden;
	font-size: 12px;
}
.primary-button-next-prev:active,.primary-button-next-prev:visited,.primary-button-next-prev:focus {
	color: var(--button-color)!important;
}
.primary-button-next-prev:hover {
	-webkit-animation: hue-rotate 10s linear infinite;
	animation: hue-rotate 10s linear infinite;
}
.hero-btn {
	position: relative;
	width: 200px;
	height: 66px;
}
.hero-btn .particles-circle {
	position: absolute;
	background-color: var(--primary-text-color);
	width: 30px;
	height: 30px;
	top: 10px;
	left: 50%;
	margin-left: -15px;
	z-index: -1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	visibility: hidden;
}
.hero-btn .particles-circle:nth-of-type(odd) {
	border: solid 2px #34B1E6;
	background-color: transparent;
}
@-webkit-keyframes hue-rotate {
	from {
		-moz-filter: hue-rotate(0);
		-ms-filter: hue-rotate(0);
		filter: hue-rotate(0);
	}
	to {
		-moz-filter: hue-rotate(360deg);
		-ms-filter: hue-rotate(360deg);
		filter: hue-rotate(360deg);
	}
}
@keyframes hue-rotate {
	from {
		-moz-filter: hue-rotate(0);
		-ms-filter: hue-rotate(0);
		filter: hue-rotate(0);
	}
	to {
		-moz-filter: hue-rotate(360deg);
		-ms-filter: hue-rotate(360deg);
		filter: hue-rotate(360deg);
	}
}
@keyframes particles-1 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 32px;
		top: -102px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(1) {
	animation: particles-1 1.5s 0.025s;
}
@keyframes particles-2 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -54px;
		top: -181px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(2) {
	animation: particles-2 1.5s 0.05s;
}
@keyframes particles-3 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -223px;
		top: -48px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(3) {
	animation: particles-3 1.5s 0.075s;
}
@keyframes particles-4 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -243px;
		top: -60px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(4) {
	animation: particles-4 1.5s 0.1s;
}
@keyframes particles-5 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 33px;
		top: 172px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(5) {
	animation: particles-5 1.5s 0.125s;
}
@keyframes particles-6 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 221px;
		top: -148px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(6) {
	animation: particles-6 1.5s 0.15s;
}
@keyframes particles-7 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -153px;
		top: 74px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(7) {
	animation: particles-7 1.5s 0.175s;
}
@keyframes particles-8 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -186px;
		top: 145px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(8) {
	animation: particles-8 1.5s 0.2s;
}
@keyframes particles-9 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 242px;
		top: -114px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(9) {
	animation: particles-9 1.5s 0.225s;
}
@keyframes particles-10 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 168px;
		top: 189px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(10) {
	animation: particles-10 1.5s 0.25s;
}
@keyframes particles-11 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 15px;
		top: -223px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(11) {
	animation: particles-11 1.5s 0.275s;
}
@keyframes particles-12 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -56px;
		top: 123px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(12) {
	animation: particles-12 1.5s 0.3s;
}
@keyframes particles-13 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -200px;
		top: -26px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(13) {
	animation: particles-13 1.5s 0.325s;
}
@keyframes particles-14 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 144px;
		top: 236px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(14) {
	animation: particles-14 1.5s 0.35s;
}
@keyframes particles-15 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -108px;
		top: -124px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(15) {
	animation: particles-15 1.5s 0.375s;
}
@keyframes particles-16 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -165px;
		top: -51px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(16) {
	animation: particles-16 1.5s 0.4s;
}
@keyframes particles-17 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 235px;
		top: 166px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(17) {
	animation: particles-17 1.5s 0.425s;
}
@keyframes particles-18 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 50px;
		top: 82px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(18) {
	animation: particles-18 1.5s 0.45s;
}
@keyframes particles-19 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 56px;
		top: -87px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(19) {
	animation: particles-19 1.5s 0.475s;
}
@keyframes particles-20 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 60px;
		top: -182px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(20) {
	animation: particles-20 1.5s 0.5s;
}
@keyframes particles-21 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 12px;
		top: -80px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(21) {
	animation: particles-21 1.5s 0.525s;
}
@keyframes particles-22 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -121px;
		top: 131px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(22) {
	animation: particles-22 1.5s 0.55s;
}
@keyframes particles-23 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 126px;
		top: 20px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(23) {
	animation: particles-23 1.5s 0.575s;
}
@keyframes particles-24 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 70px;
		top: 73px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(24) {
	animation: particles-24 1.5s 0.6s;
}
@keyframes particles-25 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -35px;
		top: -161px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(25) {
	animation: particles-25 1.5s 0.625s;
}
@keyframes particles-26 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -112px;
		top: -7px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(26) {
	animation: particles-26 1.5s 0.65s;
}
@keyframes particles-27 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 242px;
		top: 197px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(27) {
	animation: particles-27 1.5s 0.675s;
}
@keyframes particles-28 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 152px;
		top: 190px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(28) {
	animation: particles-28 1.5s 0.7s;
}
@keyframes particles-29 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 198px;
		top: -239px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(29) {
	animation: particles-29 1.5s 0.725s;
}
@keyframes particles-30 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -40px;
		top: -74px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(30) {
	animation: particles-30 1.5s 0.75s;
}
@keyframes particles-31 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 95px;
		top: 16px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(31) {
	animation: particles-31 1.5s 0.775s;
}
@keyframes particles-32 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 217px;
		top: -220px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(32) {
	animation: particles-32 1.5s 0.8s;
}
@keyframes particles-33 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -217px;
		top: -27px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(33) {
	animation: particles-33 1.5s 0.825s;
}
@keyframes particles-34 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: 117px;
		top: -115px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(34) {
	animation: particles-34 1.5s 0.85s;
}
@keyframes particles-35 {
	from {
		transform: scale(1);
		visibility: visible;
	}
	to {
		left: -72px;
		top: -120px;
		transform: scale(0);
		visibility: hidden;
	}
}
.active .hero-btn .particles-circle:nth-of-type(35) {
	animation: particles-35 1.5s 0.875s;
}
.slider-content-container{
	top: 50%;
  	transform: translateY(-50%);
  	position: relative;
  	text-align: left;
  	background-color: #fff;
  	border-radius: 0 120px 0 120px;
  	width: 100%;
  	max-width: 100%;
  	padding: 5%;
  	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.page-top-content-container{
	top: 40%;
	transform: translateY(-50%);
	position: relative;
}
.slick-dots{
	bottom: 20%;
	display: block;
	height: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.slick-dots li{
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 0 3px;
	padding: 0;
	position: relative;
	width: 16px;
}
.slick-dots li button{
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 20px;
	line-height: 0;
	outline: medium none;
	padding: 5px;
	width: 20px;
}
.slick-dots li button:before{
	background-color: #303030;
	border: 0 solid #808080;
	border-radius: 10px;
	content: '•';
	cursor: pointer;
	display: inline-block;
	height: 16px;
	left: 0;
	margin: 0px;
	position: absolute;
	text-align: center;
	text-indent: -999px;
	top: 0;
	width: 16px;
}
.slick-dots li button:hover,.slick-dots li button:focus{
	outline: none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
}
.slick-dots li.slick-active button:before{
	background-color: #ededed;
}
.slick-list{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.slick-list.dragging{
	cursor: hand;
	cursor: pointer;
}
.slick-list:focus{
	outline: none;
}
.slick-loading .slick-track{
	visibility: hidden;
}
.slick-next{
	background-image: linear-gradient(to right, rgba(147, 161, 175, 0) 0px, rgba(147, 161, 175, 0) 100%);
	border: 0px solid #000000!important;
	border-radius: 0!important;
	height: 40px;
	padding: 1px 0 0 3px;
	right: 0px!important;
	width: 40px;
}
.slick-next-btn{
	background-color: transparent;
	background-image: url("img/nextarrow.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 0px solid #000000!important;
	border-radius: 0!important;
	cursor: pointer;
	height: 35px;
	padding: 1px 0 0 3px;
	position: absolute;
	right: 10%;
	top: 50%;
	width: 35px;
	z-index: 99;
}
.testSlider .slick-next-btn{
	right: 0%;
	top: 25%;
}
.testSlider .slick-dots {  
	bottom: -15%;
}
.slick-prev{
	background-image: linear-gradient(to right, rgba(147, 161, 175, 0) 0px, rgba(147, 161, 175, 0) 100%);
	border: 0px solid #000000!important;
	border-radius: 0!important;
	height: 40px;
	left: 0px!important;
	padding: 1px 3px 0 0;
	width: 40px;
}
.slick-prev,.slick-next{
	background-color: rgba(0, 0, 0, 0);
	background-repeat: repeat-x;
	border: medium none;
	color: #000000!important;
	cursor: pointer;
	display: block;
	font-size: 20px;
	line-height: 0;
	opacity: 0.5;
	outline: medium none;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 5%;
	z-index: 250;
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
	opacity: .25;
}
.slick-prev::before,.slick-next::before{
	color: #000;
	font-size: 40px;
	opacity: 1;
}
.slick-prev:before,.slick-next:before{
	color: white;
	font-size: 20px;
	line-height: 1;
	moz-osx-font-smoothing: grayscale;
	webkit-font-smoothing: antialiased;
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
	color: 000000;
	opacity: 1;
	outline: none;
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
	opacity: 1;
}
.slick-prev-btn {
	background-color: transparent;
	background-image: url("img/prevarrow.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 0px solid #000000!important;
	border-radius: 0!important;
	cursor: pointer;
	height: 35px;
	left: 10%;
	padding: 1px 0 0 3px;
	position: absolute;
	top: 50%;
	width: 35px;
	z-index: 99;
}
.testSlider .slick-prev-btn{
	left: 0%; 
	top: 25%;
}
.slick-slide{
	float: left; 
	height: 100%;
	margin: 0px;
	min-height: 1px;
	position: relative;
}
.slick-slider{
	box-sizing: border-box;
	display: block;
	khtml-user-select: none;
	moz-user-select: none;
	ms-touch-action: pan-y;
	ms-user-select: none;
	position: relative;
	touch-action: pan-y;
	user-select: none;
	webkit-tap-highlight-color: transparent;
	webkit-touch-callout: none;
	webkit-user-select: none;
  	max-height: 84vh;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
	moz-transform: translate3d(0, 0, 0);
	ms-transform: translate3d(0, 0, 0);
	o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	webkit-transform: translate3d(0, 0, 0);
}
.slick-track{
	display: block;
	left: 0;
	position: relative;
	top: 0;
}
.slick-track:after{
	clear: both;
}
.slick-track:before,.slick-track:after{
	content: '';
	display: table;
}
#contactFormDiv form {
	position: relative;
}
#contactFormDiv .wpcf7 form .wpcf7-response-output {
	bottom: -25%;
	position: absolute !important;
	right: 10px;
}
.wpcf7 form .wpcf7-response-output{
  	border-color: #ffff00;
  	color: #fff;
  	bottom: -6rem;
  	left: 0;
}
.wpcf7::-webkit-input-placeholder{
	color: var(--placeholder-color);
	font-weight: 600;
}
.wpcf7-captchac{
	border: 1px solid #ffffff;
	height: 40px;
	margin: 5px 0;
	width: auto;
}
.wpcf7-form input{
	background-color: transparent;
	border-bottom: 2px solid #fff;
	box-shadow: none;
	color: #fff;
	margin-top: 0;
	width: 100%;
}
.wpcf7-form input[type="reset"]{
	background-color: #1384ba;
	border: 0;
	color: #fff;
	display: block;
	font-weight: 500;
	margin-top: 0;
	padding: 6px;
	position: relative;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	width: 160px;
	z-index: 9;
}
.wpcf7-form input[type="submit"] {
  	width: 100%;
  	max-width: 200px;
  	height: 45px;
  	border-radius: 45px;
  	text-align: center;
	color: #a2ce51;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #fff;
 	position: relative;
	display: block;
	padding: 12px 5px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
	overflow: hidden;
	float: left;
	margin-right: 18px;
}
.wpcf7-form input[type="submit"]:hover{
	-webkit-animation: hue-rotate 10s linear infinite;
	animation: hue-rotate 10s linear infinite;
}
.wpcf7-form select{
	background-color: #8EB0BE;
	border: 0px solid #e2dedc;
	box-shadow: none;
	color: #46545D;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 0;
	padding: 6px 15px;
	width: 100%;
	font-size: 16px;
}
.wpcf7-form textarea{
	background-color: transparent;
	border-bottom: 2px solid #fff;
	box-shadow: none;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 0;
	max-height: 100px;
	overflow: auto;
	padding: 10px 0;
	width: 100%;
}
.wpcf7-form>p{
	margin: 0px;
	padding: 0px;
}
.wpcf7-form>p>label{
	color: #8EB0BE;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	width: 100%;
}
.wpcf7-form-control-wrap>.g-recaptcha{
	float: right!important;
	margin-bottom: 30px;
	margin-top: 15px;
}
.wpcf7-form-control-wrap>.select{
	margin-bottom: 20px;
}
.wpcf7-form-control-wrap>input{
	margin-bottom: 10px;
	padding: 5px 0px;
}
.wpcf7-spinner::before {
	animation: none!important;
	animation-name: none!important;
}
.wp24-dc {
	padding-left: 50px!important;
}
.wp24-dc input {
	border-radius: 20px!important;
}
.wp24-dc select {
	background-color: rgba(2,5,14,0.5)!important;
	border-radius: 30px!important;
	color: #8EB0BE!important;
	border: 0!important;
	padding: 4px 20px!important;
}
.wp24-dc button {
	background-color: rgba(2,5,14,0.5)!important;
	border-radius: 30px!important;
	color: #8EB0BE!important;
	border: 0!important;
	padding: 4px 20px!important;
}
a#prev:hover,
a#next:hover{
	color: #82c1be;
	text-shadow: .5px 0px #b14943;
}
a,
a:active,
a:visited,
a:focus{
	font-family: var(--primary-font-lite);
	font-weight: 600;
	text-decoration: none!important;
}
a:hover{
	color: #242c3d!important;
}
a[class*='single-news-feat-block-']{
	float: left;
	max-height: 300px;
	overflow: hidden;
	padding: 5px 0px 5px 5px;
	width: 25%;
}
article,
aside,
details,
figcaption,
figure,footer,
header,
hgroup,
menu,
nav,
section,
main{
	display: block;
}
aside{
	background-color: #34434a;
	background-color: rgba(52, 67, 74, 1);
	height: 100%;
	left: 0;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 190px;
	position: fixed;
	top: 0;
	transition: all .5s ease;
	visibility: hidden;
	webkit-transition: all .5s ease;
	width: 100%;
	z-index: 2;
}
b,
strong{
	font-weight: 800;
}
blockquote,
q{
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after{
	content: '';
	content: none;
}
body {
	background-color: #fff;
	color: #242C3D;
	font-family: var(--primary-font-lite);
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	margin: 0;
	min-height: 100vh;
	overflow-x: hidden!important;
}
/*
body,
html{
	overflow-x: hidden!important;
}
*/
button{
	font-family: var(--primary-font-lite);
	outline: 0 none;
	text-decoration: none;
}
footer{
	background-color: #242C3D;
	position: relative;
	z-index: 9;
	padding: 80px 0px;
 	color: #fff;
}
footer .footer-contact-details .fa{
	font-size: 18px;
	padding: 0 20px 0 3px;
	text-decoration: none;
}
footer .footer-contact-details a:hover{
	color: #fff !important;
}
footer p {
	font-size: 14px!important;
}
footer a {
	font-size: 14px!important;
  	color: #fff!important;
}
footer .menu-item {
	width: 100%;
}
footer .menu-item a {
	color: #86D8EA;
}
#menu-footer-menu .menu-item:hover a {
  	color: #a2ce51 !important;
}
footer ul {
	margin-bottom: 20px;
	margin-top: 0;
	padding: 0 0 0 0px;
}
.footer-menu-header {
	font-size: 22px!important;
	font-weight: 600;
	color: #fff;
	margin-bottom: 25px;
}
.footer-menu-header a{
	font-size: 22px!important;
	font-weight: 600;
	color: #fff;
	margin-bottom: 25px;
}
.footer-nav p {
	color: #fff!important;
}
.footer-copy-container {
	padding: 20px 0 0 0;
	background-color: #242C3D;
	position: absolute;
	bottom: 0;
}
.footer-left-copy-text {
	float: left;
	width: 70%;
  	color: #fff;
}
.footer-left-copy-text a {
  	color: #fff;
}
.footer-left-copy-text:hover a {
  	color: #a2ce51 !important;
}
.footer-right-copy-text {
	float: left;
	width: 30%;
  	text-align: right;
}
.footer-right-copy-text a,
.footer-right-copy-text a:active,
.footer-right-copy-text a:visited,
.footer-right-copy-text a:focus {
	color: #fff!important;
}
.footer-right-copy-text a:hover {
	color: #fff!important;
}
.footer-get-in-touch-container {
	background-color: rgba(6,45,57,0.8);
	width: 100%;
	max-width: 800px;
	border-radius: 15px;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
	padding: 30px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -65px;
	height: 125px;
}
#menu-footer-menu a {
  	color: #fff!important;
  	font-weight: 500!important;
}
h1{
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 2.6rem;
	text-transform: capitalize;
	color: var(--primary-header-color);
}
h1,
h2,
h3,
h4,
h5,
h6{
	clear: both;
	font-family: var(--primary-font-bold);
	margin: 0 0 20px 0;
	text-rendering: optimizelegibility;
}
h2{
	clear: both;
	color: #000000;
	font-family: var(--primary-font-bold);
	font-size: 36px;
	font-weight: 800;
	letter-spacing: 0px;
	line-height: 40px;
	margin: 14px 0 20px;
	padding: 0;
	text-rendering: optimizelegibility;
}
header{
	background-color: transparent;
	border-bottom: 0 solid #fff;
	width: 100%;
}
hr{
	border: 0;
	border-top: 1px solid #19262c;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}
input,textarea{
	appearance: none;
	background-color: #8EB0BE;
	border: 0 solid #666666;
	border-radius: 0;
	box-shadow: none;
	color: #666666;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
	moz-appearance: none;
	padding: 4px 15px;
	resize: none;
	webkit-appearance: none;
	width: 100%;
}
input[type="checkbox"]{
	display: inline-block;
	height: 20px;
	moz-appearance: checkbox;
	webkit-appearance: checkbox;
	width: 20px;
}
input[type="radio"]{
	display: inline-block;
	height: 20px;
	moz-appearance: radio;
	webkit-appearance: radio;
	width: 20px;
}
input[type="search"]{
	appearance: none;
	background-color: #ffffff;
	border: 1px solid #95989a;
	color: #666666;
	font-family: var(--primary-font-lite);
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 2px;
	webkit-appearance: none;
	width: 250px;
}
li{
	list-style: disc;
	margin: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 15px;
}
li:hover .description{
	opacity: 1;
	transition: 0.6s 0.3s;
}
ol,ul{
	list-style: none;
	padding-left: 15px;
}
ol>li{
	list-style-type: decimal;
	margin: 0px 0px 0px 4px;
	padding: 0;
}
p{
	font-family: var(--primary-font-lite);
	font-weight: 600;
	line-height: 26px;
	margin: 0 0 20px;
	font-size: 16px;
	color: #242C3D;
}
select:invalid,select option[value=""]{
	color: #c0c1cc;
	font-weight: 600;
}
span.wpcf7-not-valid-tip{
	color: #666666 !important;
	display: block !important;
	float: right !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	position: absolute !important;
	right: 20px;
	text-align: right !important;
	top: 0;
	width: 200px !important;
}
svg image{
	width: 110%!important;
}
ul{
	margin-bottom: 20px;
	margin-top: 0;
	padding: 0 0 0 15px;
}
ul li{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
ul.tabs{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.tabs li{
	background: none;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	margin-bottom: 15px;
	padding: 10px 15px;
	text-transform: uppercase;
}
ul.tabs li.current{
	background: #fff;
	color: #0095da;
}
label {
	width: 100%;
}
@keyframes fadein{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@keyframes fadeout{
	from{
		opacity: 1;
	}
	to{
		opacity: 1;
	}
}
.s-intro__scroll {
	pointer-events : auto;
}
.s-intro__scroll {
	width: auto;
	height: 90px;
	padding-right: 0;
	border-right: 1px dashed rgba(255, 255, 255, 0.3);
	text-align: right;
	position: absolute;
	bottom: 0;
	right: var(--gutter);
}
.s-intro__scroll .scroll-text {
	font-family : var(--primary-font-lite);
	font-weight : 300;
	font-size : var(--text-sm);
	color : white;
	margin-top : var(--vspace-0_625);
}
.s-intro__scroll .end-top {
	background-color : white;
	width : 6px;
	height : 6px;
	border-radius : 50%;
	position : absolute;
	top : -6px;
	right : -4px;
}
.s-intro__scroll .mouse {
	z-index: 2;
	height: 2.5rem;
	width: 1.5rem;
	border: 2px solid rgba(255,255,255,0.5);
	border-radius: 12px;
	display: block;
	text-align: center;
	position: absolute;
	right: -0.8rem;
	top: 1.4rem;
	-webkit-animation: vertical 3s ease infinite;
	animation: vertical 3s ease infinite;
}
.s-intro__scroll .mouse::before {
	content : "";
	display : block;
	height : 5px;
	width : 3px;
	background-color : white;
	border-radius : 2px;
	margin-left : -1.5px;
	position : absolute;
	top : 6px;
	left : 50%;
}
@-webkit-keyframes vertical {
	0%,60%,80%,100% {
		-webkit-transform : translateY(0);
		transform : translateY(0);
	}
	20% {
		-webkit-transform : translateY(-5px);
		transform : translateY(-5px);
	}
	40% {
		-webkit-transform : translateY(20px);
		transform : translateY(20px);
	}
}
@keyframes vertical {
	0%,60%,80%,100% {
		-webkit-transform : translateY(0);
		transform : translateY(0);
	}
	20% {
		-webkit-transform : translateY(-5px);
		transform : translateY(-5px);
	}
	40% {
		-webkit-transform : translateY(20px);
		transform : translateY(20px);
	}
}
.s-intro__scroll {
	transition-timing-function : cubic-bezier(0.28, 0.12, 0.22, 1);
	transition-duration : .6s;
	transition-delay : 0s;
	opacity : 1;
}
.s-intro__scroll {
	transition-property : opacity, bottom;
	bottom : 0px;
}
.no-js .s-intro__scroll,.ss-show .s-intro__scroll {
	opacity : 1;
}
.no-js .s-intro__scroll,.ss-show .s-intro__scroll {
	transition-delay : .9s;
	bottom : -30px;
}
.qlwapp-toggle,.qlwapp-toggle:visited,.qlwapp-toggle:focus,.qlwapp-toggle:active {
	color: #fff!important;
}
.slick-slide {
	margin: 0px 20px;
}
.slick-slide img {
	width: 100%;
}
.slick-prev:before,.slick-next:before {
	color: black;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick-active {
	opacity: .5;
}
.slick-current {
	opacity: 1;
}
.ahead p{
	font-size: 2.19rem;
}
.aconten {
	font-size: 1rem;
}
.ahead, .acontent {
	color: #242c3d;
	margin: auto;
}
.about-content-outer-container {
	padding: 100px 50px;
}
/* hexagons */
.hex_row_odd {
	display: inline-block;
	margin: 0 auto -275px auto;
	overflow: hidden;
}
.center {
	float: left;
	margin: 20px 10px;
	width: 220px;
}
.hexagon {
	transform: rotate(120deg);
	cursor: pointer;
	height: 440px;
	overflow: hidden;
	visibility: hidden;
	width: 220px;
}
.hex1 {
	transform: rotate(-60deg);
	height: 100%;
	overflow: hidden;
	width: 100%;
	background-color: #333;
}
.hex2 {
	transform: rotate(-60deg);
	height: 100%;
	position: relative;
	visibility: visible;
	width: 100%;
	background-color: #fff;
}
.hex2:hover {
	background-color: #00C3FF;
}
.centerinner {
	float: left;
	margin: 20px 10px;
	width: 200px;
}
.hexagoninner {
	transform: rotate(120deg);
	cursor: pointer;
	height: 400px;
	overflow: hidden;
	visibility: hidden;
	width: 200px;
}
.hex3 {
	transform: rotate(-60deg);
	height: 100%;
	overflow: hidden;
	width: 100%;
}
.hex4 {
	transform: rotate(-60deg);
	height: 100%;
	position: relative;
	visibility: visible;
	width: 100%;
	background-size: cover!important;
}
.hex4:hover {
	background: none!important;
	background-color: #FF00F5!important;
}
.desc {
	color: #333;
	font-family: var(--primary-font-lite);
	font-size: 1.5em;
	font-weight: 300;
	height: 440px;
	line-height: 1.5em;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	visibility: visible;
	width: 220px;
}
.hex-split {
	background-color: #fff;
	height: 329px;
	width: 110px;
	position: absolute;
	top: 0;
	left: 67px;
	transform: rotate(-60deg);
	visibility: visible;
	z-index: 9;
}
.typewrite {
  	font-size: 2.5rem;
  	font-weight: 800;
  	line-height: 4rem;
  	text-transform: uppercase;
  	color: #a2ce51!important;
}
.typewrite span {
  	font-size: 2.5rem;
  	font-weight: 800;
  	line-height: 4rem;
  	text-transform: uppercase;
  	color: #a2ce51!important;
}
.slider-link {
  	background-color: var(--button-background-color);
  	color: #fff;
  	padding: 8px 25px;
  	height: 40px;
  	border-radius: 40px;
  	position: absolute;
  	right: 0;
  	bottom: -20px;
  	text-transform: uppercase;
}
.slider-link:visited,
.slider-link:focus {
  	color: #fff;
}
.slider-link {
  	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.slider-link:hover {
  	background-color: #8AB043;
  	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.page-banner-img {
  	background-image: url("https://theeventshop.co.za/wp-content/uploads/2024/04/pagebannerimg-1-1.png");
  	background-repeat: no-repeat;
  	background-position: center top;
  	min-height: 61vh;
  	background-size: cover;
  	position: relative;
}
.valign-banner-content{ 
  	height: 61vh;
	position: relative;
}
.page-header-container{ 
  	position: absolute;
  	top: calc(100% - 55%);
  	left: 0;
  	z-index: 99;
}
.cform-bg-img {
  	background-image: url("https://theeventshop.co.za/wp-content/uploads/2024/04/cformbgimg-1.png");
  	background-repeat: no-repeat;
  	background-position: center top;
  	padding: 6rem 2rem;
  	background-size: cover;
}
.cform-heading {
  	color: #fff;
  	font-size: 24px;
  	text-transform: uppercase;
  	font-weight: 700;
  	line-height: 80px;
}
.service-cards-top-container {
	padding: 60px 0 70px;
}
.darkblue-bg-color {
	background-color: #242c3d;
}
.single-scard-container:hover .scard-container {
  	border-radius: 50px;
  	-moz-animation: all 0.3s ease-in-out;
	-ms-animation: all 0.3s ease-in-out;
	-o-animation: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-animation: all 0.3s ease-in-out;
}
.single-scard-container:hover .scard-btn-0 {
  	border-radius: 0 0 0 50px;
  	-moz-animation: all 0.2s ease-in-out;
	-ms-animation: all 0.2s ease-in-out;
	-o-animation: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-animation: all 0.2s ease-in-out;
}
.single-scard-container:hover .scard-btn-1 {
  	border-radius: 0 0 0 50px;
  	-moz-animation: all 0.2s ease-in-out;
	-ms-animation: all 0.2s ease-in-out;
	-o-animation: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-animation: all 0.2s ease-in-out;
}
.single-scard-container:hover .scard-btn-2 {
  	border-radius: 0 0 0 50px;
  	-moz-animation: all 0.2s ease-in-out;
	-ms-animation: all 0.2s ease-in-out;
	-o-animation: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-animation: all 0.2s ease-in-out;
}
.single-scard-container:hover .scard-btn-3 {
  	border-radius: 0 0 0 50px;
  	-moz-animation: all 0.2s ease-in-out;
	-ms-animation: all 0.2s ease-in-out;
	-o-animation: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-animation: all 0.2s ease-in-out;
}
.scard-heading {
	color: #fff;
	text-align: center;
	font-size: 30px;
  	font-weight: 500;
}
.scard-container {
	min-height: 460px;
	margin: 3% 3% 100px 3%;
  	border-radius: 50px 0;
	padding: 0;
	position: relative;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: cover;
  	-moz-animation: all 0.3s ease-in-out;
	-ms-animation: all 0.3s ease-in-out;
	-o-animation: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.scard-container a {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.scard-btn-0,
.scard-btn-1, 
.scard-btn-2,
.scard-btn-3 {
  	height: 95px;
  	background-color: #f15a22;
  	border-radius: 0 0 50px;
	text-align: center;
  	color: #fff;
  	text-transform: uppercase;
  	padding: 26px;
  	position: absolute;
  	width: 100%;
  	bottom: 0;
  	-moz-animation: all 0.1s ease-in-out;
	-ms-animation: all 0.1s ease-in-out;
	-o-animation: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	-webkit-animation: all 0.1s ease-in-out;
} 
.scard-btn-3 {
  	padding: 8px;
}
.what-inspire-circle-a,
.what-inspire-circle-b,
.what-inspire-circle-c {
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: 16%;
}
.what-inspire-circle-a h2,
.what-inspire-circle-b h2, 
.what-inspire-circle-c h2 {
  	width: 100%;
  	font-size: 1.6rem;
  	line-height: 2rem;
  	font-weight: 500;
  	margin-top: 30px;
  	text-align: center;
}
.what-inspire-circle-a h2 {
  	color: #0D7C74;
}
.what-inspire-circle-b h2 {
  	color: #0CB4A6;
}
.what-inspire-circle-c h2 {
  	color: #72C05B;
}
.centered-head {
	text-align: center;
	color: #242c3d;
	text-transform: uppercase;
	font-size: 2rem;
  	font-weight: 500;
  	margin-bottom: 4rem;
}
.what-inspire-circle-a .iu-circle p {
  	background-color: #0D7C74;
  	padding: 55px 25px 0px 25px;
}
.what-inspire-circle-b .iu-circle p {
  	background-color: #0CB4A6;
  	padding: 74px 25px 0px 25px;
}
.what-inspire-circle-c .iu-circle p {
  	background-color: #72C05B;
  	padding: 50px 25px 0px 25px;
}
.iu-circle p {
	opacity: 0;
  	border-radius: 50%;
  	height: 250px;
  	width: 250px;
  	text-align: center;
  	margin: auto;
  	font-size: 15px;
  	margin-left: -30px;
  	margin-top: -30px;
}

.iu-circle:hover p {
	opacity: 1;
	color: #fff;
}
.iu-circle {
  	background-color: transparent;
  	border-radius: 50%;
  	height: 250px;
  	width: 250px;
  	text-align: center;
  	box-shadow: 2px 2px 5px 2px #ededed;
  	margin: auto;
  	padding: 0px;
  	-moz-animation: all 0.3s ease-in-out;
	-ms-animation: all 0.3s ease-in-out;
	-o-animation: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-animation: all 0.3s ease-in-out;
}
.what-inspire-circle-a .iu-circle {
  	border: 30px solid #0D7C74;
}
.what-inspire-circle-b .iu-circle {
  	border: 30px solid #0CB4A6;
}
.what-inspire-circle-c .iu-circle {
  	border: 30px solid #72C05B;
}
.iu-circle:hover {
  	color: #fff;
  	border-radius: 50%;
  	text-align: center;
  	margin: auto;
  	transform: scale(1.1);
  	-moz-animation: all 0.3s ease-in-out;
	-ms-animation: all 0.3s ease-in-out;
	-o-animation: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-animation: all 0.3s ease-in-out;
}
.class1 .iu-circle:hover {
	background-color: #0d7c74;
	padding: 50px 35px;
}
.class2 .iu-circle:hover {
	background-color: #0cb4a6;
	padding: 80px 35px;
}
.class3 .iu-circle:hover {
	background-color: #72c05b;
	padding: 60px 35px;
}

.class1 h2 {
	color: #0d7c74;
	text-align: center;
}

.class2 h2 {
	color: #0cb4a6;
	text-align: center;
}

.class3 h2 {
	color: #72c05b;
	text-align: center;
}
.container-fluid.darkblue-bg-color {
  	background-color: #242c3d; /* Adjust as needed */
  	padding: 80px 0;
  	padding: 10rem 0 5rem 0;
}

.meetp-container {
  	display: flex;
  	align-items: center; /* Vertically center align content */
  	z-index: 9;
  	position: relative;
}

.about-image {
  	max-width: 100%;
  	max-height: 565px;
  	border-radius: 10px; /* Rounded corners */
  	display: block;
  	margin: 0 auto; /* Center the image horizontally */
}

.about-content {
  	color: #fff; /* Text color */
  	padding: 0 20px; /* Adjust padding as needed */
}

.about-content .btn {
  	display: inline-block;
  	padding: 10px 25px;
  	background-color: #a2ce51;
  	color: #fff;
  	border: none;
  	border-radius: 50px;
  	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  	text-transform: uppercase;
	float: right;
}

.about-content .btn:hover {
  	background-color: #8cba39;
}

.odd .wp-subheading,
.odd .wp-paragraph {
  	color: #242c3d;
  	text-align: left;
}
.even .wp-subheading,
.even .wp-paragraph {
  	color: #242c3d;
  	text-align: right;
}
.why-partner-img-container {
	width: 24%;
}
.even .wp-content-container {
	padding-right: 30px;
	width: 76%;
}
.odd .wp-content-container {
	padding-left: 30px;
	width: 76%;
}
.partner-image {
  	max-width: 100%;
  	height: auto;
}

.testimonial-content-outer-container {
  	text-align: center;
  	color: #242c3d;
  	padding: 80px 0 170px;
}
.testSlider .slick-slide {
  	padding: 0 3rem;
}
.testSlider .slider-content-container {
  	padding: 20px;
}

.testSlider .slick-dots li button {
  	background-color: #ccc;
  	border-radius: 50%;
}

.testSlider .slick-dots li.slick-active button {
  	background-color: #f58232;
}

.testSlider .slick-prev,
.testSlider .slick-next {
  	color: #fff;
  	background-color: #f58232;
  	border-radius: 50%;
}

.testSlider .slick-prev:before,
.testSlider .slick-next:before {
  	line-height: 40px; /* Adjust height of arrows */
}

.testSlider .slick-prev {
  	left: 0;
}

.testSlider .slick-next {
  	right: 0;
}
.testSlider .slick-dots li button::before {
  	height: 0px;
}

.rounded-img {
 	max-width: 100%;
  	height: auto;
  	border-radius: 50%; /* Ensures the image is round */
}

.cform-right-cont .rounded-img {
  	max-width: 70%;
  	height: auto;
  	border-radius: 50%;
  	float: right;
}
.cf-git-head {
	color: #a2ce51;
	font-size: 15px;
  	font-weight: 600;
  	padding-top: 10px;
	text-transform: uppercase;
}
.git-main-container {
	background-image: url('https://theeventshop.co.za/wp-content/uploads/2024/04/cformbgimg-1.png'); 
	padding: 100px 0; 
	background-size: cover;
  	background-repeat: no-repeat;
}
.git-head, .git-cont {
	color: #fff;
}
.git-content-container {
	padding: 100px 0px;
}
.git-btn {
	background-color: #fff;
  	color: #72c05b;
  	text-transform: uppercase;
	width: 100%;
  	max-width: 250px;
  	height: 45px;
  	border-radius: 45px;
  	text-align: center;
  	font-weight: 700;
  	position: relative;
  	display: block;
  	padding: 10px 5px;
  	box-shadow: 6px 6px 8px rgba(0,0,0,0.2);
}
.git-btn:hover {
  	background-color: #0D7C74 !important;
  	color: #fff!important;
}

.download-btn-container {
 	padding: 35px;
  	text-align: center;
  	background-color: #fff;
  	border-radius: 50%;
  	width: 215px;
  	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
  	display: inline-block;
  	height: 215px;
	position: absolute;
  	top: 50%;
	left: 10%;
}
.download-icon {
  	background-image: url("img/dlicon.svg");
  	width: 50px;
  	height: 50px;
  	background-repeat: no-repeat;
  	background-position: center;
  	margin: 0 auto;
}
.cform-fields p {
	display: flex;
}
.top-header-bar {
  	background-color: #242c3d;
  	padding: 10px 0;
  	position: fixed;
  	width: 100%;
  	top: 0;
  	height: 30px;
  	text-align: right;
	z-index: 999;
}
.top-header-bar span {
  	color: #fff;
  	text-align: right;
  	min-width: 20%;
  	width: 20%;
  	font-size: 14px;
}
.top-header-bar a {
  	color: #fff!important;
  	font-size: 14px!important; 
  	padding-left: 5px;
}

.sub.dropdown-menu li {
  	width: 100%;
  	float: none;
  	padding: 10px 10px 0 10px;
  	color: #242c3d;
  	font-size: 15px;
}
.sub.dropdown-menu li:hover,
.sub.dropdown-menu li:focus,
.sub.dropdown-menu li:active {
  	color: #242c3d;
}
.sub.dropdown-menu {
  	opacity: 0;
  	transform: translateY(-1rem);
  	list-style: none;
  	margin: 0;
  	position: absolute;
  	border-radius: 10px;
  	border: 1px solid #ededed;
  	padding: 0;
  	background: rgba(255, 255, 255, 0.9);
  	-moz-animation: all 0.3s ease-in-out;
	-ms-animation: all 0.3s ease-in-out;
	-o-animation: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-animation: all 0.3s ease-in-out;
  	min-width: 200px;
}
.events-we-do-link:hover .sub.dropdown-menu {
  	opacity: 1;
  	transform: translateY(0);
  	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  	-moz-animation: all 0.3s ease-in-out;
	-ms-animation: all 0.3s ease-in-out;
	-o-animation: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-animation: all 0.3s ease-in-out;
}
.event-expert-img-circle {
  	width: 16vw;
  	height: 16vw;
  	border-radius: 100%;
  	position: absolute;
  	z-index: 0;
  	top: -80px;
  	right: -160px;
  	background-color: #a2ce51;
  	opacity: 0.3;
}
.event-expert-main-content {
  	padding: 10rem 0;
  	text-align: center;
  	background-color: #242c3d;
  	margin: 0;
  	color: #fff;
}
.event-expert-main-content p {
  	color: #fff;
  	text-align: left;
}
.event-expert-img-container {
  	position: relative;
}
.event-expert-img-container img {
  	border-radius: 15px;
  	z-index: 1;
  	position: relative;
  	height: 100%;
  	object-fit: cover;
}
.event-expert-content-container {
  	z-index: 1;
  	position: relative;
}
.event-expert-heading {
  	font-weight: 700;
  	font-size: 4rem;
  	line-height: 4.8rem;
  	text-transform: uppercase;
}
.event-expert-heading span {
  	color: #a2ce51;
}
.corporate-events-main-content {
  	padding: 10rem 0;
  	text-align: center;
  	background-color: #242c3d;
  	margin: 0;
  	color: #fff;
}
.corporate-events-main-content p {
  	color: #fff;
  	font-weight: 600;
  	font-size: 1.6rem!important;
  	line-height: 2.4rem;
  	padding: 0 6rem;
  	margin-top: 40px;
}
.corporate-events-main-content h3 {
  	font-weight: 700;
  	font-size: 2rem!important;
  	line-height: 2.4rem;
}
.corporate-events-hex-heading {
  	width: 100%;
  	text-align: center;
  	color: #242c3d !important;
  	margin-bottom: 30px;
  	font-weight: 800;
  	text-transform: uppercase;
}
.corporate-events-hexagons-container, 
.hcwh-main-container, 
.notice-outer-container, 
.ttu-info-main-container {
  	padding: 6rem 0px;
}

.corporate-events-hexagons-container {
  	-webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.45);
}

.corporate-events-hexagons-shape {
  	display: flex;
  	position: relative;
  	width: 270px;
  	height: 295px;
  	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  	cursor: pointer!important;
}
.hex.inner {
  	background-color:#fff;
  	-webkit-transform: scale(.81, .81);
  	-moz-transform: scale(.81, .81);
  	transform: scale(.81, .81);
  	z-index:1;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  	moz-transition: all 0.2s ease-out;
	ms-transition: all 0.2s ease-out;
	o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	webkit-transition: all 0.2s ease-out;
}
.hex.inner:before {
    border-bottom: 60px solid blue;
}
.hex.inner:after {
    border-top: 60px solid blue;
}
.corporate-events-hexagons-shape:first-child {
  	grid-row-start: 1;
  	grid-column: 2 / span 2;
  	background-color: #0d7c74;
}
.corporate-events-hexagons-shape:nth-child(2) {
  	grid-row-start: 1;
  	grid-column: 4 / span 2;
  	background-color: #0cb4a6;
}
.corporate-events-hexagons-shape:nth-child(3) {
  	grid-row-start: 1;
  	grid-column: 6 / span 2;
  	background-color: #72c05b;
}
.corporate-events-hexagons-shape:nth-child(4) {
  	grid-row-start: 2;
  	grid-column: 3 / span 2;
  	background-color: #f58232;
}

.corporate-events-hexagons-shape:nth-child(5) {
  	grid-row-start: 2;
  	grid-column: 5 / span 2;
  	background-color: #f15a22;
}
.corporate-events-hexagons {
  	margin: auto;
  	margin-top: 50px;
  	max-width: 1120px;
  	display: grid;
  	grid-template-columns: repeat(8, 1fr);
  	grid-auto-rows: 150px;
  	grid-gap: 100px;
  	padding-bottom: 0px;
  	justify-items: center;
  	min-height: 600px;
  	filter: drop-shadow(2px 2px 5px #c6c6c6);
}

.brand-events-hexagons {
  	margin: auto;
    margin-top: auto;
  	margin-top: 50px;
  	max-width: 1120px;
  	display: grid;
  	grid-template-columns: repeat(8, 1fr);
  	grid-auto-rows: 150px;
  	grid-gap: 100px;
  	padding-bottom: 0px;
  	justify-items: center;
  	min-height: 380px;
  	filter: drop-shadow(2px 2px 5px #c6c6c6);
}
.corporate-events-hexagons-headings {
  	position: absolute;
  	top: 48%;
  	transform: translate(-50%, -50%);
  	left: 50%;
  	font-size: 1.5rem;
  	font-weight: 600;
  	margin: 0;
  	padding: 0;
  	line-height: 1.7rem;
  	text-align: center;
  	width: 100%;
  	moz-transition: all 0.4s ease-out;
	ms-transition: all 0.4s ease-out;
	o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	webkit-transition: all 0.4s ease-out;
}
.corporate-events-hexagons-content {
  	opacity: 0;
  	text-align: center;
  	top: 50%;
  	position: relative;
  	transform: translateY(-50%);
  	moz-transition: all 0.3s ease-out;
	ms-transition: all 0.3s ease-out;
	o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
  	padding: 15px;
}	
.corporate-events-hexagons-shape:hover .corporate-events-hexagons-content {
  	opacity: 1;
  	moz-transition: all 0.3s ease-out;
	ms-transition: all 0.3s ease-out;
	o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
}
.corporate-events-hexagons-shape:hover .corporate-events-hexagons-headings {
  	opacity: 0;
  	moz-transition: all 0.4s ease-out;
	ms-transition: all 0.4s ease-out;
	o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	webkit-transition: all 0.4s ease-out;
}
.corporate-events-hexagons-shape:hover .hex {
  	-webkit-transform: scale(.9, .9);
  	-moz-transform: scale(.9, .9);
  	transform: scale(.9, .9);
  	moz-transition: all 0.2s ease-out;
	ms-transition: all 0.2s ease-out;
	o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	webkit-transition: all 0.2s ease-out;
}
.btn-container {
	text-align: center;
}
.btn-container .btn {
  	padding: 10px 25px;
  	background-color: #a2ce51;
  	color: #fff;
  	border: none;
  	border-radius: 50px;
  	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  	text-transform: uppercase;
}
.btn-container .btn:hover {
  	background-color: #8cba39;
}
.hcwh-main-container {
	background-image: url("https://theeventshop.co.za/wp-content/uploads/2024/04/howwehelpbgimg-1.png");
 	background-repeat: no-repeat;
  	background-position: center top;
  	background-size: cover;
}
.hcwh-btm-container {
	background-color: #fff;
	padding: 50px;
	border-radius: 50px 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.hcwh-btm-container div div {
	text-align: center;
	margin: 0 20px;
  	width: 30%;
}
.hcwh-btm-container h2 {
  	padding: 10px;
}
.color1 h2 {
	color: #a2ce51;
	border-bottom: 1px solid #a2ce51;
}
.color2 h2 {
	color: #f15a22;
	border-bottom: 1px solid #f15a22;
}
.color3 h2 {
	color: #0D7C74;
	border-bottom: 1px solid #0D7C74;
}
.notice-outer-container {
	background: linear-gradient(to bottom, #f15a22, #f58232);
}
.notice-content-container {
	text-align: center; 
}
.notice-content-container p{
	text-align: center; 
	color: #fff;
}
.notice-head {
	text-transform: uppercase;
	color: #fff;
}
.ttu-info-card img{ 
	padding: 30px;
}
.ttu-info-card {
 	width: 43%;
  	margin: 30px;
  	border-radius: 30px 0px;
  	background-color: #fff;
  	box-shadow: 3px 2px 8px rgba(0,0,0,0.5);
  	padding: 30px;
	justify-content: center;
  	display: flex;
}
.ttu-info-main-container {
	background: linear-gradient(to bottom, #f15a22, #f58232);
	justify-content: center;
}
.ttu-content h2, .ttu-content p {
	color: #f15a22;
}
.page-header span:nth-child(1) {
  	color: #F15A22;
  	font-size: 2.8rem;
  	line-height: 3.2rem;
  	margin-bottom: 15px;
  	font-weight: 600;
  	display: inline-block;
  	margin-right: 1rem;
  	font-style: italic;
  	font-family: var(--primary-font-bold);
	text-transform: uppercase;
}

.page-header span:nth-child(2) {
  	font-size: 2.8rem;
  	line-height: 3.2rem;
  	margin-bottom: 15px;
  	font-weight: 600;
  	display: inline-block;
  	font-style: italic;
  	font-family: var(--primary-font-bold);
}

.page-header span:nth-child(3) {
  	color: #242c3d;
  	font-size: 1.6rem;
  	line-height: 2rem;
}

.page-sub-heading-color-text {
	color: #F15A22!important;
	font-size: 1.6rem!important;
	font-weight: 600!important; 
	text-transform: capitalize!important;
	font-style: normal!important;
	font-family: var(--primary-font-lite)!important;
}

.col-md-3.single-gal-img {
  	display:none;
}

.single-gal-img .content {
   	background-color: #fff;
  	height: 420px;
  	margin: 10px 0;
  	border: 0;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-position: center;
  	box-shadow: 3px 2px 8px rgba(0,0,0,0.2);
  	border-radius: 5px;
}

.load-more {
  	background-color: transparent;
  	color: #242C3D !important;
  	padding: 5px 10px;
  	font-size: 18px;
  	margin: 10px 0;
  	display: inline-block;
  	float: right;
}

.load-more:hover{ 
  	background-color: transparent;
  	text-decoration: none;
  	color: #F15A22!important;
}
 
.single-gallery-heading {
  	font-size: 1.5rem;
  	font-weight: 500;
  	color: #242C3D!important;
  	margin-top: 20px; 
  	margin-bottom: 0;
}
.db-top-dots {
  	background-image: url("img/dottopinspireus.svg");
  	height: 100px;
  	width: 100%;
  	background-repeat: no-repeat;
}
.db-btm-dots {
  	background-image: url("img/dotbtminspireus.svg");
  	height: 100px;
  	width: 100%;
  	background-repeat: no-repeat;
  	background-position: right;
}
.o-top-dots {
  	background-image: url("img/dotstopwhypartner.svg");
  	height: 100px;
  	width: 100%;
  	background-repeat: no-repeat;
  	background-position: right;
}
.o-btm-dots {
  	background-image: url("img/dotsbtmwhypartner.svg");
  	height: 100px;
  	width: 100%;
  	background-repeat: no-repeat;
	background-position: left bottom;
  
}
.bg-circles {
  	background-image: url("img/mphomebgcircles.svg");
  	background-repeat: no-repeat;
  	position: absolute;
  	background-position: center center;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	z-index: 1;
}
.banner-bg-circles {
  	background-image: url("img/pagebannercircles.svg");
  	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	z-index: 1;
}
.ee-bg-circle-top {
  	background-image: url("img/eempbgcircles.svg");
  	background-repeat: no-repeat;
  	background-position: center center;
  	background-size: cover;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	z-index: 1;
}
.video-container {
  	width: 100%;
  	min-height: 400px;
  	border-radius: 25px;
  	overflow: hidden;
  	padding: 0;
} 
.youtube-img {
  	background-image: url("img/youtubePlaceHolder.jpg");
  	background-repeat: no-repeat;
  	background-position: center center;
  	background-size: cover;
  	width: 100%;
  	height: 400px;
}


.video-popup-model {
  	width: 100%;
  	height: 100%;
  	position: fixed;
  	top: 0;
  	left: 0;
  	right: 0;
  	z-index: 9999999999;
  	transition: all 0.5s ease;
  	opacity: 0;
}
.video-popup-model.smooth_show {
  	opacity: 1;
}
.video-popup-model .video-layer {
  	width: 100%;
  	height: 100%;
  	background-color: black;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}
@media screen and (min-width: 800px) {
  .video-popup-model .video-layer {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.video-popup-model .video-layer .video-model-close-layer {
  	width: 100%;
  	height: 100%;
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
}
.video-popup-model .video-layer .model-wrapper {
  	width: 100%;
  	height: auto;
}
@media screen and (min-width: 800px) {
  .video-popup-model .video-layer .model-wrapper {
    max-width: 65%;
  }
}
.video-popup-model .video-layer .model-wrapper .videomodel {
  	width: 100%;
  	height: auto;
  	background-color: black;
}
@media screen and (min-width: 800px) {
  .video-popup-model .video-layer .model-wrapper .videomodel {
    position: relative;
    padding: 0;
    background-color: transparent;
    border-radius: 2rem;
  }
}
.video-popup-model .video-layer .model-wrapper .videomodel .videoscreen {
  	width: 100%;
  	border-radius: 2rem;
  	overflow: hidden;
  	background: #000000;
}
.video-popup-model .video-layer .model-wrapper .videomodel .videoscreen video, 
.video-popup-model .video-layer .model-wrapper .videomodel .videoscreen iframe {
  	width: 100%;
  	object-fit: cover;
  	height: auto;
  	border: 0;
  	outline: none;
  	display: block;
}
.video-popup-model .video-layer .model-wrapper .modelCloseBtn {
  	width: 4rem;
  	height: 4rem;
  	background-color: transparent;
  	border: 0;
  	cursor: pointer;
  	border-radius: 50%;
  	position: absolute;
  	top: 1rem;
  	right: 1rem;
}
@media screen and (min-width: 800px) {
  .video-popup-model .video-layer .model-wrapper .modelCloseBtn {
    background-color: transparent;
    right: -4rem;
    top: -3rem;
  }
}
.video-popup-model .video-layer .model-wrapper .modelCloseBtn:before, 
.video-popup-model .video-layer .model-wrapper .modelCloseBtn:after {
  	content: " ";
  	width: 0.2rem;
  	height: 2.2rem;
  	position: absolute;
  	left: 1.7rem;
  	top: 0.7rem;
  	background-color: white;
}
@media screen and (min-width: 800px) {
  .video-popup-model .video-layer .model-wrapper .modelCloseBtn:before, 
  .video-popup-model .video-layer .model-wrapper .modelCloseBtn:after {
    background-color: black;
  }
}
.video-popup-model .video-layer .model-wrapper .modelCloseBtn:before {
  	transform: rotate(45deg);
}
.video-popup-model .video-layer .model-wrapper .modelCloseBtn:after {
  	transform: rotate(-45deg);
}
.video-popup-model .video-layer .model-wrapper .modelCloseBtn:hover:before, 
.video-popup-model .video-layer .model-wrapper .modelCloseBtn:hover:after {
  	opacity: 0.8;
}
.top-header-container {
	display: flex;
}
.top-header-container .header-socials {
	width: 60%;
}
.footer-social-container a img {
	padding-left: 5px;
}
.wp-block-heading {
  	font-size: 20px;
  	color: #F15A22;
}
.privacy-content-container{
	padding: 7rem 0;	
}

.iu-circle-mobile {
  	display: none;
}
.corporate-events-hexagons-content-mobile {
	display: none;
}
.video-main-container {
	padding: 0rem 8rem;
}
.corporate-events-hexagons-mobile {
	display: none;
}
.font-change {
	font-family: 'Arial', 'Times New Roman', 'serif';
}
.brand-events-hexagons-mobile, .corporate-events-hexagons-mobile {
	display: none!important;
}
.page-header-sub {
	font-size: 1.6rem;
}
.wpcf7-form {
	position: relative;
}