/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */



.green-btn {
	display: inline-block;
	background: #86c441;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 15px;
}
.green-btn:hover, .green-btn:focus {
	color: #fff;
	background: #494949;
}
.blue-btn {
	display: inline-block;
	background: #014581;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 15px;
}
.blue-btn:hover, .blue-btn:focus {
	color: #fff;
	background: #494949;
}
.yellow-btn {
	display: inline-block;
	background: #e8d500;
	font-size: 18px;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
	padding: 8px 15px;
}
.yellow-btn:hover, .yellow-btn:focus {
	color: #fff;
	background: #494949;
}
header.header {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 100;
	padding-top:20px;
}
.main-nav #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    margin-right: 30px;
}
/*Header Page*/
.main-menu-more {
	display: none;
}
/*Intro Section*/
.intro-section {
	float: left;
    background: #f7f7f7;
    width: 100%;
    height: 100vh;
}
.intro-img {
	float: right;
	width: 50%;
	height: 100vh;
}
.intro-text {
	position: absolute;
	width: 100vw;
	left: 0;
	padding-top: 0;
	z-index: 10;
}
.intro-img img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.intro-text-div {
    position: relative;
    width:40%;
    height: 100vh;
    padding-top: 115px;
}

/*Team Page*/

@media (min-width: 768px) {
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
#after_section_3 .container {
    width: 100%;
}
.peopleItem__content .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
section#leadership {
	float: left;
	width: 100%;
}
.js-hide {
	display: none
}
.js-show {
	display: block
}
.body--lock {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	pointer-events: none
}
.peopleItem {
	/* font-family: Helvetica, Arial, sans-serif; */
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	font-style: normal;
	padding-bottom: 43px;
}
.js-sans-loaded .peopleItem {
	/* font-family: basisgrotesque, Helvetica, Arial, sans-serif; */
}
.pople-image {
	background:#000;
    overflow: hidden;
}
a.scrollButton._mPS2id-h {
    position: absolute;
    bottom: 70px;
    left: 0;
    color: #a6a6a6;
    overflow: hidden;
}
/*Content Div*/
.content-div {
    float: left;
    width: 100%;
    padding:80px 0;
}

