img {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

body,
h1,
h2,
h3,
p {
	margin: 0;
	padding: 0;
}

body.scroll {
	overflow: hidden;
}

.container {
	display: flex;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	padding: 0 1rem;
}

.flex {
	display: flex;
}

.flexV {
	display: flex;
	flex-direction: column;
}

button {
	outline: none;
}

.container>div {
	width: 75rem;
}

.copy-inner p {
	font-size: 0.9rem;
}

/************** header ************/

.header-wrap {
	background: #fff;
	padding: 1rem 0;
	position: absolute;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 98;
}

.header {
	justify-content: space-between;
	align-items: center;
}

.logo img {
	width: 200px;
	/*
	width: 6.75rem;
	height: 4.7rem;
	/**/
}

.menus {
	width: 42rem;
	width: 176px !important;
}

.main-menu {
	justify-content: flex-end;
	justify-content: flex-start;
}
@media screen and (max-width: 900px) {
	.main-menu {display: none}

}

.main-menu > ul {
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: flex-end;
	justify-content: flex-start;
	padding-left: 0px;
}

.main-menu ul li a{
	font-size: 1.125rem;
	color: #707070;
	margin: 0 0 0 1.5rem;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all 0.3s ease-out;
}

.main-menu ul li a.active {
	color: #113a60;
	border-bottom: 2px solid #113a60;
}

.main-menu ul li a:hover {
	color: #113a60;
	border-bottom: 2px solid #113a60;
}

.extra-menu {
	justify-content: flex-end;
	align-items: center;
	padding-bottom: 1rem;
}

.search {
	position: relative;
}

.search input {
	width: 11rem;
	box-sizing: border-box;
	height: 2.3rem;
	border: 0;
	outline: none;
	background: #efefef;
	padding: 0.5rem 3rem 0.5rem 1rem;
	color: #8e8e8e;
	position: relative;
}

.search span {
	position: absolute;
	right: 1rem;
	top: 0.6rem;
}

.search span object {
	height: 1rem;
}

.langs {
	padding-right: 1rem;
}

.langs a {
	padding-right: 0.2rem;
	color: #afafaf;
	text-decoration: none;
	transition: all 0.3s ease;
}

.langs a.active {
	color: #113a60;
}

.langs a:hover {
	color: #113a60;
}


/**** MENUS *****/

.tablet-menu {
	display: none;
	width: 6rem;
	justify-content: space-between;
	align-items: center;
}

.hamburger {
	position: relative;
	left: 0.8rem;
	z-index: 999;
}

.search-it {
	background: transparent;
	border: 0;
}

.search-it svg {
	height: 1.8rem;
}

.hamburger .hamburger-inner,
.hamburger .hamburger-inner:before,
.hamburger .hamburger-inner:after {
	background: #878787;
}

.logo-h {
	display: none;
}

.logo-h img {
	position: relative;
	left: -1rem;
	top: 0.2rem;
	height: 2.25rem;
}

#zerotwo {
	left: 7rem;
}


/***** slider ****/

.slide-wrapper,
.slide {
	background: #000;
	width: 100%;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

#logossecond, #logosthird {
	display: none;
}

.slide-wrapper {
	margin-bottom: 48px;
	margin-top: 20px;
}

.slide-wrapper.career {
	background: #fff;
}

.lefticons{
	position: absolute;
	left: 2rem;
	top: calc(50% - 2rem);
	z-index: 100;
	cursor: pointer;
	transition: all 0.3s ease;
}

.lefticons:hover, 
.righticons:hover {
	transform: scale(1.1);
}

.righticons {
	position: absolute;
	right: 2rem;
	top: calc(50% - 2rem);
	z-index: 100;
	cursor: pointer;
	transition: all 0.3s ease;
}

.lefticons img,
.righticons img {
	height: 4rem;
}

