body{
	padding: 0;
	margin: 0;
}


html {
	padding: 0 !important;
	margin: 0 !important;
}

/* ANIMATION */

.process-icon {
	padding-left: 120px;
}


.process-icon svg {

	width: 100%;
		max-width: 300px;
}


.process-icon svg #first {


			animation: first 7s;

			animation-iteration-count: infinite;
			animation-delay: 0s;

}






@keyframes first {
	0%   {transform: translate(0% , 30%);
				}
  30% {transform: translate(0% , 0%);}
  50% {transform: translate(0% , 0%);}
	  80% {transform: translate(0% , 0%);}
	  100% {transform: translate(0% , 30%);}

}



.process-icon svg #second {


			animation: first 7s;

			animation-iteration-count: infinite;
			animation-delay: 0.1s;

}


.process-icon svg #third {


			animation: first 7s;

			animation-iteration-count: infinite;
			animation-delay: 0.2s;

}


.process-icon svg #fourth {


			animation: first 7s;

			animation-iteration-count: infinite;
			animation-delay: 0.4s;

}








.result-icon {
	padding-left: 150px;
}


.result-icon svg {

	width: 100%;
		max-width: 300px;


		/* animation: wheel 7s; */

		animation-iteration-count: infinite;
		animation-delay: 0s;

}


@keyframes wheel {
	0%   {transform: rotate(0);
				}

  50% {transform: rotate(360deg);}
	  100% {transform: rotate(0);}

}


.result-icon svg #big {
	animation: big 5s;

	animation-iteration-count: infinite;
	animation-delay: 0s;
	  transition-timing-function: cubic-bezier(0.82, 0.05, 1, 0.38);

}


@keyframes big {
	0%   {transform: translate(0 , 0);
				}

  20% {transform: translate(-3% , 7%);}
	  60% {transform: translate(-3% , 7%);}
		  80% {transform: translate(-3% , 7%);}
			90% {transform: translate(0 , 0);}
	  100% {transform: translate(0 , 0);}

}



.result-icon svg #middle {
	animation: middle 5s;

	animation-iteration-count: infinite;
	animation-delay: 0.2s;
	transition-timing-function: cubic-bezier(0.82, 0.05, 1, 0.38);

}


 @keyframes middle {
	0%   {transform: translate(0 , 0);
				}

  20% {transform: translate(2% , 2%);}
	60% {transform: translate(2% , 2%);}
	80% {transform: translate(2% , 2%);}
	  90% {transform: translate(0 , 0);}
	  100% {transform: translate(0 , 0);}

}



.result-icon svg #small {
	animation: small 5s;

	animation-iteration-count: infinite;
	animation-delay: 0.4s;
	 transition-timing-function: cubic-bezier(0.82, 0.05, 1, 0.38);

}


@keyframes small {
	0%   {transform: translate(0 , 0);
				}

  20% {transform: translate(-5% , -4%);}
	  60% {transform: translate(-5% , -4%);}
		  80% {transform: translate(-5% , -4%);}
			 90% {transform: translate(0 , 0);}
	  100% {transform: translate(0 , 0);}

}









.result-icon {
	width: 100%;
}

/* transition */


.button-b:hover {
    transform: scale(1.05);
		transition: 0.4s;

	}

/* FIXED */


#overlay {
	width: 100vw;
	    height: 100vh;
	    background: white;
	    position: fixed;
	    z-index: 99999999999;
	    opacity: 1;
	    transition-delay: 1s;
			top: 0;
			left: 0;
}

#overlay.enter-animation {
	width: 100vw;
	    height: 100vh;
	    background: white;
	    position: fixed;
	    z-index: -1;
	    opacity: 0;
	    transition-delay: 1s;
			top: 0;
			left: 0;
}




 .burger.button-open > div {
	background: #5B6771 !important;
}



 .nav {
    background: none !important;
	height: auto !important;
	display: none !important;
	}

 .nav.home-nav {
	 display: flex !important;
 }


 /* .nav-container {
	display: none !important;
} */





/* RESULTS */




.list-container {
		background-image: url(../img/emblem_bg.png);
		background-position: -15%  300%;
		background-repeat: no-repeat;
		background-size: 60%;
}

.list-container.pursuits {
		background-position: -10%  -25%;
			background-size: 60%;
}

.list-container.accordions {
	display: flex;
	flex-direction: column;
	width: 100%;


}

.accordion-layout {
	margin: auto;

	width: 80vw;
	max-width: 1400px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-bottom: 5vh;
}


.accordion-item span {
	margin-left: -10px;
}
.accordion-item span:first-child {
	margin-left: 0;
}

.accordion-item h1.huge-number {
	font-size: 40px;
	font-weight: 600;
	padding-bottom: 0px;
}

.accordion-tab {

	padding-bottom: 20px;
	border-bottom: 1px solid #CFD2D3;
	height: auto;
	max-height: 40px;
	transition: 0.8s;
overflow: hidden;
}


.accordion-tab ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0.5em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}

.accordion-tab ul li {
	    font-family: montserrat, sans-serif;
			font-weight: normal !important;
font-size: 17px;
margin-block-start: 0em;
    margin-block-end: 0em;
    color: #5B6771;
    line-height: 1.7;
}


p.big {
	font-size: 20px;
	width: 90%;
	max-width: 500px;
}


.accordion-tab.button-open {
	max-height: 360px;
	transition: 1.7s;
}

.accordion-item {
	width: 50%;
}

.accordion-item h1 {
	color: #0B8FAA;
	padding-bottom: 10px;
	padding-top: 5vh;
}

.accordion-item .buttons {
transition: 0.5s;
	    margin-top: 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			padding: 15px 0;
			cursor: pointer;
}

.accordion-item .buttons:hover {
transition: 0.5s;
background: #F2F2F2;
}



.accordion-item .buttons h3 {
	transition: 0.5s;
color: #5B6771;
font-size: 23px;
cursor: pointer;

}

.accordion-item .buttons:hover h3 {

}

.accordion-tab.button-open .buttons h3 {
	color: #0B8FAA;
}



.accordion-item .buttons img {
	transition: 0.5s;
width: 20px;
height: 20px;
display: inline-block;

}


.accordion-tab.button-open .buttons img {

		transform: rotate(45deg);
}

.accordion-item .buttons:hover img {

}

.accordion-item p {

	margin-block-start: 0em;
margin-block-end: 0em;
color: #5B6771;
line-height: 1.7;
}




/* HOME NAV */



.blur-filter {
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: white;
	z-index: 0;
	backdrop-filter: blur(0px);
	    background: rgba(13,28,40,0);
			transition: 0.4s;
}



.blur-filter.button-open {
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: white;
	z-index: 100;
	backdrop-filter: blur(9.5px);
	    background: rgba(13,28,40,0);
			transition: 0.4s;
}


.nav-container.nav-container-home {
	width: 0px;
	opacity: 0;
	background: white;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	display: flex;
	padding-left: 0px;

	box-shadow: 0px 3px 44px -19px rgba(0,0,0,0.29);
	overflow: hidden;
		transition: 0.4s;
		height: 100%;
}

.nav-container.nav-container-home  .meta-footer {
	padding-bottom: 20px;
}

.nav-container.nav-container-home  .meta-footer p {
	color: #5B6771;
	text-align: left;
	font-size: 16px;
	padding: 0px 0;
}

