/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* DEFAULTS */
:root{
	--black: #000000;
	--white: #FFF;
}
html{
	font-size:10px;
	overflow-x:hidden;
}

p,ul{
	margin-bottom: 3rem;
}

/* Start Navigation */
#mean-container{
	display:block;
	position:relative;
	clear:both;
}
.mean-container .mean-bar{
	background:var(--primaryColor);
	display:block;
}
.mean-container a.meanmenu-reveal span{
	background:var(--white);
}
.mean-container a.meanmenu-reveal{
	color:var(--white);
	font-size: 18px;
	text-indent: 0;
	display: flex;
	font-weight:300;
}
.mean-container a.meanmenu-reveal svg{
	margin-left:10px;
}
.mean-nav .collapse{
	border:none;
}
.mean-container .mean-nav ul li a{
	background: var(--primaryColor);
	font-size: 2.5rem;
}
.mean-container .mean-nav ul{
	position:relative;
	top:0;
}
.dropdown-toggle::after{
	display:none;
}
/* End Navigation */
.row{
	margin-left:0;
	margin-right:0;
}


/* HEADER */
header{
}
#main-nav{
	flex:1;
	/*! position:relative; */
	display:flex;
	margin:0;
	padding:0 50px;
	justify-content:end;
}
#main-nav ul.nav{
	display:flex;
	align-items:stretch;
}
#main-nav ul.nav > .dropdown{
	padding:0 !important;
	margin:0;
	justify-content: center;
	text-align:center;
}
#main-nav ul.nav > .dropdown > a{
	color:var(--primaryColor);
	font-size:2rem;
	font-weight:700;
	padding:5px 10px;
	margin:0;
	font-family:'Montserrat', sans-serif;
	line-height:1em;
	display:block;
	word-wrap:break-word;
	text-decoration:none;
	align-items:center;
	border-radius:21px;
	border:1px solid transparent;
}
#main-nav ul.nav > .dropdown:hover > a{
	color:var(--secondaryColor);
	font-style:italic;
	border-color:var(--secondaryColor);
}
#main-nav ul.nav .dropdown .dropdown-menu{
	width:100%;
}
#main-nav ul.nav .dropdown:hover .dropdown-menu{
	padding:0;
	display:block;
}
#main-nav ul.nav .dropdown-menu a{
	background:var(--secondaryColor);
	color:var(--primaryColor);
	padding:10px 20px;
	display:block;
	font-size:1.6rem;
	text-align:center;
}
#main-nav ul.nav .dropdown-menu a:hover{
	background:var(--primaryColor);
	color:var(--white);
	text-decoration:none;
}
#sub-header{
	padding:25px 0 0;
	background:var(--headerBackground);
	display: block;
}
#sub-header #logo{
	margin-left:5%;
	display:block;
	max-width:100%;
	max-height:180px;
}
#sub-header #logo img{
	width:100%;
	mix-blend-mode:multiply
}
#sub-header-inner{
	display:flex;
	position:relative;
	align-items:start;
}
#sub-header #wave-graphic{
	display:block;
	position:relative;
	clear: both;
	width:100%;
	bottom:-5px;
	margin-top:25px;
}
#sub-header #main-nav{
	position:relative;
	display:inline-block;
	justify-self:end;
	width:auto;
	padding:0;
}
#sub-header #main-nav nav{
	display:inline !important;
}
#sub-header #main-nav ul.nav{
	display:inline-flex;
	background:var(--tertiaryColor);
	border-radius:20px 0 0 20px;
}
#sub-header #main-nav nav > div{
	display:flex;
	justify-content: end;
}
#sub-header #main-nav nav ul.nav .dropdown > a{
	padding:10px 25px;
}
#sub-header #main-nav nav ul.nav .dropdown .dropdown-menu a{
	background:var(--white);
}
#sub-header #main-nav nav ul.nav .dropdown .dropdown-menu a:hover{
	background:var(--primaryColor);
}

