@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("//fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2") format("woff2");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("//fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGEo0As1BFRXtCDhS66znb_k.woff2") format("woff2");
}

html, body {height: 100%; width: 100%;}
body {margin: 0px; padding: 0px; background: #fff;}

#body {position: absolute; width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto;}
.content, footer {font: 18px/1.7 "Open Sans","Source Sans Pro","Helvetica neue",Helvetica,Arial,sans-serif; position: relative; color: #2f2f2f; margin-top: 72px;}
footer {margin: 0;}
.fixed {max-width: 1920px; min-width: 320px; padding: 0; margin: 0 auto; position: relative;}
.side-fields {padding-left: 20px; padding-right: 20px;}

.clear {clear: both;}
.icon {color: #37b4c2; display: inline-block;}
.bg {background-color: #fff;}

.box-text {margin: 0 auto; text-align: center;}
.box-table {margin: 0 auto; display: table; height: 100%;}
.box-table-cell {text-align: center; vertical-align: middle; display: table-cell;}

a:focus, a:hover {
	text-decoration: none;
}

h2, .name-reviews {
	margin: 0 0 20px 0;
	padding-top: 40px;
	color: #37b4c2;
	font-family: "Open Sans";
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	text-transform: uppercase;
}

.text-on-bg,
.text-on-bg .icon {color: #fff}
.text-on-bg h2 {color: #fff}

header {
	position: fixed;
	width: 100%;
	font: 16px/24px "Source Sans Pro","Helvetica neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	z-index: 999;
	height: 72px;
	background-color: #121416;
	display: table;
	color: #4a4c4e;
}

.logo {
	max-width: 291px;
	height: 100%;
	vertical-align: middle;
	margin: 0px;
	padding: 0 0 0 26px;
	font-family: Lato;
	font-size: 18px;
	font-family: Lato;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 1px;
	color: #eee;
	min-width: 48px !important;
	white-space: nowrap;
	text-transform: none !important;
	display: table-cell;
}

.logoimage {
	max-width: none;
	margin-top: auto;
	display: inline-block;
	vertical-align: middle;
	padding: 6px 0px;
	max-height: 60px;
}

.logo a {color: #fff !important; font: inherit; text-decoration: none;}

#topnavi {padding: 0 20px; vertical-align: middle; text-align: right; display: table-cell;}
#navi-icon {overflow: hidden; font-size: 33px; color: #eee; z-index: 1; padding: 0px;}

.menu-main-menu-container {
	text-align: center;
	vertical-align: baseline;
	line-height: 1;
	float: right;
	text-align: justify;
	margin-right: 12px;
	margin: 0px;
	padding: 0px;
	list-style: outside none none;
	display: block;
}

.menu-main-menu-container ul {margin-bottom: 0;}

.menu-main-menu-container li {
	position: relative;
	margin: 0;
	margin-right: 2px;
	padding: 0;
	list-style: outside none none;
	display: inline-block;
}

.menu-main-menu-container li a {
	position: relative;
	color: #aaa;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2.2px;
	float: left;
	line-height: 24px;
	overflow: hidden;
	padding: 3px 1em;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	transition: all 0.2s ease-in-out 0s;
}

.menu-main-menu-container li a:hover,
header .navi-options li a:hover {
	color: #ff4229;
}

.menu-main-menu-container li a.mPS2id-highlight,
.navi-wrap li a.mPS2id-highlight {
	transition: all ease-in-out 200ms;
	-webkit-transition: all ease-in-out 200ms;
	color: #ff4229;
}

header .navi-wrap {position: relative;}
header .navi-wrap .navi-options {display: none;}
header .navi-wrap .navi-icon {cursor: pointer; display: none;}
header .navi-wrap .icon {color: #eee;}
header .navi-options {position: absolute; width: 200px; list-style: none; text-align: left; right: -20px; top: 50px; background-color: #121416; display: none;}
header .navi-options {padding-bottom: 5px;}
header .navi-options li {padding-bottom: 10px;}
header .navi-options li a {color: #aaa; font-weight: 700; line-height: 2; text-transform: uppercase; text-decoration: none; letter-spacing: 2.2px; transition: all 0.2s ease-in-out 0s;}

/*left side menu*/
header .navi-left-wrap {position: fixed; top: 50%; right: 20px;}
header .navi-left-wrap .navi-left-options {margin: 0; padding: 0; border: 0; width: auto; height: auto; list-style: none;}
header .navi-left-wrap .navi-left-options li {font-size: 0; line-height: 0;}
header .navi-left-wrap .navi-left-options li a {
	/*margin: 4px 0;*/
	/*width: 12px;*/
	/*height: 12px;*/
	/*box-shadow: 0 0 0 1px #000;*/
	/*-webkit-box-shadow: 0 0 0 1px #000;*/
	/*border-radius: 6px;*/
	/*-webkit-border-radius: 6px;*/
	/*outline: 0;*/
	/*display: inline-block; */
	/*background-color: #fff;*/
	/*opacity: 0.3;*/
}
header .navi-left-wrap .navi-left-options li a.mPS2id-highlight {transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; opacity: 1;}

footer {color: #fff;}
footer .f-main-box {padding: 40px 0 50px; line-height: 2.5; background-color: #0095a6;}
footer .f-box {max-width: 960px; margin: 0 auto; padding-left: 20px;}
footer .f-logo {margin-bottom: 8px;}
footer .f-signature {margin-left: 20px; position: relative;}
footer .f-signature::before {position: absolute; top: 15px; left: -20px; bottom: -5px; width: 3px; background-color: #fff; content: " ";}
footer .f-sign-name {font-weight: bold; text-transform: uppercase;}
footer .f-sign-position {line-height: 10px; display: block;}
footer .icon {width: 50px;}
footer .f-all-right {font-family: "Source Sans Pro"; font-weight: 400; font-size: 13px; height: 60px; text-transform: uppercase; background-color: #008695;}
footer .f-all-right .f-box {margin: 0 auto; height: 100%;}
footer .f-all-right .box-table {margin: 0;}
footer .box-table-cell {text-align: left;}

.btn-tab {outline: none;}

.list-cstm-it {white-space: nowrap;}
.list-cstm-it::before {margin-right: 15px; vertical-align: super; content: ".";}

.list-marked-icon {text-align: left;}
.list-marked-item {white-space: nowrap;}
.list-marked-icon .list-icon {height: 100%; font-size: 40px; vertical-align: middle; display: inline-block;}
.list-marked-icon .list-text {vertical-align: middle; margin-left: 20px; display: inline-block;}

/*section 1*/
.slide-tv-commercial .bg-video {position: relative; overflow: hidden;}
.slide-tv-commercial .bg-video iframe {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1920px;
	height: 1080px;
	z-index: -1;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.bg-cover-grad {background-image: linear-gradient(rgba(7, 200, 248, 0.5), rgba(0, 131, 146, 0.5)); background-color: rgba(0, 0, 0, 0.1);}
.tv-commercial-text {width: 700px; height: 700px;}
.tv-commercial-text h2 {padding: 0;}

/*section 2*/
.best-value-for-many-text {padding-bottom: 40px;}

/*section 3*/
.slide-casting .bg-img {background: url("../img/bg/1_1900.png") center no-repeat; background-size: cover;}
.casting-text {padding-bottom: 40px;}

/*section 4*/
.button-tab-wrap {margin: 15px auto 45px;}
.btn-tab {
	width: 240px;
	height: 60px;
	margin: 0 1%;
	border: 1px solid #37b4c2;
	border-radius: 10px;
	background-color: #fff;
	display: inline-block;
	transition: all linear 300ms;
	-webkit-transition: all linear 300ms;
	color: #37b4c2;
}
.btn-tab.active {
	background: #37b4c2 !important;
}
.btn-tab.active,
.btn-tab:hover {
	color: #fff;
	background: #37b4c2;
}
.arch-land-gallery .inner-project h2 {font-size: 16px;}

/*section 5*/
.slide-production-infrastructure {
	background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,250,252,1) 100%);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,250,252,1) 100%);
}

.production-infrastructure {padding-bottom: 40px; max-width: 1100px;}
.production-infrastructure .list-prod-infr {display: inline-block;}
.production-infrastructure .list-cstm-wrap {padding-left: 10px; text-align: right;}
.production-infrastructure .list-customize {margin-top: -20px; text-align: left; display: inline-block;}

/*section 6*/
.slide-reliable-logistics .bg-img {background: url("../img/bg/2_1900.png") center no-repeat; background-size: cover;}
.reliable-logistics-text {padding-bottom: 40px;}
.reliable-logistics-text .icon-check {margin-right: 8px; font-size: 20px; opacity: 0.8;}
.reliable-logistics-text .i-text-wrap:hover .icon-check {opacity: 1;}

/*section 7*/
.our-commitments {padding-bottom: 40px; max-width: 1400px;}
.our-commitments .text-item {margin-top: 20px; padding-left: 1%; padding-right: 1%;}
.our-commitments .icon {font-size: 40px;}

/*section 8*/
.slide-reviews .bg-img {background: url("../img/bg/3_1900.png") center no-repeat; background-size: cover;}
.reviews {padding-bottom: 50px; max-width: 800px;}
.reviews h2 {padding-bottom: 0;}
.reviews .reviews-left-side {
	position: relative;
	margin-top: 78px;
	border-right: 1px solid #fff;
	height: 330px;
	float: left;
	transaction: all ease-in-out 500ms;
	-webkit-transaction: all ease-in-out 500ms;
	-moz-transaction: all ease-in-out 500ms;
	-ms-transaction: all ease-in-out 500ms;
	-o-transaction: all ease-in-out 500ms;
}
.reviews .icon-quote-left {position: absolute; top: -5px; left: -35px;}
.reviews .reviews-text {overflow: hidden;}

/*.reviews .reviews-left-side {margin-top: 52px;}*/

.frame {padding: 0;}
.frame .slidee {margin: 0; padding: 0; list-style: none;}
.frame .slidee li {float: left; margin: 0; padding: 0 20px; width: 800px;}

.sl_pages_review {list-style: outside none none; margin-top: 20px; padding: 0px; text-align: center;}
.sl_pages_review li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0px 4px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    background: #fff none repeat scroll 0% 0%;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
}
.sl_pages_review li.active {background-color: #fff;}

.reviews .name-reviews {padding-top: 20px; text-transform: none;}
.reviews .r-text {padding: 0 20px; font-style: italic; text-align: justify;}

/*section 9*/
#map {height: 100%;}
.map-text {height: 400px;}

/*section 10*/
.button-tab-wrap {margin: 15px auto 45px;}
.btn-tab {width: 160px; height: 40px; margin: 0 1%; border: 1px solid #37b4c2; border-radius: 10px; background-color: #fff; display: inline-block;}
.btn-tab:hover {outline: none;}

.video-post {width: 16.66%; height: 16.66%}
.video-post img,
div.video-post div.video-content {width: 100%; height: 100%}

/*pretty photo*/
.pp_nav .pp_play {display: none !important;}

@media (max-width: 1600px) {
	.navi-wrap .navi-options {display: none;}
	/*
	.content, footer {font-size: 22px; line-height: 1.7;}
	.content h2, .name-reviews {font-size: 25px;}
	h2 {padding-top: 50px; margin-bottom: 10px;}
	*/
	
	/*section 1*/
	/*.tv-commercial-text {height: 680px;}*/

	/*section 5*/
	/*.production-infrastructure .list-customize {margin-top: -20px;}*/

	/*section 8*/
	/*
	.reviews {padding-bottom: 30px; max-width: 800px;}
	.reviews .reviews-left-side {margin-top: 95px;}
	.reviews .icon-quote-left {top: -5px; left: -40px;}
	.frame .slidee li {width: 800px;}
	.reviews .name-reviews {padding-top: 30px;}
	*/
}

@media (max-width: 1200px) {
	/*
	.content, footer {font-size: 20px;}
	.content h2, .name-reviews {font-size: 22px;}
	h2 {padding-top: 40px; margin-bottom: 10px;}

	footer .f-main-box {padding-top: 60px; padding-bottom: 70px; padding-left: 10px; font-size: 20px;}
	footer .f-box {max-width: 900px;}
	footer .f-signature::before {top: 18px; bottom: -4px;}
	footer .f-all-right {padding-left: 50px; font-size: 12px;}

	.list-marked-icon .list-icon {font-size: 40px;}
	.list-marked-icon .list-text {margin-left: 20px;}
	*/
	/*section 1*/
	/*.tv-commercial-text {height: 620px;}*/

	/*section 2*/
	/*.best-value-for-many-text {padding-bottom: 60px;}*/

	/*section 3*/
	/*.casting-text {padding-bottom: 60px;}*/

	/*section 4*//*section 10*/
	/*.btn-tab {width: 200px; height: 45px;}*/

	/*section 5*/
	/*
	.production-infrastructure .item-with-sub-left {margin-left: 20px; margin-right: 90px;}
	.production-infrastructure .list-cstm-wrap {padding-left: 0;}
	/*.production-infrastructure .list-customize {margin: -10px 20px 0 45px; font-size: 22px;}*/
	/*.production-infrastructure .list-customize {margin: -10px 20px 0 45px;}*/
	
	/*section 6*/
	/*.reliable-logistics-text {padding-bottom: 60px;}*/

	/*section 7*/
	/*
	.our-commitments {padding-bottom: 60px;}
	.our-commitments .icon {font-size: 40px;}
	*/

	/*section 8*/
	/*
	.reviews {padding-bottom: 10px; max-width: 700px;}
	.reviews .reviews-left-side {margin-top: 70px;}
	.frame .slidee li {width: 700px;}
	.reviews .name-reviews {margin-bottom: 10px; padding-top: 20px;}
	*/
}

@media (max-width: 1023px) {
	header .navi-wrap .navi-icon {display: block;}
	.regular-menu {display: none;}
}

@media (max-width: 900px) {
	.content, footer {font-size: 18px;}
	.content h2, .name-reviews {font-size: 20px;}
	h2 {padding-top: 30px; margin-bottom: 10px;}

	footer .icon {width: 40px;}
	footer .f-main-box {font-size: 18px;}
	footer .f-signature::before {top: 18px; bottom: -4px;}

	/*section 1*/
	.tv-commercial-text {height: 560px;}

	/*section 5*/
	.production-infrastructure .item-with-sub-left {margin-left: 0; margin-right: 60px;}
	.production-infrastructure .list-customize {margin-left: 0; margin-right: 0;}

	/*section 8*/
	.reviews {max-width: 600px;}
	.reviews .reviews-left-side {margin-top: 61px;}
	.frame .slidee li {width: 590px;}
	.reviews .name-reviews {padding-top: 5px;}
}

@media (max-width: 767px) {
	.content, footer {font-size: 16px; line-height: 1.5;}
	.content h2, .name-reviews {font-size: 18px; line-height: 1.7;}
	h2, .name-reviews {padding-top: 30px;}
	
	footer .f-main-box {font-size: 20px;}
	footer .f-signature {margin-bottom: 20px;}
	footer .f-all-right {padding-left: 20px;}

	/*section 1*/
	.tv-commercial-text {height: 400px; width: 550px;}

	/*section 2*/
	.best-value-for-many-text {padding-bottom: 40px;}

	/*section 3*/
	.slide-casting .bg-img {background: url("../img/bg/1_768.png") center no-repeat; background-size: cover;}
	.casting-text {padding-bottom: 40px;}

	/*section 4*//*section 10*/
	.button-tab-wrap {margin-bottom: 0;}
	.btn-tab {width: 130px; height: 40px; margin-bottom: 20px; font-size: 15px;}

	/*section 5*/
	.production-infrastructure .list-marked-item {margin-right: 60px; font-size: 16px;}
	.production-infrastructure .item-with-sub-left {margin-left: 0px; margin-right: 80px;}
	.production-infrastructure .list-cstm-wrap {text-align: center;}
	.production-infrastructure .list-customize {margin-bottom: 15px; font-size: 16px;}

	/*section 6*/
	.slide-reliable-logistics .bg-img {background: url("../img/bg/2_768.png") center no-repeat; background-size: cover;}
	.reliable-logistics-text {padding-bottom: 40px;}

	/*section 7*/
	.our-commitments {padding-bottom: 40px;}
	.our-commitments .col-sm-4:first-child .text-item {margin-top: 0;}

	/*section 8*/
	.slide-reviews .bg-img {background: url("../img/bg/3_768.png") center no-repeat; background-size: cover;}
	.reviews {max-width: 500px;}
	.reviews .reviews-left-side {margin-top: 55px;}
	.reviews .icon-quote-left {top: -3px; left: -30px;}
	.frame .slidee li {width: 490px;}
	.reviews .name-reviews {padding-top: 0;}
	.reviews .r-text {padding-left: 15px;}
}

@media (max-width: 650px) {
	/*section 1*/
	.tv-commercial-text {height: 400px; width: 400px;}
	
	/*section 5*/
	.production-infrastructure .list-marked-item {margin-right: 60px; font-size: 16px;}
	.production-infrastructure .item-with-sub-left {margin-left: 0px; margin-right: 80px;}
	.production-infrastructure .list-cstm-wrap {text-align: center;}
	.production-infrastructure .list-customize {margin-bottom: 15px; font-size: 16px;}

	/*section 8*/
	.reviews {max-width: 450px;}
	.reviews .icon-quote-left {left: -25px;}
	.frame .slidee li {width: 445px;}
	.reviews .r-text {padding-left: 8px;}
}

@media (max-width: 480px) {
	.content, footer {font-size: 14px;}
	.content h2, .name-reviews {font-size: 16px;}
	h2, .name-reviews {padding-top: 20px; margin-bottom: 10px;}
	
	/*section 1*/
	.tv-commercial-text {width: 330px; height: 300px;}
	
	/*section 4*//*section 10*/
	.btn-tab {width: 240px; height: 40px;}

	/*section 8*/
	.reviews {max-width: 380px;}
	.reviews .reviews-left-side {margin-top: 36px;}
	.reviews .icon-quote-left {top: 0; left: -20px;}
	.frame .slidee li {width: 375px;}
	.reviews .name-reviews {margin-bottom: 5px;}
	.reviews .r-text {padding-left: 5px;}
}

@media (max-width: 400px) {
	.content, footer {font-size: 13px;}
	.content h2, .name-reviews {font-size: 14px;}
	h2, .name-reviews {padding-top: 20px; margin-bottom: 10px;}

	footer .f-main-box {font-size: 18px;}
	footer .f-box {padding-left: 10px;}
	
	/*section 1*/
	.tv-commercial-text {width: 280px;}
	
	/*section 5*/
	.production-infrastructure {text-align: left;}
	.production-infrastructure .list-customize {font-size: 16px;}
	.list-marked-icon .list-icon {font-size: 30px;}
	.list-cstm-it::before {margin-right: 5px;}

	/*section 6*/
	.reliable-logistics-text .list-text {text-align: left;}
	.reliable-logistics-text .item-text {overflow: hidden; display: block;}
	.reliable-logistics-text .icon-check {float: left;}

	/*section 7*/
	.our-commitments .icon {font-size: 30px;}

	/*section 8*/
	.reviews {max-width: 300px;}
	.frame .slidee li {width: 295px;}
	.reviews .name-reviews {padding-top: 5px;}
}



/*
Author: Michael F.
SUB: Main styles
UPD(d): 2016-01-25
UPD(t): 20:17
Version: 1.0.1
*/




/**** Transitions ****/
.masonry,
.masonry a {
	position: absolute;

	-webkit-transition-duration: .7s;
	transition-duration: .7s;

	-webkit-transition-property: all;
	transition-property: all;
}
.masonry .masonry-enter {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}
.masonry-enter,
.masonry-leave.masonry-leave-active {
	opacity: 0;
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
}
.masonry-leave,
.masonry-enter.masonry-enter-active {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.f-line-text a.i-text-wrap,
.f-line-text a.i-text-wrap i.icon {
	color: #fff;
}

.f-line-text a.i-text-wrap:hover i.icon {
	transition: all ease-in-out 200ms;
	-webkit-transition: all ease-in-out 200ms;
	color: #ff4229;
}

.dib {
	text-align: right;
	display: inline-block !important;
	width: 20px;
}


#section-5 {
	position: relative;
}
a.go-to-top {
	display: block;
	border: 1px solid #37b4c2;

	position: absolute;
	top: 10px;
	right: 40px;

	width: 50px;
	height: 50px;

	text-align: center;
	padding-top: 12px;
	border-radius: 8px;
	-webkit-border-radius: 8px;

	animation: jump ease-in 800ms infinite alternate;
	-webkit-animation: jump ease-in 800ms infinite alternate;

	cursor: pointer;

	transition: background linear 300ms;
	-webkit-transition: background linear 300ms;

	background: rgba(255, 255, 255, 0.1);
	z-index: 99;
	line-height: 0;
	font-size: 25px;
}

footer a.go-to-top .icon,
.budget a.go-to-below .icon {
    color: #fff;
}

.budget a.go-to-below {
	border: 0;
	font-size: 30px;
	background: transparent;
	top: auto;
	right: auto;
	left: 50%;
	bottom: 0;
	cursor: default;
}

/*HEADED SHADOW*/
.h1sh {text-shadow: 0 0 3px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1);}
.h2sh {text-shadow: 0 0 3px rgba(0,0,0,1);}