
/*
    Grid
*/

#audio-control {
	position: absolute;
	z-index: 12;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	right: 55px;
	bottom: 54px;
}
.map-img {
	position: relative;
	overflow: hidden;
	display: block;
}
.map-img-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.hovers {
    position: absolute;
}
.z3 {
	z-index: 3;
}
.z4 {
	z-index: 4;
}
.z5 {
	z-index: 5;
}
.z6 {
	z-index: 6;
}
.z7 {
	z-index: 7;
}
.z8 {
	z-index: 8;
}
.number {
    width: 35px;
    height: auto;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.number a {
    width: 35px;
    height: auto;
    color: #fff;
    font-size: 14px;
    display: block;
}
.name {
	font-family:'moderatmedium', Helvetica, Arial, sans-serif;
    position: absolute;
    background-color: #fff;
    font-size: 11px;
    color: #000;
	letter-spacing: 0.2px;
    text-align: center;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	opacity: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}
.name.on {
    padding-top: 7px;
    padding-bottom: 6px;
	opacity: 1;
	height: auto;
	line-height: 12px;
}
.hovers.one {
    left: 59%;
    top: 52%;
}
.hovers.two {
    left: 48%;
    bottom: 10px;
}
.hovers.three {
    left: 58.5%;
    top: 19.5%;
}
.hovers.four {
    left: 59%;
    top: 10px;
}
.hovers.five {
    left: 49.2%;
    top: 56%;
}
.hovers.six {
    left: 46.5%;
    top: 60%;
}
.hovers.seven {
    left: 55%;
    top: 17%;
}
.hovers.eight {
    left: 21%;
    top: 54%;
}
.hovers.nine {
    left: 59.5%;
    top: 26%;
}
.hovers.ten {
    left: 54%;
    top: 10px;
}
.hovers.eleven {
    left: 47.8%;
    top: 66.3%;
}
.hovers.twelve {
    left: 54%;
    top: 62.2%;
}
.hovers.thirteen {
    left: 55.7%;
    top: 58.5%;
}
.hovers.fourteen {
    left: 52%;
    top: 54.5%;
}
.hovers.fifteen {
    left: 55.9%;
    top: 31.5%;
}
.hovers.sixteen {
    left: 49%;
    top: 63.2%;
}
.hovers.seventeen {
    left: 50.8%;
    top: 59%;
}
.hovers.eighteen {
    left: 55%;
    top: 27%;
    opacity: 1;
}
.hovers.nineteen {
    left: 53.7%;
    top: 31.5%;
    opacity: 1;
}
.hovers.twenty {
    left: 53.5%;
    top: 57%;
    opacity: 1;
}
.hovers.twentyone {
    left: 51.5%;
    top: 63.2%;
    opacity: 1;
}


.hovers.one .name {
    margin-top: -65px;
    margin-left: -60px;
	width: 170px;
}
.hovers.two .name {
    margin-top: -80px;
    margin-left: -65px;
	width: 170px;
}
.hovers.three .name {
    margin-top: -65px;
    margin-left: -70px;
	width: 190px;
}
.hovers.four .name {
    margin-top: 0;
    margin-left: -65px;
	width: 170px;
}
.hovers.five .name {
    margin-top: -65px;
    margin-left: -90px;
	width: 220px;
}
.hovers.six .name {
    margin-top: -65px;
    margin-left: -95px;
	width: 225px;
}
.hovers.seven .name {
    margin-top: -65px;
    margin-left: -80px;
	width: 200px;
}
.hovers.eight .name {
    margin-top: -65px;
    margin-left: -80px;
	width: 200px;
}
.hovers.nine .name {
    margin-top: -65px;
    margin-left: -75px;
	width: 190px;
}
.hovers.ten .name {
    margin-top: 0;
    margin-left: -85px;
	width: 210px;
}
.hovers.eleven .name {
    margin-top: -65px;
    margin-left: -75px;
	width: 190px;
}
.hovers.twelve .name {
    margin-top: -65px;
    margin-left: -80px;
	width: 206px;
}
.hovers.thirteen .name {
    margin-top: -65px;
    margin-left: -70px;
	width: 190px;
}
.hovers.fourteen .name {
    margin-top: -65px;
    margin-left: -70px;
	width: 190px;
}
.hovers.fifteen .name {
    margin-top: -65px;
    margin-left: -70px;
	width: 190px;
}
.hovers.sixteen .name {
    margin-top: -65px;
    margin-left: -70px;
	width: 190px;
}
.hovers.seventeen .name {
    margin-top: -65px;
    margin-left: -70px;
	width: 190px;
}
.hovers.eighteen .name {
    margin-top: -65px;
    margin-left: -60px;
	width: 170px;
}
.hovers.nineteen .name {
    margin-top: -65px;
    margin-left: -70px;
	width: 190px;
}
.hovers.twenty .name {
    margin-top: -65px;
    margin-left: -70px;
	width: 190px;
}
.hovers.twentyone .name {
    margin-top: -65px;
    margin-left: -70px;
	width: 190px;
}

.displaypin {

}
.hidepin {
	display: none;
}

.testim p {
	margin-top: 0;
}
.testim-desk {
	display: inline-block!important;
}
.testim-mob {
	display: none !important;
}
.logos-hia-master {
	padding-bottom: 50px;
	margin-top: -120px;
	height: 80px;
}
.logos-hia-master img {
	width: 80px;
	height: 80px;
	width: auto;
}
.logos-hia {
	padding-right: 30px;
}
.logos-hia,
.logos-master {
	display: inline-block;
}
.logos-master img {
	width: 189px;
	height: auto;
}

@media screen and (max-width: 1300px) {

.logos-hia-master {
	padding-bottom: 50px;
	margin-top: -60px;
}

.number,
.number a {
    width: 25px;
}
.hovers.two {
    left: 48%;
    bottom: 5px;
}
.hovers.four .name {
    margin-top: -28px;
    margin-left: 34px;
	width: 170px;
}
.hovers.four {
    left: 57%;
    top: 5px;
}
.hovers.five {
    left: 50.5%;
    top: 53%;
}
.hovers.six {
    left: 45.5%;
    top: 60%;
}
.hovers.seven {
    left: 53%;
    top: 17%;
}
.hovers.nine {
    left: 60%;
    top: 28%;
}
.hovers.ten {
    left: 50%;
    top: 5px;
}
.hovers.ten .name {
    margin-top: -28px;
    margin-left: -220px;
	width: 210px;
}

}

@media screen and (max-width: 640px) {

.map-img .name {
	display: none;
}
.number,
.number a {
    width: 20px;
}

}

.z10 {
	z-index: 10;
}
.entersite {
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 45px;
	z-index: 12;
}
.entersite a {
	color: #fff;
	line-height: 34px;
}
.hero {
	height: 100vh;
	position: relative;
}
.hero-video {
	height: 100vh;
	position: relative;
}
.video-top video,
.video-all video {
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	max-width: none;
	background-size: 100% 100%;
 	background-color: #cfc9bf;
  	background-image:;
  	background-position: center center;
  	background-size: contain;
   	object-fit: cover;
   	z-index:1;
}
.bg-grey {
    background-color: #cfc9bf;
}
.bg-grey-light {
    background-color: #f1f1f2;
}
.bg-careers {
    background-color: #848c74;
}
.push-left {
    margin-left: 320px;
    margin-right: 65px;
}
.push-further {
    padding-top: 70px;
    padding-bottom: 0;
    padding-left: 100px;
    padding-right: 0;
}
.section.testim .push-further {
    padding-top: 0;
}

.push-further.less-left {
    padding-left: 0;
}
.push-further.less-top {
    padding-top: 30px;
}
.padd-bot {
    padding-bottom: 40px;
}
.padd-bot-expertise {
    padding-bottom: 140px;
}
.f0 {
    font-size: 0;
}
.vtop {
    vertical-align: top;
}
.vmid {
    vertical-align: middle;
}
.vbot {
    vertical-align: bottom;
}
.max {
    max-width: 1000px;
    margin: 0 auto;
}
.p2 {
    font-size: 0;
}
.padd-top {
    padding-top: 40px;
}
.padd-top-project {
    padding-top: 25px;
    padding-bottom: 80px;
}
.p2 .one {
    font-size: 0;
    width: 50%;
    display: inline-block;
}
.p2 .two {
    font-size: 0;
    width: 50%;
    display: inline-block;
}
.p2.proj-single .one {
    font-size: 0;
    width: calc(100% - 350px);
}
.p2.proj-single .two {
    font-size: 0;
    width: 300px;
}
.proj-single-left {
    width: 90%;
    max-width: 580px;
}
.p2 .one.img-right {
    float: right;
}
.p2 .two.img-right {
    float: left;
}
.details-home {
    font-size: 15px;
    padding-top: 15px;
    /*display: none;*/
}
.page-template-page-home .details-home {
    /*display: block;*/
}
.deets {
    position: absolute;
    right: 65px;
    bottom: 60px;
    font-size: 19px;
}
.deets .tel,
.details-home .tel {
    display: block;
    padding-left: 40px;
	background-image: url(../images/arrow-deets.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:36px;
	-moz-background-size:36px;
}
.deets a {
    border-bottom: 1px solid #cfc9bf;
}
.deets a:hover {
    border-bottom: 1px solid #000;
}
.deets .tel a {
    border: 0;
}
.arrow-down {
    width: 40px;
    height: 70px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 65px;
}
.arrow-down a {
    display: block;
    width: 40px;
    height: 70px;
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:40px;
	-moz-background-size:40px;
}
.owl-item {
	overflow:hidden;
	width:100%;
	height:auto;
	position:relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}
.owl-nav {
	z-index:1;
	width:100%;
	height:0;
	top:0;
}
.owl-prev {
	width:50%;
	height:100%;
	color:transparent;
	display:block;
	/*background-image: url(../images/owl-left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:40px;
	-moz-background-size:40px;*/
	z-index:5;
	position:absolute;
	top:0;
    cursor: default;
}
.owl-next {
	width:50%;
	height:100%;
	color:transparent;
	display:block;
	background-image: url(../images/owl-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:60px;
	-moz-background-size:60px;
	z-index:5;
    top: 0;
	left:50%;
	position:absolute;
    cursor: default;
}
.owl-counter {
    padding-top: 18px;
    display: block;
    text-align: right;
    font-size: 30px;
}
.owl-counter.text-left {
    text-align: left;
}
.text-padd-right {
    padding-left: 100px;
    padding-bottom: 55px;
}
.text-padd-right.none-left {
    padding-left: 0;
    padding-right: 60px;
}
.text-padd-right.profile {
    padding-bottom: 0;
}
.footer {
    padding-top: 70px;
    padding-bottom: 20px;
    background-color: #cfc9bf;
}
.bg-green {
    background-color: #848c74;
}
.line-top {
    margin-left: 100px;
    border-top: 1px solid #000;
    height: 20px;
}
.getintouch {
    display: block;
    padding-bottom: 20px;
}
.button-more {
    margin-top: 20px;
}
.button-more a {
    font-family: 'moderatmedium', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 24px;
    display: block;
    padding-left: 50px;
	background-image: url(../images/arrow-deets.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:42px;
	-moz-background-size:42px;
    display: inline-block;
}
.padd-footer {
    margin-left: 100px;
}
.padd-footer.projects-text {
    margin-left: 0;
}
.footer p {
    max-width: 400px;
}
.tel-foot,
.address {
    font-family: 'moderatlight', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.tel-foot {
    font-size: 22px;
    display: block;
    padding-left: 48px;
	background-image: url(../images/arrow-deets.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:40px;
	-moz-background-size:40px;
}
.tel-foot.no-arr {
    padding-left: 0;
    background-image: none;
    padding-bottom: 10px;
}
.address {
    font-size: 22px;
    margin-top: 4px;
}
.social {
    float: right;
    margin-top: -42px;
}
.social span {
    color: #fff;
    display: inline-block;
    text-align: center;
}
.social span a {
    color: #000;
    font-size: 32px;
    display: block;
    line-height: 44px;
    vertical-align: bottom;
    padding-left: 22px;
}
.social span a:hover {
    color: #fff;
}
.icon-expertise {
    display: block;
    text-align: center;
    width: 95%;
}
.icon-expertise img {
    width: 50%;
    max-width: 170px;
}
.people {
    margin-left: -1%;
    margin-right: -1%;
    font-size: 0;
}
.person {
    display: inline-block;
    vertical-align: top;
    width: 31.3333%;
    margin-left: 1%;
    margin-right: 1%;
    padding-bottom: 80px;
}
.person h4 {
    font-size: 30px;
    padding-top: 15px;
    padding-bottom: 0;
}
.reform-max {
    max-width: 1920px;
}
.thumb-news {
    width: calc(100% - 100px);
}
.thumb-news-left {
    width: calc(100% - 20px);
}
.thumb-news-right {
    width: calc(100% - 20px);
    margin-left: 20px;
}
.thumb-news-full {
    margin-top: 42px;
}
.thumb-news-right-over {
    position: relative;
    display: block;
}
.thumb-news-right-over-line {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 40px;
    background-color: #f1f1f2;
    margin-top: -20px;
}
.news-padd {
    padding-left: 40px;
}
.load-more,
.load-next,
.load-more-projects {
    text-align: center;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 10px;
    border-top: 1px solid #000;
}
.load-more {
    padding-bottom: 60px;
}
.load-more-projects {
    text-align: left;
}
.load-more h3,
.load-next h3 {
    text-align: center;
    margin: 0 auto;
}
.load-more h3 a {
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:30px;
	-moz-background-size:30px;
    padding-bottom: 60px;
}
.load-more h3 a:hover {
    padding-bottom: 65px;
}
.load-more-projects h3 {
    width: 51%;
    display: block;
    max-width: none;
}
.load-more-projects h3 a {
    display: block;
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:25px;
	-moz-background-size:25px;
    line-height: 50px;
}
.load-p {
    float: left;
}
.load-p a {
	background-image: url(../images/arrow-left.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:45px;
	-moz-background-size:45px;
    padding-left: 80px;
}
.load-n {
    float: right;
}
.load-n a {
	background-image: url(../images/arrow-deets.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:45px;
	-moz-background-size:45px;
    padding-right: 80px;
}
.map-google,
.map {
	width:100%;
	height:700px;
	position:relative;
	z-index:2;
}
.controls {
    padding: 12px;
    position: absolute;
	z-index:3;
	width:55px;
	height:120px;
    bottom: 0;
}
.zoomout,
.zoomin,
.zoomout2,
.zoomin2 {
	background-color:#fff;
	width:45px;
	height:45px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
}
.zoomout a,
.zoomin a,
.zoomout2 a,
.zoomin2 a {
	background-color:#fff;
	width:45px;
	height:45px;
	display:block;
	/*-webkit-box-shadow: 1px 1px 1px 1px rgba(204,204,204,1);
	-moz-box-shadow: 1px 1px 1px 1px rgba(204,204,204,1);
	box-shadow: 1px 1px 1px 1px rgba(204,204,204,1);*/
}
.zoomout a:hover,
.zoomin a:hover,
.zoomout2 a:hover,
.zoomin2 a:hover {
	background-color:#fff;
}
.zoomin,
.zoomin2 {
	margin-bottom:6px;
}
.zoomin a,
.zoomin2 a {
	background-image: url(../images/icon-plus.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:16px;
	-moz-background-size:16px;
}
.zoomout a,
.zoomout2 a {
	background-image: url(../images/icon-minus.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:16px;
	-moz-background-size:16px;
}
.projects-menu {
    font-family: 'moderatlight', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 22px;
    line-height: 40px;
    text-align: right;
}
.projects-menu span {
    padding-left: 20px;
}
.projects-filter {
    opacity: 0.3;
}
.projects-filter:hover,
.projects-filter.active {
    opacity: 1;
}
.projects-menu.reform-cats {
    text-align: left;
    float: left;
}
.projects-menu.reform-cats a {
    opacity: 0.5;
    margin-right: 15px;
    border-bottom: 1px solid #f1f1f2;
}
.projects-menu.reform-cats a:hover,
.projects-menu.reform-cats a.active {
    opacity: 1;
    border-bottom: 1px solid #333;
}
.projects-list {
	background-image: url(../images/projects-list.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:40px;
	-moz-background-size:40px;
    display: inline-block;
    width: 70px;
}
.projects-grid {
	background-image: url(../images/projects-grid.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:30px;
	-moz-background-size:30px;
    display: inline-block;
    padding-left: 45px;
    margin-left: 40px;
    margin-right: 30px;
    width: 65px;
}
.projects-grid,
.projects-list {
    opacity: 0.4;
    cursor: pointer;
}
.projects-grid.active,
.projects-list.active {
    opacity: 1;
}
.projects-stack.itsgrid {
    font-size: 0;
    margin-left: -2%;
    margin-right: -2%;
}
.projects-stack.itsgrid .project {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
}
.projects-stack.itsgrid .project h3 {
    display: none;
}
.projects-stack.itslist .project h3 {
    display: block;
}






.projects-stack.itsgrid .project .slider {
}
.projects-stack.itsgrid .project .thumb-standard {
}
.projects-stack.itslist .project {
}
.projects-stack.itslist .project .thumb-standard {
}

.projects-stack.itsgrid .project .p2 .one {
    width: 60%;
}
.projects-stack.itsgrid .project .p2 .two {
    width: 40%;
    text-align: right;
}
.projects-stack.itsgrid .project .padd-top-project {
    padding-top: 50px;
}
.projects-stack.itslist .project .padd-top-project {
    padding-top: 35px;
}
/*.p2 .one.img-no-max img {
    background-color: #333;
    width: 100%;
    max-width: none;
}*/
.slidernone + .owl-counter {
    color: #f1f1f2;
}

.grecaptcha-badge { 
    visibility: hidden;
}
.grecaptcha-text {
    padding-top: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #999;
    padding-right: 20px;
}
.grecaptcha-text a {
    color: #666;
    border-bottom: 1px solid #999;
}
.grecaptcha-text.stay {
    color: #777;
}
.grecaptcha-text.stay a {
    color: #444;
}
.form-career .grecaptcha-text {
    color: #333;
}
.form-career .grecaptcha-text a {
    color: #111;
    border-bottom: 1px solid #666;
}

.testim-img-left {
	width: 100%;
}
.testim-img-right {
	margin-left: 0;
}
.testim-text-right {
	padding-left: 14%;
}
.testim-text-left {
	padding-right: 5%;
}
.text-desktop {
    display: inline-block!important;
}
.text-mobile {
    display: none!important;
}
.padd-bot-testim {
	padding-bottom: 100px;
}

@media screen and (min-width: 1024px) {

.owl-full,
.owl-full .owl-item {
    width: 100%;
    height: 100vh;
    max-width: none;
    position: relative;
    z-index: 10;
}
.owl-full .owl-item img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.counter-on-img {
    margin-top: -95px;
    padding-right: 45px;
    z-index: 11;
    position: relative;
}
.counter-on-img {
    color: #fff;
}

}

@media screen and (max-width: 1023px) {

.hide-2023 {
    display: none;
}
.counter-on-img {
    padding-right: 20px;
}

}

.text-seo-space {
    height: 10px;
}

/* End main CSS ..........................................  */

@media screen and (min-width: 1600px) {

.hero-bg {
    width: 100%;
    background-color: #cfc9bf;
}
.section {
    max-width: 1590px;
    margin: 0 auto;
}
.section.w0 {
    max-width: none;
}
.footer-inner {
    max-width: 1590px;
    margin: 0 auto;
}

}

@media screen and (min-width: 1441px) and (max-width: 1800px) {

.push-left {
    margin-left: 340px;
    margin-right: 60px;
}
.push-further {
    padding-top: 60px;
    padding-left: 80px;
}
.push-further.less-top {
    padding-top: 30px;
}
.text-padd-right {
    padding-left: 80px;
    padding-bottom: 44px;
}
.line-top {
    margin-left: 80px;
}
.footer {
    padding-top: 60px;
    padding-bottom: 20px;
}
.padd-footer {
    margin-left: 80px;
}
.button-more a {
    font-size: 24px;
    padding-left: 50px;
	background-size:42px;
	-moz-background-size:42px;
}
.padd-bot-expertise {
    padding-bottom: 100px;
}
.thumb-news {
    width: calc(100% - 80px);
}
.padd-top-project {
    padding-top: 25px;
    padding-bottom: 70px;
}
.grecaptcha-text {
    padding-right: 100px;
}


}

@media screen and (max-width: 1440px) {

.projects-stack.itsgrid .project .padd-footer.projects-text {
    margin-left: 0;
}
.projects-stack.itsgrid .project .p2 .one {
    width: 55%;
}
.projects-stack.itsgrid .project .p2 .two {
    width: 45%;
}
.p2.proj-single .one {
    font-size: 0;
    width: calc(100% - 250px);
}
.p2.proj-single .two {
    font-size: 0;
    width: 240px;
}
.projects-menu.reform-cats a {
    margin-right: 10px;
}

}


@media screen and (max-width: 1023px) {

.logos-hia-master {
	padding-bottom: 40px;
	margin-top: 0;
	height: 60px;
}
.logos-hia-master img {
	width: 60px;
	height: 60px;
}
.logos-hia {
	padding-right: 20px;
}
.logos-master img {
	width: 142px;
	height: auto;
}



.testim-desk {
	display: none !important;
}
.testim-mob {
	display: block !important;
}
.padd-bot-testim {
	padding-bottom: 60px;
}
.testim-img-left {
	width: 100%;
}
.testim-img-right {
	margin-left: 0;
}
.testim-text-right {
	padding-left: 0;
	padding-top: 22px;
	padding-bottom: 10px;
}
.testim-text-left {
	padding-right: 0;
	padding-top: 22px;
	padding-bottom: 10px;
}


.details-home {
    display: none;
}
.text-desktop {
    display: none!important;
}
.text-mobile {
    display: inline-block!important;
}
.projects-stack.itsgrid .project .p2 .one {
    width: 100%;
}
.projects-stack.itsgrid .project .p2 .two {
    width: 100%;
    text-align: left;
}
.p2.proj-single .one {
    width: 100%;
    padding-bottom: 40px;
}
.p2.proj-single .two {
    width: 100%;
}
.text-padd-right.profile {
    padding-bottom: 1px;
}
.text-padd-right.none-left {
    padding-left: 40px;
    padding-right: 0;
}
.thumb-news-left {
    width: calc(100% - 10px);
    margin-top: 10px;
}
.thumb-news-right {
    width: calc(100% - 10px);
    margin-top: 10px;
    margin-left: 10px;
}
.thumb-news-right-over-line {
    height: 20px;
    margin-top: -10px;
}

.thumb-news-full {
    margin-top: 22px;
}

.projects-menu {
    font-size: 20px;
    line-height: 40px;
}

}

@media screen and (max-width: 1440px) {

.vbot.prof {
    vertical-align: top;
}

}

@media screen and (min-width: 1024px) and (max-width: 1440px) {

.push-left {
    margin-left: 330px;
    margin-right: 50px;
}
.push-further {
    padding-top: 60px;
    padding-left: 70px;
}
.push-further.less-top {
    padding-top: 30px;
}
.text-padd-right {
    padding-left: 40px;
    padding-bottom: 44px;
}
.line-top {
    margin-left: 70px;
}
.footer {
    padding-top: 50px;
    padding-bottom: 20px;
}
.padd-footer {
    margin-left: 70px;
}
.tel-foot {
    font-size: 18px;
    padding-left: 48px;
	background-size:40px;
	-moz-background-size:40px;
}
.address {
    font-size: 18px;
    line-height: 23px;
    margin-top: 4px;
}
.button-more a {
    font-size: 20px;
    padding-left: 48px;
	background-size:40px;
	-moz-background-size:40px;
}
.padd-bot-expertise {
    padding-bottom: 80px;
}
.thumb-news {
    width: calc(100% - 40px);
}
.load-p a {
	background-size:35px;
	-moz-background-size:35px;
    padding-left: 60px;
}
.load-n a {
	background-size:35px;
	-moz-background-size:35px;
    padding-right: 60px;
}
.padd-top-project {
    padding-top: 25px;
    padding-bottom: 70px;
}
.news-padd {
    padding-left: 0;
}


}

@media screen and (max-width: 1023px) {

.owl-counter {
    font-size: 21px;
}
.owl-counter.text-left {
    text-align: right;
}
.tel-foot {
    font-size: 17px;
    padding-left: 48px;
	background-size:40px;
	-moz-background-size:40px;
}
.address {
    font-size: 17px;
    line-height: 22px;
    margin-top: 4px;
}
.footer p {
    max-width: none;
}
.icon-expertise {
    text-align: left;
    width: 100%;
    padding-bottom: 40px;
}
.icon-expertise img {
    width: 50%;
    max-width: 100px;
}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {

.push-left {
    margin-left: 200px;
    margin-right: 50px;
}
.push-further {
    padding-top: 50px;
    padding-left: 40px;
}
.push-further.less-top {
    padding-top: 30px;
}
.padd-bot {
    padding-bottom: 20px;
}
.text-padd-right {
    padding-top: 25px;
    padding-left: 40px;
    padding-bottom: 0;
}
.line-top {
    margin-left: 40px;
}
.footer {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padd-footer {
    margin-left: 40px;
}
.arrow-down {
    width: 30px;
    height: 55px;
    left: 238px;
    margin-left: 0;
    bottom: 58px;
}
.arrow-down a {
    width: 30px;
    height: 55px;
	background-size:30px;
	-moz-background-size:30px;
}
.deets {
    right: 55px;
    bottom: 58px;
}
.button-more {
    margin-top: 10px;
}
.button-more a {
    font-size: 18px;
    padding-left: 43px;
	background-size:35px;
	-moz-background-size:35px;
}
.padd-text {
    padding-left: 40px;
}
.padd-bot-expertise {
    padding-bottom: 60px;
}
.people {
    margin-left: -1%;
    margin-right: -1%;
}
.person {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    padding-bottom: 50px;
}
.person h4 {
    font-size: 26px;
    padding-top: 15px;
    padding-bottom: 0;
}
.thumb-news {
    width: calc(100% - 1px);
    padding-bottom: 50px;
}
.load-p a {
	background-size:35px;
	-moz-background-size:35px;
    padding-left: 50px;
}
.load-n a {
	background-size:35px;
	-moz-background-size:35px;
    padding-right: 50px;
}
.load-p a span,
.load-n a span {
    display: none;
}
.padd-top-project {
    padding-top: 20px;
    padding-bottom: 50px;
}
.projects-stack.itsgrid .project .padd-top-project {
    padding-top: 40px;
}
.thumb-news-right.stack {
    margin-left: 0;
}
.news-padd {
    padding-top: 50px;
    padding-left: 0;
}


}

@media screen and (min-width: 480px) and (max-width: 767px) {

.hero-video {
	height: 500px;
	position: relative;
}

.push-left {
    margin-left: 150px;
    margin-right: 30px;
}
.push-further {
    padding-top: 30px;
    padding-left: 0;
}
.push-further.less-top {
    padding-top: 30px;
}
.padd-bot {
    padding-bottom: 20px;
}
.text-padd-right {
    padding-top: 25px;
    padding-left: 0;
    padding-bottom: 0;
}
.line-top {
    margin-left: 0;
}
.footer {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padd-footer {
    margin-left: 0;
}
.arrow-down {
    width: 25px;
    height: 50px;
    left: 148px;
    margin-left: 0;
    bottom: 38px;
}
.arrow-down a {
    width: 25px;
    height: 50px;
	background-size:25px;
	-moz-background-size:25px;
}
.deets {
    font-size: 16px;
    right: 42px;
    bottom: 38px;
}
.button-more {
    margin-top: 5px;
}
.button-more a {
    font-size: 17px;
    padding-left: 43px;
	background-size:35px;
	-moz-background-size:35px;
}
.padd-bot-expertise {
    padding-bottom: 50px;
}
.thumb-news {
    width: calc(100% - 1px);
    padding-bottom: 40px;
}
.load-p a {
	background-size:30px;
	-moz-background-size:30px;
    padding-left: 45px;
}
.load-n a {
	background-size:30px;
	-moz-background-size:30px;
    padding-right: 45px;
}
.load-p a span,
.load-n a span {
    display: none;
}
.padd-top-project {
    padding-top: 1px;
    padding-bottom: 50px;
}
.projects-stack.itsgrid .project .padd-top-project {
    padding-top: 40px;
}
.thumb-news-right.stack {
    margin-left: 0;
}
.news-padd {
    padding-top: 40px;
    padding-left: 0;
}
.grecaptcha-text {
    padding-top: 10px;
    padding-bottom: 15px;
}


}


@media screen and (max-width: 1023px) {

.p2 .one {
    width: 100%;
    display: block;
}
.p2 .two {
    width: 100%;
    display: block;
}
.p2 .one.nostack {
    width: 50%;
    display: inline-block;
}
.p2 .two.nostack {
    width: 50%;
    display: inline-block;
}
.p2 .one.img-right {
    float: none;
}
.p2 .two.img-right {
    float: none;
}
.padd-footer.projects-text {
    padding-left: 0;
    margin-left: 0;
}

}

@media screen and (min-width: 1024px) and (max-width: 1200px) {

.viewas {
    display: none;
}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {

.padd-top-sml {
    padding-top: 10px;
}
.viewas {
    display: none;
}

}

@media screen and (max-width: 767px) {

.video-top {
	display: none;
}
.logo.logo-abs {
	bottom: 60px;
}
.entersite {
	left: auto;
	margin-left: 0;
	right: 30px;
	bottom: 50px;
}
#audio-control {
	font-size: 16px;
	right: 120px;
	bottom: 57px;
}

.social {
    float: none;
    margin-top: 15px;
}
.social span a {
    color: #000;
    font-size: 28px;
    display: block;
    line-height: 44px;
    vertical-align: bottom;
    padding-left: 0;
    padding-right: 22px;
}
.social span a:hover {
    color: #333;
}
.people {
    margin-left: 0;
    margin-right: 0;
}
.person {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 30px;
}
.person h4 {
    font-size: 24px;
    padding-top: 15px;
    padding-bottom: 0;
}
.load-more-projects h3 {
    width: 100%;
}
.load-more-projects h3 a {
	background-size:25px;
	-moz-background-size:25px;
    line-height: 50px;
}
.viewas {
    display: none;
}
.projects-stack.itsgrid {
    margin-left: 0;
    margin-right: 0;
}
.projects-stack.itsgrid .project {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.projects-stack.itsgrid .project h3 {
    display: block;
}
.projects-menu span {
    padding-left: 10px;
}
.projects-list a {
	background-size:40px;
	-moz-background-size:40px;
    padding-left: 55px;
    margin-left: 10px;
    margin-right: 0;
}
.projects-grid a {
	background-size:30px;
	-moz-background-size:30px;
    padding-left: 45px;
    margin-left: 0;
    margin-right: 0;
}
.text-padd-right.none-left {
    padding-left: 0;
    padding-right: 0;
}
.padd-top-sml {
    padding-top: 15px;
}

.projects-menu {
    display: none;
}
.projects-menu.reform-cats {
    float: none;
    display: block;
}

}

@media screen and (max-width: 479px) {

.push-left {
    margin-left: 100px;
    margin-right: 20px;
}
.push-further {
    padding-top: 20px;
    padding-left: 0;
}
.push-further.less-top {
    padding-top: 20px;
}
.padd-bot {
    padding-bottom: 20px;
}
.text-padd-right {
    padding-top: 20px;
    padding-left: 0;
    padding-bottom: 0;
}
.line-top {
    margin-left: 0;
}
.footer {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padd-footer {
    margin-left: 0;
}
.arrow-down {
    width: 25px;
    height: 50px;
    left: 97px;
    margin-left: 5px;
    bottom: 30px;
}
.arrow-down a {
    width: 25px;
    height: 50px;
	background-size:25px;
	-moz-background-size:25px;
}
.deets {
    font-size: 15px;
    right: 20px;
    bottom: 30px;
}
.button-more {
    margin-top: 5px;
}
.button-more a {
    font-size: 17px;
    padding-left: 40px;
	background-size:30px;
	-moz-background-size:30px;
}
.padd-bot-expertise {
    padding-bottom: 30px;
}
.icon-expertise {
    padding-bottom: 30px;
}
.thumb-news {
    width: calc(100% - 1px);
    padding-bottom: 30px;
}
.load-p a {
	background-size:25px;
	-moz-background-size:25px;
    padding-left: 35px;
}
.load-n a {
	background-size:25px;
	-moz-background-size:25px;
    padding-right: 35px;
}
.load-p a span,
.load-n a span {
    display: none;
}
.padd-top-project {
    padding-top: 1px;
    padding-bottom: 40px;
}
.projects-stack.itsgrid .project .padd-top-project {
    padding-top: 25px;
}
.padd-top-sml {
    padding-top: 5px;
}
.thumb-news-right.stack {
    margin-left: 0;
    width: 100%;
}
.thumb-news-left.stack {
    width: 100%;
}
.news-padd {
    padding-top: 30px;
    padding-left: 0;
}
p {
    padding-right: 0;
}
.grecaptcha-text {
    padding-top: 12px;
    padding-bottom: 26px;
}

}

@media (min-width: 481px) {

.logo-desk {
    display: block!important;
}
.logo-mob {
    display: none!important;
}

}

@media (max-width: 480px) {

.hero {
}
.hero-video {
	height: 300px;
}
.logo-desk {
    display: none!important;
}
.logo-mob {
    display: block!important;
    position: absolute;
    bottom: 142px;
}
.logo-mob {
}
.arrow-down {
    bottom: 140px;
}
.deets {
    bottom: 140px;
}
.sticky {
    position: fixed;
    bottom: 30px;
}
.stuck {
    position: fixed;
    bottom: 30px;
}
.padd-bot-testim {
	padding-bottom: 20px;
}

}