/* TYPOGRAPHY */
.body-container{
	display:block;
	max-width: 1670px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.text-styles{
	font-size:2.5rem;
	color:var(--primaryColor);
	font-family:'Montserrat', sans-serif;
	line-height:3.5rem;
}
.text-styles a{
	color: var(--primaryColor);
	text-decoration:none;
}
.text-styles a:hover{
	text-decoration:underline;
}
.text-styles a.no-underline:hover{
	text-decoration:none;
}
.content-block .text-styles a:hover{
	text-decoration:underline;
}

.content-block .text-styles ul li{
	margin-bottom: 1rem;
}
.content-block .text-styles .shaded-block ul li{
    line-height:1em;
    margin-bottom:2.5rem;
}

.text-styles ul{
	text-align:left;
}
.color-1, a.color-1{
	color:var(--primaryColor)
}
.color-2, a.color-2{
	color:var(--secondaryColor)
}
.color-3, a.color-3{
	color:var(--black)
}
.color-4, a.color-4{
	color:var(--white)
}
.color-5, a.color-5{
	color:#707070
}
.bg-1{
	background:var(--primaryColor)
}
.bg-2{
	background:var(--secondaryColor)
}
.bg-3{
	background:var(--black)
}
.bg-4{
	background:var(--white)
}
.line-height-normal{
	line-height:1.2em;
}
.font-family-1{
	font-family:'Montserrat', sans-serif;
}
.font-size-1{
	font-size:4.4rem;
}
.font-size-2{
	font-size:3.5rem;
}
.font-weight-light{
	font-weight:300;
}
.font-weight-regular{
	font-weight:400;
}
.font-weight-medium{
	font-weight:500;
}
.font-weight-semibold{
	font-weight:600;
}
.font-weight-bold{
	font-weight:700;
}
.font-weight-extrabold{
	font-weight:800;
}
.font-style-italic{
	font-style:italic;
}
.font-style-normal{
	font-style:normal;
}
.btn-primary, a.btn-primary{
	display:inline-flex;
	align-items:center;
	background:var(--primaryColor);
	color:var(--white);
	font-size:2.2rem;
	font-weight:700;
	font-family:'Arial', Sans-serif;
	border-radius:48px;
	padding:5px 15px 5px 45px;
	border:1px solid var(--white);
	position:relative;
}
.btn-primary svg{
	position:absolute;
	left:5px;
	font-size:3.5rem;
	transition-duration:1s;
}
.btn-primary .fa-secondary{
	color:var(--tertiaryColor);
}
.btn-primary:hover{
	background:var(--secondaryColor);
	color:var(--primaryColor);
	transition-duration:1s;
	text-decoration:none !important;
	padding:5px 45px 5px 15px;
}
.btn-primary:hover svg{
	left:calc(100% - 5px);
	transform:translateX(-100%);
}



/* FORM */
.standard-form label{
	margin:0;
	padding:0;
	line-height:1em;
	font-weight:700;
	text-transform: uppercase;
	color:var(--primaryColor);
}
.standard-form .form-control{
	border: 1px solid #707070;
  border-radius: 15px;
	margin-bottom:20px;
	padding:15px;
	font-size:2rem;
}
.standard-form .btn{
	background:var(--primaryColor);
	font-weight:700;
	text-transform:uppercase;
	padding:10px 25px;
	border-radius:17px;
	border:none;
}

/* MAIN */
#content-container{
	z-index:100000000;
	display:block;
	position:relative;
	padding:20px 35px 0;
}
#content-container.home-content-container{
	z-index:100000000;
	display:block;
	position:relative;
	margin-top:-100px;
	padding:20px 35px 0;
}
#content-container-bg{
	position:absolute;
	bottom:0;
	display: block;
	margin-top: 100px;
	overflow: hidden;
	width: 100%;
    opacity: 0.3;
}
#content-container-bg img{
	filter:grayscale(1);
	width:100%;
}
#content-container-bg-overlay{
	background:linear-gradient(180deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 100%);
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	display:table;
}
.shaded-block{
	display:block;
	background:var(--tertiaryColor);
	border-radius:75px;
	padding:50px;
}
.two-columns{
	column-count:2;
}
.shaded-block ul{
	list-style:none;
	padding:0;
	line-height:2em
}
.dashed-bottom{
	border-bottom:1px dashed var(--primaryColor);
	margin-bottom:40px;
	padding-bottom:40px;
}
.sidebar-image{
	display:block;
	max-width:600px;
	width:100%;
	border-radius:50%;
	margin:0 auto 25px;
}

