/* 
	PARTS
	- defined by 'ALL CAPS'
	- parts within parts, will cause styles to conflict & cascading issues
	- seperate into different files, eg: parts-main, parts-singles, parts-blog
*/



/* HEADER */

.HEADER {
	background: #fff;
	height: 100%;
	box-shadow: inset 0 50px 0 #253746,
	            inset 0 -1px 0 rgba(0,0,0,0.1);
}

.HEADER .b-frame {
	padding-top: 0;
	padding-bottom: 0;
	height: 100%;
}

.HEADER .inset {
	position: relative;
	height: 100%;
}

.HEADER .logo {
	position: absolute;
	display: block;
	top: 63px;
	left: 0;
	width: 322px;
	height: 53px;
}

.HEADER .nav-trigger {
	display: none;
	position: absolute;
	top: 10px;
	right: -10px;
	width: 40px;
	height: 40px;
	background: url(../img/ui-nav.svg) no-repeat center;
}

/* nav */
nav > ul > li .a svg { display: inline;}

.HEADER nav {
	position: absolute;
	top: 69px;
	right: 0;
	height: 42px;
}

.HEADER nav a:not(.b-button) {
	color: #243746;
	transition: color 0.25s;
}

.HEADER nav a:not(.b-button):hover {
	color: #B15532;
}

.HEADER nav .b-button {
	line-height: 42px;
	height: 42px;
}

/* teir 1 */

.HEADER nav > ul > li {
	position: relative;
	float: left;
	margin: 0 0 0 50px;
	font-size: 16px;
	font-weight: 600;
	line-height: 42px;
}

.HEADER nav > ul > li .a { cursor: default; }




/* teir 2 */

.HEADER nav ul ul {
	display: block !important;
	position: absolute;
	overflow: hidden;
	top: 42px;
	left: 0px;
	width: fit-content;
	opacity: 0;
	transform: translate(0, 40px);
	pointer-events: none;
	transition: opacity 0.25s, transform 0.25s;
	font-size: 16px;
	/* line-height: 28px; */
	/* border-radius: 4.5px; */
	background-color: #FFFFFF;
	border: 0.5px solid rgba(19,30,41,0.23);
}
.HEADER  nav ul ul > li {
	box-sizing: border-box;
	padding: 0 27px;
}
.HEADER  nav ul ul > li:first-of-type { padding: 17px 27px 0; }
.HEADER  nav ul ul > li:last-of-type { padding: 0 27px 17px; }

.HEADER  nav ul ul > li a {}
.HEADER  nav ul ul > li a:hover {}


/* teir 2 toggle functionality */
.HEADER  nav ul > li:hover { color: #B15532; }
.HEADER  nav ul > li:hover .a svg { transform:scaleY(-1); }
.HEADER  nav ul > li:hover ul {
	opacity: 1;
	transform: translate(0, 0);
	pointer-events: auto;
	width: fit-content;
}




.investor-blogs a,
.investor-login a {
    font-weight: 600;
    color: #fff;
}

.investor-blogs a:hover,
.investor-login a:hover {
    color: #C07D59;
}

/* pricing */

.HEADER .prices {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	margin: 0;
	padding: 0;
	list-style: none;
}

.HEADER .prices {
	float: right;
}

.HEADER .prices li {
    display: inline;
	margin: 0 0 0 40px;
	padding: 0;
}

@media screen and (max-width: 1250px) {
	.HEADER nav > ul > li {margin:0 0 0 20px;}
}

@media screen and (max-width: 1110px) {
	.HEADER {box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);}
	.HEADER .logo {transform:scale(0.75); top:2px; left:-33px;}
	.HEADER .prices {display:none;}
	.HEADER nav {display:none;}
	.HEADER .nav-trigger {display:block;}
}


/* NAV */

.NAV {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #fff;
	transform: translate(0, -100px);
	transition: transform 0.25s;
	-webkit-overflow-scrolling: touch;
}

.NAV .b-frame {
	padding: 20px;
}

@media only screen and (max-width: 1110px) and (min-width: 900px)  {
	.NAV .b-frame {
		padding: 50px;
	}
}

/* nav */

.NAV nav { overflow: hidden; }

.NAV nav input { display: none; }

.NAV nav li {
	position: relative;
	line-height: 42px;
	font-size: 16px;
	font-weight: 600;
	line-height: 42px;
	margin: 10px 0;
	overflow: hidden;
}

.NAV nav a:not(.b-button) {
	color: #243746;
	transition: color 0.25s;
}