.mainScreen {
	z-index: 1;
	position: relative;
	height: 100vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.iconsScreen {
	z-index: 1;
	position: relative;
	background: #f9fafc;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.blueBox {
	position: absolute;
	left: 3.5rem;
	bottom: 3.5rem;
	background: #283c5f;
	padding: 2rem;
	width: 30rem;
}

.blueBox>div {
	position: relative;
}

.blueBox h1 {
	font-size: 1.8rem;
	margin-bottom: 0.2rem;
	color: #fff;
}

.cars {
	padding-top: 6.25rem;
	display: flex;
	flex-direction: column;
}

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

.row>div {
	margin: 0 0.25rem;
	width: 18rem;
	height: 19.5rem;
	position: relative;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}

.tech {
	position: relative;
}

.abstech {
	position: absolute;
	right: 1rem;
	top: 9.75rem;
}

.row>div h1 {
	position: absolute;
	bottom: 3.12rem;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25rem;
}

.row>div img {
	position: absolute;
	bottom: 5.2rem;
	height: 3.6rem;
}

.blueBox p {
	position: relative;
	color: #fff;
	font-size: 0.9rem;
	line-height: 1.4rem;
	width: 30rem;
}

.facts {
	background: #283c5f;
	padding: 6.25rem 0 9rem 0;
}

.facts>div {
	display: flex;
	justify-content: center;
}

.fact h2 {
	color: #fff;
	font-size: 3.75rem;
}
@media (max-width:576px) {
    .fact h2{
        font-size: 2rem;
    }
	.tech .blue h2 {
		font-size: 1.5rem;}
}
.offpadl {
	padding-left: 1.5rem;
}

.fact>p {
	padding: 1rem 2rem 3rem 6.25rem;
	width: 30rem;
	color: #f8f8f8;
	opacity: 0.5;
}

.fact {
	padding-left: 1rem;
}

.fact img {
	width: 4.4rem;
	padding-right: 2rem;
}

.fact>div {
	align-items: center;
}

.tech {
	display: flex;
}

.tech>div {
	padding-top: 6.25rem;
	width: 50%;
	box-sizing: border-box;
}

.tech>div.abstech {
	width: 60rem;
}

.tech .blue {
	height: 45rem;
	background: #283c5f;
	padding-left: 22rem;
}

.tech .blue h1 {
	font-size: 1.85rem;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 2rem;
}

.tech .blue p {
	margin-bottom: 3rem;
}

.tech .white p {
	color: #474a56;
	width: 36.25rem;
	padding-left: 2rem;
	margin: 0;
}

.tech .blue a {
	text-transform: uppercase;
	background: #fff;
	color: #661723;
	padding: 1rem 2rem;
	text-decoration: none;
	transition: all 0.3s ease;
}

.tech .blue a:hover {
	background: #661723;
	color: #fff;
}

.tech .blue p {
	color: #fff;
	width: 23rem;
}

.blueRight {
	right: -2rem;
	bottom: -2rem;
	position: absolute;
	padding: 0.3rem 0.8rem 0.6rem 0.8rem;
	color: #fff;
	font-size: 0.7rem;
	background: #79202e;
}

.blueRight img {
	padding-left: 0.5rem;
	position: relative;
	top: 3px;
	right: -3px;
}

.slide {
	background: url('/templates/images/layout/img/slider1.png');
	background-size: cover;
	background-position: center;
}

.const1 {
	background: url('/templates/images/layout/img/birds.jpg');
	background-size: cover;
	background-position: center;
}

.recept1 {
	background: url('/templates/images/layout/img/reception.jpg');
	background-size: cover;
	background-position: center;
}

.ardager1{
    background: url('/templates/images/layout/img_res/ardager1.jpg');
    background-size: cover;
    background-position: center;
}

.garden1 {
    background: url('/templates/images/layout/img_res/garden.jpg');
    background-size: cover;
    background-position: center; 
}

.europe1 {
    background: url('/templates/images/layout/img_res/europe1.jpg');
    background-size: cover;
    background-position: center; 
}

.new1 {
	background: url('/templates/images/layout/img/newtengiz.jpg');
	background-size: cover;
	background-position: center;
}

.trans1 {
	background: url('/templates/images/layout/img/trans.jpg');
	background-size: cover;
	background-position: center;
}

.wrapthisup {
	display: flex;
	flex-direction: column;
	padding-top: 6rem;
	align-items: center;
	padding-bottom: 6rem;
}

.wrapthisup.logoshere {
	padding-bottom: 0;
}

.wrapthisup.feedback {
	background: #f9fafc;
}

.wrapthisup.service {
	background: #f5f5f5;
}

.imagetextblock {
	display: flex;
	align-items: flex-start;
	width: 96rem;
}

.imagetextblock > div {
	width: 50%;
	box-sizing: border-box;
}

.imageblock {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

.imagetextblock.service .imageblock {
	justify-content: flex-start;
}

.textblock p {
	font-size: 20px;
	color: #283c5f;
	margin-bottom: 1.7rem;
}

.textblock .point {
	display: flex;
	align-items: flex-start;
	margin-bottom: 0.7rem;
}

.textblock .point img {
	margin-right: 1rem;
	position: relative;
	top: 3px;
}

.textblock .point p {
	color: #3e3e3e;
	margin-bottom: 0;
}

.textblock span {
	font-size: 25px;
}

.imagetextblock.service .imageblock img{
	margin-right: 0;
}

.imagetextblock.service .textblock {
	padding-right: 2rem;
}

.imagetextblock .imageblock img{
	margin-right: 3rem;
	width: 37.5rem;
	height: auto;
}

.affect {
	padding-top: 6rem;
	align-items: center;
	padding-bottom: 6rem;
}

.affect.new {
	padding-bottom: 3.3rem;
}

.affect img {
	width: 25.228rem;
	height: 19rem;
}

.aboutfeedback {
	width: 42.5rem;
	position: relative;
}

.aboutfeedback form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.aboutfeedback p {
	margin-bottom: 2rem;
	text-align: center;
	color: #474a56;
	font-size: 1.05rem;
}

.kvota{
	position: absolute;
    left: -10rem;
    top: -3rem;
}

.aboutfeedback form label {
	width: calc(50% - 1rem);
	margin-bottom: 0.5rem;
	color: #787878;
}

.aboutfeedback button {
	justify-self: center;
	padding: 1rem 3rem 0.9rem 3rem;
	border: 1px solid #adadae;
	text-transform: uppercase;
	font-size: 16px;
	background: #fff;
	color: #767676;
	margin: 0.7rem auto 0 auto;
	transition: all 0.3s ease;
	cursor: pointer;
}

.aboutfeedback button:hover{
	background: #adadae;
	color: #4a4747;
}

.aboutfeedback form input.full,
.aboutfeedback form input{
	background: #ededed;
	border: 1px solid #dfe0e0;
	border-radius: 4px;
	font-size: 1rem;
	box-sizing: border-box;
	padding: 0.7rem 1rem;
	color: #787878;
	margin: 0 0 1.3rem 0;
}

.aboutfeedback form input.full {
	width: 100%;
}

.aboutfeedback form input {
	width: calc(50% - 1rem);
}

.redP {
	width: 25rem;
	margin-top: 3rem;
	margin-left: 2.5rem;
	padding-left: 0.5rem;
}

.redP .red {
	width: 2rem;
	height: 5px;
	background: #79202e;
}

footer a {
	text-decoration: none;
}

footer a:hover p {
	color: red;
}

.redP p {
	padding-top: 1.7rem;
	color: #808899;
	font-size: 0.9rem;
}

.big {
	color: #283c5f;
	font-size: 0.9rem;
    line-height: 1.4rem;
	width: 58.875rem;
	padding: 0rem 0 0 3.75rem;
}

.bik {
	color: #283c5f;
	font-size: 1.5rem;
	width: 55rem;
	padding: 5rem 4rem 0 3.75rem;
	box-sizing: border-box;
}

.big.chef {
	width: 53rem;
}

div.chefF {
	justify-content: center;
	display: flex;
	padding-left: 8rem;
}

.chefPoints {
	display: flex;
	flex-direction: column;
	padding-top: 5rem;
	padding-left: 3.8rem;
}

.const {
	padding: 6.25rem 0 1.5rem 0;
	background: url(/templates/images/layout/img/spots.jpg);
	background-size: cover;
	background-position: center;
}

.bigLogo {
	display: flex;
	justify-content: center;
	padding: 2rem 0 8.5rem 0;
	align-items: center;
}

.bigLogo img {
	padding-right: 9.4rem;
}

.blocks {
	display: flex;
	flex-wrap: wrap;
}

.blocks>div {
	width: 50%;
	box-sizing: border-box;
	background: red;
	height: 30.6rem;
}

.blueWater {
	background-color: rgba(17, 58, 96, 0.7);
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 7rem;
	opacity: 0;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
}

.blueWater:hover {
	opacity: 1;
}

.blueWater h1 {
	font-size: 1.25rem;
	color: #fff;
	text-transform: uppercase;
}

.blueWater.right_ h1,
.blueWater.right_ p {
	text-align: right;
}

.blueWater.right_ {
	align-items: flex-end;
}

.blueWater>p {
	font-size: 1.1rem;
	color: #fff;
	width: 31rem;
	padding: 2.3rem 0;
}

.icons div {
	display: flex;
	padding-right: 3rem;
}

.map {
	padding-top: 6.25rem;
}

.blueWater.right_ .icons div {
	padding-left: 3rem;
	padding-right: 0;
}

.icons p {
	color: #fff;
}

.icons img {
	height: 1.1rem;
	padding-right: 0.5rem;
}

.bigLogo img {
	height: 13rem;
}

/* наполняется через tinymce
.bigLogo p {
	width: 36.9rem;
	font-size: 0.9rem;
	color: #474a56;
}/**/

.chefPoints p {
	font-size: 0.9rem;
	color: #898989;
	margin: 0 0 0.5rem;
}

.chefPoints img {
	padding-right: 0.5rem;
}

.big span {
	color: #79202e;
}

.career1 {
	background: url('/templates/images/layout/img/career1.jpg');
	background-size: cover;
	background-position: center;
}

.prin1 {
	background: url('/templates/images/layout/img/prin.jpg');
	background-size: cover;
	background-position: center;
}

.career2 {
	background: url('/templates/images/layout/img/career1.jpg');
	background-size: cover;
	background-position: center;
}

.titles {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.titles h1 {
	font-size: 5rem;
	color: #fff;
	margin: 0;
}

.titles h2 {
	padding-top: 0.3rem;
	text-transform: uppercase;
	letter-spacing: 0.6rem;
	margin: 0;
	font-size: 1.6rem;
	color: #fff;
}

.titles h3 {
	padding: 3.1rem 0 2.5rem 0;
	color: #fff;
	margin: 0;
	width: 41rem;
	font-size: 24px;
}


/**** slider buttons ****/

.buttons {
	display: flex;
	justify-content: space-between;
	width: 27rem;
}

.buttons.buttons2 {
	display: none;
}

a.present {
	cursor: pointer;
	position: relative;
	border: 2px solid #fff;
	padding: 0.7rem 1rem;
	background: transparent;
	text-decoration: none;
	color: #fff;
	transition: all 0.4s ease-in-out;
}

a.present:hover {
	background: #fff;
	color: #000;
}

a.present:hover #download {
	fill: #000;
}

#download {
	transition: all 0.4s ease-in-out;
	fill: #fff;
}

a.video {
	cursor: pointer;
	transition: all 0.4s ease-in-out;
	position: relative;
	background: #fff;
	border: 0;
	box-sizing: border-box;
	padding: 0.8rem 1rem 0.9rem 1.2rem;
	color: #000;
}

a.video:hover {
	background: #304770;
	color: #fff;
}

a.video:hover #play {
	transition: all 0.4s ease-in-out;
	fill: #fff;
}

