@charset "UTF-8";

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }



html {

	margin: 0;
	padding: 0;

	background-color: #292929;
	
	/* font-weight: 400; */
	word-spacing: 0.2em;
	letter-spacing: 0.2em;
	line-height: 200%;

    /* font-family: 'DM Serif Display', serif; */
    /* font-family: 'Patua One', cursive; */
	font-family: 'Rubik', sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	/* font-family: 'JetBrains Mono', monospace; */

	/* color: #666666; */
	color: #383838;

	scroll-behavior: smooth;

}

body {

	/* min-width: 640px; */

	margin: 0;
	padding: 0;

	width: 100%;

}


header {

    height: 80px;
    
	background-color: #292929;
	background-color: #fafafa10;

	margin: 0;
	padding: 0;

	position: fixed;

	width: 100%;

	z-index: 99;

}

#logoType {

	float: left;

	width: 55px;
	height: 55px;

	z-index: 10;

	margin: 10px;

}

#logoType img{

	max-width: 100%;

}





/* // NAV // */


#BurgerIcon {

    display: none;
    margin: 0;
    
}


nav {

	height: 80px;

	flex: 0 1 auto; 
	
	flex-wrap: nowrap;

}

/* #menu-header_nav {

	flex: 0 1 auto; 
	flex-wrap: nowrap;

} */

nav ul {

	height: 100%;

	display: flex;

	flex: 0 1 auto; 
	flex-direction: row;
	flex-wrap: nowrap;
	/* flex-wrap: wrap; */
	justify-content: flex-end;
	align-items: center;

	font-size: 9pt;

}

nav li {

	flex: 0 1 auto;
	margin: 0 10px;

	color: #fafafa;
	text-decoration: none;
	list-style-type: none;

}

nav li:hover {

	color: #ebebeb;

}

nav li ul {

    display: none;
    
	height: 70px;
	position: absolute;

}

nav li ul li {

	height: 70px;
	padding-right: 40px;
	margin: 0;

}

nav li:hover > ul {

	display: block;

}

nav h1 {

	/* font-family: 'Shrikhand', cursive; */

}

#EnquireNow {
	margin: 0 20px;
}

#EnquireNow h3 {
	margin: 0;
}

.CTA_btn {
	/* font-size: 24px;  */
	color: #fafafa; 
	/* padding: 10px 35px;  */
	padding: 5px 25px;
	border: 1px solid #fafafa; 
	border-radius: 50px;
}

.CTA_btn:hover {
	/* background-color: #fafafa10; */

	background-color: rgba(250, 250, 250, 0.3);

    -webkit-transition: .4s;
    transition: .4s;
}


.OutlineBtn {

	border: 1px solid;
	padding: 15px 35px;
	border-radius: 40px;

}

.OutlineBtn:hover {
	text-decoration: none;
	background-color: #ffffff3d;
	/* text-decoration: none; */
}

.PlayBtnIcon {
	list-style-type: disclosure-closed;
	list-style-position: inside;
  }





/* // COOKIE DISCLAIMER: // */


#CookieDisclaimer {

	width: 100%;

	background-color: orange;
	position: fixed;
	bottom: 0;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;

	z-index: 99;

}

#CookieDisclaimer p {

	font-size: 10px;
	line-height: 150%;
	color: white;
	padding: 20px;
    padding-right: 0;
    float: left;
    width: 66%;

	flex: 0 1 auto;

}


#CookieAcceptBtn {

	min-width: 120px;

	float: right;
	padding: 10px;
	margin: 25px;

	text-align: center;

}





h1 {

	/* font-family: 'JetBrains Mono', monospace; */
	/* font-family: 'rubik', sans-serif; */
	text-transform: uppercase;

    /* font-size: 30px; */
	font-size: 60px;
    line-height: 120%;
	font-weight: 400;

}

h2 {
	/* font-family: 'JetBrains Mono', monospace; */
	/* font-family: 'rubik', sans-serif; */
    font-size: 34px;
	font-weight: 300;
    line-height: 130%;
    margin: 20px 0;

}

h3 {
	/* font-family: 'JetBrains Mono', monospace; */
	/* font-family: 'rubik', sans-serif; */
    font-size: 24px;
	font-weight: 300;
    line-height: 140%;
    margin: 20px 0;

}

h4 {

    /* font-family: 'Shrikhand', serif; */
	/* font-family: 'JetBrains Mono', monospace; */
	/* font-family: 'rubik', sans-serif; */
	text-transform: uppercase;

	/* font-size: 70px; */
	font-size: 3rem;
	font-weight: 600;
	text-align: center;
	line-height: 120%;

}