@media (min-width: 768px) {
.col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1200px;
}
}
@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm {
    max-width: 970px;
}
}
@media (min-width: 992px) {
.container, .container-md, .container-sm {
    max-width: 750px;
}
}
@media (min-width:576px) {
.container, .container-sm {

    max-width: 100%;
}
}
@media screen and (min-width: 1520px) {
.container {
	max-width: 1440px;
}
}
@media screen and (min-width:770px) {
.peopleItem {
	padding-bottom: 63px
}
}
@media screen and (min-width:990px) {
.peopleItem {
	padding-bottom: 73px
}
}
figcaption {
	background: #000;
	text-align: center;
}
.peopleItem__image figcaption {
	color: #fff;
	/*font-family: "Basis Grotesque";*/
	font-size: 26px;
	text-decoration:none !important;
	line-height: 25px;
	font-weight: 400;
	font-style: normal;
	padding-top: 27px;
}
.js-sans-loaded .peopleItem__image figcaption {
	/*font-family: "Basis Grotesque";*/
}
@media screen and (min-width:1300px) {
.peopleItem__image figcaption {
	padding-top: 26px;
	padding-bottom: 8px;
	/*font-family: "Basis Grotesque";*/
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
	font-style: normal;
}
.js-sans-loaded .peopleItem__image figcaption {
	/*font-family: "Basis Grotesque";*/
}
}
.peopleItem__image figcaption span {
	display:block;
	color: #fff;
	font-size:15px;
}
.peopleItem__image img {
	width: 100%;
	vertical-align: middle
}
.peopleItem__content {
	position: absolute;
	left: 0;
	width: 100%;
	margin-top: 62px;
	overflow: hidden;
	visibility: hidden
}
@media screen and (min-width:990px) {
.peopleItem__content {
	margin-top: 50px;
}
}
.peopleItem__container {
	padding-top: 43px;
	padding-bottom: 106px
}
@media screen and (max-width:413px) {
.peopleItem__container {
width:100%;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:414px) and (max-width:769px) {
.peopleItem__container {
width:100%;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:770px) and (max-width:989px) {
.peopleItem__container {
	width: 690px;
	padding-right: 0;
	padding-left: 0;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:990px) and (max-width:1299px) {
.peopleItem__container {
	width: 925px;
	padding-right: 0;
	padding-left: 0;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:1300px) and (max-width:1519px) {
.peopleItem__container {
	width: 1220px;
	padding-right: 0;
	padding-left: 0;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:1520px) {
.peopleItem__container {
	width: 1400px;
	padding-right: 0;
	padding-left: 0;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:1300px) {
.peopleItem__container {
	padding-top: 30px
}
}
.peopleItem__wrapper {
	position: relative
}
.peopleItem__wrapper::after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden
}
@media screen and (max-width:413px) {
.peopleItem__wrapper {
	margin-left:0px
}
}
@media screen and (min-width:770px) and (max-width:989px) {
.peopleItem__wrapper {
	margin-left: -30px
}
}
@media screen and (min-width:990px) and (max-width:1299px) {
.peopleItem__wrapper {
	margin-left: -35px
}
}
@media screen and (min-width:1300px) and (max-width:1519px) {
.peopleItem__wrapper {
	margin-left: -40px
}
}
@media screen and (min-width:1520px) {
.peopleItem__wrapper {
	margin-left: -40px
}
}
.peopleItem__close {
	position: absolute;
	right: 0;
	top: -25px;
	cursor: pointer;
	z-index: 100;
	color:#4d4d4d;
}
/*.peopleItem.peopleItem--last-row.js--open .peopleItem__content span.peopleItem__close {
    top:30px;
}*/
.peopleItem__name {
	/*font-family: "Basis Grotesque Pro";*/
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: -.02em;
	color: #4d4d4d;
	float: left;
}
.js-sans-loaded .peopleItem__name {
    /*font-family: "Basis Grotesque Pro";*/
    font-weight: bold !important;
    font-size: 40px !important;
	line-height:normal !important;
	padding-top:0;
}
@media screen and (max-width:413px) {
.peopleItem__name {
	width: calc(100vw - 50px);
	margin-left: 0px
}
}
@media screen and (min-width:414px) and (max-width:769px) {
.peopleItem__name {
	width: calc(100vw - 50px);
	margin-left:0
}
}
@media screen and (min-width:770px) and (max-width:989px) {
.peopleItem__name {
	width: 690px;
	margin-left: 40px;
}
.project-tab-content .peopleItem__name {
	margin-left: 0px
}
}
@media screen and (min-width:990px) and (max-width:1299px) {
.peopleItem__name {
	width: 445px;
	margin-left: 50px
}
.project-tab-content .peopleItem__name {
	margin-left: 0px;
}
}
@media screen and (min-width:1300px) and (max-width:1519px) {
.peopleItem__name {
	width: 590px;
	margin-left: 50px;
}
.project-tab-content .peopleItem__name {
	margin-left: 0px;
}
}
@media screen and (min-width:1520px) {
.peopleItem__name {
	width: 700px;
	margin-left:40px
}
.peopleList.project-listing .peopleItem__name {
	margin-left:0;
}
}
.peopleItem__name span {
	color: #a6a6a6;
	display:block;
}
@media screen and (min-width:770px) {
.peopleItem__name {
	padding-top: 12px
}
}
@media screen and (min-width:990px) {
.peopleItem__name {
	padding-top: 6px
}
}
@media screen and (min-width:1300px) {
.peopleItem__name {
	/*font-family: "Basis Grotesque Pro";*/
	font-size: 40px;
	line-height: 45px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: -.02em;
}
.js-sans-loaded .peopleItem__name {
	/*font-family: "Basis Grotesque Pro";*/
}
}
.peopleItem__description {
	padding-top: 22px;
	/* font-family: "Basis Grotesque Pro Light"; */
	font-size: 16px;
	line-height: 25px;
	/* font-weight: 400; */
	font-style: normal;
	float: left;
}
.js-sans-loaded .peopleItem__description {
	/* font-family: "Basis Grotesque Pro Light"; */
	padding-top:20px;
}
.peopleItem .peopleItem__content .peopleItem__description {
	padding-left:30px !important;
    padding-top: 0 !important;
}

@media screen and (min-width:990px) {
.peopleItem__description {
	padding-top: 18px
}
}
@media screen and (min-width:1300px) {
.peopleItem__description {
	/* font-family: "Basis Grotesque Pro Light"; */
	font-size: 20px;
	line-height: 30px;
	/* font-weight: 400; */
	font-style: normal;
	padding-top: 27px;
}
.js-sans-loaded .peopleItem__description {
	/* font-family: "Basis Grotesque Pro Light"; */
}
}
.js--ready .peopleItem {
	-webkit-transition: 250ms linear margin;
	-o-transition: 250ms linear margin;
	transition: 250ms linear margin
}
.js--ready .peopleItem__content {
	visibility: visible;
	-webkit-transition: 250ms linear max-height, 150ms linear opacity;
	-o-transition: 250ms linear max-height, 150ms linear opacity;
	transition: 250ms linear max-height, 150ms linear opacity;
	opacity: 0
}
.peopleItem.js--open .peopleItem__content {
	border-top: 1px solid #e1e1e1;
	overflow: visible;
	opacity: 1;
	color: #a6a6a6;
}
.peopleItem.peopleItem--last-row.js--open .peopleItem__content {
	border-bottom: 0
}
.peopleItem__wrapper:before {
	content: "";
	background:#000;
	width: 15px;
	height: 15px;
	position: absolute;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -52px;
	left: 0
}
@media screen and (min-width:1300px) {
.peopleItem__wrapper:before {
	top: -38px
}
}
.peopleItem__wrapper.peopleItem--indicator-0:before {
left:calc(((((100vw - 220px)/ 6) * 3) + 50px) + 25px)
}
@media screen and (min-width:414px) and (max-width:769px) {
.peopleItem__wrapper.peopleItem--indicator-0:before {
left:calc((((100vw - 350px)/ 6) * 2) + 25px)
}
}
@media screen and (min-width:770px) {
.peopleItem__wrapper.peopleItem--indicator-0:before {
	left: 120px
}
}
@media screen and (min-width:990px) {
.peopleItem__wrapper.peopleItem--indicator-0:before {
	left: 125px
}
}
@media screen and (min-width:1300px) {
.peopleItem__wrapper.peopleItem--indicator-0:before {
	left: 169px
}
}
@media screen and (min-width:1520px) {
.peopleItem__wrapper.peopleItem--indicator-0:before {
	left: 150px
}
}
.peopleItem__wrapper.peopleItem--indicator-1:before {
left:calc(((((100vw - 175px)/ 6) * 3) + 50px) + 25px)
}
@media screen and (min-width:414px) and (max-width:769px) {
.peopleItem__wrapper.peopleItem--indicator-1:before {
left:calc(((((100vw - 200px)/ 6) * 5) + 100px) + -25px)
}
}
@media screen and (min-width:770px) {
.peopleItem__wrapper.peopleItem--indicator-1:before {
	left: 360px
}
}
@media screen and (min-width:990px) {
.peopleItem__wrapper.peopleItem--indicator-1:before {
	left: 365px
}
}
@media screen and (min-width:1300px) {
.peopleItem__wrapper.peopleItem--indicator-1:before {
	left: 485px
}
}
@media screen and (min-width:1520px) {
.peopleItem__wrapper.peopleItem--indicator-1:before {
	left:520px
}
}
.peopleItem__wrapper.peopleItem--indicator-2:before {
left:calc(((((100vw - 220px)/ 6) * 3) + 50px) + 25px)
}
@media screen and (min-width:414px) and (max-width:769px) {
.peopleItem__wrapper.peopleItem--indicator-2:before {
left:calc((((100vw - 350px)/ 6) * 2) + 25px)
}
}
@media screen and (min-width:770px) {
.peopleItem__wrapper.peopleItem--indicator-2:before {
	left: 600px
}
}
@media screen and (min-width:990px) {
.peopleItem__wrapper.peopleItem--indicator-2:before {
	left: 605px
}
}
@media screen and (min-width:1300px) {
.peopleItem__wrapper.peopleItem--indicator-2:before {
	left: 800px
}
}
@media screen and (min-width:1520px) {
.peopleItem__wrapper.peopleItem--indicator-2:before {
	left: 890px
}
}
.peopleItem__wrapper.peopleItem--indicator-3:before {
left:calc(((((100vw - 220px)/ 6) * 3) + 50px) + 25px)
}
@media screen and (min-width:414px) and (max-width:769px) {
.peopleItem__wrapper.peopleItem--indicator-3:before {
left:calc(((((100vw - 200px)/ 6) * 5) + 100px) + -25px)
}
}
@media screen and (min-width:770px) {
.peopleItem__wrapper.peopleItem--indicator-3:before {
	left: 120px
}
}
@media screen and (min-width:990px) {
.peopleItem__wrapper.peopleItem--indicator-3:before {
	left: 845px
}
}
@media screen and (min-width:1300px) {
.peopleItem__wrapper.peopleItem--indicator-3:before {
	left: 1115px
}
}
@media screen and (min-width:1520px) {
.peopleItem__wrapper.peopleItem--indicator-3:before {
	left: 1250px
}
}
.peopleList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 28px
}
.peopleList::after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden
}
.peopleList.project-listing.js--ready,
.peopleList.project-listing .peopleItem__wrapper {
    margin-left: 0 !important;
}
.project-gallery .wonderplugingridgallery {
    max-width: 100% !important;
}
.project-gallery .wonderplugingridgallery .wonderplugin-gridgallery-list {
    width: 100% !important;
}
.project-gallery .wonderplugingridgallery .wonderplugin-gridgallery-list .wonderplugin-gridgallery-item-container {
    width: 100% !important;
}
.peopleList.project-listing .peopleItem__wrapper  .peopleItem__close {
	top:0;
}
.avia_transform a:hover .image-overlay {
    opacity: 0 !important;
}
@media screen and (max-width:413px) {
.peopleList {
	margin-left: -25px
}
}
@media screen and (min-width:414px) and (max-width:769px) {
.peopleList {
	margin-left: -25px
}
}
@media screen and (min-width:770px) and (max-width:989px) {
.peopleList {
	margin-left: -30px
}
}
@media screen and (min-width:990px) and (max-width:1299px) {
.peopleList {
	margin-left: -35px
}
}
@media screen and (min-width:1300px) and (max-width:1519px) {
.peopleList {
	margin-left: -40px
}
}
@media screen and (min-width:1520px) {
.peopleList {
	margin-left: -40px
}
}
.peopleList>.peopleItem {
	float: left
}
figure.peopleItem__image {
	overflow: hidden;
}
figure.peopleItem__image span.image-overlay.overlay-type-extern {
	opacity:0 !important;
}
figure.peopleItem__image img {
	position: relative;
	width: 100%;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
}
figure.peopleItem__image a:hover img {
	transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
	opacity:0.9;
	cursor: pointer;
}
figure.peopleItem__image a {
	display: block;
	filter: grayscale(1);
	text-decoration:none !important;
	transition: all 0.5s;
}
article.peopleItem.js--open figure.peopleItem__image a {
	filter: none;
}
article.peopleItem.js--open figure.peopleItem__image a:hover,
article.peopleItem.js--open figure.peopleItem__image a:focus {
	text-decoration:none !important;
}

@media screen and (max-width:413px) {
.peopleList>.peopleItem {
	width: calc(100vw - 50px);
	margin-left: 25px
}
}
@media screen and (min-width:414px) and (max-width:769px) {
.peopleList>.peopleItem {
width:50%;
	margin-left:0
}
}
@media screen and (min-width:770px) and (max-width:989px) {
.peopleList>.peopleItem {
	width: 210px;
	margin-left: 30px
}
}
@media screen and (min-width:990px) and (max-width:1299px) {
.peopleList>.peopleItem {
	width: 205px;
	margin-left: 35px
}
}
@media screen and (min-width:1300px) and (max-width:1519px) {
.peopleList>.peopleItem {
	width: 275px;
	margin-left: 40px
}
}
@media screen and (min-width:1520px) {
.peopleList>.peopleItem {
	width: 330px;
	margin-left:40px;
}
}
@media screen and (min-width:1520px) {
.peopleList > .peopleItem {
    width: 330px;
    margin-left: 40px;
}
}
@media screen and (max-width:413px) {
head {
	font-family: xsmall
}
body::after {
	content: "xsmall";
	font-size:0 !important;
}
}
@media screen and (min-width:414px) and (max-width:769px) {
head {
	font-family: small
}
body::after {
	content: "small";
	font-size:0 !important;
}
}
@media screen and (min-width:770px) and (max-width:989px) {

head {
	font-family: medium
}
body::after {
	content: "medium";
	font-size:0 !important;
}
}
@media screen and (min-width:990px) and (max-width:1299px) {
head {
	font-family: large
}
body::after {
	content: "large";
	font-size:0 !important;
}
}
@media screen and (min-width:1300px) and (max-width:1519px) {
head {
	font-family: xlarge
}
body::after {
	content: "xlarge";
	font-size:0 !important;
}
}
@media screen and (min-width:1520px) {
head {
	font-family: xxlarge
}
body::after {
	content: "xxlarge";
	font-size:0 !important;
}
}
.people__title {
	padding-top: 21px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 40px;
	line-height: 45px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: -.02em;
	color: #5b87da
}
.js-sans-loaded .people__title {
	font-family: basisgrotesque, Helvetica, Arial, sans-serif
}
@media screen and (min-width:770px) {
.people__title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 60px;
	line-height: 70px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: -.04em
}
.js-sans-loaded .people__title {
	font-family: basisgrotesque, Helvetica, Arial, sans-serif
}
}
@media screen and (min-width:990px) {
.people__title {
	padding-top: 44px
}
}
@media screen and (min-width:1300px) {
.people__title {
	padding-top: 58px
}
}
.people .container {
	width:auto;
 margin-right:auto !important;
 margin-left:auto !important;
}
@media screen and (max-width:413px) {
.people .container {
  max-width:auto !important;
  padding-right:25px !important;
  padding-left:25px !important
 }
}
@media screen and (min-width:414px) and (max-width:769px) {
.people .container {
  max-width:inherit !important;
  padding-right:25px !important;
  padding-left:25px !important
 }
#after_section_3 .container {
    padding: 0;
}
}
@media screen and (min-width:770px) and (max-width:989px) {
.people .container {
  max-width:690px !important;
  width:690px !important;
  padding-right:0 !important;
  padding-left:0 !important
 }
}
@media screen and (min-width:990px) and (max-width:1299px) {
.people .container {
  max-width:925px !important;
  width:925px !important;
  padding-right:0 !important;
  padding-left:0 !important
 }
}
@media screen and (min-width:1300px) and (max-width:1519px) {
.people .container {
  max-width:1220px !important;
  padding-right:0 !important;
  padding-left:0 !important
 }
}
@media screen and (min-width:1520px) {
.people .container {
	width:1440px !important;
  max-width:1440px !important;
  padding-right:0 !important;
  padding-left:0 !important
 }
}
@media only screen and (max-width: 767px) {
#after_section_3 .container {
    width: 100% !important;
    max-width: 100% !important;
}
}
/*Portfolio Page*/