#download,
#play {
	height: 1.1rem;
	width: 1.1rem;
	padding-left: 0.5rem;
}

#download,
#play {
	position: relative;
	top: 2px;
}


/**** controls ****/

.left {
	position: absolute;
	left: 3.12rem;
	top: 50vh;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	z-index: 5;
}

.left:hover {
	transform: scale(1.1);
}

.right {
	position: absolute;
	right: 3.12rem;
	top: 50vh;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	z-index: 5;
}

.right:hover {
	transform: scale(1.1);
}

.scroll {
	position: absolute;
	z-index: 5;
	top: 93vh;
	color: white;
	left: 50%;
	font-size: 1.625rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translateX(-50%) translateY(-50%);
}

.scroll a img {
	position: relative;
	left: -4px;
	height: 3.25rem;
	width: 3.5rem;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	-webkit-animation: sliding 1.5s infinite;
	/* Safari 4+ */
	-moz-animation: sliding 1.5s infinite;
	/* Fx 5+ */
	-o-animation: sliding 1.5s infinite;
	/* Opera 12+ */
	animation: sliding 1.5s infinite;
}

@keyframes sliding {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(10px);
	}
}


/***** about block *******/

.aboutHead {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.aboutHead h1 {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	color: #a7a7a7;
	text-align: center;
	text-transform: uppercase;
}

.aboutHead.career {
	margin-top: 4.5rem;
}

.aboutHead h2 {
	/*margin: 1.3rem 0 0 0;*/
	margin: 0;
	font-size: 2rem;
	color: #283c5f;
	text-align: center;
}

.biggie {
	padding-left: 1.5rem;
}

.aboutHead h2.white {
	color: #fff;
}

.redDiv.job {
	margin-bottom: 4rem;
}

.careerRow {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.careerRow a {
	text-decoration: none;
}

.careerSpot {
	display: flex;
	flex-direction: column;
	width: 18rem;
	margin: 0 0.5rem;
	padding-bottom: 6.9rem;
	cursor: pointer;
	transition: all 0.3s ease;
}

.careerSpot:hover {
	opacity: 0.7;
}

.careerSpot img {
	width: 100%;
	height: auto;
	margin-bottom: 2rem;
}

.careerSpot h1 {
	text-decoration: none;
	font-size: 1.1rem;
	text-transform: uppercase;
	margin: 0;
	color: #283c5f;
}

.careerSpot p {
	color: #283c5f;
	opacity: 0.8;
	font-size: 0.9rem;
	line-height: 1.4rem;
	margin-top: 1rem;
}

.areas {
	background: #f1f1f1;
	padding-bottom: 5rem;
}

.benefit {
	padding-bottom: 6rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.benefitList p {
	font-size: 0.9rem;
    line-height: 1.4rem;
	color: #283c5f;
	opacity: 0.8;
	width: 37rem;
	margin: 2rem 0 0 6.5rem;
	position: relative;
}

.benefitList p:first-child {
	margin-top: 1rem !important;
}

.benefitList p img {
	position: absolute;
	left: -1.5rem;
	top: 0.15rem;
	height: 1rem;
	width: 1rem;
}

.practice {
	padding: 4.5rem 1rem 4.5rem 1rem;
	background: url(/templates/images/layout/img/hands.jpg);
	background-size: cover;
	background-position: center;
}

.respond button {
	background: #fff;
	padding: 1rem 3rem;
	color: #79202e;
	font-size: 1.25rem;
	border: 0;
	margin: 0 4.3rem;
	transition: all 0.3s ease;
	cursor: pointer;
}

.respond button:hover {
	background: #a7a7a7;
}

.respond p {
	color: #fff;
	font-size: 0.9rem;
    line-height: 1.4rem;
	width: 50rem;
}

.respond {
	display: flex;
	justify-content: center;
	align-items: center;
}

.benefit img {
	width: 30.0rem;
	height: 18.9rem;
}

.redDiv {
	width: 2rem;
	height: 0.25rem;
	background: maroon;
	margin: 1.56rem 0 6.5rem 0;
}

.redDiv.long {
	width: 6.5rem;
}

.redDiv.short {
	margin-bottom: 3.5rem;
}

.about {
	padding-top: 2.5rem;
	padding-bottom: 9.375rem;
}


/********** contact **********/

.contact {
	background: #f9fafc;
	padding: 6.25rem 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contact.job {
	padding: 6.25rem 0 2rem 0;
}

.contact img {
	height: 140px;
	width: 140px;
}

.testi {
	width: 65rem;
	text-align: center;
	padding: 3.75rem 0 3.75rem 0;
	margin: 0;
	color: #283c5f;
	font-size: 0.9rem;
	line-height: 1.4rem;
	position: relative;
}

a.contactus {
	color: #283c5f;
	text-transform: uppercase;
	background: transparent;
	text-decoration: none;
	border: 1px solid #adadae;
	padding: 1rem 3.8rem;
	margin: 0;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

a.contactus:hover {
	border: 1px solid #283c5f;
	background: #283c5f;
	color: #f5f5f5;
}

.commas {
	position: absolute;
	left: 0;
	background: url('/templates/images/layout/img/commas.png');
	background-repeat: no-repeat;
	top: -0.5rem;
	height: 8rem;
	width: 8rem;
}


/***** image and whatever text ********/

.offshore {
	justify-content: center;
}

.more {
	padding-top: 0.5rem;
	align-self: flex-end;
	color: #283c5f;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all 0.3s ease;
}

.more:hover {
	border-bottom: 2px solid #283c5f;
}

.about-text p {
	max-width: 36rem;
	margin: 0;
	font-size: 0.9rem;
	padding-left: 2rem;
	padding-bottom: 1.5rem;
	line-height: 1.4rem;
}

.about-text p span {
	color: #79202e;
}

.about-img {
	max-width: 23.5rem;
	max-height: 17.25rem;
}

.about-img img {
	width: 100%;
	height: auto;
}


/******* foooter *****/

.footer-logo {
	width: 12.5rem;
}

footer {
	padding: 3rem 0;
	background: #20314d;
}

.footprint {
	justify-content: space-between;
	flex-wrap: wrap;
}

.footprint h3 {
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	margin-bottom: 1rem;
	font-weight: 300;
}

.footprint ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footprint ul li a,
.footprint p ,
.footprint a.p{
	color: #fff;
	opacity: 0.5;
	transition: all 0.3s ease;
	font-size: 0.9rem;
}

.footprint ul li {
	margin: 0.3rem 0;
}

.footprint ul li a:hover {
	color: red;
}

.footprint ul li:first-child{
	margin-top: 0;
	margin-bottom: 1rem;
}

.footprint ul li:first-child a{
	text-transform: uppercase;
	font-size: 15px;
	color: #fff !important;
	opacity: 1;
	cursor: default;
}


/****** copoy **/

.copy {
	background: #304770;
	padding: 1rem;
}

.copy-inner {
	color: #fff;
	justify-content: space-between;
}

.copytext {
	color: #b6b6b6;
}

a.red {
	color: #ff0000;
	text-decoration: underline;
}

.red span {
	color: #fff;
	text-decoration: underline;
}


/********** overlay *********/

.overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 97;
	height: 100vh;
	width: 100vw;
	background: #fff;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.video-popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
	height: 100vh;
	width: 100vw;
	opacity: 0;
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.6);
	cursor: pointer;
}

.video-popup > div {
	outline: 0;
	height: 315px;
	width: 560px;
}

.overlay.full {
	display: flex;
}

.overlay ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.overlay ul li {
	margin: 1rem;
}

.overlay ul li a {
	font-size: 1.55rem;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	z-index: 99;
}


/**** activities page ****/

.activity {
	margin-top: 6.7rem;
	padding: 6rem 0 4rem 0;
	background: #283c5f;
}

.activity.feedback {
	background: url(/templates/images/layout/img/face.jpg);
	background-size: cover;
	background-position: right top;
}

.actD,
.actF {
	align-items: center;
}

.actD div,
.actF div {
	height: 4.2rem;
	width: 5px;
	margin-right: 2rem;
	background: #fff;
}

.actD p,
.weaP,
.actF p {
	font-size: 30px;
	color: #fff;
	margin: 0;
}

.actD .text,
.actF .text {
	font-size: 0.9rem;
    line-height: 1.4rem;
	color: #fff;
	width: 30rem;
	margin-left: 3.75rem;
}

.weaP {
	text-transform: uppercase;
}

.business {
	display: flex;
	justify-content: center;
	padding: 5rem 0 10rem 0;
	position: relative;
}

.fusiness {
	display: flex;
	justify-content: center;
	padding: 5rem 0 10rem 0;
	position: relative;
}

.business.what {
	padding-top: 12rem;
}

.business>div {
	width: 74.5rem;
	position: relative;
}

.business.residence>div {
	width: 100rem;
	position: relative;
}

.business.service {
	padding-top: 3rem;
	padding-bottom: 1rem;
}

.fusiness.service {
	padding-top: 3rem;
	padding-bottom: 1rem;
}

.business.service>div {
	width: 100rem;
	position: relative;
}

.fusiness.service>div {
	width: 100rem;
	position: relative;
}

.leasing {
	justify-content: center;
	padding-top: 3rem;
	padding-bottom: 5.6rem;
}

.leasing_div {
	width: 23.4rem;
	height: 19.1rem;
	box-sizing: border-box;
	position: relative;
	transition: all 0.3s ease;
	cursor: pointer;
}

.leasing_div:hover {
	opacity: 0.7;
}

.leasing_div h1 {
	font-size: 1.14rem;
	text-transform: uppercase;
	position: absolute;
	margin: 0;
	bottom: 3.6rem;
	left: 1.5rem;
	color: #fff;
}

.leasing_div h1.extra {
	bottom: 1.3rem;
	font-size: 1.75rem;
}

.leasing p {
	padding: 0 0 1.7rem 2rem;
	width: 35rem;
	box-sizing: border-box;
	color: #474a56;
	font-size: 1.1rem;
}

.leasing span {
	color: #661723;
}

h3.back, #zerotwobackup {
	font-size: 16rem;
	color: #f0f0f0;
	position: absolute;
	left: -6rem;
	top: -8.2rem;
	z-index: -1;
}

#zerotwobackup {
	display: none;
	left: -1rem;
	top: -3.2rem;
}

.business .boxes {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	justify-content: flex-start;
}
.business .boxes a{margin-right: 20px}
.fusiness .foxes {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-around;
}

.business.extra .boxes {
	justify-content: flex-start;
}

.fusiness.extra .foxes {
	justify-content: flex-start;
}

.business.extra .box {
	margin-right: 2.2rem;
}

.fusiness.extra .fox {
	margin-right: 2.2rem;
}

.business h1 {
	font-size: 40px;
	margin-bottom: 1.5rem;
	margin-left: 4rem;
	color: #283c5f;
}

.fusiness h1 {
	font-size: 50px;
	margin-bottom: 1.5rem;
	margin-left: 4rem;
	color: #283c5f;
}

.business .box {
	width: 23.4rem;
	height: 19.1rem;
	background: #000;
	position: relative;
	transition: all 0.3s ease;
	cursor: pointer;
}

.business .box:hover {
	opacity: 0.7;
}

.fusiness .fox:hover {
	opacity: 0.7;
}

.fusiness .fox {
	width: 23.4rem;
	height: 19.1rem;
	background: #000;
	position: relative;
	transition: all 0.3s ease;
	cursor: pointer;
	margin-bottom: 2rem;
}

h4.what {
	margin-top: 7rem;
	top: 0;
	position: absolute;
	font-size: 1.1rem;
	color: #a7a7a7;
	text-transform: uppercase;
}

.business .box h1 {
	font-size: 1rem;
	text-transform: uppercase;
	position: absolute;
	margin: 0;
	bottom: 3.1rem;
	left: 1.5rem;
	color: #fff;
}

.fusiness .fox h1 {
	font-size: 1rem;
	text-transform: uppercase;
	position: absolute;
	margin: 0;
	bottom: 3.6rem;
	left: 1.5rem;
	color: #fff;
}

.fusiness .fox h1.extra {
	bottom: 1.3rem;
	font-size: 1.4rem;
}

.business .box h1.extra {
	bottom: 1.3rem;
	font-size: 1.4rem;
}

.welcomeAct {
	padding: 5rem 1rem;
	background: url(/templates/images/layout/img/welcomeAct.jpg);
	background-position: center;
	background-size: cover;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.weto {
	color: #a7a7a7;
	text-transform: uppercase;
	font-size: 1.25rem;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
}

.wered {
	width: 6.25rem;
	height: 4px;
	background: #79202e;
	margin: 1.8rem 0;
}

.wepi {
	width: 46.9rem;
	color: #fff;
	font-size: 0.9rem;
	text-align: center;
}

.provides {
	padding: 10rem 1rem;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
}

.provides.new {
	background: #f9fafc;
	opacity: 0.8;
}

.provides.waves {
	background: #f9fafc;
	padding: 5.75rem 0 4.125rem 0;
}

.provides.wave {
	padding: 6.75rem 0;
}

.provides.waves .contactus,
.provides.wave .contactus {
	margin-top: 2rem;
}

.provides.areas {
	padding: 0 0rem 4.5rem 0rem;
}

.provides>div {
	position: relative;
	width: 57rem;
}

.areas .images {
	justify-content: center;
	display: flex;
}

.areas .images > .imghnd {
	justify-content: space-between;
	display: flex;
	width: 57.2rem;
}

.imghnd > div {
	display: flex;
	flex-direction: column;
}

.imghnd > div > h1 {
	font-size: 18px;
	text-transform: uppercase;
	color: #283c5f;
	margin: 1rem 0 0.65rem 0;
}

.imghnd > div > h2 {
	font-size: 15px;
	color: #283c5f;
	margin: 0 0 0.65rem 0;
}

.imghnd > div > p {
	color: #283c5f;
	font-size: 16px;
	padding-right: 1rem
}

.areas .images img {
	width: 18.4rem;
	height: 13.6rem;
}

.provides p {
	color: #283c5f;
	font-size: 0.9rem;
	line-height: 1.4rem;
	text-align: center;
	margin: 0;
}

.provides img {
	position: absolute;
	left: 0;
	top: -1.7rem;
}

.history {
	padding: 8.4rem 0 0 0;
	display: flex;
	flex-direction: column;
}

#hat {
	margin-right: 1.5rem;
}

.history .redDiv.long {
	margin-bottom: 9.3rem;
}

.history>div {
	display: flex;
}

.history>div>.hisimg,
.history>div>.historyP {
	width: 50%;
	height: auto;
}

.history>div>.hisimg {
	height: 21rem;
}

.historyP {
	display: flex;
	justify-content: center;
	align-items: center;
}

.historyP p {
	width: 24rem;
	color: #687388;
	font-size: 0.9rem;
}

.landNav {
    display: flex;
    justify-content: center;
    padding: 0 1rem;
	position: absolute;
	top: -48px;
	width: 100%;
	background: #283c5f;
	box-sizing: border-box;
    z-index: 50;
}

.landNav a {
	padding: 1rem;
	font-size: 0.9rem;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.landNav a:hover {
	background: #1b2942;
}

.contactForm {
	padding-top: 2.9rem;
	margin: 0;
	display: flex;
	justify-content: center;
}

.fillOut {
	width: 43rem;
	padding-top: 5.625rem;
	padding-left: 2rem;
}

.fillOut p.biggg {
	font-size: 30px;
	color: #283c5f;
	margin: 0;
	text-transform: uppercase;
}

.fillOut .sub {
	font-size: 0.9rem;
	color: #283c5f;
	opacity: 0.8;
	width: 36.5rem;
	margin: 2.7rem 0 4.3rem 0;
}

hr {
	opacity: 0.2;
	border: 1px solid #878787;
}

.biz>.flex>p {
	padding-left: 1rem;
	padding-top: 0.14rem;
	font-size: 0.9rem;
	color: #283c5f;
}

.biz>p {
	color: #aeaeae;
	padding-top: 0.8rem;
	padding-bottom: 0.5rem;
	opacity: 0.8;
	font-size: 0.9rem;
	width: 36.5rem;
}

.biz>.flex>img {
	height: 1.25rem;
	margin-bottom: 1rem;
}

form p {
	color: #787878;
	margin-bottom: 0.4rem;
	margin-top: 1.5rem;
}

form input,
#title {
	background: #ededed;
	color: #787878;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	padding: 0.5rem 1rem;
	outline: none;
}

form {
	width: 43.125rem;
}

.formW div {
	width: 50%;
	box-sizing: border-box;
}

#name {
	width: 32.25rem;
}