.nav-container.nav-container-home  .meta-footer a {
	color: #5B6771;
		text-align: left;
		text-decoration: underline;
}


.nav-container.nav-container-home.button-open {
	width: 340px;
padding-left: 40px;
		transition: 0.4s;
			opacity: 1;
}

.nav-container.nav-container-home img {
		padding-left: 5px;
		padding-top: 60px;

}




.nav-container.nav-container-home #menu-full-nav {
		display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	padding-top: 50px;

}

.nav-container.nav-container-home #menu-full-nav a {
	color: #5B6771;
}



.nav-container.nav-container-home #menu-full-nav li {
	margin: 5px 12px;
}


.nav-container.nav-container-home .menu-full-nav-container {
	margin-right: 0;
}

/* typography */


ul li a {
	font-family: montserrat, sans-serif;
font-weight: 700;
font-style: bold;
font-size: 14px;
line-height: 1.6;
color: #5B6771;
text-decoration: none;
text-transform: uppercase;
}

h1 {
	font-family: proxima-nova, sans-serif;
	font-weight: 600;
	font-style: bold;
	font-size: 30px;
	margin-block-start: 0em;
	margin-block-end: 0em;
	color: #5B6771;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}


h1.big {
	font-family: proxima-nova, sans-serif;
	font-weight: 600;
	font-style: bold;
	font-size: 3vw;
	margin-block-start: 0em;
	margin-block-end: 0em;
	color: #00758D;
	line-height: 1;
	text-transform: uppercase;
}


h3 {
	font-family: proxima-nova, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
line-height: 1.3;
color: #5B6771;
margin-block-start: 0em;
margin-block-end: 0em;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}

h4 {
	font-family: proxima-nova, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
line-height: 1.3;
color: #5B6771;
margin-block-start: 0em;
margin-block-end: 0em;
text-transform: uppercase;
padding-top: 15px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}

h4.big {
	padding-top: 0;
	color: #00758D;
	font-size: 40px;
	font-weight: 600;
	-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}


h5 {
	display: block;
    font-size: 18px;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
		font-family: noto-serif,serif;
	font-weight: 800;
	font-style: normal;
	color: #4C555D;
	-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}





p {
	-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
	font-family: montserrat, sans-serif;
font-weight: 600;
font-weight: normal !important;
font-size: 17px;
line-height: 1.7;
color: #5B6771;
}

p.front-page {
	font-family: montserrat, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 13px;
}


p.footer {
	color: #5B6771;
	text-align: center;
	padding: 10px 0;
	display: none ;
	width: 100%;
}

.button p{
	font-size: 15px;
	position: static !important;
	width: auto !important;
	padding: 17px 18px;
	background:#61B0BC;
	color: white !important;
	display: inline-block;
}

.button-a p{
	font-size: 15px;
	position: static !important;
	width: auto !important;
	padding: 17px 18px;
	background:#61B0BC;
	color: white !important;
	display: inline-block;
}

.button {
		margin-top: 30px;
		cursor: pointer;
}

.button-a {
		margin-top: 30px;
		cursor: pointer;
}






/* BURGER */

.nav-container {
	width: 65vw;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/pattern.jpg);
z-index: 500;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
align-content: center;
opacity: 0;
transition: 0.5s;

}

.nav-container.button-open {
	opacity: 1;
	transition: 0.5s;
}



.nav-container span {
	padding: 30px;
}

.nav-container h3 {
	color: white;
	text-align: center;
	font-size: 27px;
}
.nav-container a {
	color: white;
		text-align: center;
		font-size: 18px;
		text-decoration: none;

}

.nav-container p {
		font-size: 18px;
	color: white;
		text-align: center;
		margin-block-start: 0em;
margin-block-end: 0em;
padding: 4px 0;
}

.social-link {
	display: flex;
	justify-content: center;
	flex-direction: row;
}


.social-link a {
font-size: 18px;
display: inline-block;
margin: 0 10px;

}

/* NAV */
.full-nav {

	 position: fixed;
	 top: 0;
	 background: white;
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
	 align-items: center;
	 width: 100vw;
height: 90px;
z-index: 99999;
-moz-box-shadow: 0px 3px 44px -19px rgba(0,0,0,0.17);
    box-shadow: 0px 3px 44px -19px rgba(0,0,0,0.17);
		/* background-image: url(../img/background-emblem.png);
background-size: cover; */
 /* display: none !important;  */
}


.full-nav a img {
	margin-left: 150px;
	display: inline-block;
}

.emblem {
	position: absolute;
	top: 35px;
	left: 35px;
}


.full-nav img.emblem {
width: 100px !important;
opacity: 0;
}



.menu-full-nav-container {
	width: auto;
	height: 100%;
		margin-right: 70px;
}



#menu-full-nav {
	display: flex;
align-items: center;
flex-direction: row;
	height: 100%;



}



#menu-full-nav {
	list-style-type: none;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0;
}


#menu-full-nav li {
margin: 0 20px;
border-bottom: 2px solid white;
}

#menu-full-nav li:hover {

border-bottom: 2px solid #61B0BC;
}

#menu-full-nav li.current-menu-item {

border-bottom: 2px solid #61B0BC;
}
















/* MAIN HOME */


