@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,300italic,200italic,200,100italic,100,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&subset=latin,latin-ext);
@import url(../symbol/style.css);
@import url(nav.css);

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

*, *::after, *::before {box-sizing: border-box; outline:none;}

input,input[type="submit"] { -webkit-appearance:none;  border-radius: 0; -webkit-border-radius: 0;}

html {font-size: 70.5%;}
a { color: #f5c125; text-decoration: none; cursor:pointer;}

img { max-width: 100%; }

input, textarea { font-family: sans-serif; font-size:14px;}

ol, ul { list-style:none;}

h1,h2,h3,h4,h5,h6 {font-family: 'Raleway', sans-serif; margin:0; padding:0;}

.clear { clear:both; display:block; }
.clear.margin { height:10px; }

body {
  font-size:14px;
  font-family: 'Raleway', sans-serif;
  color: #111433;
  background: #fff;
  margin:0;
  padding:0;
  overflow-x:hidden;
  overflow-y:scroll;
}

#container { width:100%; margin:0 auto; background:#fff; position:relative;}

/* HEADER */
header { width:100%; padding:0; height:150px; display:block; background:rgba(50,54,57,1);}
header > .wrapper { width:1250px; margin:0 auto; position:relative;}
header > .wrapper a.logo { width:20%; text-align:center; background:#e9e9e9; height:150px; display:block; float:left;}
header > .wrapper a.logo img { width:250px;}

@media screen and (max-width:480px) {
header { width:100%; height:auto;}
header > .wrapper { width:100%; margin:0 auto;}
header > .wrapper a.logo { width:100%; height:auto;}
header > .wrapper a.logo img { width:250px;}
}

/* SLIDER */
#banner { position:relative; min-height:50px; z-index:0; overflow:hidden; margin:0; border-bottom:1px solid #fff;}

/* BOTTOM */
#bottom {
	width:100%; 
	height:50px; 
	margin:0; 
	padding:0; 
	position:absolute;
	z-index:150;
	left:0;
	top:0; 
	background:rgba(68,89,117,.7); 
	overflow:hidden; 
}
#bottom .wrapper { width:1250px;  margin:0 auto; padding:0; }

@media screen and (max-width:480px) {
#bottom { height:auto; position:static;}
#bottom .wrapper { width:100%;}	
}

.language { 
	display:block; 
	float:left; 
	z-index:150;
	width:250px;
	column-count:2; 
	-webkit-column-count:2; 
	-moz-column-count:2;
	column-gap:0;
	-webkit-column-gap:0;
	-moz-column-gap:0;
	column-rule:1px solid #fff;
	-webkit-column-rule:1px solid #fff;
	-moz-column-rule:1px solid #fff;
}
.language a { 
	display:inline-block; 
	width:100%; 
	background:rgba(50,54,57,1); 
	text-align:center; 
	color:#fff;
	padding:16px 0;
}
.language a.active { background:#445975; color:#fff;}

@media screen and (max-width:480px) {
.language { float:none; width:100%;}
}

form#search  { display:block; float:right;}
form#search > input[type="text"] {
	width:330px; 
	float:right; 
	border:none;
	height:50px; 
	background:rgba(238,238,238,.4);
	padding:0 20px; 
	font-size:14px;
	display:inline-block;
	color:#fff;
	transition:.3s; 
}
form#search input[type="submit"] {
	font-family: 'ElegantIcons';
	color:#fff;
	float:right;
	background:#f5c125;
	font-size:20px; 
	padding:0; 
	width:70px;
	height:50px; 
	margin:0;
	cursor:pointer; 
	border:none; 
	
}
form#search:hover > input[type="text"] { background:rgba(238,238,238,.6); color:#111;}
@media screen and (max-width:480px) {
form#search  { float:none;}
form#search > input[type="text"] {width:78%; float:right; height:50px; }
form#search input[type="submit"] {width:22%;}
}
.callus {padding:15px 0 0 60px; float:left;}
.callus span { float:left; font-size:14px; color:#fff; font-weight:600; padding:0;}
.callus a { display:inline-block; float:left; font-size:16px; padding:0; color:#fff; margin:0 0 0 15px; }
.callus a > strong { color:#f5c125; margin:0 5px 0 0; }
.callus a:nth-child(2):before {
	font-family: 'ElegantIcons'; 
	content: "\e027"; 
	margin:0 5px 0 0; 
	font-size:16px; 
	color:#f5c125; 
}
.callus a:nth-child(3):before {
	font-family: 'ElegantIcons'; 
	content: "\e010"; 
	margin:0 5px 0 0; 
	font-size:14px; 
	color:#f5c125; 
}
.callus a:nth-child(3) {color:#fff;padding:0 0 0 15px; border-left:1px solid #eee;}
@media screen and (max-width:480px) {
.callus { display:none;}
}

/* BOXES */
#box { width:100%; display:block; max-height:600px; overflow:hidden; background:rgba(50,54,57,1);}
#square { display:block; width:100%; overflow:hidden; margin:0 auto;} 	
#square > .item { display:inline-block; width:50%; position:relative; float:left; overflow:hidden;}
#square > .item.large { border-right:1px solid #fff; }
#square > .item.wide {border-top:1px solid #fff;}
#square > .item > .title { position:absolute; z-index:30; color:#fff; font-size:30px; width:80%; left:5%; top:15%;}
#square > .item > .title p {  margin:0 0 20px 0; padding:0; }
#square > .item > .title span { opacity:.5; display:block; font-size:16px; }
#square > .item:hover .title span { opacity:1; }
#square > .item > .title a { 
	display:inline-block; 
	width:120px; 
	margin:20px 0 0 0; 
	padding:10px 0; 
	border:1px solid #fff; 
	color:#fff; 
	font-size:18px; 
	text-align:center;
}
#square > .item img {width:100%; vertical-align:bottom;}
#square > .item::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height:100%;
  box-shadow: inset 0 0 0 400px rgba(68,89,117,.8);
  -webkit-box-shadow: inset 0 0 0 400px rgba(68,89,117,.8);
  transition: box-shadow .5s;
  -webkit-transition: box-shadow .5s;
}
#square > .item:hover::after {
  box-shadow: inset 0 0 0 400px rgba(251,178,50,.9);
  -webkit-box-shadow: inset 0 0 0 400px rgba(251,178,50,.9);
}

@media screen and (max-width:480px) {
#box { max-height:4600px;}
#square > .item { width:100%; float:none; display:block;}
#square > .item.large { border-right:0; height:370px;}
#square > .item.wide { height:300px;}
#square > .item > .title { font-size:26px; width:90%; top:10%;}
#square > .item > .title span { font-size:14px; }
#square > .item img {height:100%; }
}

/* CONTENT */
#content {width:100%; min-height:150px; margin:0; padding:0; display:block; background:#fff; overflow:hidden;}
#content > .heading {width:100%; margin:0; padding:10px 10px; overflow:hidden; display:block; background:#eee;}
#content > .heading h1 { 
	width:1250px; 
	margin:0 auto; 
	font-size:16px; 
	font-weight:600; 
	color:#777; 
	text-align:right; 
	padding:0 5px;
}
#content .wrapper { width:1250px; margin:20px auto; padding:0; }
@media screen and (max-width:480px) {
#content > .heading {width:100%; margin:0; padding:10px 0;}
#content > .heading h1 { width:95%; font-size:16px; padding:0;}
#content .wrapper { width:95%;}	
}