#email,
#inquiry,
#number,
#company {
	width: calc(100% - 4rem);
}

#message {
	width: calc(100% - 4rem);
	background: #ededed;
	color: #787878;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	padding: 0.5rem 1rem;
	outline: none;
}

#send {
	background: #79202e;
	border: 0;
	color: #fff;
	width: calc(100% - 2rem);
	padding: 0.8rem;
	margin-top: 1.5rem;
	cursor: pointer;
	transition: all 0.3s ease;
}

/*** scroll horiz ***/

.scrolling-wrapper {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
    display: none;
}

.card {
	flex: 0 0 auto;
}

/**** scroll horiz end ***/

#send:hover {
	background: #661723;
}

.redStat {
	background: url(/templates/images/layout/img/red.jpg);
	background-size: cover;
	background-position: center;
	padding: 5.6rem 0 6rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.whiteP {
	font-size: 0.9rem;
	color: #fff;
	width: 21.25rem;
	margin-right: 2rem;
	margin-top: 2.6rem;
	align-self: flex-start;
}


.logos {
	background: #f9fafc;
	width: 100%;
	padding: 5.6rem 0;
	display: flex;
	justify-content: center;
}

.logos>div {
	align-items: center;
	width: 88rem;
	display: flex;
	justify-content: space-between;
}

.chef {
	padding-top: 5rem;
	justify-content: flex-end;
}

.logos img {
	height: 4.06rem;
}

.logos .small {
	height: 2rem;
}

.whiteT {
	margin: 0 2rem;
}

.whiteT h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5rem;
}

