/* CSS Document */

	/* Webfont Load */

	.wf-loading * {opacity:0;}
	.wf-active *, .wf-inactive * {opacity:1}


	.preload * {
	  -webkit-transition: none !important;
	  -moz-transition: none !important;
	  -ms-transition: none !important;
	  -o-transition: none !important;
	}


	/* Preset */

	* {
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-kerning: auto;	
	}

	html {
		-webkit-text-size-adjust: 100%;
		scroll-behavior: smooth;
		scroll-padding-top: 0;
	}

	/* Reset */
	a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


	body {
		background-color: rgba(255,255,255,1);
		color:rgb(0,0,0,0.75); 
		
		font-family: "inter-18pt", sans-serif;
		font-size: 14px; 
		font-weight: 400; 
		font-style: normal;
		
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		
		/* 
		background-image: url(images/block-background.jpg);
		background-attachment: fixed;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;	
		*/
		
	}


	/* Base Text */	

	h1 {
		font-family: "caslonian-std-l", sans-serif;
		font-size: 96px;
		font-weight: 400;
		margin-bottom: 21px;
		color:rgba(255,255,255,1);	
	}

	h2 {
		font-family: "caslonian-std-l", sans-serif;
		font-size: 84px;
		font-weight: 400;
		margin-bottom: 64px;
	}

	h3 {
		font-family: "caslonian-std-l", sans-serif;
		font-size: 64px;
		font-weight: 400;
		margin-bottom: 21px;
	}

	h4 {
		font-family: "caslonian-std-l", sans-serif;
		font-size: 48px;
		font-weight: 400;
		margin-bottom: 21px;
	}

	h5 {
		font-family: "caslonian-std-l", sans-serif;
		font-size: 36px;
		font-weight: 400;
		margin-bottom: 21px;
	}

	h6 {
		font-family: "inter-18pt", sans-serif;
		font-size: 24px;
		line-height: 32px;
		font-weight: 400;
		margin-bottom: 21px;
	}

	p {
		font-family: "inter-18pt", sans-serif;
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 21px;
	}

	strong {font-weight: 700;}

	.txt-center {
		text-align: center;
	}

	.white {color: rgb(255,255,255);}

	/* Global Links */

	a {
		color:rgb(0,0,0,0.75); 
		text-decoration: none;
	}

	a:visited {
		color:rgb(0,0,0,0.75); 
		text-decoration: none;
	}

	a:hover, a:visited:hover {
		color:rgb(0,0,0,0.75); 
		text-decoration: none;
		-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
	}

	/* Buttons */

	.btn a, .btn a:visited {
		display: inline-block;
		padding: 17px 34px 17px 34px;
		border: 0 !important;
		background-color: #d84127;
		border-radius: 7px;
		color: white;
		font-size: 16px;
		line-height: 16px;
		font-weight: 700;
		margin: 20px 0 0 0;
	}

		.btn a:hover, .btn a:visited:hover {
			background-color: #f36b24;
			color: white;
			border: 0 !important;
		}






	/* Navigation */

	.nav-wrapper {

	}

	.nav {
		position: fixed;
		top: 2%;
		left: 0;
		right: 0;
		width: 94%;
		height: 68px;
		max-width: 1600px;
		opacity: 0;
		margin: 0 auto;
		padding: 0 10px;
		background-color: rgba(255,255,255,0.5);
		box-shadow: 0 4px 24px rgba(0,0,0,0.1);
		z-index: 1000;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 60px;
		-webkit-backdrop-filter: blur(40px);
		backdrop-filter: blur(40px);
	}

		.nav-container {
			display: flex;
			width: 100%;
			margin: 0 auto;
			align-items: center;
		}

			.menu {
				flex-basis: 80%;
			}

				.menu ul {
					display: flex; 
					align-items: center;
					margin: 0; 
					text-align: left;
				}

				.menu ul li {font-size: 14px;}
				.menu ul li a {
					padding: 8px 24px 8px 24px; 
					border-radius: 40px; 
					color: rgba(0,0,0,0.65); 
					font-weight: 700; 
					text-decoration: none; 
					background-color: rgba(255,255,255,0.0);
					-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
				}

				.menu ul li a:hover {
					color: rgba(0,0,0,0.75);
				}

				.menu img {
					width: 200px; 
					height: auto; 
					padding-top: 4px;
					margin-right: 20px;
				}


				.menu ul li a.active {
					background-color: rgba(255,255,255,0.5);
					color: rgba(0,0,0,0.75);	
				}

				.menu ul li:first-of-type a.active {
					background-color: rgba(255,255,255,0);				
				}


			.lets-talk {
				flex-basis: 20%;
				text-align: right;
			}

				.lets-talk a, .lets-talk a:visited {
					display: inline-block;
					padding: 17px 34px 17px 34px;
					border: none;
					background-color: rgba(255,255,255,0.75);
					border-radius: 40px;
					color: rgba(0,0,0,0.65);
					font-size: 16px;
					line-height: 16px;
					font-weight: 700;
					margin: 0;
					-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
				}

					.lets-talk a:hover, .lets-talk a:visited:hover {
						background-color: rgba(255,255,255,1);
						color: rgba(0,0,0,0.65)	
					}

	/* Content */

	.page {
		/* -webkit-backdrop-filter: blur(50px);
		backdrop-filter: blur(50px);
		background-color: rgba(255,255,255,0.5); */
	}



	.section {
		width: 100%;
		height: 100vh;
		margin: 0 auto;
		overflow: hidden;		
		display: flex;
		align-content: center;
		align-items: center;
		position: relative;
		
	}

		.section.strategy {
			background-color: rgba(48,223,227,1);
			margin-top: -1px;
		}

		.section.execution {
			background-color: rgba(227,200,48,1);
			margin-top: -1px;
		}

		.section.about {
			background-color: rgba(227,162,48,1);
			margin-top: -1px;
		}

		.section.connect {
			background-color: rgba(77,106,142,1);
			color: rgba(255,255,255,1);
			margin-top: -1px;
		}

	
	.section a, .section a:visited {
		color:rgb(0,0,0,0.75); 
		text-decoration: none;
		border-bottom: 1px solid rgb(0,0,0,0.25);
	}

	.section a:hover, .section a:visited:hover {
		color:rgb(0,0,0,0.75); 
		text-decoration: none;
		border-bottom: 1px solid rgb(0,0,0,0.75);
		-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
	}


	.section.connect a, .section.connect a:visited {
		color:rgb(255,255,255,0.75); 
		text-decoration: none;
		border-bottom: 1px solid rgb(255,255,255,0.25);
	}

	.section.connect a:hover, .section.connect a:visited:hover {
		color:rgb(255,255,255,0.75); 
		text-decoration: none;
		border-bottom: 1px solid rgb(255,255,255,0.75);
		-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
	}


	.container {
		width: 88%;
		max-width: 1440px;
		margin: 0 auto;
		padding: 4% 6%;
	}