.NAV nav a:not(.b-button):hover {
	color: #B15532;
}

.NAV nav .b-button {
	margin: 20px 0 30px;
	line-height: 42px;
	height: 42px;
}

.NAV nav ul li label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 42px;
}

.NAV nav ul li input + span + label + ul { height: 0; transition: 0.25s; }
.NAV nav ul li input:checked + span + label +  ul { height: 354px; }

.NAV nav ul ul { padding: 0 0 0 20px; }

.NAV .social a {
	display: inline-block;
	vertical-align: top;
	margin: 0 25px 0 0;
	width: 25px;
	height: 25px;
}

/* open/close transition */

#toggle-nav:checked ~ .b-nav .NAV {transform:translate(0, 0);}
#toggle-nav:checked ~ .b-page .HEADER {box-shadow:none;}
#toggle-nav:checked ~ .b-page .HEADER .nav-trigger{background-image:url(../img/ui-nav-close.svg);}



/* MODAL */

.MODAL {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.MODAL .overlay {
	position: absolute;
	top: -100px;
	bottom: -100px;
	left: -100px;
	right: -100px;
	background: #131E29;
	opacity: 0.8;
}

.MODAL .frame {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1100px;
	max-width: calc(100% - 100px);
	max-height: calc(100% - 100px);
	background: #fff;
	transform: translate(-50%, calc(-50% - 50px));
	transition: transform 0.25s;
}

.MODAL .close {
	z-index: 1;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: url(../img/ui-modal-close.svg) no-repeat center #fff;
	border-radius: 5px;
}

.MODAL .container {
	position: relative;
	height: 550px;
	padding-left: 400px;
}

.MODAL .b-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 400px;
	background: #253746 no-repeat center;
	background-size: cover;
}

.MODAL .content {
	box-sizing: border-box;
	height: 100%;
	padding: 50px;
	overflow: auto;
}

.MODAL .content .name {font-size:24px; line-height:32px;}
.MODAL .content .role {margin-top:5px;}
.MODAL .content .more {display:none;}
.MODAL .content .linkedin {color: #243746;}
.MODAL .content .linkedin:hover {color:#B15532;}

/* open/close transition */

#toggle-modal:checked ~ .b-modal .MODAL .frame {transform: translate(-50%, -50%);}

@media screen and (max-width: 900px) {
	.MODAL .close {top:5px; right:5px; background-size:20px 20px;}
	.MODAL .frame {width:400px; height:80%; max-width:calc(100% - 50px); max-height:calc(100% - 50px);}
	.MODAL .container {padding-left:0; height:100%; overflow:auto;}
	.MODAL .b-image {position:static; width:100%;}
	.MODAL .b-image::after {padding-bottom:80%;}
	.MODAL .content {padding:25px; height:auto; overflow:hidden;}

}


/* PFA */

.PFA {
    background-size: cover;
	color: #fff;
}

.PFA .b-frame {
	min-height: 400px;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.PFA .content h1 {
    font-size: 46px;
    line-height: 53px;
}

@media screen and (max-width: 900px) {
	.PFA .b-frame {min-height:0; display:block; width:auto;}
    .PFA .content h1 {font-size: 30px; line-height: 38px;}
}


/* CTA-CONTACT */

.CTA-CONTACT .b-frame {
    padding: 150px 50px 135px;
}

.CTA-CONTACT .content{
    text-align: center;
}

.CTA-CONTACT .content h2{
    color: #B15532;
}

@media screen and (max-width: 900px){
    .CTA-CONTACT .b-frame {padding: 100px 25px;}
}

/*CTA-NEWSLETTER*/

.CTA-NEWSLETTER {
	position: relative;
}

.CTA-NEWSLETTER::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: #253746;
}

.CTA-NEWSLETTER .b-frame {
	padding-top: 0;
	padding-bottom: 0;
}

.CTA-NEWSLETTER .container {
	position: relative;
	background: #fff no-repeat center url(../img/bg-cta.svg);
	box-shadow: 0 3px 60px 0 rgba(0,0,0,0.07);
	padding: 75px 50px;
}

.CTA-NEWSLETTER .content {
	text-align: center;
	margin: 0 auto;
}

.CTA-NEWSLETTER .gform_wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.CTA-NEWSLETTER form {
	position: relative;
	margin-top: 30px;
	padding-right: 225px;
}

.CTA-NEWSLETTER input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	text-align: center;
	padding: 0;
}

.CTA-NEWSLETTER .gform_fields {display:block; margin:0 !important; text-align:left;}
.CTA-NEWSLETTER .gform_fields .gfield {display:block; padding:0 !important;}

.CTA-NEWSLETTER.alt-light {background:#F4F5F6;}

@media screen and (min-width: 901px) {
	.CTA-NEWSLETTER h2 {font-size:36px; line-height:48px; margin:0 auto;}
}

@media screen and (max-width: 900px) {
	.CTA-NEWSLETTER .container {padding:25px;}
	.CTA-NEWSLETTER form {padding-right:0;}
    .CTA-NEWSLETTER .gform_footer {padding-top: 25px;}
	.CTA-NEWSLETTER input[type="submit"] {position:static; width:100%;}
    .CTA-NEWSLETTER h2 {font-size:24px; line-height:32px; margin:0 auto;}
}


/* THANK-YOU */

.THANK-YOU {
	background: #F4F5F6;
}

.THANK-YOU .b-frame {
	text-align: center;
	max-width: 900px;
}

@media screen and (min-width: 901px) {
	.THANK-YOU .b-button {margin-top:10px;}
}


/* INVESTOR */

.INVESTOR {
	background: #F4F5F6;
}

.INVESTOR .b-frame {
	text-align: center;
	max-width: 900px;
}

.INVESTOR #login {
    margin-top: 30px;
}

.INVESTOR p {
    margin-top: 60px;
}

.INVESTOR .CTA-NEWSLETTER {
    background: #F4F5F6;
    padding: 0;
}

.INVESTOR .CTA-NEWSLETTER .content{
    max-width: 500px;
}


/* FOOTER */

.FOOTER {
	color: #fff;
	background: #253746;
}

.FOOTER .logo {
	display: block;
	top: 63px;
	left: 0;
	width: 186px;
	height: 118px;
}

.FOOTER .social {
	margin-top: 50px;
}

.FOOTER .social a {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0 0;
	width: 25px;
	height: 25px;
}

.FOOTER a {
	color: #fff;
}

.FOOTER a:hover {
	color: #A7AFB5;
}

.FOOTER nav li {
	font-weight: 700;
	margin: 30px 0;
}

.FOOTER .block {
	white-space: nowrap;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	line-height: 26px;
}

.FOOTER .block .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: no-repeat center;
}