.whiteT h1 span {
	font-size: 3rem;
}

.whiteT .blue {
	width: 3.2rem;
	height: 3px;
	background: #283c5f;
}

.whiteT p {
	color: #fff;
	font-size: 0.9rem;
	margin-top: 1.5rem;
	width: 11.5rem;
}

/* start resp */

@media screen and (max-width: 1880px) {
	#hat {
		width: 42.3rem;
		height: 39.7rem;
	}
}

@media screen and (max-width: 1800px) {
	.abstech {
		top: 16.5rem;
	}
	.big {
		padding-top: 0rem;
	}
	#hat {
		margin-top: 7rem;
		width: 33.84rem;
		height: 31.76rem;
	}
}

@media screen and (max-width: 1700px) {
	.logos>div {
		width: 80rem;
	}
}

@media screen and (max-width: 1650px) {
	.chefPoints {
		padding-left: 0;
	}
	#zerotwo {
		left: -8rem;
	}
	.bik {
		width: 45rem;
		padding: 0;
		padding-top: 2rem;
	}
	#residences .boxes {
		width: 75rem;
	}
	#residences .box {
		margin-bottom: 2rem;
	}
	#residences.business>div>h1 {
		align-self: flex-start;
		padding-left: 6rem;
	}
	#residences h3.back {
		padding-left: 13rem;
	}
	.business.residence>div {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media screen and (max-width: 1600px) {
	.fusiness .fox,
	.leasing_div {
		width: 20rem;
		height: 17rem;
	}
	
	.benefitList p {
		margin-top: 2rem;
	}

	.imagetextblock {
		width: 80rem;
	}
	.logos>div {
		width: 70rem;
	}
}

@media screen and (max-width: 1550px) {
	.tech .blue {
		padding-left: 16rem;
	}

	.biggie {
		padding-bottom: 2rem;
	}
}

@media screen and (max-width: 1420px) {
	.chefPoints {
		padding-right: 6rem;
	}
	.bik {
		width: 37rem;
	}
	div.chefF {
		padding-left: 0;
	}
	
	.actF .text {
		width: 20rem;
	}
	.contactForm {
		padding-bottom: 5rem;
	}
	.contactForm>div>img, #zerotwo {
		display: none;
	}
	.fillOut {
		padding-top: 0;
	}
	#zerotwobackup {
		display: block;
	}

	.imagetextblock {
		width: 60rem;
	}
	.imagetextblock .imageblock img {
		width: 30rem;
	}
	.logos>div {
		width: 60rem;
	}
}

