html, body {	
    height:100%;
    width: 100%;
	color: #000;
	font-weight: 300;
    font-size: 10pt;
    padding: 0px  !important;
    margin: 0px  !important;
    font-family: 'Gotham', sans-serif; 	
	
}

.main_body {
	overflow: hidden;
}

h1 {
	font-size: 23px;
}

h2 {
	font-size: 46px;
	letter-spacing: 2px;
	font-family: 'PT Serif', serif;
}

h3 {
	font-family: 'PT Serif', serif;
}

h4 {
	font-family: 'PT Serif', serif;
	font-size: 33px;
	font-weight: 600;
	text-transform: uppercase;
}

h5 {
	font-size: 30px;
}



a {
font-weight: 400!important;
transition: color 0.5s ease-in-out;
-moz-transition: color 0.5 ease-in-out;
-webkit-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
  background-color: transparent; 
}

a:hover {
	cursor: pointer;
	text-decoration:none;
	color: #555 !important;
  outline: 0; }

a:active {
	color: #bda07f !important;
}



.active {
	display: inline;
	color: #6a7053;
	width: auto;
}


.links {
color: #000 !important;	
}

#li1 {

}


.menu_link {
color: #ccc !important;
 text-decoration: none;
 position: relative;
transition: color .3s cubic-bezier(1,.25,0,.75);
}	

.menu_link:hover {
color: #fff !important;	
text-decoration: none;	
}


.menu_link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -6px;
  left: 0;
  background-color: #6a7053;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s cubic-bezier(1,.25,0,.75);
  transition: all .3s cubic-bezier(1,.25,0,.75);
  }

  .menu_link:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }

	

#logo {
	position: fixed;
	top: 40px;
	left: 40px;
	z-index: 10;
}


#menu-holder {
	font-size: 14px;
	position: fixed;
	top:37px;
	right: 40px;
	letter-spacing: 4px;
	font-weight: 500;
	cursor: pointer;
	z-index: 20;
	transition: all 0.3s ease-in-out;
}

#back {
	color: #ddd;
	font-size: 14px;
	position: fixed;
	top:37px;
	right: 40px;
	letter-spacing: 4px;
	font-weight: 500;
	cursor: pointer;
	z-index: 99;
	transition: all 0.3s ease-in-out;
}

#back:before {
	content: "";
	position: absolute;
	left: -34px;
	top: 7px;
	height: 2px;
	width: 20px;
	background-color: #ddd;
}



#back:after {
	content: "";
	position: absolute;
	left: -26px;
	top: 13px;
	height: 2px;
	width: 12px;
	background-color: #ddd;
	transition: all 0.3s ease-in-out;
}

#back:hover {
	color: #ccc;
}


#back:hover:after {
	left: -34px;
	width: 20px;
}



#menu-back {
	color: #fff;
	font-size: 14px;
	position: fixed;
	top:37px;
	right: 40px;
	letter-spacing: 4px;
	font-weight: 500;
	cursor: pointer;
	z-index: 99;
	transition: all 0.3s ease-in-out;
}

#menu-back:before {
	content: "";
	position: absolute;
	left: -34px;
	top: 7px;
	height: 2px;
	width: 20px;
	background-color: #fff;
}

#menu-back:after {
	content: "";
	position: absolute;
	left: -26px;
	top: 13px;
	height: 2px;
	width: 12px;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
}

#menu-holder:before {
	content: "";
	position: absolute;
	left: -34px;
	top: 7px;
	height: 2px;
	width: 20px;
	background-color: #000;
}

#menu-holder:after {
	content: "";
	position: absolute;
	left: -26px;
	top: 13px;
	height: 2px;
	width: 12px;
	background-color: #000;
	transition: all 0.3s ease-in-out;
}

#menu-holder:hover {
	color: #555;
}


#menu-holder:hover:after {
	left: -34px;
	width: 20px;
}

#menu-back:hover {
	color: #ddd;
}


#menu-back:hover:after {
	left: -34px;
	width: 20px;
}


.mini_info {
	position: fixed;
	bottom:42px;
	right: 40px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 6px;
	color: #414e48;
	text-transform: uppercase;
	z-index: 50;
}


.link_text:before {
	font-family: 'FontAwesome';
	content: "\f054";
	color: #a87e4a;
	font-size: 8px;
	padding-right: 10px;
}


.link_text2:before {
	font-family: 'FontAwesome';
	content: "\f054";
	color: #a87e4a;
	font-size: 8px;
	padding-right: 10px;
}