.FOOTER .legal {
	margin: 50px 0 -50px;
	font-size: 14px;
	line-height: 22px;
}

.FOOTER .legal a {
	padding-right: 50px;
} 

.FOOTER .b-columns.alt-blocks .b-column:nth-child(1) .icon,
.FOOTER .b-columns.alt-blocks .b-column:nth-child(2) .icon {background-image:url(../img/ui-location.svg);}
.FOOTER .b-columns.alt-blocks .b-column:nth-child(3) .icon,
.FOOTER .b-columns.alt-blocks .b-column:nth-child(4) .icon {background-image:url(../img/ui-phone.svg);}

@media screen and (max-width: 1200px) {
	.FOOTER .legal a {padding-right:25px;}
}

@media screen and (max-width: 900px) {
	.FOOTER .logo {display:none;}
	.FOOTER .social {margin:0; text-align:center;}
	.FOOTER .social a {margin:0 10px;}

	.FOOTER .b-columns.alt-blocks {display:flex;}
	.FOOTER .b-columns.alt-blocks .b-column {width:50%;}
	.FOOTER .block {padding:0; font-size:14px; line-height:22px; text-align:center;}
	.FOOTER .block .icon {position:static; margin:0 auto 6px;}

	.FOOTER .legal {text-align:center; margin:40px 0 0; line-height:30px;}
	.FOOTER .legal a {padding:0 5px; white-space:nowrap;}
	.FOOTER .copyright {display:block; margin:20px 0 0;}
}


/* NOT-FOUND */

.NOT-FOUND .b-frame {
	padding-bottom: 0;
}

.NOT-FOUND .error-code {
	font-weight: 600;
	color: #B15532;
	text-transform: uppercase;
	font-size: 100px;
	line-height: 100px;
	padding-bottom: 25px;
}

.NOT-FOUND .content {
	text-align: center;
	padding-bottom: 25px;
}

.NOT-FOUND .content .b-button {
	margin-top: 25px;
}

.NOT-FOUND .image {
	padding-bottom: 27.55%;
	background: no-repeat center url(../img/not-found.svg);
	background-size: cover;
}



/* BASIC-PAGE */

.BASIC-PAGE .b-frame {
	max-width: 900px;
}