@media screen and (max-width: 1320px) {
	.redStat {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 1270px) {
	#residences .boxes {
		width: 68.5rem;
	}
	.tech .blue {
		padding-left: 10rem;
	}
	.fact>p {
		width: 20rem;
	}
	.tech .white p {
		width: 25rem;
	}
	.areas .images img {
		width: 20rem;
		height: 15rem;
	}
	.benefitList p {
		width: 25rem;
	}
	.noex1 {
		bottom: 5.5rem !important;
	}
}

@media screen and (max-width: 1250px) {
	.blueWater {
		padding: 7rem 3rem;
	}
	.blueWater>p {
		width: 25rem;
	}
	.logos>div {
		width: 55rem;
	}
	#hat {
		display: none;
	}
	#thirdStat {
		margin-top: 1rem;
	}
	.chefPoints {
		padding-right: 0;
		padding-bottom: 4rem;
	}
	.left img,
	.right img {
		height: 3rem;
	}
	.container>div {
		width: 65rem;
	}
	.left {
		left: 2rem;
	}
	.right {
		right: 2rem;
	}
	.business .box {
		width: 22rem;
	}
	.business>div {
		width: 68.5rem;
	}
	
	.transText {
		bottom: 5.6rem;
	}
	.benefitList p:first-child {
		margin-top: 0rem !important;
	}
	.benefit img {
		width: 21rem;
		height: 13.23rem;
	}

	.imagetextblock {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.imagetextblock.service {
		flex-direction: column-reverse;
	}
	.imagetextblock > div{
		width: 100%;
	}
	.imageblock {
		display: flex;
		justify-content: center;
	}
	.imagetextblock .imageblock img {
		width: 40rem;
		margin-right: 0;
		margin-bottom: 3rem;
	}
}

@media screen and (max-width: 1150px) {
	.fusiness .fox,
	.leasing_div {
		width: 18rem;
		height: 15rem;
	}
	.bigLogo img {
		height: 10rem;
	}
	.bigLogo p {
		width: 25rem;
	}
	.tech .blue {
		padding-left: 7rem;
	}
	.noex {
		bottom: 5.5rem !important;
	}
	.big {
		width: 55rem;
	}
	.areas .images img {
		width: 18rem;
		height: 13rem;
	}
	.business>div {
		width: 56.3rem;
	}
	#residences .boxes {
		width: 56.3rem;
	}
	.business .box {
		width: 18rem;
		height: 18rem;
	}
	#gardenHead {
		bottom: 5.6rem;
	}
	.logos>div {
		width: 35rem;
	}
	.logos img.secondslide, #fillerslide,
	#firstslider {
		display: none;
	}
	#logossecond {
		display: block;
	}
}

@media screen and (max-width: 1100px) {
	.actF {
		flex-direction: column;
	}
	.actF>div {
		display: none;
	}
	.actF p {
		margin: 1rem 0;
	}
	.actF p.text {
		width: 80%;
		margin-left: 0;
	}
	.container>div,
	.testi {
		width: 55rem;
	}
	.titles h1 {
		font-size: 4rem;
	}
	.titles h2 {
		font-size: 1.235rem;
	}
	.titles h3 {
		font-size: 1rem;
		padding: 2rem 0;
	}
	.about-text p,
	.aboutHead h1,
	.testi,
	button.contactus {
		font-size: 1rem !important;
	}
	.aboutHead h2 {
		margin-top: 0.5rem;
	}
	.imagetextblock {
		width: 40rem;
	}
}

@media screen and (max-width: 1000px) {
	.fact>p {
		width: 17rem;
	}
	.tech .blue {
		padding-left: 4rem;
	}
	.big {
		width: 45rem;
	}
	.biggie {
		flex-direction: column;
	}
	.business>div {
		width: 50.5rem;
	}
	.business .box {
		width: 16rem;
		height: 16rem;
	}
	#residences .boxes {
		width: 50rem;
	}
	.business {
		padding-bottom: 5rem;
	}
}