.home-container {
	display: flex;
	width: 100vw;
	height: 100vh;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.home-container .home-item {
	width: 33.333%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
}



.home-filter {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: black;
	opacity: 0.3;
}



.home-container .home-item .home-info {
	width: 80%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: static;
	z-index: 9;
}









.home-container .home-item .home-info .logo img {
width: 60px;
}

.home-container .home-item .home-info p {
	text-align: center;

}

.home-container .home-item .home-info a {
text-decoration: none;
color: white;
}

.home-container .home-item .home-info h1.big {
	color: white;
	text-align: center;
}


.home-container .home-item .home-info.link-column .button-b {
	background: none;
	border: 2px solid white;
	text-shadow: 8px 5px 40px rgba(0,0,0,0.84);
	transition: 0.4s;
}

.home-container .home-item .home-info.link-column .button-b a p{

	text-shadow: 8px 5px 20px rgba(0,0,0,0.84);
}



.home-container .home-item .home-info .logoemblem {
	width: 4vw;
	padding-bottom: 20px;
}


.home-container .home-item .home-info .templogo {
	width: 24vw;
}



/* BURGER */
.nav {
	position: fixed;
	z-index: 99999000;
	width: 100px;
	height: 100vh;
	top: 0;
	right: 0;
display: flex;
background: white;
flex-direction: column;
justify-content: space-between;
align-items: center;
align-content: center;
transition: 0.5s;
}

.nav.button-open {
	background: none;
	transition: 0.5s;
}

























.social {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	opacity: 1;
	transition: 0.5s;
}

.social.button-open {
	opacity: 0;
	transition: 0.5s;
}



.social a {
	color: #5B6771;
	padding: 10px 0;
	font-size: 19px;
}


.burger {
	margin: 30px;
}

.burger .upper, .burger .middle, .burger .bottom {
	width: 41px;
	height: 4px;
	background: white;
	margin: 5px 0;
	transition: 0.5s;
}

.burger.button-open > div {
	background: white;
		transition: 0.5s;
}


.burger.button-open .upper {
transform: translate(0px, 18px) rotate(45deg);;

}

.burger.button-open .bottom {
transform: translate(0px, 0px) rotate(-45deg);;

}

.burger.button-open .middle {
opacity: 0;
}


/* LAYOUT */
.main-container {
	width: 100vw;
	height: 100vh;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}


.left-panel {
	width: 35%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.left-panel p {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 35vw;
	color: #5B6771;
	text-align: center;
	font-size: 12px;
}

.left-panel img {
	width: 70%;
	max-width: 380px;
}

.left-panel h3 {
	width: 70%;
	max-width: 420px;
	text-align: center;
	padding-top: 23px;
}

.pattern {
	width: 14px;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/pattern.png);

}


.right-panel {
	width: 65%;
	height: 100%;
	position: relative;
}


.hero-container {
	margin-top: 70px;
	width: 100vw;
	height: 80vh;
	background: #F7F7F7;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	padding-bottom: 11vh;

}

.hero-container p.big {
	width: 100%;
	max-width: 1000px;
	text-align: left;
}

.hero-container .right-container {
	width: 65%;
	height: 100%;
}

.hero-container .left-container {
	width: 35%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.hero-container .left-container .text-container {
	width: 65%;
	height: auto;
}

.scroll-button {
	width: 80px;
	height: 80px;
	border: 2px solid #5B6771;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 50%;

	position: absolute;
	bottom: 10vh;

}

.scroll-button img {
	width: 30%;

}








/* LIST CONTAINER */

.list-container {
	width: 100vw;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	padding: 10vh 0;
}

.list-container .left-container {
	width: 30%;

}

.list-container .left-container h1 {
	padding-left: 150px;
	padding-bottom: 100px;
}

.list-container .left-container img {
	width: 250px;
		padding-left: 150px;
		display: inline-block;
}





.list-container .right-container {
	width: calc(70% - 150px);
	padding-right: 150px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.list-container .right-container .list-item {
	width: 40%;
		position: relative;
		margin: 40px 0;
}

.list-item p {
	margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: normal !important;
}

.line {
	width: 3px;
	background: #5B6771;
	height: 40px;
	position: absolute;
	top: 5px;
	left: -20px;
	opacity: 0.5;
}

.result .line {
	display: none;
}





/* CASE STUDY */



.casestudy-container {
	width: 100vw;
	height: auto;
position: relative;
margin-bottom: 0;

}

.casestudy-container .casestudy {
	width: 100%;
	height: 100%;
}




.casestudy-container .casestudy_carousel {
	width: 100%;
	height: 100%;
background: #F7F7F7;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: nowrap;
}




.casestudy_carousel .left-container {
	width: 40%;


	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding-bottom: 4vh;
	padding-top: calc(4vh + 80px);
	padding-bottom: calc(4vh + 80px);
}

.casestudy_carousel .left-container h1 {
	color: #00758D;
	font-size: 40px;
	padding-bottom: 5px;
}


/* TEMPORARY */


.info-div {
	width: 100%;

		width: 90%;
		max-width: 1150px;
		margin: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		padding: 12vh 0;

}

.info-div .info-sub {
	width: 47%;
height: 100%;

}






.info-div .info-sub:last-child {
	border-left: 1px solid #D0D0D0;
	padding-left: 20px;
}

#single-portfolio .portfolio-container {
	padding-bottom: 5vh;
	background: #F4F4F4;
}




#single-portfolio .portfolio-container h1 {
color: white;
font-size: 25px;
}

#single-portfolio .other-portfolio {
	background: #F4F4F4;
	width: 100%;
	height: auto;
	padding-top: 5vh;
}

#single-portfolio .portfolio-container h1.other {
	color: #00758D;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}

#single-portfolio .portfolio-container a {
	border-color:  #F4F4F4;
}


#single-portfolio .info-div h1 {
	width: 100%;
	text-align: left;
}

.information, .meta-info {
	width: 80%;

display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
margin-top: 20px;
}

.meta-div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 3px 0;
}

.meta-div p {
	display: block;
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
padding-top:
}

.meta-div h5 {
	width: 140px;
	font-size: 15px;

}

.casestudy-container .center {
	background: #E3E3E3;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 80px;
width: 40vw;
position: absolute;
z-index: 999;
}

.casestudy-container span {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0 20px;
	transition: 0.4s;
	 cursor: pointer;
}



.casestudy-container .center.bottom {
	bottom: 0 !important;
}



.casestudy-container .center h1 {
 font-size: 13px;
 padding: 0 5px;
 line-height: 40px;
 transition: 0.4s;

}



.casestudy-container .center span i {
font-size: 14px;
 color: #5B6771;
 transition: 0.4s;
}



.casestudy-container .center span:hover {
background: #61B0BC;
transition: 0.4s;
}

.casestudy-container .center span:hover h1{
color: white;
transition: 0.4s;
}

.casestudy-container .center span:hover i{
color: white;
transition: 0.4s;
}


.casestudy_carousel .right-container {
	width: 60%;

	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.before-after {
	width: 50%;
	height: 50%;
	position: relative;
	overflow: hidden;
}
/* 3rd fix */

.horizonals {
	width: 50%;
	height: 100%;
}

.horizonals .before-after {
		width: 100%;
}

.verticals {
	width: 50%;
	height: 100%;
}

.verticals .before-after {
	width: 100%;
	height: 100%;
}

/* end 3rd fix */

.before-after .black {
	width: 100%;
	height: 100%;
	background: lightblue;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
		transition: 0.8s;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
			transform: scale(1);
}

.before-after .black:hover {
	opacity: 0;
	transition: 0.8s;
		transform: scale(1.05);
}




.before-after .color {
	width: 100%;
	height: 100%;
	background: gray;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.9s;
	transform: scale(1);
}








.tap {
	position: absolute;
	z-index: 1000;
width: 90px;
height: 50px;
background: rgba(256,256,256,0.77);
    transition: 0.2s;
    -webkit-backdrop-filter: blur(9.5px);
    backdrop-filter: blur(7.5px);
display: none;
justify-content: center;
align-items: center;
border-radius: 30px;
bottom: 20px;
left: 20px;

}


.tap h1 {
text-transform: capitalize;
font-size: 19px;
}








/* PORTFOLIO CONTAINER */


.portfolio-container {
	width: 80vw;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 0;
	margin: auto;

}


.portfolio-container a {
width: auto;
display: flex;
width: calc(33.33% - 14px);
justify-content: center;
align-items: center;
flex-direction: row;
cursor: pointer;
overflow: hidden;

    border: 7px solid white;

}

.portfolio-container a:after {
	content: "";
	float: left;
	padding-top: 95%; 	/* initial ratio of 1:1*/
}

.portfolio-container a .portfolio-items-div {
	display: flex;
	position: relative;
	width: 100%;
background-size: cover !important;
transition: 0.4s;
transform:  scale(1.04);

}

/* .portfolio-container a .portfolio-items-div:hover {
transform:  scale(1);
	transition: 0.4s;
} */


.portfolio-container a .portfolio-items-div:after {
	content: "";
	float: left;
	padding-top: 95%; 	/* initial ratio of 1:1*/
}


.portfolio-container a div span {
	width: 100%;
	position: absolute;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 20px;
}

.portfolio-container a div h1 {
width: 80%;

text-align: center;
color: white;
text-transform:  uppercase;
line-height: 1.2;
font-size: 25px;

}
.portfolio-container a div h5 {
width: 80%;

	text-align: center;
color: white;
font-size: 14px;

}


.bottom-line {
	display: block;
	width: 2px !important;
	height: 0px;
	background: white;
	margin-top: 10px;
	transition: 0.4s;
}

.portfolio-container a div:hover span .bottom-line {
	height: 30px;
	transition: 0.4s;
}





/* SINGLE PORTFOLIO */

.portfolio-hero {
	width: 100vw;
	height: 80vh;
	min-height: 700px;
}

.info-container {
	width: 80vw;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 2000px;
	margin: auto;
	padding-top: 6vh;
}

.info-container .info-paragraph {
	width: 50%;
}

.info-container .info-meta {
	width: 40%;


}

.info-container .info-meta .meta-info {
		margin-top: 0px !important;
}

#single-portfolio h1.secondary {
	color: #5B6771;
	font-size: 30px;
	padding-bottom: 10px;

}