h5 {

    /* font-family: 'Shrikhand', serif; */
	/* font-family: 'JetBrains Mono', monospace; */
	/* font-family: 'rubik', sans-serif; */
	text-transform: uppercase;

	font-size: 50px;
	font-weight: 300;
	text-align: center;
	line-height: 120%;

}

h6 {

	/* font-family: 'JetBrains Mono', monospace; */
	/* font-family: 'rubik', sans-serif; */
	text-transform: uppercase;

	/* font-size: 50px; */
	font-size: 2rem;
	font-weight: 500;
	/* text-align: center; */
	line-height: 120%;

}

p {
	/* font-family: 'JetBrains Mono', monospace; */
}

.size36 {
	font-size: 36px; 
	margin-top: 20px;
}

.size24 {
	font-size: 24px;
}



/* p {} */

a {

	text-decoration: none;
	color: #fff;

}

.superScript {
	font-size: 50%;
	vertical-align: super;
	line-height: 100%;
}



img {

	/* max-width: 100%; */
	width: 100%;

}

.imageBackground {

	position: absolute;
	min-width: 100%;
	min-height: 100%; 
	width: auto;
	height: auto;
	z-index: -1; 
	overflow: hidden;

	max-width: unset;

}

.MenuIcon {
	/* max-width: 40px; */
    max-height: 23px;
    margin-right: 10px;
    align-self: center;
}

.MenuIcon img {
	max-height: 16px;
	width: auto;
}

.Icon50 {
	width: 50px;
}



/* // HEADER VIDEO // */

.videoContainer {

	position: absolute;
	 min-width: 100%;
	  min-height: 100%; 
	  width: auto;
	  height: auto;
	  z-index: -1; 
	  overflow: hidden;

}

.gridOverlay {

	position: absolute;
	/* top: 0; */
	/* left: 0; */
	min-width: 100%;
	min-height: 100%; 
	width: auto;
	height: auto;
	z-index: 0; 
	overflow: hidden;

	background-color: transparent;
	background-image: linear-gradient(#000000 1px, transparent 1px), linear-gradient(to right, #000000 1px, #e5e5f700 1px);
    background-size: 5px 5px;

}

.videoBackground {

	position: absolute;

	  min-width: 100%;
	  min-height: 100%; 
	  width: auto;
	  height: auto;
	  z-index: -1; 
	  overflow: hidden;

	  left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}



@keyframes panAcross {

    from {left: 0%;}
    to {left: 100%;}

    /*0% { left: 0;}
    50%{ left : 100%;}
    100%{ left: 0;}*/

}



.videoFeature {

	max-width: 100%;

	margin: 150px auto;

}

.video {

	width: 100%;

	max-width: 960px;

	margin: auto;

}

.galleryVideo {

	width: 100%;

}

video {

	width: 100%;

}





/*// Content-Scroll Nav: //*/

#ContentScroller {

	position: fixed;
	/* right: 0; */

	height: 100vh;
	/* top: 50%; */

	justify-content: center;
	/* align-content: flex-end; */

	z-index: 90;
    /* font-size: 8px; */
    /* color: white; */
    /* text-decoration: none; */
    /* list-style: disc; */
	margin-left: 20px;

	/* align-items: flex-end; */
	/* align-self: flex-end; */
	/* right: 0px; */

}

#ContentScroller ul {

	list-style: circle outside none;
	padding: 0 10px;

}

#ContentScroller li {
	margin: 0;
	font-size: 8px;
	transition: all 0.2s;
}

#ContentScroller li:hover {
	font-size: 14px;
	transition: all 0.2s;
	/* margin: 10px; */
}

#ContentScroller a {
	/* display: none; */
	color: #383838;
	font-family: 'JetBrains Mono', monospace;
}

/* #ContentScroller li:hover > a {
	display: block;
} */

/* .ContentItem {

	padding: 8px;

}

.ContentItem p3 {

	font-size: 6px;
	float: left;

	padding: 0;
	margin: 0;
	margin: -12px 0;
    margin-right: 5px;
    color: #fafafa;

} */

/* .dot {

	height: 5px;
  	width: 5px;
  	border-radius: 50%;

  	border: 1px solid #fff;

  	float: right;

}

.dot:hover {

	border: 1px solid #fff;

}

.VertSpacerLine {

	height: 1vh;
	border-right: 1px dashed #fff;

	margin-right: 13px;
    margin-top: 5px;

    display: none;

} */




/*// Vertical Scroll Indicator: //*/

@keyframes example {
    from {margin-bottom: 30px;}
    to {margin-bottom: 5px;}
}