/* Billboard */


	.billboard {
		width: 100%;
		height: 100vh;
		margin: 0 auto;
		overflow: hidden;
		display: flex;
		align-content: center;
		align-items: center;
		background-color: rgba(255,255,255,1);
		background-size: 100% 100%;
		background-position: 0px 0px,0px 0px,0px 0px,0px 0px,0px 0px;
		background-image: radial-gradient(49% 81% at 45% 47%, #FFE20345 0%, #073AFF00 100%),radial-gradient(113% 91% at 17% -2%, #F4AA23FF 1%, #FF000000 99%),radial-gradient(142% 91% at 83% 7%, #FFDB00FF 1%, #FF000000 99%),radial-gradient(142% 91% at -6% 74%, #47D2E0FF 0%, #FF000000 99%),radial-gradient(142% 91% at 111% 84%, #457abe 0%, #457abe 100%);
		color: rgba(255,255,255,1);
		position: relative;
	}

	.billboard-overlay {
		position: absolute;
		width: 100%;
		height: 100vh;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 50;
		opacity: 0.75;
		background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,0.5), rgba(255,255,255,1));
		background-size: 500% 500%;
		animation: gradientbg 15s ease infinite;
	}

	/* --------------------------------- */
	/* Animations */
	/* --------------------------------- */
	@keyframes gradientbg {
	  0% {
		background-position: 0% 0%; }
	  50% {
		background-position: 100% 0%; }
	  100% {
		background-position: 0% 0%; } }
	@-webkit-keyframes gradientbg {
	  0% {
		background-position: 0% 0%; }
	  50% {
		background-position: 100% 0%; }
	  100% {
		background-position: 0% 0%; } }



	.billboard .container {
		position: relative;
		z-index: 100;
		opacity: 1;
		text-align: center;
	}

	.billboard .logo {
		margin-bottom: 40px;
	}

	.billboard .logo img {
		width: 100%;
		height: auto;
		max-width: 525px;
		/* opacity: 0.75; */
		/* filter: drop-shadow(0 12px 48px rgba(0, 0, 0, 0.5)); */
	}

	.billboard .copy-wrapper {
		width: 80%;
		margin: 0 auto;
	}

	.billboard h1 {
		font-family: "inter-18pt", sans-serif;
		font-size: 21px;
		line-height: 28px;
		font-weight: 400;
		margin-bottom: 36px;
		color: rgba(0,0,0,0.75);
	}

		.billboard h1 strong {
			display: block;
		}

	.billboard h4 {
		color: rgba(0,0,0,0.75);
		font-weight: 400;
	}

	.billboard p {
		color: rgba(0,0,0,0.75);
		margin: 0 auto 24px auto;
		line-height: 24px;
	}

		.billboard .focuses {
			display: flex;
			justify-content: center;
			margin: 60px 0;
		}

			.billboard .focus {
				margin-right: 25px;
			}

				.focus h5 {
					font-family: "caslonian-std-l", sans-serif;
					font-size: 32px;
					font-weight: 400;
					color: rgba(0,0,0,0.75);
				}