#single-portfolio .info-paragraph h1 {
	color: #5B6771;
    font-size: 30px;
    padding-top: 40px;
		padding-bottom: 0;
		width: 400px;
		line-height: 1.1;
}

#single-portfolio .info-paragraph li {
	font-size: 17px;
    line-height: 1.7;
    color: #5B6771;
		font-family: montserrat, sans-serif;
    font-weight: 600;
    font-weight: normal !important;
}


#single-portfolio .info-paragraph h1:first-child {

    padding-top: 0;

}




.button-b {
	background: #61B0BC;
margin-top: 20px;
transition: 0.4s;
}

.button-b p {
padding: 0 15px;
	color: white;
}

#single-portfolio h1 {
    color: #00758D;
    font-size: 40px;
    padding-bottom: 5px;
		text-align: center;
}

#single-portfolio .title {
	background: #EDEDED;
	padding: 30px 0;
	width: 100%;
	max-width: 560px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-top: -60px;
}


#single-portfolio .meta-info {
	width: 100%;
}

.gallery-container {
	width: 100vw;
	max-width: 1000px;
	margin: auto;
	padding-top: 10vh;
	margin-bottom: 5vh;
}

.gallery-container .gallery {
	width: 100%;
	height: 500px;
}


.gallery-container .gallery .gallery-image {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.gallery-center {
	background: #F4F4F4;
	display: flex;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
}


.gallery-center span h1 {
	font-size: 15px !important;
	padding: 0 10px;

}

.gallery-center span {
	padding: 20px 20px;
	display: flex;
	flex-direction: row !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: nowrap;
		height: 100%;
		color: #818B93;
}

.gallery-pager {
	display: flex;
	flex-direction: row !important;
	justify-content: center !important;
	align-items: center !important;

}


.gallery-pager span {
	font-size: 35px;
	padding: 0px 10px;
	opacity: 0.5;
	transition: 0.4s;
}


.gallery-pager span.cycle-pager-active {
	opacity: 1;
		transition: 0.4s;
}




.gallery-center span#gallery-next h1 {
			color: #818B93;
			font-size: 20px;
			padding-bottom: 0px;

}

.gallery-center span#gallery-prev h1 {
			color: #818B93;
	font-size: 20px;
	padding-bottom: 0px;
}




/* NEW */


.news h1 {
    color: #00758D;

    padding-bottom: 5px;
}


.tags {
	color: #00758D;
    font-size: 15px;
		font-family: proxima-nova, sans-serif;
font-weight: 600;



}



.alm-btn-wrap .alm-load-more-btn {
    font-size: 15px;
    font-weight: 500;
    width: auto;
    height: 43px;
    line-height: 1;
    background: #5B6771 !important;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
    color: #fff;
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 0 20px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}




#ajax-load-more {
	padding: 4vh 0;
	width: 85vw;
max-width: 900px;
display: flex;
flex-direction: column;
margin: auto;
}

.alm-item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.alm-item img {
	width: 40% !important;
}

.alm-item img {

}



.news .title {
	background: #EDEDED;
	padding: 30px 0;
	width: 100%;
	max-width: 560px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-top: -60px;
}


.news-container {
	width: 85vw;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	max-width: 1000px;
	padding: 5vh 0;
	height: auto;
}


.alm-listing .alm-reveal>li.no-img {
	padding: 3vh 0 !important;
	border-bottom: 1px solid #d6d6d6;
	padding-top: 0 !important;
}

.news-container a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	height: 250px;
width: 100%;
	text-decoration: none;
padding: 1vh 0;


}

.news-container a:last-child {
	border-bottom: none;
}


.news-container a .button-b {
width: 140px;
padding: 10px 0;
/* position: absolute;
bottom: 0;
left: 0; */

padding-top: 0;

}




.news-container a .button-b p{
padding: 0px 0;
margin-block-start: 0em;
    margin-block-end: 0em;
		padding: 0px 5px;
		padding-left: 14px;
		font-size: 14px;

}

.news-container a .news-item-image {
	width: 40%;
	height: 100%;
}

.news-container a .news-item-info {
	width: 57%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	align-content: space-between;
	position: relative;
	height: 100%;

}

.news-container a .news-item-info h5 {
	font-size: 20px;
}


.news-container a .news-item-info p {
	line-height: 1.5;


}




/* SINGLE NEWS */


 a.breadcrumb p{
	color: #00758D !important;
}
 a.breadcrumb {
	 padding-bottom: 2vh;
 }

.more-container {
	width: 100vw;
	height: auto;
		background: #F5F5F5;
}


#news .more-news {
	width: 100%;
	text-align: center;
	padding-top: 3vh;

}




#news .news-container a {
	padding: 4vh 0;
	border-bottom: 1px solid #d6d6d6;
}

#news .news-container a:last-child {
	border: none !important;
}


#news .news-container a .button-b  {
	padding-top: 10px;
}



.news-info {
	width: 85vw;
	max-width: 900px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	margin: auto;
	height: auto;
	padding: 5vh 0;
}




.news-info a {
color: #00758D;
}

.news-info li {
    font-size: 17px;
    line-height: 1.7;
    color: #5B6771;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-weight: normal !important;
}


.news-info .date {
	margin-bottom: -10px;
}



.news-info img {
	width: 100%;
	height: auto !important;
}

.news-info .tags{
font-size: 20px;
}

h5.single-news-title {
	font-size: 30px;
	padding-bottom: 5vh;
}





/* FOOTER */

footer {
	width: calc(100vw - 300px);
	padding: 80px 150px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/pattern-wave.jpg);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;

}


.info {

	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
	align-content: flex-start;
	width: 65%;

}

.info-item {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;


}

.social-link {
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	padding-top: 20px;
}




footer img.white-logo {
	width: 170px;
}

.info-item h1, .info-item a, .info-item p{
	color: white;
	line-height: 1;
	font-weight: 500;
	font-style: normal;
}


.copyright {

width: 100%;
	color: white;
	border-top: 1px solid white;
	padding-top: 30px;
	margin-top: 100px;
}





/*  CAROUSEL */

.homepage {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.5s;
}

.hero {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.5s;
}

.carousel-image {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



#custom-pager {
		display: block;

	width: auto;
	height: auto;
	position: absolute;
	bottom: 27px;
	left: -27px;
	z-index: 100;
opacity: 1;
transition: 0.5s;
}

#custom-pager.button-open {
opacity: 0;
transition: 0.5s;
}



#custom-pager strong {

		display: block;
		width: 15px;
		height: 15px;
		border-radius: 100%;
		background: #5B6771;
		margin: 19px 0;
		opacity: 0.4;
		transition: 0.4s;
}