#pageScroll {

	width: 100%;
	position: fixed;
	/*margin: auto;*/
	bottom: 0;
	/*left: 50%;*/

	margin-bottom: 5px;

	animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;

	z-index: 2;

}

.pageScrollBtn {

	width: 70px;

	margin: auto;

}

.pageScrollBtn img {

	width: 50px;

}






section {

	/* min-height: 100vh; */

}

.minHeight100 {

	min-height: 100vh;
	/* min-height: 100%; */

}

.spacerDiv {

	min-height: 100vh;
	width: 100%;
	/* min-width: 640px; */

    clear: both;

}

.L {

    float: left;
    /* width: 50%; */

}

.R {

    float: right;
    /* width: 50%; */

}

.clearFix {

	clear: both;

}


.Lht {

	color: #fafafa;

}

.Drk {

	color: #666666;

}


svg {
    position: relative;
    /* bottom: 0; */
	top: -9vw;
    width: 100%;
    height: 10vw;
    /* fill: #eaeaea; */
	z-index: 1;
}

.bottomLeftSlant, .bottomRightSlant {

	top: unset;
	/* bottom: -10vw; */

}

.FULLleftSlant {

	height: unset;

}




/*// FLEXBOX //*/

.Flex {

	display: flex;

    flex-wrap: wrap;

}

.center {

	align-content: center;
    justify-content: center;
	align-items: center;
	text-align: center;

}

/* .FlexStart {

    justify-content: start;
    align-content: center;
	align-items: center;
	text-align: center;

} */

.FlexTop {
    
    align-content: center;
    justify-content: center;
	align-items: flex-start;
	text-align: center;

}

.spaceAround {
    justify-content: space-around;
}

.spaceBetween {
    justify-content: space-between;
}

.flexEnd {
    justify-content: flex-end;
}

.flexStart {
    justify-content: flex-start;
	/* align-items: flex-start; */
}

.flexStartV {
    /* justify-content: flex-start; */
	align-items: flex-start;
}

.column {
	flex-direction: column;
}

.row {
	flex-direction: row;
}

.width80 {

    max-width: 80%; 
    margin: auto;

}

.width50 {

	margin: 1%;
    width: 48%;

}

.width30 {

	margin: 1%;
    width: 30%;

}

.width25 {

	margin: 1%;
    width: 23%;

}

.maxWidth960 {

    max-width: 960px;
    margin: auto;

}

.twoColumn {
	column-count: 2;
	/* column-fill: auto; */
	column-fill: balance;
    margin: 20px;
    column-gap: 40px;
}

.paddingTopBotton100 {

    padding: 100px 0;

}

.padding50 {

	padding: 50px 0;

}

.padding20 {

	padding: 20px 0;

}

.paddingBottom50 {

	padding-bottom: 50px;

}

.paddingBottom150 {

	padding-bottom: 150px;

}






.NumberedList {

    margin: 30px auto;
	/* margin: 1%; */
    /* width: 30%; */

}

/* .NumberedList h3 {

    max-width: 70%;
    margin: 6px;
    margin-left: 20px;
    text-align: left;

} */


/* .NumberedList {

    margin: 30px auto;
    max-width: 70%;

} */

.NumberedList ol {

    /* list-style: none; */

}

/* .NumberedList li {} */

.NumberedList li::before {

    list-style-position: inside;

}

.NumberedList li::marker {

    font-family: 'Shrikhand', serif;

    font-size: 70px;

    /* list-style-position: inside; */

}

/* .NumberedListText {

    max-width: 80%; 
    text-align: left; 
    margin-left: 20px;

} */




#Bio {
    align-items: center;
    /* background-color: #ebebeb; */
    /* border: 1px solid #383838; */
    margin: 80px 25px 100px 25px;
    padding: 30px;
}

#Bio h2, h3 {
	margin: 5px;
}

#Bio li {
    list-style: none;
    margin: 50px 5px 5px 0;
    padding: 5px 15px;
    border: 1px solid;
	border-radius: 50px;
}

#Bio a {
	color: #383838;
}





/* // STATS // */

.Stat {

	/* max-width: 600px; */

	margin-top: 50px;

	color: #fafafa;

	text-align: left;

}

.Stat h3 {

	margin: 0;
	padding: 0;
	max-width: 100%;

}

.Stat p {

	padding: 0;
	margin: 0;

	max-width: 0;

}

.bar {

	/* width: 80%; */

	height: 10px;

    /* margin: 20px 10px 0 0; */
    margin-right: 20px;
    
    border-radius: 10px;

}