.peopleList article.peopleItem.project-tab {
    width: 33.33%;
    margin-left: 0;
	padding-bottom:0;
}
figcaption.project-tab-title {
	background:none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
	transition:all 0.5s;
	padding-bottom:20px;
}
.peopleList article.peopleItem.project-tab:hover figcaption.project-tab-title,
.peopleList article.peopleItem.project-tab:focus figcaption.project-tab-title {
    background: rgba(0,0,0,0.4);
}
article.peopleItem.project-tab.peopleItem--last-row {
    padding: 0;
}
figure.peopleItem__image.project-tab-img {
    margin: 0;
}
.peopleItem__content.project-tab-content {
	z-index:100;
}
.project-gallery {
	position:relative;
    float: left;
    width: 100%;
    overflow: hidden;
    text-align:center;
	margin-bottom:20px;
}
.project-gallery:hover {
	filter:none;
}
div#html5-watermark {
    display: none !important;
}
.peopleItem.peopleItem--last-row .peopleItem__content h2.peopleItem__name {
    margin-bottom: 20px;
}
figure.peopleItem__image.project-tab-img a {
	position:relative;
}
figure.peopleItem__image.project-tab-img a:hover {
	filter:none;
	
}
figure.peopleItem__image.project-tab-img a:hover img {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	opacity:1;
	cursor: pointer;
}
.wonderplugin-gridgallery-item-text {
    display: none !important;
}
.project-gallery-title h4 {
    /*font-family: "Basis Grotesque";*/
    font-size: 25px;
    line-height: normal;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    margin: 0;
}
.project-gallery-title {
    background: rgba(0,0,0,0.4);
    position: absolute;
    width: 100%;
    left: 0;
	transition:all 0.5s;
    bottom: 0;
    padding: 15px;
}
.project-gallery:hover .project-gallery-title {
    background: rgba(0,0,0,0.4);
}
.porjects-area {
	min-height:1500px;
}
@media screen and (min-width: 1300px) {
.peopleItem__content.project-tab-content .peopleItem__wrapper.peopleItem--indicator-0:before {
    left: 140px;
}
.peopleItem__content.project-tab-content .peopleItem__wrapper.peopleItem--indicator-1:before {
    left: 610px;
}
.peopleItem__content.project-tab-content .peopleItem__wrapper.peopleItem--indicator-2:before {
    left: 1100px;
}
}
@media screen and (min-width: 1520px) {
.peopleList article.peopleItem.project-tab {
    width: 33.33%;
    margin-left: 0;
}
}
@media screen and (max-width:1300px) {
.js-sans-loaded .peopleItem__image figcaption {
    padding-bottom:15px;
}
}
@media screen and (max-width:1200px) {
h1 {
    font-size: 55px;
}
.main-nav #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    margin-right: 10px;
}
.main-nav #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	font-size: 16px;
}
body {
    font-size: 17px;
    line-height: 25px;
}
}
@media screen and (max-width:991px) {
.main-nav #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    margin-right: 0;
}
.intro-section {
    height: auto;
}
.intro-img {
	float:left;
    width: 100%;
	height: auto;
}
.intro-img img {
    height: auto;
}
.intro-text-div {
    width: 100%;
    padding: 0;
    height: auto;
}
.intro-text {
    position: relative;
    width: 100%;
    padding:50px 0;
    float: left;
}
a.scrollButton._mPS2id-h {
    display: none;
}
.content-div {
    padding: 50px 0;
}
.peopleList article.peopleItem.project-tab {
    width: 50%;
}
.wonderplugin-gridgallery-list {
  width: 100% !important;
  height: auto !important;
}
.wonderplugin-gridgallery-item-container {
  width: 100% !important;
  height: auto !important;
}
}
@media screen and (max-width:767px) {
h1 {
    font-size: 45px;
}
.col-md-6,.col-md-12,.col-md-8,.col-md-4 {
    padding: 0 15px;
}
.peopleItem__name {
    margin-left: 0 !important;
}
.peopleItem .peopleItem__content .peopleItem__description {
    padding-left: 0px !important;
}
}
@media screen and (max-width:480px) {
.peopleItem__wrapper.peopleItem--indicator-1::before {
    left: calc(((((100vw - 220px)/ 6) * 3) + 50px) + 25px) !important;
}
.js-sans-loaded .peopleItem__name {
    font-size: 30px !important;
}
.peopleList article.peopleItem.project-tab {
    width: 100%;
}
.project-gallery {
    width: 100%;
}
}