#custom-pager strong.cycle-pager-active {
	opacity: 1;
		transition: 0.4s;
}


#custom-pager strong a {
	text-align: center;
		display: block;
	color: #5B6771;
	font-size: 0;

}



/* CREDIT */


.credit {
	width: 35vw;
	height: 117px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	max-width: 550px;
	position: absolute;
	bottom: 70px;
}

.credit .left-container {
height: 100%;
width: 50%;
border-right: 1px solid #5B6771;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

}

.credit .left-container h1 {
	font-size: 15px;

	color: #383938;
	text-align: center;
}

.credit .left-container h1.big {
	font-size: 42px;
}


.credit .left-container img{
width: 170px;
}

.credit .right-container {
height: 100%;
width: 50%;
border-left: 1px solid #5B6771;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
}


.credit .right-container a {
color: #5B6771;
text-align: center;
font-size: 14px;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
}

.credit .right-container a {
color: #5B6771;
text-align: center;
font-size: 13px;
text-decoration: none;
}

.credit .right-container img {
    width: 65px;

}


.credit .right-container a h1 {

font-size: 15px;
padding-bottom: 5px;
color: #383938;
}



.credit .button p {

		font-size: 13px;
    padding: 7px 13px;
		margin-block-start: 0;
margin-block-end: 0 !important;

}


.credit .button-a p {

		font-size: 12px;
    padding: 7px 13px;
		margin-block-start: 7px;
margin-block-end: 0;
}

.credit .button {
    margin-top: 0px;
    cursor: pointer;
}

.credit .button-a {
    margin-top: 0px;
    cursor: pointer;
}

/* SORTER */


.sorter h1 {
	display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
	font-size: 16px;
	text-align: center;
margin: 0 2px;
	width: 220px;
height: 65px;

	cursor: pointer;
		transition: 0.4s;
		background: rgb(244,244,244);
		background: linear-gradient(45deg, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 100%);

}

.sorter h1:hover {
		transition: 0.4s;
		color: white;
		background: rgb(0,117,141);
		background: linear-gradient(45deg, rgba(0,117,141,1) 0%, rgba(94,174,187,1) 100%);
}



.sorter {
	padding: 5vh 0;

	width: 100vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

h1.button-all {
	background: rgb(0,117,141);
background: linear-gradient(45deg, rgba(0,117,141,1) 0%, rgba(94,174,187,1) 100%);
		color: white;
		transition: 0.4s;
}

h1.button-all.hidden {
		background: #F4F4F4 !important;
		transition: 0.4s;
		color: #5B6771 !important;
}

h1.button-all.button-open {
		color: white;
	background: rgb(0,117,141);
background: linear-gradient(45deg, rgba(0,117,141,1) 0%, rgba(94,174,187,1) 100%);
		transition: 0.4s;
}

h1.button-multifamily.button-open {
		color: white;
	background: rgb(0,117,141);
background: linear-gradient(45deg, rgba(0,117,141,1) 0%, rgba(94,174,187,1) 100%);
		transition: 0.4s;
}

h1.button-development.button-open {
		color: white;
	background: rgb(0,117,141);
	background: linear-gradient(45deg, rgba(0,117,141,1) 0%, rgba(94,174,187,1) 100%);
		transition: 0.4s;
}

h1.button-acquisition.button-open {
		color: white;
	background: rgb(0,117,141);
background: linear-gradient(45deg, rgba(0,117,141,1) 0%, rgba(94,174,187,1) 100%);
		transition: 0.4s;
}

.multifamily.hidden {
	display: none;
}

.development.hidden {
	display: none;
}

.acquisition.hidden {
	display: none;
}




/* TEAM */



.title-bio {
	position: absolute;
 left: 0; bottom: -25px; right: 0;
 background: #F4F4F4;

	width: 80%;

			margin: auto;
			padding: 13px 0;
cursor: pointer;
}

.portrait:hover .title-bio {
	background: linear-gradient(45deg, rgba(0,117,141,1) 0%, rgba(94,174,187,1) 100%);
}


.title-bio h1 {
	color: #5B6771;
	text-align: center;

	text-transform: uppercase;
	font-size: 16px;

}


.portrait:hover h1 {
	color: white;
}

.title-bio h4 {
	padding-top: 5px;
	opacity: 0.8;
	    font-family: proxima-nova, sans-serif;
				font-size: 16px;
				text-align: center;
				text-transform:  capitalize !important;
				color: #5B6771;
}


.portrait:hover h4 {
	color: white;
}

.team-container {
	width: 80vw;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: auto;
}

.team-container .team-item {
	display: block;
width: 25%;
margin-bottom: 7vh;
transition: 0.6s;
height: auto;
}

.team-container .team-item .portrait {
	width: 100%;
	position: relative;
display: flex;
flex-direction: row;
justify-content: center;
}

.team-container .team-item .portrait img {
	width: 90%;
 align-self: flex-start;

}


.button-before {
	width: 80%;
	max-width: 250px;
	background: #F4F4F4;
	color: #5B6771;
	text-align: center;
	height: 60px;
	text-transform: uppercase;
	font-size: 17px;
	margin: auto;
   position: absolute;
  left: 0; bottom: -25px; right: 0;
 line-height: 60px;
  z-index: 7;
		opacity: 1;
		transition: 0.3s;


}

.portrait:hover .button-before {
	opacity: 0;
		transition: 0.3s;
		/* cursor: pointer; */
}



.button-after {
	width: 80%;
	max-width: 250px;
	background: #F4F4F4;
	color: white;
	text-align: center;
	height: 60px;
	text-transform: uppercase;
	font-size: 17px;
	margin: auto;
   position: absolute;
  left: 0; bottom: -25px; right: 0;
 line-height: 60px;
 z-index: 0;
 background: rgb(0,117,141);
 background: linear-gradient(45deg, rgba(0,117,141,1) 0%, rgba(94,174,187,1) 100%);
}





.team-item:nth-of-type(3n+1) .team-info {
	width: 100%;
	width: calc(100% * 3);
}

.team-item:nth-of-type(3n+2) .team-info {
	width: 100%;
	width: calc(100% * 3);
	margin-left: -100%;
}

.team-item:nth-of-type(3n+3) .team-info {
	width: 100%;
	width: calc(100% * 3);
	margin-left: -200%;
}

.team-item .team-info {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: auto;
	max-height: 0;
transition: 0.5s;

}

.team-item.close .team-info {
	height: auto;

	max-height: 0px;
opacity: 0;
transition: 0.6s;

}

.team-item.open .team-info {
	height: auto;
opacity: 1;
	max-height: 650px;
transition: 0.6s;
}

.team-item.open .button-before {
	opacity: 1 !important;
	 background: linear-gradient(45deg, rgba(0,117,141,1) 0%, rgba(94,174,187,1) 100%);
	 color: white;
}

.button-close {
	width: 80px;
	height: 80px;
	margin: auto;
	margin-top: 20px;
	transition: 0.4s;
}



.button-close:hover {
	transform: scale(1.1);
		transition: 0.4s;
}


.team-item .team-info .bio {
	width: 80%;
	max-width: 800px;
	padding-top: 9vh;
}

.team-item .team-info .bio h4 {
	width: 100%;
	text-transform: uppercase !important;
}

.team-item .team-info .bio p {
	width: 100%;
	line-height: 1.7;

}



.team-item img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
transition: 0.4s;
}

.team-item:hover img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