@media screen and (max-width: 950px) {
	.blueWater {
		padding: 7rem 3rem;
	}
	.blueWater>p {
		width: 20rem;
	}
}

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

	.benefitList p {
		width: 75%;
	}
	#benefitL {
		flex-direction: column;
		align-items: center;
	}
	.benefit img {
		margin-bottom: 2rem;
	}
	.leasing p {
		width: 25rem;
		padding-left: 0;
	}
	.row>div {
		height: 18rem;
	}
	.fact>p {
		width: 15rem;
	}
	.tech .white p,
	.tech .blue p {
		width: 18rem;
	}
	.tech .blue p {
		margin-bottom: 2.5rem;
	}
	.history>div>.hisimg {
		width: 40%;
	}
	.history>div>.historyP {
		width: 60%;
	}
	#offsh,
	.offpadl {
		padding-left: 0;
	}
	.redP {
		width: 18rem;
		margin-left: 0.8rem;
	}
	.provides p {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.feedback {
		margin-top: 4.7rem;
	}
	.fillOut,
	form {
		width: 38.3rem;
	}
	.big {
		width: 40rem;
	}
	.careerRow {
		justify-content: center;
	}
	.careerSpot {
		padding-bottom: 3rem;
	}
	.respond {
		flex-direction: column;
	}
	.respond p {
		width: 34rem;
	}
	.respond p {
		text-align: center !important;
	}
	.respond button {
		margin: 2rem 0;
	}
	.areas .images img {
		width: 15rem;
		height: 11rem;
	}
	.areas .images {
		display: none;
	}
	.areas {
		padding-bottom: 0;
	}
	.blueBox {
		width: 40rem;
	}
	.business>div {
		width: 33.5rem;
	}
	.business .box {
		margin-bottom: 2rem;
	}
	#residences.business>div>h1,
	#residences h3.back {
		padding-left: 10rem;
	}
	#zerotwobackup {
		left: 3.5rem;
	}
	#residences .boxes {
		width: 33.5rem;
	}
	.activity {
		margin-top: 4.7rem;
	}
	.actD .text,
	.actF .text {
		width: 20rem;
	}
	.footer-logo {
		margin: 2rem 0;
	}
	.container>div,
	.testi {
		width: 45rem;
	}
	.menus,
	.logo {
		display: none;
	}
	.logo-h {
		display: block;
	}
	.tablet-menu {
		display: flex;
	}
	.logo-foot {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	footer {
		padding: 0;
	}
	.item-foot {
		width: 50%;
		display: flex;
		justify-content: center;
	}
	.item-foot>div {
		width: 9rem;
		padding-bottom: 2rem;
		text-align: left;
	}
}

@media screen and (max-width: 782px) {
	.logos>div {
		width: 28rem;
	}
	.logged-in .header-wrap {
		margin-top: 46px;
	}
	.benefit img {
		width: 14.7rem;
		height: 9.26rem;
	}
	.benefit {
		padding-bottom: 2rem;
	}
	.provides {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.imagetextblock {
		width: 30rem;
	}
	.imagetextblock .imageblock img {
		width: 100%;
	}
}

@media screen and (max-width: 776px) {
	.logos>div {
		width: 20rem;
		justify-content: space-around;
	}
	.titles h3 {
		width: 20rem;
	}
	.prin1 { 
		background-position: left;
	}
	.blocks>div {
		width: 100%;
		height: 18rem;
	}
	.blueWater {
		padding: 3rem 3rem;
	}
	.leasing {
		flex-direction: column;
		align-items: center;
		padding-top: 0;
		padding-bottom: 3rem;
	}
	.mainScreen{
		height: 400px;
	}
	.slide-wrapper {
		margin-top: 60px;
	}
	.leasing .leasing_div {
		margin-bottom: 3rem;
	}
	.bigLogo img {
		height: 6rem;
		padding-right: 2rem;
	}
	.fact img {
		display: none;
	}
	.fact>p {
		padding-left: 0;
		width: 12rem;
	}
	#nonen h1 {
		left: 0.3rem;
	}
	.history>div>.hisimg {
		width: 30%;
		height: 20rem;
	}
	.history>div>.historyP {
		width: 70%;
		height: 20rem;
	}
	.big {
		width: 35rem;
		font-size: 1.5rem;
		padding-left: 0;
	}
	.blueBox {
		width: 30rem;
	}
	.blueBox p {
		padding-bottom: 2.5rem;
	}
	.business>div {
		width: 30.5rem;
	}
	.business .box {
		width: 14.5rem;
		height: 15rem;
	}
	.business .box {
		margin-bottom: 2rem;
	}
	.wepi {
		width: 30.9rem;
	}
	#residences.business>div>h1,
	#residences h3.back {
		padding-left: 8rem;
	}
	#residences .boxes {
		width: 30.5rem;
	}
	.container>div,
	.testi {
		width: 35rem;
	}
	.copytext,
	.left,
	.right,
	.titles h2 {
		display: none;
	}
	.titles h3 {
		padding-top: 0.5rem;
	}
	.copy-inner {
		justify-content: center;
	}
	.buttons {
		flex-direction: column;
		width: 15rem;
	}
	.buttons> a {
		margin-top: 0.5rem;
	}
	#offshore {
		flex-direction: column;
	}
	.about-img {
		max-width: 100%;
		max-height: 100%;
	}
	.about-text p {
		padding-left: 0;
	}
	.about-text {
		padding-top: 2rem;
	}
	.more {
		align-self: flex-start;
	}
	.redDiv {
		margin-bottom: 2.5rem;
	}
	.about {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.contact {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.business.extra .box {
		margin-right: 1.5rem;
	}
	#extrabox {
		margin-right: 0;
	}
}

@media screen and (max-width: 660px) {
	.titles h1 {
		line-height: 3.5rem;
	}
	#zerotwobackup {
		left: -1rem;
	}
	.whiteP {
		width: 100%;
		margin: 2rem;
	}
	.whiteT,
	#thirdStat {
		width: 100%;
		margin: 0 2rem 1rem 2rem;
	}
	#residences.business>div>h1, #residences h3.back {
		padding-left: 6rem;
	}
}