/*
 * ***********************************
 * Begin homepage sticky effect styles
 * ***********************************
*/

/*
 * sticky requires parent elements to have overflow visible
 * this class is added at runtime to prevent a horizontal scrollbar fout when the page first loads
*/
html.sticky-overflow, 
html.sticky-overflow body.home, 
html.sticky-overflow body.home #wrap_all {
	overflow: visible;
}
.home .avia-builder-el-21 {
	overflow-x: hidden;
}

.pl-sticky-section {
  position: relative;
  margin: 0;
  padding: 0;
}

.pl-sticky-spacer {
	height: 60vh;
}

.pl-sticky-itm {
  padding: 0;
  margin: 0 auto 50px 0;
  max-width: 100%;
  -webkit-position: sticky;
  position: sticky;
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/position#Accessibility_concerns */
  /* will-change: transform; */
}

@media screen and (max-width: 640px) {
	.pl-sticky-itm {
		margin-bottom: 30px;
	}
	.pl-sticky-itm h3 {
		font-size: 5vw !important;
	}
}

/*
 * 4 stickys to position
*/
.pl-sticky-1 {
	top: 149px;
}

.pl-sticky-itm > div {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
	.pl-sticky-4 {
		top: 412px;
	}
}

.pl-sticky-itm h2,
.pl-sticky-item h3 {
	position: relative;
}

.pl-sticky-itm h2 > span,
.pl-sticky-itm h3 > span {
	opacity: 0;
}

.pl-sticky-itm h2 > span.pl-sticky-clone,
.pl-sticky-itm h3 > span.pl-sticky-clone {
	opacity: 1;
	padding: 0 1rem 0;
}

.pl-sticky-itm h2,
.pl-sticky-itm h3 {
	transform-style: preserve-3d;
	perspective: 1000px;
}

.pl-sticky-clone {
	position: absolute;
	top: 0;
	left: 0;
	clip-path: inset(0 0 0 0);
	transition: all 0.3s ease-out;
}

.pl-sticky-hide .pl-sticky-clone {
	opacity: 0 !important;
	transform: translate(0, -100%);
	clip-path: inset(0 0 100% 0);
}

.pl-sticky-slider {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: 100%;
	z-index: -1;
}
/*
 * *********************************
 * End homepage sticky effect styles
 * *********************************
*/


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}