body, html{
	margin:0;
	height:100%;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	background:white;
}

img{border:0;}
a{color:#555555;}
a:hover{color:#777777;}
.content{
	min-width:480px;
	width:960px;
	max-width:95%;
	margin-left:auto;
	margin-right:auto;
}

#top{
	padding-top:54px;
	width:100%;
	min-width:440px;
	background:#ffffff;
	padding-bottom:16px;
	overflow:hidden;
	height:396px;
	position:relative;
}
.ignore_logo_fix:not(.fxd){
	margin-top:-20px;
}

.darker_bg{
	width:100%;
	min-width:480px;
	background:#f7f7f7;
	border-bottom:1px solid #e9e9e9;
	border-top:1px solid #e9e9e9;
}

.bg_element{
	padding:30px 0;
}

#head{
	margin:10px 23px 0 23px;

	//background:url('img/head.png') right top no-repeat;

	background-color:hsl(0,61%,48%);
	background-image:-webkit-linear-gradient(-135deg, #fff 0px, #fff 14px, #eee 21px,  #ddd 22px, transparent 23px),
		-webkit-linear-gradient(275deg, hsla(0,60%,47%,0.125) 0px, hsla(8,62%,58%,0.45) 291px),
		-webkit-repeating-linear-gradient(45deg, hsla(0,82%,57%,0.15) 64px, hsla(0,60%,48%,0.15) 620px),
		-webkit-repeating-linear-gradient(135deg, hsla(0,62%,48%,0.5) 155px, hsla(0,60%,54%,0.2) 520px);
	background-image:linear-gradient(-135deg, #fff 0px, #fff 21px, transparent 22px),
		linear-gradient(175deg, hsla(0,60%,47%,0.1) 0px, hsla(6,62%,58%,0.45) 291px),
		repeating-linear-gradient(45deg, hsla(0,62%,57%,0.15) 64px, hsla(0,60%,47%,0.1) 850px),
		repeating-linear-gradient(135deg, hsla(0,62%,48%,0.1) 155px, hsla(0,60%,56%,0.12) 520px);

	width:914px;
	max-width:88%;
	min-width:480px;
	height:305px;
	position:absolute;
	bottom:16px;
}
#head:before {
	content:'';
	position:absolute;
	top:0; right:0;
	border-top:30px solid #fff;
	border-left:30px solid hsl(0,78%,43%);
	width:0;
}

#head p.main{
	font-weight:600;
	color:white;
	position:absolute;
	top:93px;
	margin:0;
	width:100%;
	min-width:480px;
	font-size:38px;
	text-align:center;
}

#head p.main.short{
	font-size:42px;
	margin:0;
	margin-top:20px;
}

#head p.sub{
	font-weight:600;
	color:#e9cbca;
	position:absolute;
	bottom:95px;
	line-height:31px;
	margin:0;
	width:100%;
	text-align:center;
	font-size:20px;
}

#head p.sub.short{
	font-size:24px;
	bottom:85px;
	margin:0;
	width:100%;
	text-align:center;
}

#head p.sub.two_lines{
	bottom:75px;
	line-height:31px;
	width:61%;
	margin:0;
	margin-left:10%;
	font-size:20px;
	text-align:right;
}

nav{
	display:block;
	margin-top:16px;
	min-height:30px;
	//text-shadow:1px 1px 0px white;
	color:#aeaeae;
	width:910px;
	max-width:90%;
	min-width:440px;
	position:relative;
	z-index:+99999;
}

nav.fxd:before{
	display:block;
	content:" ";
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:-99999;
	height:58px;
	border-bottom:1px solid rgb(230,230,230);
	background:rgb(251,251,251);
}

nav #navi_logo{
	display:inline-block;
	width:350px;
	height:31px;
	margin-left:25px;
	background:url('img/prortus_logo.svg') no-repeat;
	background-size:100%;
}
nav #navi_logo:hover{opacity:0.85;}

nav.fxd .ignore_logo{
	display:none !important;
}

.ignore_logo_fix{
	left:0;
	right:0;
	min-width:100%;
}
.ignore_logo_fix #navi_logo{

}
.ignore_logo_fix ul{
	text-align:center;
	width:100%;
}

nav ul{
	margin:0;
	padding:0;
	float:right;
	font-size:19px;
	display:block;
	color:#aeaeae;
	min-width: 430px;
	text-align:right;
	text-decoration:none;
	list-style-type: none;
	overflow:hidden;
}