transition: 0.4s;
}


.full-nav.opportunity-header {
	justify-content: center;
}

.full-nav.opportunity-header a img {
	    margin-left: 0px;
}


.opportunity {
	padding-top: 100px;
	padding-bottom: 5vh;
	background-image: url(../img/emblem_bg.png);
	background-position: -20%  10%;
	background-repeat: no-repeat;
	background-size: 60%;
}



.double-column {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 80%;
	max-width: 1400px;
	margin: auto;
}

.double-column .item {
	width: 45%;
	height: auto;

	max-width: 900px;
}



.opportunity h1 {
	color: #0B8FAA;
	text-align: left;
	width: 100%;
}

.opportunity p {

	text-align: left;
	width: 100%;
}

.opportunity iframe {
	width: 100%;
	height: 500px !important;
	max-width: 1000px;

margin: 5vh auto !important;
display: block;

}


.opportunity .accordion-item h1 {
	text-align: left
}

.opportunity .accordion-item {
	width: 40%;
}

.opportunity .accordion-layout {
    justify-content: space-between;
		align-items: flex-start;
		padding-top: 5vh;
}


.opportunity .button-b {
	width: 100px;
	font-family: proxima-nova, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 11px;
		line-height: 1.3;
		padding: 7px 4px;
		text-align: center;
}

.opportunity .button-b a {
color: white;
text-decoration: none;
text-align: center;

}




.opportunity .accordion-tab.button-open {

	padding-bottom: 0;
	    border-bottom: 1px solid #CFD2D3;
	    height: auto;
	    max-height: none;
	    transition: 0s;
	    overflow: hidden;
}

.opportunity .accordion-item .buttons {
	cursor:  default;
}


.opportunity .accordion-tab {
	padding-bottom: 0;
	border-bottom: 1px solid #CFD2D3;
	height: auto;
	max-height: none;
	transition: 0s;
	overflow: hidden;

}


.opportunity .accordion-item .buttons:hover {
	transition: 0;
background: white;
}

.opportunity .accordion-tab.button-open .buttons h3 {
	color: #5B6771;

}

.opportunity .accordion-item .buttons h3 {
	cursor: default;
	font-size: 17px;
}


.opportunity .buttons a {
	font-family: proxima-nova, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 13px;
    line-height: 1.3;
	color: #0B8FAA;;
}


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


	.opportunity iframe {

		height: 300px !important;

	}

	.opportunity p {
		font-size: 14px;
	}


.title-bio h1 {
font-size: 12px;
}

.title-bio h4 {
font-size: 12px;
}

.opportunity {
	padding-top: 120px;
}



  /* accordion; */

  .accordion-item .buttons h3 {

  font-size: 19px;

  }


  .accordion-item h1 {
font-size: 24px;
  	padding-top: 3vh;


  }


  .accordion-tab ul li {
  font-size: 14px;
  }

  .accordion-tab {
    max-height: 30px;
  }

  p.big {
  	font-size: 21px;
  	width: 90%;
  	max-width: 500px;
  }


/* TEMPORARY */


#single-portfolio .portfolio-container h1 {

font-size: 18px;
}

/* TEAM */



.button-before {
	width: 70%;
	height: 50px;
	 line-height: 50px;
	 	font-size: 11px;
}

.button-after {
	width: 60%;
	height: 50px;
	line-height: 50px;
	 font-size: 11px;
}

.team-item .team-info .bio {
	width: 90%;
}



.team-item .team-info .bio h4 {
font-size: 16px;
}
.team-item .team-info .bio p {

}


/* ANIMATION */


.result-icon {
    padding-left: 50px;
		max-width: 260px;
}


	.left-panel {
	    width: 40%;

	}

	.right-panel {
			width: 60%;

	}



.left-panel p {
	width: 40vw;
}



/* TYPOGRAPHY */

ul li a {

font-size: 12px;
line-height: 1.6;

}

p {
	font-size: 16px;
line-height: 1.5;
}

h4.big {

    font-size: 30px;
}

h5 {
	font-size: 17px;
}


/* full NAV */


.full-nav a img {
	margin-left: 50px;

}

.menu-full-nav-container {

		margin-right: 40px;
}

#menu-full-nav li {
	margin: 0 12px;
}





/* HERO IMAGE */

.hero-container .left-container {
	width: 40%;
}

.hero-container .right-container {
    width: 60%;

}

.hero-container .left-container .text-container {
    width: 77%;

}






.scroll-button {
	width: 50px;
    height: 50px;
}


/* LIST CONTAINER */

.list-container .left-container h1 {
    padding-left: 70px;
    padding-bottom: 50px;
}

.list-container .left-container img {

    padding-left: 70px;
		width: 18vw;

}

.list-container .right-container .list-item {
width: 43%;
    margin: 20px 0;
}

.list-container .right-container {
    width: calc(70% - 100px);
    padding-right: 100px;

	}


	.meta-div p {
	width: calc(100% - 120px);


		}

		.meta-div h5 {
		    width: 120px;

		}



		/* PORTFOLIO */

		.portfolio-container a {

		border: 7px solid white;


		}

.portfolio-container a div h1 {
	font-size: 18px;
}


.portfolio-container a div h5 {

font-size: 11px;

}


.portfolio-container a div span {

	padding-bottom: 10px;
}



/* FOOTER */

footer {
	width: calc(100vw - 100px);
    padding: 60px 50px;
}
footer img.white-logo {
    width: 140px;
}

.info-item h1 {
	font-size: 22px;
	padding-bottom: 10px;
}

.info-item p {

	margin-block-start: 8px;
margin-block-end: 8px;
}

footer .social-link {
	padding-top: 10px;
}



.nav-container {
	width: 60vw;
}




/* SINGLE-PORTFOLIO */


#single-portfolio h1 {
    color: #00758D;
    font-size: 30px;
    padding-bottom: 5px;
}


#single-portfolio .info-paragraph h1 {
  font-size: 22px;

}

#single-portfolio h1.secondary {

    font-size: 22px;

	}

	p {
	    font-size: 15px;

	}




	/* news */


	.news-container a .news-item-info h5 {
	    font-size: 18px;
	}



	#single-portfolio .info-paragraph li {
	    font-size: 15px;

	}

/* .news single */

.news-info li {
    font-size: 15px;

}

h5.single-news-title {
    font-size: 24px;
    padding-bottom: 5vh;
		line-height: 1.3;
}

.news-info .tags {
    font-size: 15px;
}


}


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


/* opportunity */

.opportunity iframe {

	height: 400px !important;

}


.opportunity .double-column {
	flex-direction: column;
}

.opportunity .double-column .item {
	width: 100%;
}


.opportunity .accordion-item {
	width: 46%;
}

.opportunity .accordion-item .buttons h3 {

    font-size: 15px;
}

.opportunity .buttons a {
	    font-size: 12px;
}



/* TEAM */

.team-container .team-item {
	width: 33.33%;
}

.button-before {
	font-size: 12px;
}
.button-after {
	font-size: 12px;
}


    /* accordion; */

    .accordion-item .buttons h3 {

    font-size: 16px;

    }


    .accordion-item h1 {
  font-size: 20px;
    	padding-top: 3vh;

    padding-bottom: 3px;
    }


    .accordion-tab ul li {
    font-size: 14px;
    }

    .accordion-tab {
      max-height: 20px;
    }

    p.big {
    	font-size: 19px;

    }

    .accordion-item .buttons img {

        width: 15px;
        height: 15px;
      }