@media screen and (max-width: 640px) {
	.righticons, .lefticons {
		display: none;
	}
	.actD .text {
		margin-left: 0;
	}
	.tech .white p {
		width: 10rem;
	}
	.tech .blue {
		padding-left: 1rem;
	}
	.tech .blue p {
		width: 16rem;
	}
	.abstech {
		top: 20rem;
	}
	.bik {
		width: 30rem;
		padding-left: 1rem;
	}
	.offpadl {
		flex-wrap: wrap;
		justify-content: center;
	}
	.whiteT {
		margin-top: 2rem;
	}
	.whiteP {
		margin-right: 0;
	}
	.redP {
		width: 80%;
	}

	.history>div>.hisimg {
		width: 20%;
		height: 12rem
	}
	.history {
		padding-bottom: 0;
	}
	.history>div>.historyP {
		width: 80%;
		height: 12rem
	}
	.redDiv.job.long {
		margin-bottom: 3rem;
	}
	.fillOut,
	form {
		width: 32.3rem;
	}
	.big,
	.fillOut .sub,
	#name,
	.biz>p,
	hr {
		width: 30rem;
	}
	.blueBox {
		width: 25rem;
	}
	.blueBox p {
		width: 20rem;
	}
	#residences.business>div>h1,
	#residences h3.back {
		padding-left: 1.5rem;
	}
	.business h1 {
		margin-left: 0;
	}
	.container>div,
	.testi {
		width: 30rem;
	}
	.actD {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.actD div {
		display: none;
	}
	.actD .text {
		margin-top: 1rem;
	}
	.activity {
		padding: 3.5rem 1rem 3rem 1rem;
	}
	.imagetextblock {
		width: 25rem;
	}
}

@media screen and (max-width: 540px) {
	#logossecond {
		display: none;
	}
	#logosthird {
		display: block;
	}
	.imagetextblock {
		width: 20rem;
	}
	.benefitList p {
		padding-right: 1rem;
	}
	.titles h3 {
		width: 85%;
	}
	.tech .blue p {
		width: 13rem;
	}
	.history>div>.hisimg {
		width: 0%;
	}
	.history>div>.historyP {
		width: 100%;
	}
	.fillOut,
	form {
		width: 25.3rem;
	}
	.fillOut .sub,
	.biz>p,
	hr {
		width: 25rem;
	}
	#name {
		width: 20rem;
	}
	.big {
		width: 25rem;
	}
	.biggie {
		padding-left: 0rem;
	}
	.redP {
		margin-left: 0;
	}
	.benefitList p {
		margin: 4rem !important;
	}
	.respond p {
		width: 25rem;
	}
	.blueBox {
		left: 0;
		box-sizing: border-box;
		bottom: 0;
		padding-bottom: 1.3rem;
		width: 100%;
	}
	.blueBox p, .blueRight{
		display: none;
	}
	.actD p.text {
		margin-left: 0;
	}
	.wepi {
		width: 20rem;
	}
	.weaP {
		width: 20rem;
		text-align: center;
	}
	.container>div,
	.testi {
		width: 25rem;
	}
	.titles h3 {
		padding: 1rem 1rem;
	}
	.business>div,
	#residences .boxes {
		width: 20.5rem;
		justify-content: center;
	}
	.business .boxes,
	.business.extra .boxes {
		justify-content: center;
	}
	.business.extra .box {
		margin-right: 0rem;
	}
	#residences.business>div>h1, #residences h3.back {
		padding-left: 6rem;
	}
}

@media screen and (max-width: 460px) {
	.imagetextblock {
		width: 18rem;
	}
	.logo-h img {
		left: -2rem;
	}
	.slide-wrapper {
		margin-top: 60px;
	}
	.titles h1 {
		line-height: 3rem;
	}
	.mainScreen {
		height: 370px;
	}
	.hamburger {
		padding-right: 0;
	}
	.blueWater>p {
		width: 17rem;
		padding-bottom: 1rem;
	}
	.icons {
		flex-wrap: wrap;
	}
	.icons>div {
		margin-bottom: 0.5rem;
	}
	.blueWater {
		padding: 2rem;
	}
	.leasing p {
		width: 17rem;
	}
	#slightlySmall {
		font-size: 2rem;
	}
	.logos img {
		margin-top: 1rem;
	}
	.tech .blue p {
		width: 100%;
		box-sizing: border-box;
	}
	.tech>div.abstech {
		display: none;
	}
	.tech {
		flex-direction: column;
	}
	.tech>div {
		width: 100%;
	}
	.tech .blue {
		align-items: center;
		height: 15rem;
		padding: 2rem;
	}
	.fact>p {
		padding-right: 0;
	}
	.bigLogo {
		flex-direction: column;
	}
	.bigLogo img {
		padding-right: 0;
		margin-bottom: 2rem;
	}
	.tech .white {
		height: 12rem;
		padding-top: 3rem;
	}
	.tech .white p {
		width: 100%;
		box-sizing: border-box;
		padding: 0 1rem 3rem 1rem;
	}
	.bik {
		width: 20rem;
	}
	.fillOut,
	form {
		width: 21.3rem;
	}
	.fillOut .sub,
	.biz>p,
	hr {
		width: 20rem;
	}
	#name {
		width: 14rem;
	}
	.big {
		width: 17rem;
	}
	.redP {
		width: 18rem;
	}
	.respond p,
	.blueBox p {
		width: 17rem;
	}
	.landNav a {
		margin: 0 .5rem;
	}
	.benefitList p {
		margin: 3rem !important;
	}
	.actD p,
	.weaP,
	.actF p {
		text-align: center;
	}
	.actD .text,
	.actF .text {
		width: 17rem;
	}
	.container>div,
	.testi {
		width: 20rem;
	}
	.logo-h object {
		width: 9rem;
	}
	.header-wrap {
		padding: 0.5rem 0;
	}
	.search-it svg {
		height: 1.2rem;
	}
	button.hamburger {
		transform: scale(0.8);
	}
	.tablet-menu {
		width: 4rem;
	}
	#residences.business>div>h1, #residences h3.back {
		padding-left: 2rem;
	}
}

@media screen and (max-width: 430px) {
	a.contactus {
		padding: 1rem 2rem;
    	font-size: 0.9rem;
	}
	.landNav {
		justify-content: flex-start;
	}
	/*.landNav a {
		margin-top: 1rem;
	}*/
	.aboutHead h2 {
		font-size: 2rem;
	}
	.tech .blue {
		height: 18rem;
	}
	.bigLogo p {
		width: 18rem;
	}
	.facts>div {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 380px) {
	#residences.business>div>h1, #residences h3.back {
		padding-left: 0.5rem;
	}
	.buttons {
		display: none;
	}
	.buttons.buttons2 {
		display: flex;
		width: 10rem;
	}
	.titles h3 {
		width: 90%;
		font-size: 0.9rem;
	}
	.buttons a {
		font-size: 0.9rem;
	}
	.titles h1 {
		font-size: 2.8rem;
	}
	.bik {
		width: 17rem;
	}
	.fillOut,
	form {
		width: 19.3rem;
	}
	.fillOut .sub,
	.biz>p,
	hr {
		width: 18rem;
	}
	.historyP p {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	hr {
		display: none;
	}
	#name {
		width: 14rem;
	}
	.wepi,
	.weaP {
		width: 17rem;
	}
	.container>div,
	.testi {
		width: 16rem;
	}
	.logo-h object {
		width: 9rem;
	}
	.copy-inner p {
		text-align: center;
	}
	button.contactus {
		padding: 1rem 2.4rem;
	}
}