/* Strategy */

	.strategy-content {
		display: flex;
		align-items: center;
		gap: 4%;
	}

		.strategy-left {
			flex-basis: calc(50% - 4%);
		}

			.strategy-left p {
				font-size: 18px;
				line-height: 28px;
			}

		.strategy-right {
			flex-basis: calc(50% - 4%);
		}

			.strategy-right ul {
				margin-left: 20px;
			}

				.strategy-right li {
					display: inline-block;
					list-style-type: none;
					font-size: 16px;
					line-height: 21px;
					margin: 8px 16px 8px 0;
					background-color: rgba(255,255,255,0.5);
					padding: 8px 24px 10px 24px;
					border-radius: 24px;
				}



/* About */

	.about-content {
		display: flex;
		align-items: center;
		gap: 4%;
	}

		.about-left {
			flex-basis: calc(50% - 4%);
		}

			.about-left p {
				font-size: 18px;
				line-height: 28px;
			}

		.about-right {
			flex-basis: calc(50% - 4%);
		}

			.about-right ul {
				display: flex;
				flex-wrap: wrap;
				gap: 20px;
				padding-top: 20px;
			}

				.about-right li {
					flex-basis: calc(50% - 90px);
					/* background-color: rgba(255,255,255,0.25);
					border-radius: 16px; */
					padding: 20px 30px 20px 50px;
					font-size: 16px;
					line-height: 21px;
					margin: 0 0 2px 0;
					position: relative;
				}

				.about-right li:before {
					text-rendering: auto;
					-webkit-font-smoothing: antialiased;
					font-family: "Font Awesome 7 Pro"; 
					font-size: 21px;
					font-weight: 400;
					content: "\f058";
					position: absolute;
					top: 20px;
					left: 10px;
					color: rgba(255,255,255,0.75);
				}



/* Execution */

	.execution-content {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 4%;
	}

		.execution-left {
			flex-basis: calc(50% - 4%);
		}

			.execution-left h2 {
				margin-bottom: 21px;	
			}

			.execution-left p {
				font-size: 18px;
				line-height: 28px;
			}

		.execution-right {
			flex-basis: calc(50% - 4%);
		}

			.execution-right p {
				font-size: 21px;
				line-height: 28px;
			}

		.execution-lists {
			flex-basis: 100%;
			display: flex;
			flex-wrap: wrap;
			gap: 4%;
			margin-top: 8vh;
			padding-top: 8vh;
			border-top: 1px solid rgba(0,0,0,0.1);
		}

			.execution-lists ul {
				flex-basis: calc(33% - 4%);
				margin-left: 20px;
			}

				.execution-lists li {
					list-style-type: disc;
					font-size: 16px;
					line-height: 28px;
				}




/* Connect */

	.connect-content {
		display: flex;
		align-items: center;
		gap: 4%;
	}

		.connect-left {
			flex-basis: calc(50% - 4%);
		}

			.connect-left p {
				font-size: 18px;
				line-height: 28px;
			}

		.connect-right {
			flex-basis: calc(50% - 4%);
			text-align: right;
		}





