<style type="text/css">
html {height:fit-content}
body {margin:0;padding:0;height:100%;overflow-x:hidden;overflow-y:scroll;font-family:"Roboto",sans-serif;color:#424B5F;font-optical-sizing:auto;font-style:normal;font-size:calc(16px + 0.1vw)}
form {padding:0;margin:0}
input[type=text],input[type=submit],button,input[type=button] {-webkit-appearance:none;border-radius:0}
select {border-radius:0}

h1, h2, h3 {font-weight:normal;margin:0}
h1 {padding:0}
h2, h3 {padding:0 0 10px}
p {margin:0;padding:0;line-height:1.6em}
a {color:#112F46}

/* mobile nav */
.mob_nav {position:fixed;z-index:10;top:0;left:0;width:min(100%,600px);height:100vh;background-color:#ffffff;transition:0.3s}
.mob_nav.mn_closed {left:-100%;pointer-events:none}
	.close_mn {position:absolute;z-index:2;top:0;right:0;color:#A9AFBC;text-decoration:none;font-size:20px;line-height:1;padding:15px;outline:none}
	.mn_logo {height:30px;padding:15px}
		.mn_logo img {max-width:100%;height:100%;display:block}
	.mn_pnl {height:calc(100vh - 100px);margin:0 15px;overflow:auto}
		.mn_n1 a {display:block;border-top:solid 1px #A9AFBC;padding:10px;color:#112F46;text-decoration:none}

/* header */
.hdr {position:sticky;z-index:3;top:0;left:0;width:100%}
	.hdr_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#004A7D;opacity:1;transition:0.3s}
	.hdr_scr .hdr_bg {background-color:#ffffff;box-shadow:0 2px 3px rgba(0,0,0,0.2)}	
	
	.hdr_fx {position:relative;z-index:1;display:flex;align-items:stretch;justify-content:space-between;column-gap:2vw;width:calc(100% - 4vw);margin:0 auto;padding:15px 0}
		.logo img {max-width:100%;max-height:4vh;display:block}	
		.hdr:not(.hdr_scr) .logo img {filter:brightness(0) invert(1)}
	
/* nav */
.nav {display:flex;align-items:center}
	.nav a {color:#ffffff;text-decoration:none;margin:0 15px}
	.hdr_scr .nav a {color:#112F46}
		.nav span {height:20px;width:1px;background-color:#1F85CF}
		.hdr_scr .nav span {background-color:#A9AFBC}
		
/* hgr */
.hgr {position:absolute;top:50%;left:0;transform:translate(0,-50%)}
	.hgr a {display:block;width:26px;height:37px;padding:3px 7px 0;margin:0 0 0 -7px}
		.hgr span {display:block;height:3px;background-color:#ffffff;margin:6px 0 0;border-radius:2px}
		.hdr_scr .hgr span {background-color:#112F46}
		
/* blue squares */
.blue_sq {position:relative;display:flex}
	.blue_sq > div {position:relative;overflow:hidden;background-size:cover}
	.blue_sq > div:first-of-type {background-color:#015DA0;background-image:url('images/idea5.jpg')}
	.blue_sq > div:nth-of-type(2) {background-color:#004A7D;background-image:url('images/idea6.jpg')}
	.blue_sq > div:nth-of-type(3) {background-color:#1069AA;background-image:url('images/idea7.jpg')}		
	.blue_sq > div:last-of-type {background-color:#004A7D;background-image:url('images/idea8.jpg')}
		.blue_sq_img {position:absolute;z-index:2;bottom:0;right:10px;height:100%;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none}
			.blue_sq_img img {max-height:95%;display:block;pointer-events:auto}
		.blue_sq_tab {position:absolute;z-index:1;right:0;bottom:0;background-color:#004371;width:calc(100% - 1vw);border-radius:10px 0 0;font-size:calc(0.5vw + 15px)}
		.blue_sq > div:first-of-type .blue_sq_tab {background-color:#004A7D}
		.blue_sq > div:nth-of-type(2) .blue_sq_tab {background-color:#1069AA}
		.blue_sq > div:nth-of-type(3) .blue_sq_tab {background-color:#004A7D} 
		.blue_sq > div:last-of-type .blue_sq_tab {background-color:#015DA0}
			.blue_sq_txt {padding:max(2vh,15px) max(1vw,15px);color:#ffffff}			
				.blue_sq_txt span {display:block}
			.blue_sq_tab a {position:absolute;top:0;left:0;display:block;width:100%;height:100%}
		.blue_sq_grad {position:absolute;top:0;left:0;width:20%;height:100%}
		.blue_sq > div:nth-of-type(2) .blue_sq_grad {background-image:linear-gradient(to right,#004A7D,transparent)}
		.blue_sq > div:nth-of-type(3) .blue_sq_grad {background-image:linear-gradient(to right,#1069AA,transparent)}
		.blue_sq > div:last-of-type .blue_sq_grad {background-image:linear-gradient(to right,#004A7D,transparent)}

/* orange bar */
.orange_bar {background-image:url("images/home_bnr_bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;border-bottom:solid 10px #D9E5F0;border-top:solid 1px #ffffff;height:5vmin;color:#ffffff;text-align:center}

/* intro pnl */		
.intro {padding:3vh 0;text-align:center;width:calc(60% + 200px);margin:0 auto}	
	.intro h1 {font-size:calc(2vw + 30px);color:#A9AFBC;font-family:"Cormorant Garamond",serif;line-height:1.1em}
	.intro p {margin:0 0 2vh}
	
/* intro bnrs */
.intro_bnr img, .intro_mob_bnr img {max-width:100%;display:block}

/* home parallax */
.home_para {position:relative;padding:5vh 0 7vh}
	.home_para_scr {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
		.home_para_img {position:absolute;left:0;transform:translate(0,-50%);width:100%;height:200%;background-image:url("images/home_bg.jpg");background-repeat:no-repeat;background-position:center;background-size:cover}

	.home_para_hdr {position:relative;z-index:2;padding:0 0 5vh;font-size:calc(0.7vw + 25px);font-family:"Cormorant Garamond",serif;font-weight:500;text-align:center;width:calc(60% + 200px);margin:0 auto}
	.home_para_fx {position:relative;z-index:1;display:flex;width:calc(60% + 200px);margin:0 auto}
		.home_para_fx > div {background-color:#ffffff;border-radius:20px 20px 15px 0}
			.home_para_fx h2 {font-size:calc(0.7vw + 25px);padding:max(1vh,10px) max(1vw,15px);background-color:#004A7D;color:#ffffff;font-family:"Cormorant Garamond",serif;font-weight:500;text-align:center;border-radius:15px 15px 0 0}
			.home_para_fx p {padding:max(1vh,10px) max(1vw,15px) max(2vh,15px)}

/* blue panel */
.blue_pnl {background-color:#015DA0;background-image:url("images/blue_bg.jpg");background-repeat:no-repeat;background-size:cover;padding:3vh 0 7vh}
	.blue_pnl_ttl {font-size:calc(0.8vw + 35px);color:#ffffff;font-family:"Cormorant Garamond",serif;padding:0 0 4vh;text-align:center}
	.blue_pnl_fx, .blue_pnl_fx2, .blue_pnl_fx3 {position:relative;z-index:1;display:flex;width:calc(60% + 200px);margin:0 auto}
	.blue_pnl_fx2, .blue_pnl_fx3 {flex-direction:column;row-gap:3vh}
		.blue_pnl_fx > div, .blue_pnl_fx2 > div, .blue_pnl_fx3 > div {background-color:#ffffff;border-radius:20px 15px 15px;display:flex;align-items:stretch}
			.blue_pnl_img {width:calc(3vw + 150px);height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:15px 0}
			.blue_pnl_fx2 .blue_pnl_img {background-position:top}
			.blue_pnl_txt {position:relative;padding:max(1.5vh,10px) max(1vw,15px) max(2vh,15px)}
				.blue_pnl_a {position:absolute;top:calc(-30px - 7vh)}
				.blue_pnl_txt h3 {font-size:calc(0.3vw + 20px);color:#A9AFBC}

/* footer */
.footer {background-color:#ffffff;border-top:solid 10px #D9E5F0;text-align:center;padding:5vh 5% 10vh}
	.ftr_ttl {font-size:calc(1.5vw + 15px);color:#A9AFBC;font-size:calc(1.5vw + 15px);font-family:"Cormorant Garamond",serif;font-weight:500}
	.ftr_dsc {font-size:12px;margin:5px 0 0}

/* grey panel */
.grey_pnl {background-color:#ECF1F6;padding:5vh 0 7vh}
	.grey_pnl_txt {width:calc(60% + 200px);margin:0 auto;text-align:center}
		.grey_pnl_txt p {margin:0;padding:0}

/* contact form */
.contact_form {position:relative;margin:0 auto}
	.cf_fx {display:flex;align-items:center;row-gap:3px;margin:0 0 5px;width:100%}
	.contact_form_ani .cf_fx {opacity:0;transition:opacity 0.2s}
		.cf_fx input[type="text"] {height:30px;border:solid 1px #000000;padding:0 5px;outline:none}
		.cf_fx textarea {height:100px;border:solid 1px #000000;padding:5px;outline:none}	
		.cf_focus {background-color:#ffffff !important;border-color:#0099C6 !important;box-shadow:0 0 3px 2px rgba(0,153,198,0.1)}
		.cf_fx a {display:inline-block;background-color:#015DA0;color:#ffffff;padding:10px 20px;margin:5px 0 0;text-decoration:none;border-radius:5px}		

/* form sbt */
.cf_done {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;column-gap:10px;margin:-5vmin 0 0}
.cf_done_ani {opacity:1;transition:opacity 0.2s;transition-delay:0.2s}
	.cf_spinner {position:relative;width:50px;height:50px}
		.cf_s_tick {position:absolute;z-index:4;top:5px;left:5px;width:40px;height:40px;background-color:#ECF1F6;border-radius:50%;text-align:center;font-size:18px;line-height:40px}
			.cf_s_tick span {opacity:0}
			.cf_s_tick_ani {animation:cf_s_tick_ani 0.2s linear both;animation-delay:1.3s}
			@keyframes cf_s_tick_ani {0% {opacity:0} 100% {opacity:1}}
			
		.cf_s_hold {position:absolute;width:100%;height:100%;clip:rect(0,50px,50px,25px);border-radius:100%;background-color:#ffffff}
			.cf_s_fill {background-color:#0ECA00}
			.cf_s_fill {position:absolute;width:100%;height:100%;border-radius:100%;clip:rect(0,25px,50px,0)}
				.cf_s_left .cf_s_fill {z-index:1}
				.cf_s_left_ani .cf_s_fill {animation:cf_s_left_ani 0.5s linear both;animation-delay:0.4s}		
				@keyframes cf_s_left_ani {0% {transform:rotate(0deg)} 100% {transform:rotate(180deg)}}

			.cf_s_right {z-index:3;transform:rotate(180deg)}
				.cf_s_right .cf_s_fill {z-index:3}
				.cf_s_right_ani .cf_s_fill {animation:cf_s_right_ani 0.5s linear both;animation-delay:0.9s}	
				@keyframes cf_s_right_ani {0% {transform:rotate(0deg)} 100% {transform:rotate(180deg)}}	

@media only screen and (orientation:landscape) and (pointer:fine) {
	.hgr, .mob_nav, .para_mob_ppl, .intro_mob_bnr {display:none}
	.blue_sq_arr {display:block}
	
	/* blue squares */
	.blue_sq {height:35vmin}
		.blue_sq > div {width:25%}
			.blue_sq_txt {transition:padding-left 0.1s}
			.blue_sq_tab:hover .blue_sq_txt {padding-left:max(2vw,30px)}
			.blue_sq_arr {position:absolute;top:50%;left:max(1vw,15px);transform:translate(0,-50%);width:0;height:0;border-top:1em solid transparent;border-left:10px solid #ffffff;border-bottom:1em solid transparent;opacity:0;transition:opacity 0.1s}
			.blue_sq_tab:hover .blue_sq_arr {opacity:1;transition:opacity 0.3s}	

	/* home parallax */
	.home_para_fx {column-gap:6%}	
		.home_para_fx > div {width:47%}
		
	/* blue panel */
	.blue_pnl_fx {flex-wrap:wrap;column-gap:6%;row-gap:5vh}
		.blue_pnl_fx > div {width:47%}
	
	/* contact form */
	.contact_form {width:calc(162px + 50vw)}
		.cf_fx span:first-child {width:150px}
			.cf_fx input[type="text"] {width:300px}
			.cf_fx textarea {width:50vw}
		.cf_fx input[type="text"]:hover, .contact_fx textarea:hover {background-color:#DCF3FF}
		
	/* hvr states */
	.nav a:hover {color:#FFA914}
	.cf_fx input[type="text"]:hover, .cf_fx textarea:hover {background-color:#DCF3FF}
	.cf_fx a:hover {background-color:#000000}
}
@media only screen and (orientation:landscape) and (pointer:fine) and (min-width:1201px) and (max-width:1400px) {	
	.blue_sq_img img {margin:0 -3vw 0 0}
}
@media only screen and (orientation:landscape) and (pointer:fine) and (max-width:1200px) {	
	.blue_sq {height:35vmax;flex-wrap:wrap;row-gap:1px}
		.blue_sq > div {width:50%}
	.blue_pnl_fx > div {flex-direction:column}
		.blue_pnl_fx .blue_pnl_img {width:100%;height:0;padding:0 0 calc(20% + 150px)}
}
@media only screen and (pointer:coarse), only screen and (orientation:portrait) {
	.mob_nav, .hgr, .intro_mob_bnr {display:block}
	.nav, .intro_bnr, .blue_sq_arr {display:none}
	
	/* hdr */
	.hdr_fx {padding:15px 40px;width:calc(90% - 80px)}
		.logo {flex-grow:1}
			.logo img {max-width:100%;max-height:30px;margin:0 auto}	

	/* blue squares */
	.blue_sq {height:35vmax;flex-wrap:wrap;row-gap:1px}
		.blue_sq > div {width:50%}

	.blue_pnl_fx, .blue_pnl_fx2, .blue_pnl_fx3, .grey_pnl_txt, .intro,.home_para_fx, .home_para_hdr {width:90%}
	
	/* home parallax, blue panel */
	.blue_pnl {background-position:left}	
		.home_para_fx {flex-direction:column;row-gap:3vh}
		
	/* blue panel */
	.blue_pnl_fx, .blue_pnl_fx2 {flex-direction:row;flex-wrap:wrap;column-gap:6%;row-gap:5vh}
		.blue_pnl_fx > div, .blue_pnl_fx2 > div {width:47%}
		.home_para_fx > div {width:100%}	
			.blue_pnl_fx > div, .blue_pnl_fx2 > div {flex-direction:column}
				.blue_pnl_fx .blue_pnl_img {width:100%;height:0;padding:0 0 calc(20% + 150px);background-position:center 30%}
				.blue_pnl_fx2 .blue_pnl_img {width:100%;height:0;padding:0 0 calc(20% + 150px);background-position:center 10%}

	/* contact form */
	.contact_form {width:70%}
		.cf_fx {flex-direction:column}		
			.cf_fx span:first-child, .cf_fx span {width:100%}
				.cf_fx input[type="text"], .cf_fx textarea {width:calc(100% - 12px)}
				.cf_fx:last-child span:last-child {text-align:center}
				.cf_fx:not(:last-child) {margin:0 0 10px}
}
@media only screen and (pointer:coarse) and (max-width:600px), only screen and (orientation:portrait) and (max-width:600px) {
	.hdr_fx {padding:15px 50px;width:calc(90% - 100px)}
	.contact_form {width:90%}
	
	.blue_pnl_fx, .blue_pnl_fx2 {flex-direction:column;row-gap:3vh}
		.blue_pnl_fx > div, .blue_pnl_fx2 > div {width:100%}
	.blue_pnl_fx3 > div {flex-direction:column}				
		.blue_pnl_fx3 .blue_pnl_img {width:100%;height:0;padding:0 0 calc(20% + 150px)}
	.blue_sq_txt {padding:max(2vh,15px) max(1vw,10px)}
}
@media only screen and (pointer:coarse) and (max-width:400px), only screen and (orientation:portrait) and (max-width:450px) {
	.blue_sq_img img {margin:0 -8vw 0 0}
}

</style>