/* HOME */
#home-header-inner{
	display:flex;
	align-items:center;
	padding:20px;
}
#home-header #logo{
	max-width:450px;
	width:100%;
	display:block;
	position:relative;
}
#home-header #logo img{
	max-width:100%;
	max-height:180px;
}
#home-hero{
	display:block;
	position:relative;
	margin-bottom:-5px;
}
#home-hero .owl-prev, #home-hero .owl-next{
	font-size:3rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	color:var(--primaryColor);
}
#home-hero .owl-prev .fa-secondary, #home-hero .owl-next .fa-secondary{
	color:var(--secondaryColor);
}
#home-hero .owl-prev{
	left:10px;
}
#home-hero .owl-next{
	right:10px;
}
#home-hero #wave-graphic{
	display:block;
	position:absolute;
	bottom:-3px;
	z-index:100;
	width:100%;
	
}
#home-hero-text-container{
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    max-width: 1920px;
    margin: 0 auto;
    justify-content: end;
}
#home-hero-text{
	max-width:350px;
	width:100%;
	position:relative;
	bottom:0;
	z-index:1000;
	right:5%;
	text-align:center;
	color:var(--white);
	font-family:'Montserrat', sans-serif;
}
#home-hero-text-inner{
	display:block;
	background:var(--primaryColor);
	border-radius:20px 20px 100px 100px;
	padding:25px;
}
#home-hero-text span{
	font-size:4.4rem;
	font-weight:700;
	display:block;
}
#home-hero-text span:first-child{
	font-size:3.5rem;
	display:block;
	font-weight:500;
}
#home-hero-text:before{
	content:' ';
	position:absolute;
	display:block;
	width:50%;
	height:30%;
	background:var(--secondaryColor);
	border-radius:25px;
	top:-10px;
	left:-10px;
	z-index:-10
}

/* MEMBERS */
.staff-block{
	display:flex;
	text-align:center;
	flex-direction:column;
	padding:15px;
	background:var(--tertiaryColor);
	border-radius:56px;
	align-items:center;
	color:var(--primaryColor);
	font-family:'Montserrat', sans-serif;
	height:100%;
	max-width:400px;
	width:100%;
	margin:0 auto;
	position:relative;
	line-height:1em;
}
.staff-block img{
	max-width:200px;
	width:100%;
	border-radius:50%;
	margin:15px;
}
.staff-title{
	font-size:3rem;
	display:block;
	font-weight:700;
	margin:0;
}
.staff-title{
	color:#4A4A4A;
	font-size:1.8rem;
	font-weight:700;
	margin:0;
}
.staff-contact{
	display:block;
	margin:15px 5px;
	font-size:1.6rem;
	font-weight:600;
}
.staff-industry{
	margin-top:auto;
	font-family:'Arial', sans-serif;
	font-size:2rem;
}

/* GALLERY */
.masonry-layout {
	--columns: 1;
	--gap: 2rem;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(var(--columns), 1fr);
	grid-gap: var(--gap);
	padding: 2rem;
}
.masonry-layout > div > img,
.masonry-layout > div > div {
	width: 100%;
	margin-bottom: 2rem;
}
.masonry-layout.columns-1 {
	--columns: 1;
}
.masonry-layout.columns-2 {
	--columns: 2;
}
.masonry-layout.columns-3 {
	--columns: 3;
}
.masonry-layout.columns-4 {
	--columns: 4;
}

/* FOOTER */
footer{
	background:var(--primaryColor);
	padding-top:35px;
}
#footer-contact{
	font-family:'Arial', sans-serif;
	font-size:2rem;
	line-height:2.5rem;
	margin:30px 0;
}
#footer-contact, #footer-contact a{
	color:var(--white);
}
img#footer-logo{
	max-width:250px;
	width:100%;
}
.footer-menu{
	list-style:none;
	padding:0;
}
.footer-menu a{
	color:var(--white);
	font-size:2rem;
	font-weight:700;
	display:block;
	margin:15px 0;
}
#footer-block{
	background:var(--secondaryColor);
	padding:50px;
	border-radius:75px 0 0 0;
	font-family:'Arial', sans-serif;
	font-size:2.5rem;
	height:100%;
}
#footer-block-headline{
	font-size:3rem;
	font-weight:700;
	text-transform: uppercase;
}
#footer-block hr{
	border-bottom:1px dashed var(--white);
	background:none;
	opacity:1;
}
#footer-social{
	list-style:none;
	padding:0;
	display:flex;
	align-items:center;
}
#footer-social a{
	color:var(--white);
	font-size:4rem;
	display:block;
	margin:5px 10px;
}
#footer-social a:hover{
	color:var(--primaryColor)
}