.margin_top {	
	margin-top: 20px;
	width: 100%;
}

.pad_top {	
	padding-top: 90px;
}



.button_text {
	color: #000 !important;
	margin-right: 7px;
	text-align: right;
	font-weight: 500;
	letter-spacing: 2px;
	transition: all .3s ease-in-out;
	cursor: pointer;
}

.button_text:hover {
	margin-right: 11px;
	color: #555;
}

#phone {
	z-index: -1;
	position: absolute;
	height: 440px;
	width: auto;
	bottom: 0;
	left: 58%;
	transform: translate(-50%, 0);
	overflow: hidden;
	
}


::selection {
  background: #ccc; /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: #ccc; /* Gecko Browsers */
}


button:focus {outline:0 !important;}

.sections {
	padding-top: 150px;
	padding-bottom: 150px;
}

.sections2 {
	text-align: center;
	padding-top: 150px;
	padding-bottom: 70px;
}

.section-top {
	padding: 15px 15px;
	color: #8b8d8c;
	padding-top: 180px;
	min-height: 500px;
	overflow: hidden;
	width: 100%;
	background-color: #000;
	padding-bottom: 180px;
}

.section-top h2 {
	color: #fff;
}

.section-top h4 {
	letter-spacing: 4px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 20px;
}


.proj_des {
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 6px;
	padding-top: 10px;
	color: #fff;	
}

.pad_r {
	padding-right: 60px !important;
}


.social_holder {
	font-family: 'FontAwesome';
	left: 29px;
	bottom: 40px;
	position: absolute;	
	z-index: 51;
}


.s_icon {
	padding: 0px 11px;
}

#parrot {
	height: 260px;
	position: absolute;
	bottom: 0;
	right: 11%;
	opacity: 0;	
}

#do_it {
	
	position: absolute;
	bottom: 210px;
	right: 21%;
	opacity: 0;	
	z-index: 20;
}

#menu_layer {
	opacity: 0;
	position: fixed;
	text-align: center;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	float: left;
	background-color: #181d1d;
	overflow: hidden;
	z-index: 90;
	background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
	background-image: url(../images/menu_bg.jpg) !important;
	
}

.menu_navi {
	margin-left: -40px;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 500;
	text-align: center;
}

.menu_navi li {
	padding: 0px 3%;
	display: inline;
}

.teaser_holder {
	background-color: #455;
	width: auto;
	overflow: hidden;
	cursor: pointer;
}

.cover {
	position: absolute;
	width: 800px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.proj_teaser {
	opacity: 0.3 !important;
	border: 1px solid white;
	background-color: #444;
	left: 49.6%;
	top: 50%;
	width: 0px;
	height: 550px;
	position: absolute;
	text-align: center;
	margin: auto;
	transform: translate(-50%, -50%);
	transition: all 0.9s ease-in-out;	
	background-color: #f5ebdf;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;	
}

.teaser_holder:hover .proj_teaser {
	border: 10px solid white;
	opacity: 1 !important;
	width: 340px !important;
	height: 500px !important;
}


.teaser_title {
	color: #000;
	z-index: 30;
	margin-left: auto;
	left: 50.4%;
	top: 48%;
	transform: translate(-50%, -50%);
	position: absolute;
	text-align: center;
	font-size: 70px;
	font-weight: 500;
	letter-spacing: 25px;
	transition: all 0.7s ease-in-out;
}

.teaser_holder:hover .teaser_title {
	letter-spacing: 35px;
}

.teaser_subtitle {
	text-transform: uppercase;
	color: #000;
	z-index: 30;
	margin-left: auto;
	left: 50%;
	top: 56%;
	transform: translate(-50%, -50%);
	position: absolute;
	text-align: center;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 15px;
}

.teaser_v1 {
	background-image: url(../images/teaser_appics.jpg) !important;
} 

.teaser_v2 {
	background-image: url(../images/teaser_dbet.jpg) !important;
	
} 

.teaser_v3 {
	background-image: url(../images/teaser_globio.jpg) !important;
	
} 

.teaser_v4 {
	background-image: url(../images/teaser_wc4u.jpg) !important;
	
} 


.teaser_v5 {
	background-image: url(../images/teaser_qora.jpg) !important;
} 



#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 8px!important;
    width: 8px!important;
    margin: -6px 0 0 -4px!important;
    border-radius: 100%;
}