/* Social Icons */

	.social-wrapper {
		text-align: center;
		margin: 0 0 80px 0;
	}

		.social-wrapper.left {
			text-align: left;
			margin: 0;
			padding-top: 20px;
		}

		.social-wrapper h6 {
			font-weight: 700; 
			font-size: 28px; 
			line-height: 32px;
			color: rgba(255,255,255,1);
		}

		ul.social {
			display: block;
			margin: 20px 0 20px 0;
			padding: 10px 0 10px 0;
		}

		.social li {
			display: inline-block;
			list-style-type: none;
			width: 42px;
			height: 42px;
			margin: 0 7px 17px 7px;
		}

		.social a, .social a:visited {
			background-color: rgba(255,255,255,0.2);
			border: none !important;
			border-radius: 30px;
		}

		.social a:hover, .social a:visited:hover {
			background-color: rgba(255,255,255,0.4);
		}

		.social .xtwitter a {
			display: block;
			width: 40px;
			height: 40px;
			text-indent: 500px;
			overflow: hidden;
			background-image: url(images/icons-social-white.png);
			background-position: 0px 0px;
			background-repeat: no-repeat;
			background-size: 245px 40px;	
		}

		.social .facebook a {
			display: block;
			width: 40px;
			height: 40px;
			text-indent: 500px;
			overflow: hidden;
			background-image: url(images/icons-social-white.png);
			background-position: -42px 0px;
			background-repeat: no-repeat;
			background-size: 245px 40px;
		}

		.social .linkedin a {
			display: block;
			width: 40px;
			height: 40px;
			text-indent: 500px;
			overflow: hidden;
			background-image: url(images/icons-social-white.png);
			background-position: -84px 0px;
			background-repeat: no-repeat;
			background-size: 245px 40px;
		}


		.social .telegram a {
			display: block;
			width: 40px;
			height: 40px;
			text-indent: 500px;
			overflow: hidden;
			background-image: url(images/icons-social-white.png);
			background-position: -126px 0px;
			background-repeat: no-repeat;
			background-size: 245px 40px;
		}

		.social .instagram a {
			display: block;
			width: 40px;
			height: 40px;
			text-indent: 500px;
			overflow: hidden;
			background-image: url(images/icons-social-white.png);
			background-position: -165px 0px;
			background-repeat: no-repeat;
			background-size: 245px 40px;
		}

		.social .discord a {
			display: block;
			width: 40px;
			height: 40px;
			text-indent: 500px;
			overflow: hidden;
			background-image: url(images/icons-social-white.png);
			background-position: -306px 0px;
			background-repeat: no-repeat;
			background-size: 367px 40px;
		}




	footer {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 20px 0;
		background-color: rgba(255,255,255,1);
		color: rgba(0,0,0,0.75);
	}

		.footer-content {
			display: flex;
			align-items: center;
			gap: 4%;
		}

			.footer-left {
				flex-basis: 50%;
			}

			.footer-right {
				flex-basis: 50%;
				text-align: right;
			}
		
	footer p {
		font-size: 14px;
		line-height: 21px;
		font-weight: 400;
		margin-bottom: 21px;
		color: rgba(0,0,0,0.75);
	}

	footer p img {
		width: 100%;
		height: auto;
		max-width: 320px;
	}	

	footer p a, footer p a:visited {
		color: rgba(0,0,0,0.75);
	}

	footer p a:hover, footer p a:visited:hover {
		color: rgba(0,0,0,0.75);
	}