#columns { 
	display:inline-flex; 
	flex-wrap:wrap; 
	width:100%;
	justify-content:space-between;
}
#columns > .dl { 
	display:inline-block; 
	padding:0 0 20px 0;
	margin:0 0 20px 0; 
	width:24%; 
	position:relative;
	background:#f7f7f7;
}
#columns > .dl:hover > a img { opacity:.7;}
#columns > .dl a img { 
	width:100%;
	height:220px; 
	vertical-align:bottom;
	box-shadow:0 0 5px rgba(50,54,57,1); 
}
#columns > .dl .title { 
	overflow:hidden; 
	display:block; 
	font-size:14px; 
	padding:20px 10px; 
	text-align:left;
	margin:0; 
	font-weight:600;
	color:#333; 
}
#columns > .dl p { padding:0 10px; margin:0; display:block;}

@media screen and (max-width:480px) {
#columns { width:100%;display:block;column-count:2;-webkit-column-count:2;-moz-column-count:2;}
#columns > .dl { padding:0 0 20px 0;margin:0 0 20px 0; width:100%; font-size:10px;}
#columns > .dl a img { height:auto; }
#columns > .dl .title { font-size:12px; padding:10px 10px;}
#columns > .dl p { padding:0 10px;}	
}

table { width:100%; border-collapse:collapse; border:1px solid rgba(50,54,57,1);}
table td { padding:5px; border:1px solid #fff;}
table td:nth-child(1) { text-align:center;}
table tr:nth-child(even) { background:#eee;}
@media screen and (max-width:480px) {
table { width:100%; font-size:10px;}
table td { padding:4px; }
table td:nth-child(1) {display:none;}
}
@media screen and (max-width:320px) {
table { width:100%;  font-size:10px;}
table td { padding:2px; }
table td:nth-child(1) {display:none;}
}
/* FOOTER */
footer {
	width:100%; 
	margin:0; 
	display:block; 
	overflow:hidden; 
	padding:20px 0;
	border-top:1px solid #eee; 
	background:rgba(50,54,57,1);
}
footer > .wrapper { width:1250px; margin:0 auto;  padding:0; min-height:250px; }

@media screen and (max-width:480px) {
footer { padding:20px 0; border-top:1px solid #eee; }
footer > .wrapper { width:95%;}	
}

#list-area { 
	column-count: 3; 
	-moz-column-count: 3; 
	-webkit-column-count: 3; 
	column-gap: 1em; 
	-moz-column-gap: 1em; 
	-webkit-column-gap: 3em;
	column-rule:1px solid #192940;
	-moz-column-rule:1px solid #192940;
	-webkit-column-rule:1px solid #192940;
}
.list { position: relative; width: 100%; padding:20px 0; min-height:240px; display:inline-block; color:#777; }

.list.col1 { }
.list.col2 { padding:20px 20px;}
.list.col3 { padding:20px 20px; }


.list > div.headline { font-size:22px; color:#fff; font-weight:400; margin:0 0 20px 0;}

.list > ul{ text-decoration:none; list-style:none; margin:0; padding:0;}
.list > ul li a{ padding:0; color:#f5c125; text-decoration:none; font-size:14px; }
.list > ul li a:before{font-family: 'ElegantIcons'; content:"\35"; margin:0 10px 0 -5px; color:#f5c125; }
.list > ul li a:hover{ color:#f5c125;}

@media screen and (max-width:480px) {
#list-area { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; }
.list {padding:20px 0; min-height:0; color:#777; border-bottom:1px dashed #fff; }
.list.col1 { }
.list.col2 { padding:20px 0;}
.list.col3 { padding:20px 0; }

.list > div.headline { font-size:22px; color:#fff; font-weight:400; margin:0 0 20px 0;}

.list > ul{ text-decoration:none; list-style:none; margin:0; padding:0;}
.list > ul li a{ padding:0; color:rgba(50,54,57,1); text-decoration:none; font-size:14px; }
.list > ul li a:before{font-family: 'ElegantIcons'; content:"\35"; margin:0 10px 0 -5px; color:#f5c125; }
.list > ul li a:hover{ color:#f5c125;}
}

.list > ul.projects { margin:0; padding:0; height:230px; overflow:hidden; display:inline-block; }
.list > ul.projects > li { display:block; width:100%; height:230px; overflow:hidden}
.list > ul.projects > li img { 
	width:40%; 
	border:3px solid #eee; 
	padding:1px; 
	margin:0 10px 0 0; 
	display:block; 
}
.list > ul.projects > li p { font-size:14px; display:inline-block; width:70%; }
.list > ul.projects > li p.name { color:#eee; margin:20px 0 10px 0; }
.list > ul.projects > li p.text { color:#999; }

.list a.arrow { display:inline-block; width: 40px; height: 30px; cursor:pointer; position:absolute; }
.list a.arrow.next { background:#f5c125 url('../images/product-arrow.png') no-repeat 5px 0px; right:0px; top:65px; }
.list a.arrow.prev { background:#f5c125 url('../images/product-arrow.png') no-repeat -34px 0px; right:0px; top:150px;}
.list a.arrow.next:hover, .list a.arrow.prev:hover { opacity:.5;}

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

form.register {}
form.register input[type="text"] {
	width:70%; 
	display:inline-block;
	background:#fff; 
	padding:9px; 
	height:43px;
	color:#666; 
	box-shadow:inset 0 0 1px rgba(50,54,57,1);
	border:1px solid rgba(50,54,57,1); 
	float:left; 
}
form.register input[type="submit"] {
	font-family: 'ElegantIcons';
	width:55px;
	height:43px; 
	font-size:26px;
	padding:2px;
	float:left; 
	display:inline-block;
	border:none; 
	background:#f5c125; 
	color:#fff; 
	cursor:pointer;
}
form.register input[type="submit"]:hover {
	color:#fff;
	background:#666;
}


.social { margin:20px 0; display:block;}
.social span { font-size:22px; margin:10px 0; display:block;  padding:5px 0; color:#fff;}
.social a {font-size:18px; margin:0 5px 0 0; color:#fff;}
.social a:hover { color:#fff;}
.social a:before { 
	font-family: 'ElegantIcons'; 
	display:inline-block; 
	border:2px solid #eee; 
	border-radius:50%; 
	padding:8px 10px;
}
.social a:nth-child(2):before {content: "\e093"; color:#fff;}
.social a:nth-child(3):before {content: "\e094"; color:#fff;}
.social a:nth-child(4):before {content: "\e095"; color:#fff;}
.social a:nth-child(5):before {content: "\e09d"; color:#fff;}

.copyright { font-size:14px; margin:20px 0; padding:10px 0; color:#fff;}
/*-------------------------------------------
	LIGHTBOX
---------------------------------------------*/
.lightbox { 
	cursor:pointer;
	position: fixed; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	background:#fff; 
	-webkit-filter: none; 
	z-index: 9997; 
}
.lightbox img { display: block; position: absolute; }
.lightbox-loading { 
	background: url(../images/loading.html) center center no-repeat; 
	width: 32px; 
	height: 32px; 
	margin: -16px 0 0 -16px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
}
.lightbox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 9998; }
.lightbox-caption p { 
	margin: 0 auto; 
	max-width: 70%; 
	display: inline-block;  
	*display: inline;
 	*zoom: 1;
	padding: 10px; 
	color: #fff; 
	font-size: 12px; 
	line-height: 18px; 
}
.lightbox-button { 
	position: absolute; 
	z-index: 9999; 
	background: no-repeat center center; 
	width: 32px; 
	height: 32px; 
	opacity:0.9; 
	-webkit-transition: all 0.3s; 
	-moz-transition:    all 0.3s; 
	-ms-transition:     all 0.3s; 
	transition: 		all 0.3s; 
}
.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
.lightbox-close { right: 30px; top: 20px; background-image: url('../images/close.png'); }

.lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
.lightbox-nav-next { width: 20px; height: 41px; right: 30px; background: url('../images/light-arrow.png') no-repeat -12px -2px; }
.lightbox-nav-prev { left: 30px; width: 20px; height: 41px; background: url('../images/light-arrow.png') no-repeat -8px -54px;}


input, textarea { font-family:Arial, sans-serif; font-size:14px;}
.contact-info { float:left; width:45%; display:inline-block;}
.contact-form { float:right; width:50%; display:inline-block;}
form#contact { padding:0; margin:0;}
form#contact input[type="text"] {
	width:100%; 
	display:block;
	padding:5px 10px;
	margin:5px 0; 
	height:40px; 
	background:#fff; 
	color:#666; 
	border:1px solid rgba(50,54,57,1); 
}
form#contact textarea {
	width:100%;  
	display:block;
	padding:5px 10px;
	margin:5px 0; 
	height:130px; 
	background:#fff; 
	color:#666; 
	border:1px solid rgba(50,54,57,1); 
}
form#contact input[type="submit"] {
	width:140px; 
	height:40px; 
	font-size:14px;
	margin:20px 0px; 
	padding:10px;
	float:right; 
	display:block;
	border:none; 
	background:#e22717; 
	color:#fff; 
	cursor:pointer;
	text-shadow:0 1px 1px #999;
	transform-style: preserve-3d; 
	-moz-transform-style: preserve-3d; 
	-webkit-transform-style: preserve-3d; 
	transition: all .30s linear; 
	-moz-transition: all .30s linear; 
	-webkit-transition: all .30s linear; 
	cursor: pointer; 
}
form#contact input[type="submit"]:hover { color:#fff; background:#666;}
form#contact > .security {padding:3px 10px; margin:1px 20px; float:left; font-size:20px; background:#ed1c24; color:#FFF;}

@media screen and (max-width:480px) {
.contact-info { float:none; width:100%; display:inline-block;}
.contact-form { float:none; width:100%; display:inline-block;}
form#contact { padding:0; margin:20px 0 0 0;}
form#contact input[type="text"] {width:100%; }
}

.ik-area { margin:0 0 20px 0; display:inline-flex; flex-wrap:wrap; justify-content:space-between;}
.ik-area > .ik-column { display:inline-block; width:30%;}
.ik-area > .ik-column > strong { display:block; margin:0 0 20px 3px; font-size:14px;}
.ik-area > .ik-column > input[type="text"] { 
	width:100%; 
	display:inline-block;
	padding:10px;
	margin:0 0 5px 0; 
	height:35px; 
	background:transparent; 
	color:#000; 
	border:1px solid rgba(50,54,57,1); 
}
.ik-area > .ik-column > textarea { 
	width:100%; 
	display:inline-block;
	text-indent:2px;
	padding:5px;
	margin:0 0 5px 0; 
	height:130px; 
	background:transparent; 
	color:#000; 
	border:1px solid rgba(50,54,57,1);
}
.ik-area > .ik-column >  input[type="submit"] {
	width:130px; 
	height:40px; 
	font-size:14px;
	margin:0 0px; 
	padding:10px;
	float:right; 
	display:inline-block;
	border:none; 
	background:#e22717; 
	color:#fff; 
	cursor:pointer;
}
.ik-area > .ik-column > .security {padding:5px 10px; margin:0; float:left; font-size:20px; color:#000;}

@media screen and (max-width:480px) {
.ik-area > .ik-column { display:inline-block; width:100%;}
}

.parterer-sec {
    margin-bottom: 70px;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.site-header.fullwidth .auto-container {
    position: relative;
}

.page-title .auto-container {
    position: relative;
    z-index: 1;
}

.partener-slider .owl-dots {
    display: none!important;
}

.work-item .image-box img {
    display: block;
    width: 100%;
    height: auto;
}

.vision-section .image-column .image-box {
    width: 100%;
    margin: 0px;
    display: none;
}

.vision-section .image-column .image-box img {
    display: block;
    width: 100%;
}