.contact_block {
	width: auto;
	text-align: right;
	position: absolute;
	right: 45px;
	top: 50%;
	transform: translate(0, -50%);	
}

.set_h {
	height: 100% !important;
	min-height: 100% !important;
}

.set_h2 {
	height: 100%;	
}

.set_h3 {
	height: 100%;	
}

.delete_pad {
	padding: 0 0 !important;
}

.marg_l {
	margin-left: -3px;
}



.about_bg {
	padding: 200px 130px;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
	height: vh;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;	
	background-image: url(../images/about_bg.jpg);
}

.service_bg {
	padding-left: 185px;
	
}

.service_img {
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;		
}

.s1 {
	background-image: url(../images/service_bg1.jpg);	
}

.s2 {
	background-image: url(../images/service_bg2.jpg);	
}

.s3 {
	background-image: url(../images/service_bg3.jpg);	
}

.s4 {
	background-image: url(../images/service_bg4.jpg);	
}

.about_text { 
	position: relative;
	color: #000;
	padding: 40px 40px;
	padding-top: 200px;
	padding-bottom: 80px;
	
}

.service_text { 
	color: #000;
	padding: 80px 15%;
	padding-top: 42%;
	padding-right: 120px;
}

.col_white {
	color: #fff;
}

.arrow {
	
	display: inline-block;
	margin-top: 3px;
}

.info_bock {
	height: 120px;
	color: #000;
	padding-top: 40px;
	padding-left: 60px;
	padding-bottom: 110px;	
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 70px;
	margin-top: 80px;
	margin-left: 120px;
}

.c1 {
	background-image: url("../images/circle1.gif");
}
.c2 {
	background-image: url("../images/circle2.gif");
}
.c3 {
	background-image: url("../images/circle3.gif");
}
.c4 {
	background-image: url("../images/circle4.gif");
}


.img-text {
	padding-top: 90px;
}

.text-box {
	padding: 13% 10%;
}

.text-box h4 {
	padding-bottom: 20px;
}

.shadow {

}

@media only screen and (min-width: 1400px) {

}

@media only screen and (max-width: 985px) {
	
	.cover {
	position: absolute;
	width: 100%;
	padding-left: 40px;
	padding-right: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
	
	h5 {
	font-size: 26px;
}
	
	.img-text {
	padding-top: 40px;
}
	
	.sections2 {
	padding-top: 100px;	
	padding-left: 30px;
	padding-right: 30px;
}
	
	.sections {
		padding-top: 100px;
		padding-bottom: 100px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.center_it {
		text-align: center;
	}
	
	
	.pad_r {
		padding-right: 0;
		padding-bottom: 60px;
	}
	
	.info_bock {
	height: 120px;
	padding-top: 40px;
	padding-left: 60px;
	padding-bottom: 110px;	
	margin-bottom: 70px;
	margin-top: 80px;
	margin-left: 50px;
}
	
	
.about_qoute {
	display: none;
}
	
	.teaser_title {
		font-size: 40px;
		left: 52%;
		
	}
	

.contact_block {
	width: 100%;
	text-align: center;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);	
}	
	
	#phone {
	height: 340px;
	width: auto;
	left: 58%;
}
	
	
	#do_it {
	right: 30%;
}
	
	.menu_navi li {
	padding: 30px 0px;
	display: block;
}


}

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

	h5 {
	font-size: 24px;
}
	
	
	.info_bock {
	height: 100px;
	padding-top: 40px;
	padding-left: 60px;
	padding-bottom: 110px;	
	margin-bottom: 90px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}
	
	
	.service_text { 
	padding: 40px 25px;
	padding-right: 60px;
	padding-top: 140px;
}

	.set_h3 {
	height: 100px;
}

.service_bg {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 110px;
}
	
	#social_holder_contact {
		display: none;
	}
	
	
	
		.proj_teaser {
		height: 450px;
		top: 50%;
	}
	
	.teaser_subtitle {
		font-size: 10px;
		letter-spacing: 7px;
		top: 54%;
	}
	
	.mini_info {
		display: none;
	}

	
		.teaser_title {
		font-size: 35px;	
	}
	
		#phone {
	left: 61%;
}
	

	
#logo img {
	height: 28px;
}

}

@media (max-width: 576px) {
	
	.about_bg {
		display: none;
	}
	
					#social_about {
		display: none;
	}
	
	.service_pad {
		padding-top: 60px;
	}
	