@media screen and (max-width:769px){
	
	body {
		background-size: 350% auto;
		background-repeat: repeat;
  		background-position: top center;
	}
	
	
	/* Base Text */	

	h1 {
		font-family: "caslonian-std-l", sans-serif;
		font-size: 54px;
		font-weight: 400;
		margin-bottom: 21px;
		color:rgba(255,255,255,1);	
	}

	h2 {
		font-family: "caslonian-std-l", sans-serif;
		font-size: 48px;
		font-weight: 400;
		margin-bottom: 36px;
	}

	h3 {
		font-family: "caslonian-std-l", sans-serif;
		font-size: 36px;
		font-weight: 400;
		margin-bottom: 21px;
	}

	h4 {
		font-family: "caslonian-std-l", sans-serif;
		font-size: 32px;
		font-weight: 400;
		margin-bottom: 21px;
	}

	h5 {
		font-family: "caslonian-std-l", sans-serif;
		font-size: 28px;
		font-weight: 400;
		margin-bottom: 21px;
	}

	h6 {
		font-family: "inter-18pt", sans-serif;
		font-size: 24px;
		line-height: 32px;
		font-weight: 400;
		margin-bottom: 21px;
	}

	p {
		font-family: "inter-18pt", sans-serif;
		font-size: 14px;
		line-height: 18px;
		font-weight: 400;
		margin-bottom: 21px;
	}
	
	
	
	
	
	/* Navigation */
	
	
		.nav {width: 88%;}
		.nav-container {width: 100%}
		.lets-talk {flex-basis: 50%;}
		.menu {flex-basis: 50%;}
	
		.menu li {
			display: none;
		}

			.menu li:first-of-type {
				display: block;
			}
	
				.menu li:first-of-type a {
					padding: 8px 0 8px 8px;
				}

	
				.menu img {
					width: 140px;
				}
		

			.lets-talk a {
				white-space: nowrap;
			}
	
	
	
		.section.billboard {
			min-height: calc(60vh - 17px);
			padding: 40px 0;
		}
	

		.billboard .logo {
			margin-bottom: 20px;
		}
	
			.billboard .logo img {
				max-width: 280px;
			}


		.billboard .copy-wrapper {
			width: 100%;
		}	
	
		.billboard h1 {
			font-family: "inter-18pt", sans-serif;
			font-size: 18px;
			line-height: 24px;
			margin-bottom: 36px;
		}

			.billboard h1 strong {
				display: block;
			}

		.billboard h4 {
			font-size: 28px;
			color: rgba(0,0,0,0.75);
		}

		.billboard p {
			line-height: 18px;
		}

			.billboard .focuses {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				margin: 40px auto 0 auto;
			}

				.billboard .focus {
					margin: 0 10px;
				}

					.focus h5 {
						font-family: "caslonian-std-l", sans-serif;
						font-size: 21px;
						font-weight: 400;
						color: rgba(0,0,0,0.75);
					}

	
	
	
	.section {
		height: auto;
	}
	
	.section > .container {
		padding: 120px 6% 60px 6%;
	}
	
	
	/* Strategy */
	
	
	.strategy-content {
		flex-wrap: wrap;
	}
	
		.strategy-left {
			flex-basis: calc(100% - 4%);
		}
	
	.strategy-left p {
		line-height: 24px;
	}
	
		.strategy-right {
			flex-basis: calc(100% - 4%);
		}

			.strategy-right ul {
				margin-left: 0;
			}
	
				.strategy-right li {
					font-size: 14px;
					margin: 6px 8px 6px 0;
					padding: 6px 16px 7px 16px;
				}
	
	
	/* Execution */
	
	
		.execution-content {
			flex-wrap: wrap;
		}

			.execution-left {
				flex-basis: calc(100% - 4%);
			}
	
			.execution-right {
				flex-basis: calc(100% - 4%);
			}
	
				.execution-right p {
					line-height: 24px;
				}
	
	
			.execution-lists {
				margin: 15px 0 0 0;
				padding: 30px 0 0 0;
			}
	
				.execution-lists ul {
					flex-basis: calc(100% - 4%);
				}
	
					.execution-lists li {
						font-size: 14px;
					}

	
	
	/* About */
	
	
		.about-content {
			flex-wrap: wrap;
		}

			.about-left {
				flex-basis: calc(100% - 4%);
			}
	
				.about-left p {
					line-height: 24px;
				}

	
			.about-right {
				flex-basis: calc(100% - 4%);
			}
	
				.about-right ul {
					padding-top: 0;
				}
	
					.about-right li {
						flex-basis: calc(100% - 90px);
						padding-bottom: 2px;
					}

	
	/* Connect */
	
	
		.connect-content {
			flex-wrap: wrap;
		}

			.connect-left {
				flex-basis: calc(100% - 4%);
			}
	
			.connect-right {
				flex-basis: calc(100% - 4%);
				text-align: left;
			}
	
	
	
	
	/* footer */
	
		.footer-content {
			flex-wrap: wrap;
			padding: 30px 0 0 0;
		}
	
			.footer-left {
				flex-basis: calc(100% - 4%);
				text-align: center;
			}

				.footer-left img {
					max-width: 180px;
				}
	
			.footer-right {
				flex-basis: calc(100% - 4%);
				text-align: center;
				font-size: 12px;
			}
	
				.footer-right p {
					font-size: 12px;
				}
	
	
}

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

	.section.billboard {
  		min-height: calc(50vh - 17px);
	}
	
}