.accordion-item .buttons {
  padding: 10px 0;
}




/* TEAM */


.team-container {
	width: 95vw;
}

.button-before, .button-after {
	width: 70%;
}



	/* transiton */

	.result-icon {
	  display: none;
	}


	.nav-container {
		width: 50vw;
	}


/* CREDIT */

.credit .left-container h1 {
	font-size: 14px;

	color: #383938;
	text-align: center;
}

.credit .left-container h1.big {
	font-size: 40px;
}





.credit .left-container img{
width: 100px;
}

.credit .right-container img {
	width: 70px;

}


.credit .right-container a h1 {

font-size: 14px;
padding-bottom: 3px;
}




.credit .button p {
	margin-block-start: 3px;
	    margin-block-end: 0em;
				font-size: 11px;

}

.credit .button-a p {
	margin-block-start: 3px;
	    margin-block-end: 0em;
				font-size: 11px;

}


.credit {

	bottom: 50px;
}












	h1.big {

	    font-size: 4vw;
		}

	h3 {

	font-size: 17px;
	line-height: 1.2;

	}


	p {

	font-size: 14px;
	}



.left-panel {
	width: 50vw;
}



.right-panel {
	width: 50vw;
}

.credit {
    width: 50vw;

}
		.left-panel p {
			width: 50vw;
		}


/* HERO */

.hero-container {
	margin-top: 55px;
}

	.hero-container .left-container {
		width: 50%;
	}

	.hero-container .right-container {
	    width: 50%;

	}

.scroll-button {
	bottom: 5vh;
}

/* full nav */

.full-nav {
	height: 70px;
}


ul li a {
    font-size: 9px;
    line-height: 1.3;
}

.full-nav img {
	width: 130px !important;
}


/* list container */

.list-container {
    width: 100vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
		align-content: center;

}

.list-container .left-container {
	width: 80%;
}

.list-container .right-container {
	width: 80%;
	padding: 0;
	justify-content: space-between;
}

.list-container .left-container img {
  display: none;
}

.list-container .left-container h1 {
  padding: 0;
	padding-bottom: 16px;
}


.list-container .right-container .list-item {

    margin: 15px 0;
}


.casestudy_carousel .left-container h1 {

    font-size: 25px;
    padding-bottom: 3px;
}

h5 {
    font-size: 15px;

		width: 90%;

}

.title h5 {
	text-align: center;
}

.meta-div p {
width: calc(100% - 110px);
    font-size: 13px;

	}


	.meta-div h5 {
	    width: 110px;
	    font-size: 15px;

	}



/* case study */


.casestudy-container .casestudy_carousel {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.casestudy_carousel .right-container {
	height: 450px;
	width: 100%;
	margin-bottom: 80px;
}

.casestudy_carousel .left-container {
    width: 100%;
		padding-bottom: 4vh;

	}


	.casestudy-container .center {

    width: 100%;

	}





/* FOOTER */




footer {
	flex-direction: column;
}

.info {
	flex-direction: row;
justify-content: flex-start;
padding-top: 40px;
width: 100%;
}


.info-item {
	padding-right: 40px;
}


.copyright {

    margin-top: 70px;
}


	#single-portfolio .info-paragraph li {
	    font-size: 14px;

	}


/* NEWS */


.news-container a {

	height: 230px;



}


.news-info li {
    font-size: 14px;
}




/* HOME PAGE */

.home-container .home-item .home-info h1.big {
  font-size: 3vw;
}



.home-container .home-item .home-info.link-column .button-b a p {
    font-size: 12px;
		padding: 0 10px;
		margin-block-start: 5px;
    margin-block-end: 8px;
}





}


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


.opportunity {
	padding-top: 100px;
}

	/* Opportunity */

	.opportunity .accordion-item {
		width: 100%;
	}


.home-item.middle {
	background-position: 140% 39% !important;
	background-image: 120% !important;
}



.hero-container {
  margin-top: 70px;
      margin-bottom: 5vh !important;
}

      /* accordion; */

      .accordion-item .buttons h3 {

      font-size: 16px;

      }


      .accordion-item h1 {
    font-size: 24px;
      	padding-top: 3vh;

      padding-bottom: 3px;
      }


      .accordion-tab ul li {
      font-size: 14px;
      }

      .accordion-tab {
        max-height: 20px;
      }

      p.big {
      	font-size: 18px;
        text-align: left;
        width: 100%;
        padding-bottom: 20px;
        max-width: 1000px;

      }

      .accordion-item .buttons img {

          width: 15px;
          height: 15px;
        }

  .accordion-item .buttons {
    padding: 10px 0;
  }


  .accordion-layout {

  	width: 90vw;

  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  }


.accordion-tab {
  width: 100%;
}

.accordion-item {
  width: 100%;
}
.list-container {
  padding-top: 0 !important;
}

	/* TEMPORARY */

	#single-portfolio .portfolio-container a:last-child {
display: none;
	}


.info-div .info-sub {
	width: 100%;
}

.info-div .info-sub:last-child {
	border: none;
	padding-left: 0;
}


#single-portfolio h1.secondary {
	text-align: center;
}


.info-div .info-sub .meta-div h5, .info-div .info-sub .meta-div p {
		text-align: center;
		width: 100%;
}





	.team-container .team-item {
	width: 50%;
	margin-bottom: 6vh;

	}

	.team-item:nth-of-type(3n+1) .team-info {
		width: 100%;
		width: calc(100% * 2);
				margin-left: 0%;
	}

	.team-item:nth-of-type(3n+2) .team-info {
		width: 100%;
		width: calc(100% * 2);
		margin-left: -100%;
	}

	.team-item:nth-of-type(3n+3) .team-info {
		width: 100%;
		width: calc(100% * 2);
		margin-left: -100%;
	}


.team-container .team-item:nth-of-type(2n+1) .team-info {
	width: 100%;
	width: calc(100% * 2);
			margin-left: 0%;
}

.team-container .team-item:nth-of-type(2n+2) .team-info {
	width: 100%;
	width: calc(100% * 2);
	margin-left: -100%;
}

.team-item.open .team-info {
	    max-height: 880px;
}





.button-after, .button-before {
	width: 90%;
}









	.nav {
		 background: none !important;
	 height: auto !important;
	 display: flex !important;
	 }


	.main-container {
		width: 100vw;
		height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}


.left-panel {

	width: 100%;
	height: 60vh;

}

.pattern {
	display: none;
}

.right-panel {
	width: 100vw;
	height: 50vh;
	position: relative;
}



.homepage {

  height: 50vh;
}

.nav {
	background: none;

}

.social {
	opacity: 0;
	transition: 0.5s;
}

.nav-container {
	width: 0vw;
}


.nav-container.button-open {
	width: 100vw;
}


p.footer {
	display: inline-block;
}


.left-panel p {
	display: none;
}

.left-panel .button p{
    display: inline-block !important;
}


.left-panel .button-a p{
    display: inline-block !important;
}


.button {
		margin-top: 15px;
		cursor: pointer;
}

.button-a {
		margin-top: 15px;
		cursor: pointer;
}

/* full-nav */

.full-nav {
	flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
overflow: hidden;
flex-wrap: nowrap;
height: 90px;
transition: 0.4s;
}

.full-nav.button-open {
	flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
overflow: hidden;
flex-wrap: nowrap;
height: 100vh;
transition: 0.4s;
}