.info_bock {

	height: 50px;
	padding-top: 25px;
	padding-left: 30px;
	padding-bottom: 20px;	
	margin-top: 0px;
	margin-left: 12px;
	margin-right: auto;
}
	
}

@media only screen and (max-width: 414px) {
	
		
	
		.service_pad {
		padding-top: 30px;
	}
	
	.info_bock {
margin-bottom: 80px;
}
	
.service_text { 
	padding: 0px 15px;
	padding-right: 60px;
	padding-top: 130px;
}

	.service_bg {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 90px;
}
	
	h1 {
	font-size: 20px;
}

	

	.about_text { 
	padding: 30px 30px;
	padding-top: 150px;
	padding-bottom: 40px;
}
	
		.contact_bg {
	background-repeat: no-repeat;
    background-position: 170% bottom;
    background-size: 90% auto;
	background-image: url(../images/phone.jpg) !important;
}
	

	
	#phone {
		display: none;
	}
	
	
	.menu_navi li {
	padding: 5% 0px;
}
	
	#logo img {
	height: 25px;
}
	
	#menu-holder {
	top: 27px;
	right: 30px;
	}
	
	#logo {
	top: 30px;
	left: 30px;
}
	
	.proj_teaser {
		height: 470px;
	}
	
	.social_holder {
	left: 18px;
	bottom: 30px;

}

	.teaser_title {
		font-size: 26px;	
	}
	
}

#fp-nav {

    z-index: 30;
}

@media only screen and (max-width: 375px) {
	
	h3 {
		font-size: 18px !important;
	}
	
		.service_pad {
		padding-top: 30px;
	}
	

	
	#parrot {
	height: 220px;
	position: absolute;
	bottom: 0;
	right: 11%;
	opacity: 0;	
}

	

	
	#menu-holder {
	top: 27px;
	right: 30px;
	}
	
	#logo {
	top: 30px;
	left: 30px;
}
	
	.proj_teaser {
		height: 400px;
	}
	
	.social_holder {
	left: 18px;
	bottom: 30px;

}


	
}

@media only screen and (max-width: 320px) {
	
	
		.info_bock {
margin-bottom: 55px;
}
	
	
			#social_about {
		display: none;
	}
	
	h1 {
	font-size: 19px;
}

	

	
	.about_text { 
	padding: 30px 30px;
	padding-top: 100px;
	padding-bottom: 40px;
	}
	
	.teaser_title {
		font-size: 20px !important;	
	}
}
	

@font-face {
  font-family: "Gotham";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/gotham/Gotham-Bold.eot?") format("eot"), url("../fonts/gotham/Gotham-Bold.woff2") format("woff2"), url("../fonts/gotham/Gotham-Bold.woff") format("woff"), url("../fonts/gotham/Gotham-Bold.ttf") format("truetype"), url("../fonts/gotham/Gotham-Bold.svg#Gotham") format("svg"); }

@font-face {
  font-family: "Gotham";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/gotham/Gotham-Medium.eot?") format("eot"), url("../fonts/gotham/Gotham-Medium.woff2") format("woff2"), url("../fonts/gotham/Gotham-Medium.woff") format("woff"), url("../fonts/gotham/Gotham-Medium.ttf") format("truetype"), url("../fonts/gotham/Gotham-Medium.svg#Gotham") format("svg"); }

@font-face {
  font-family: "Gotham";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/gotham/Gotham-Book.eot?") format("eot"), url("../fonts/gotham/Gotham-Book.woff2") format("woff2"), url("../fonts/gotham/Gotham-Book.woff") format("woff"), url("../fonts/gotham/Gotham-Book.ttf") format("truetype"), url("../fonts/gotham/Gotham-Book.svg#Gotham") format("svg"); }

@font-face {
  font-family: "Gotham";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/gotham/Gotham-Light.eot?") format("eot"), url("../fonts/gotham/Gotham-Light.woff2") format("woff2"), url("../fonts/gotham/Gotham-Light.woff") format("woff"), url("../fonts/gotham/Gotham-Light.ttf") format("truetype"), url("../fonts/gotham/Gotham-Light.svg#Gotham") format("svg"); }

@font-face {
  font-family: "Gotham";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/gotham/Gotham-Thin.eot?") format("eot"), url("../fonts/gotham/Gotham-Thin.woff2") format("woff2"), url("../fonts/gotham/Gotham-Thin.woff") format("woff"), url("../fonts/gotham/Gotham-Thin.ttf") format("truetype"), url("../fonts/gotham/Gotham-Thin.svg#Gotham") format("svg"); }