nav ul a{
	color:#aeaeae;
	text-decoration:none;
}

nav ul a.active{
	color:#C5312F;
}

nav ul li{
	display:inline;
	margin:2px;
	position:relative;
	padding:3px;
	cursor:pointer;
}
nav ul li:hover{
	text-decoration:underline;
}
nav ul li + li:before{
	//content:"|";  //< bad in IE
	//margin-left:-12px;
	//margin-top:-1px;

	content:"\200C";
	border-left:solid 2px;
	border-color:#bebebe;
	margin-left:-8px;
	margin-top: 3px;
	height: 20px;

	position:absolute;
}
/*Friends trick. Works, but probably does not work everywhere super nicely.* /
nav ul li:hover#friends a {
	font-size: 0; 
}
nav ul li:hover#friends a:after {
	text-decoration:underline;
	font-size:19px;
	content:'\2009\ \2009\ Friends\2009\ \2009';
}
/ *end friends trick*/

.clear:after{
	display:block;
	content:" ";
	clear:both;
}

.subsite{
	padding:25px 35px;
	margin-left:26px;
	margin-right:16px;
	font-size:14px;
	line-height:25px;
	color:#666666;
	float:left;
	position:relative;
}

.subsite:before{
	position:absolute;
	left:-6px;
	top:24px;
	width:36px;
	height:36px;
	content:" ";
	display:block;
	background:#acdcdb center center no-repeat;
	border-radius:5px;
}

.subsite ul{
	margin:-10px 0 0 14px;
	padding:0;
	list-style:none;
}

.subsite li{
	text-indent:-.8em;
}

.subsite li:before{
	background:rgba(217,94,94,0.6);
	content:" ";
	display:inline-block;
	margin-bottom:4px;
	height:5px;
	margin-right:5px;
	width:5px;
	border-radius:5px;
}
#about_us:before{background-image:url('img/icon0.png');}
#projects:before{background-image:url('img/icon_rocket.png');}
#customers:before{background-image:url('img/icon2.png');}
#jobs:before{background-image:url('img/icon3.png');}
#contact:before{background-image:url('img/icon4.png');}

.subsite h2{
	font-size:16px;
	font-weight:600;
	color:#222222;
	margin:0;
}
.subsite h2.line{text-align:center; padding-right:100px;}
.subsite h3{
	font-size:16px;
	font-weight:600;
	color:#222222;
	margin:0;
}
.subsite b{
	color:#222222;
}

#wb_logo{opacity:0.9;}
#wb_logo:hover{opacity:0.75;}

.companies{
	text-align:center;
}
.companies img{
	margin:0 18px 10px;
	opacity:1;
}
.companies img:hover{opacity:0.85;}
.perc60{width:400px; padding-left: 40px; padding-right:40px;}
.perc50{width:360px; padding-left: 40px; padding-right:40px;}
.perc40{width:300px; padding-left: 40px; padding-right:40px;}

.description{
	color:#555555;
	margin-top:0;
}
#jobs{
	margin-right:0;
	padding-right:0;
}

#contact{
	margin-right:0;
	padding-right:0;
}

.link{
	display:inline-block;
	font-weight:600;
	font-size:15px;
	min-width:125px;
	text-decoration:none;
	margin-top:20px;
	padding:6px 5px;
	text-align:center;
	color:#fff;
	background:#acdcdb;
	// Cut corners beter on iOS
	background-image:-webkit-linear-gradient(-135deg, transparent 0px, transparent 5px, #acdcdb 5px);
	position:relative;
}
.link:before{
	content:'';
	position:absolute;
	top:0; right:0;
	border-top:8px solid #fff;
	border-left:8px solid #a0d0d2;
	width:0;
}
.darker_bg .link:before{border-top:8px solid #f7f7f7;}
.link:hover{
	//background:#a2d2d1;
	background:#b2e2e1;
	color:#fff;
}

footer{
	background: #464646;
	width:100%;
	min-width: 480px;
	border-top:1px solid rgb(160,160,160);
	font-size:13px;
	color:rgb(230,230,230);
	padding:10px 0;
}
.job_offer{
	width:376px;
	padding:15px;
	margin:12px 38px 22px 0px;
	float:left;
}

.copyright{
	text-align:center;
	width:100%;
	color:white;
}

.headquaters{
	width:416px;
	margin:0 32px 0 0;
	float:left;
}