.full-nav.button-open img.main-logo {
	opacity: 0;
}



.full-nav a img {
    margin-left: 25px;
		margin-top: 38px;
}

.menu-full-nav-container {
	margin: 0;
	margin-left: 35px;
}

#menu-full-nav {
	flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
height: auto;
margin-top: 110px;
}

#menu-full-nav li {
    margin: 0 0px;
		margin: 4px 0;
}

ul li a {
    font-size: 16px;
    line-height: 1.6;
		text-transform: uppercase;
}

.full-nav.button-open img.emblem {
opacity: 1;
}




/* HERO */

.hero-container {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding-bottom: 0;
	height: auto;
	margin-bottom: 10vh;
}
.hero-container .left-container {
width: auto;


}
.hero-container .right-container {
height: 400px;
width: 100%;

}

.scroll-button {
	z-index: 600;
	width: 30px;
	height: 30px;
	bottom: 10px;
}


.hero-container .left-container .text-container {
    width: 85%;
		padding: 30px 0;
}

h1.big {
    font-size: 30px;
}



/* LIST CONTAINER; */

.list-container .right-container .list-item {
	width: 100%;
}

.list-container {

	padding: 5vh 0;
}

.casestudy_carousel .right-container {
	height: auto;
}


.before-after {
    width: 100%;
    height: 350px;
    position: relative;
}


.tap {
display: flex;
}



/* FOOTER */

footer {
    width: calc(100vw - 50px);
    padding: 40px 25px;
}

.info {
	flex-direction: column;
}

.info-item {
	padding-right: 0;
	padding-bottom: 30px;
}


.info-item h1 {

    padding-bottom: 0px;
}


.copyright {
    margin-top: 10px;
		padding-top: 10px;

}

p.footer {
    display: inline-block;
		padding-left: 35px;
		width: 70%;
/* padding-bottom: 120px; <- full  */
		text-align: left;
}


.burger .upper, .burger .middle, .burger .bottom {
	background: #5B6771;
}




/* PORTFOLIO */





/* CREDIT */





.credit {
	width: 100vw;
	height: 125px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	max-width: none;
	position: static;
	padding-top: 60px;

}

.credit .left-container {
height: 100%;
width: 50%;
border-right: 1px solid #5B6771;
display: flex;


}


.credit .left-container img{
width: 129px;
}

.credit .right-container {
height: 100%;
width: 50%;
border-left: 1px solid #5B6771;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
}


.credit .right-container a {
color: #5B6771;
text-align: center;
font-size: 14px;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;

}

.credit .right-container a {
color: #5B6771;
text-align: center;
font-size: 13px;
text-decoration: none !important;
}

.credit .right-container img {
	width: 79px;

}


.credit .right-container a h1 {

	font-size: 13px;
	    padding-bottom: 2px;
}

.left-panel img.templogo {
	padding-top: 60px;
}


.button {
    margin-top: 0px;

}


.button-a {
    margin-top: 0px;

}




.nav-container p {
    font-size: 15px;

}

.nav {
    height: 70px;

}




.nav-container {
overflow: hidden;

}


/* SINGLEA */

.info-container {
    width: 80vw;
    height: auto;
    display: flex;
    flex-direction:  column-reverse;
    justify-content: center;
	}

	.info-container .info-meta {
    width: 100%;
}

.info-container .info-paragraph {
    width: 100%;
		padding-top: 5vh;
}

.meta-div {

    flex-direction: column;

}

.meta-div p {
    width: 100%;

}




#single-portfolio .info-paragraph h1 {
  width: 100%;
}


.gallery-container .gallery {
    width: 100%;
    height: 300px;
}


.title h1 {
	width: 90%;
	text-align: center;
}




/* NEWS */

.news-container a {

    flex-direction: column;
height: auto;
}

.news-container a .news-item-image {
    width: 100%;
		height: 280px;
		margin-bottom: 30px;

}

.news-container a .news-item-info {
    width: 100%;

}






/* HOME */


.home-container {
	flex-direction: column;
}


.home-container .home-item {
	width: 100%;
height: 30vh -webkit-fill-available !important;;
min-height: 30vh;
padding: 1.7vh 0;
    min-height: 30vh -webkit-fill-available !important;


}

.home-container .home-item .home-info h1.big {
    font-size: 26px;
}


.home-container .home-item .home-info.link-column .button-b a p {

    margin-block-end: 5px;
}

.home-container .home-item .home-info.link-column .button-b {
  margin-top: 10px;
}

.home-container p {
    font-size: 12px;
		margin-block-start: 10px;
    margin-block-end: 10px;
}

.home-container .button-b {
    background: #61B0BC;
    margin-top: 4px;
}

.home-container .home-item .home-info .logoemblem {
	display: none;
}

.home-container .home-item .home-info .templogo {
    width: 180px;
}

.home-nav .burger .upper, .home-nav .burger .middle, .home-nav .burger .bottom {
    background: white;
}

.blur-filter {
	display: none !important;
}


.nav-container.nav-container-home.button-open {
	width: 100%;
padding-left: 0px;
		transition: 0.4s;
			opacity: 1;
}

.nav-container.nav-container-home #menu-full-nav {

    padding-top: 0;
		margin-top: 5vh;
}


.nav-container.nav-container-home .menu-full-nav-container {
  margin-left: 20px;
}

.nav-container.nav-container-home #menu-full-nav a {
    font-size: 15px;
}


.nav-container.nav-container-home img {
    padding-left: 30px;
    padding-top: 60px;
}


.meta-footer a p{
	font-size: 15px;
	padding-left: 20px;
}

.meta-footer {
	padding-left: 30px;
}


.home-info p {
	font-size: 14px;
}



.casestudy-container .center h1 {
 font-size: 11px;


}



.social-link a {
	margin: 0;
	margin-right: 10px;
}




.sorter h1 {

	width: 100%;
	margin: 0;
	margin: 1px 0;
}

.sorter {
	flex-direction: column;
	padding: 0;
	padding-bottom: 30px;
}





			/* PORTFOLIO */

.portfolio-container a {
	width: 46%;
}



	.portfolio-container a div h1 {
		font-size: 18px;
	}


	.portfolio-container a div h5 {

	font-size: 11px;

	}


	.portfolio-container a div span {

		padding-bottom: 10px;
	}


	/* 3rd fix */

	.horizonals {
		width: 100%;
		height: 90vh;
	}

	.horizonals .before-after {
			width: 100%;
	}

	.verticals {
		width: 100%;
		height: 40vh;
	}

	.verticals .before-after {
		width: 100%;
		height: 100%;
	}

	/* end 3rd fix */



	.opportunity iframe {

		height: 200px !important;

	}


	.full-nav.opportunity-header a img {
margin-top: 0px;
    display: inline-block;
	}


.full-nav.opportunity-header {
	align-items: center;
}


.opportunity h1 {
	font-size: 30px;

}



}


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


	.news-container a .news-item-image {
	    width: 100%;
			height: 240px;
			margin-bottom: 30px;

	}

	.portfolio-hero {
		width: 100vw;
		height: 44vh;
		min-height: 400px;
}




.portfolio-container a {
width: 100%;

	border: 10px solid white;
}

.portfolio-container {
	width: 95vw;
}


.meta-div h5 {
	text-align: center;

}



}


.news-item-info .tags {
    display: none;
}