.Do {

	background-color: white;
	/* float: left; */

	background: #7affe6;
	background: -moz-linear-gradient(left, #7affe6 0%, #4096ee 100%);
	background: -webkit-linear-gradient(left, #7affe6 0%,#4096ee 100%);
	background: linear-gradient(to right, #7affe6 0%,#4096ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7affe6', endColorstr='#4096ee',GradientType=1 );

}

.Dont {

    background-color: white;
    margin-top: 20px;

}

.xMultiple {

	padding: 8px 0 0 0; 
	float: right;

}






.Item {

	max-width: 40%;

	margin: 5%;

	padding: 50px 0;

	/*background-color: white;*/
	background-color: #292929;

	overflow: hidden;

}

.Item img {

	max-width: 100%;

	/*margin: 40px 20%;*/

}

.Item h3 {

	/*padding: 10px;*/
	max-width: 80%;

	/*color: #484848;*/
	/* color: #999; */
	color: #fafafa;

    margin-top: 40px;
    
    margin: 20px auto;

	line-height: 150%;

}

.Item p {

	padding: 10px;
	max-width: 80%;

    /* color: #777; */
	color: #e0e0e0;
    
    margin: 20px auto;
    line-height: 180%;

}


.Item strong {

	font-size: 120%;

}





/* // CLIENT LOGOS // */

.ClientLogos {

	margin: 20px 10px;

}

.ClientLogos img {

	max-width: 150px;
	max-height: 150px;
	height: auto;

}





/*// -- MAILCHIMP -- //*/

.form {

    width: 320px;
    margin: 20px 0;

}

#mc_embed_signup {

    max-width: 100%;

}

#mc-embedded-subscribe {

    height: 50px;
    min-width: 110px;
    padding: 0 20px;

    background-color: #292929;
    color: #ebebeb;

    float: right;

    -webkit-appearance: none;

}

input[type=submit] {

    border: none;
    text-decoration: none;
    display: block;

    -webkit-appearance: none;

  }

#mce-EMAIL {

    height: 50px;
    min-width: 190px;
    padding: 0 10px;

    background-color: #ffffff;

    float: left;
    /* clear: none; */

}






/*// FOOTER //*/

#footer {

	background-color: #282828;

}

footer {
	
	/* width: 640px; */
	/* padding: 50px 0; */
	margin: 0 auto;

	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: center;

	clear: both;

}

footer p {

	color: #484848;

}

footer a {

	color: #646464;

}

footer a:hover {

	color: #fafafa;

}

.FooterLogoType {

	margin:20px auto;

    max-width: 80px;

	vertical-align: middle;
    align-content: center;

}







@media screen and (max-width: 960px){

	#BurgerIcon {

		display: block;
		margin: 25px;

	}

	/* #menu-header_nav { */
	nav ul {

		flex-direction: column;

		height: unset;
		width: 90%;
		padding: 5%;
    
        justify-content: right;
        text-align: right;
        /* align-items: center; */
		align-items: flex-end;

        background-color: #292929;
		background-color: #fafafa10;

        /* padding-bottom: 20px; */

		font-size: 12pt;

        display: none;
	}

	.MenuIcon {
		/* max-width: 35px; */
		margin-right: 15px;
	}

	.MenuIcon img {
		max-height: 22px;
	}

	.CTA_btn {
		margin-top: 20px;
	}



	.width50 {

		margin: 1%;
		width: 100%;
	
	}

	.width30 {

		margin: 1%;
		width: 100%;
	
	}

	.width25 {

		margin: 1%;
		width: 100%;
	
	}

	.twoColumn {
		column-count: 1;
	}

}



  /* POPUP */

  .Popup {
    width: 80%;
    max-width: 960px;
}

.centeredPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    z-index: 90;
  }



@media screen and (max-width: 640px){

	#ContentScroller {
		display: none;
	}

    .Item {

        max-width: 90%;

        margin: 5%;

    }

    .Item h3 {

        font-size: 50px;

    }

    .Item p {

        font-size: 28px;

    }

    .Item p2 {

        font-size: 21px;

    }

	.width30 {

		margin: 1%;
		width: 100%;
	
	}

}


@media screen and (min-width: 320px) {

	.videoContainer {

		/* min-width: 640px; */

	}

	.videoBackground {

		/* min-width: 640px; */

	}

}


@media screen and (min-width: 480px) {

	.videoContainer {

		/* min-width: 640px; */
		
	}

	.videoBackground {

		/* min-width: 640px; */

	}

}

@media screen and (min-width: 640px) {

	.videoContainer {

		min-width: 100%;
		
	}

	.videoBackground {

		min-width: 100%;

	}

}