html {
font-family : 'cir_bold';
background-color : #fff;
background-size : 1417px 1466px;
color : #637380;
width : 100%;
height : 100%;
margin : 0 auto;
text-align : center;
overflow-y : hidden;
min-width : 1000px;
}
body {
width : 100%;
height : 100%;
-webkit-text-size-adjust: 100%;
}
a {
color : #ffffff;
}
.backgrnd {
position : fixed;
top : 50%;
left : 50%;
margin-left : -708px;
margin-top : -733px;
z-index : -1000;
height : 100%;
width : 100%;
min-width : 1000px;
text-align : left;
}
.menu {
text-align : center;
z-index : 100;
width : 100%;
height : 58px;
line-height : 58px;
background : rgba(0, 0, 0, 0.21875);
position : fixed;
text-transform : uppercase;
font-size : 1.4rem;
letter-spacing : 3px;
z-index : 1000;
min-width : 1000px;
}
.menu ul {
display : inline-block;
overflow : hidden;
}
.menu img, .menu li {
float : left;
}
.menu li ul {
position : relative;
display : none;
}
.menu li ul li {
clear : both;
height : 30px;
line-height : 30px;
padding : 0;
font-size : 0.95rem;
text-align : center;
width : 177px;
}
.menu ul a + li ul li {
width : 238px;
}
.menu a + ul {
opacity : 0.800000011920928955078125;
background : #00ADD8;
padding-bottom : 30px;
}
.menu li:hover ul {
display : block;
}
.menu li a {
color : #fff;
padding : 0 24px 0 24px;
display : block;
}
.menu a:hover, .menu li:hover a {
background : #00ADD8;
}
.menu li a:hover {
background : #28BADE;
}
.current a {
background : #E6004C;
}
.about {
background : url(../images/logo.png) center center no-repeat;
background-size : 400px 393px;
height : 600px;
opacity: 1;
}
.aboutx {
padding-top : 50px;
padding-bottom : 300px;
	
}
.about div {
background : url(../images/logoorbit.png) center center no-repeat;
background-size : 655px 514px;
height : 600px;
line-height : 600px;
}
.about img {
vertical-align : middle;
position : relative;
top : 0;
left : 0;
}
.about1 {
line-height : 35px;
font-size : 1.25rem;
letter-spacing : 2px;
text-transform : uppercase;
background : url(../images/logopic.png) top center no-repeat;
background-size : 30px 36px;
padding : 100px 0;

}
h1, h6{
line-height : 35px;
font-size : 2.5rem;
letter-spacing : -0.05rem;
color : #ffffff;
}
.prjpad {
padding : 100px 0 30px 0;
}


.principles {
background : url(../images/backgroundprinciples.png) center center no-repeat;
background-size : 953px 543px;
position : relative;
height : 543px;
padding : 100px 0;
overflow : hidden;
margin-left: -50px;
}
.principles div {
text-transform : uppercase;
font-size : 1rem;
letter-spacing : 0.2rem;
position : absolute;
}
.advantage {
background : url(../images/advantage.png) center center no-repeat;
background-size : 1456px 206px;
height : 232px;
margin-top : 50px;
margin-bottom : 150px;
overflow : hidden;
margin-left: -50px;
}
.advantage div {
position : relative;
left : -330px;
top : 40px;
letter-spacing : -0.5px;
}
.advantage div + div {
left : 0;
top : 40px;
}
.advantage div + div + div {
top : -150px;
left : 360px;
}
.advantage h5 {
font-size : 1.3rem;
line-height : 24px;
display : inline;
}
.gallery {
width : 900px;
max-width : 100%;
height : 540px;
margin : 0 auto;
overflow : hidden;
position : relative;
top : 0;
}
.gallery img {
height : 500px;
width : 700px;
cursor : pointer;
}
.contact {
padding : 50px 0 40px 0;
}
.contact h1 {
letter-spacing : 4.4px;
font-size : 1.29rem;
text-transform : uppercase;
background : url(../images/logopic.png) top center no-repeat;
background-size : 30px 36px;
padding-top : 60px;
color : #637380;
}
.contact h2 {
letter-spacing : 1px;
font-size : 1.19rem;
color : #ffffff;
}
.contact div + div {
padding-bottom : 40px;
font-size : 1.3rem;
}
.contact p {
background : url(../images/contacticon.png) top center no-repeat;
background-size : 28px 33px;
font-size : 0.97rem;
color : #637380;
line-height : 30px;
padding-top : 40px;
}
.yandexmaps {
width : 622px;
height : 404px;
background : #fff;
padding : 20px 30px 20px 30px;
margin : 40px auto;
}
.backproject {
padding: 50px 0;
margin: 0 auto;
width : 200px;
line-height : 1rem;
text-transform : uppercase;
letter-spacing : 3px;
color : #637380;
display : block;
}
.backproject img {
position : relative;
}

.experiencexxx {
padding-top: 300px;
}

.experience {
height : 3000px;
position : relative;
top : 0;
left : 0;
margin : 300px auto;
width : 900px;
}
.experiencelogo {
background : url(../images/experiencelogo.png) center no-repeat;
background-size : 178px 218px;
height : 218px;
width : 178px;
margin : 0 auto;
position : relative;

}
.experience h5 {
line-height : 28px;
font-size : 2rem;
}
.experabs {
position : absolute;
left : 150px;
top:-200px;
}
.experabs span {
height : 200px;
display : block;
}
.experabs div {
margin : 0 auto;
background-color : #fff;
padding : 40px;
display : block;
overflow : hidden;
position : relative;
font-family : 'cir_bold';
font-size : 1rem;
margin-bottom: 150px;
}
.experience1 {
height : 160px;
width : 440px;
left : 200px;
border-radius : 20px 20px 20px 0;
opacity : 0.5;
}
.experience2 {
height : 120px;
width : 350px;
left : -300px;
border-radius : 20px 20px 0 20px;
opacity : 0.5;
}
.experience3 {
height : 140px;
width : 380px;
left : -230px;
border-radius : 20px 20px 0 20px;
opacity : 0.5;
}
.experience4 {
height : 120px;
width : 550px;
left : 0;
border-radius : 20px 20px 20px 0;
opacity : 0.5;
}
.experience5 {
height : 100px;
width : 480px;
left : -210px;
border-radius : 20px 20px 0 20px;
opacity : 0.5;
}
.experience6 {
height : 80px;
width : 440px;
left : 200px;
border-radius : 20px 20px 20px 0;
opacity : 0.5;
}
.experience7 {
height : 80px;
width : 380px;
left : -270px;
border-radius : 20px 20px 0 20px;
opacity : 0.5;
}
.experience8 {
height : 100px;
width : 440px;
left : 200px;
border-radius : 20px 20px 20px 0;
opacity : 0.5;
}
.experience9 {
height : 120px;
width : 350px;
left : -200px;
border-radius : 20px 20px 0 20px;
opacity : 0.5;
}
.experience10 {
height : 160px;
width : 440px;
left : 200px;
border-radius : 20px 20px 20px 0;
opacity : 0.5;
}
.services {
position : relative;
}

.services a {
z-index: 200;
	}
.services > p {
font-size : 1.3rem;
font-family : 'cir_bold';
margin : 40px 0;
}
.servicesshow {
background : url(../images/whitecircle.png) center center no-repeat;
background-size : 30px 30px;
font-size : 1rem;
font-family : 'cir_bold';
line-height : 24px;
letter-spacing : 0;
color : #637380;
display : inline-block;
overflow : hidden;
margin : 0 20px;
height : 150px;
width : 200px;
cursor : pointer;
}
.servicesshow:hover {
color : #ffffff;
}
.servicesshowselected {
color : #ffffff;
background-size : 100px 100px;
}
.services div {
background : url(../images/whitecircle.png) top center no-repeat;
background-size : 51px 51px;
width : 700px;
margin : 0 auto;
font-size : 1rem;
line-height : 24px;
height : 500px;
display : none;
text-align : left;
padding-top : 60px;
}
.services div li {
font-size : 1rem;
line-height : 24px;
margin-bottom: 10px;
list-style-type:disc;
color: #fff;
}
.services div li span {
color: #637380;
}
.services div h1 {
text-align : center;
color : #ffffff;
font-size : 1.8rem;
line-height : 24px;
font-weight : normal;
margin-bottom: 15px;
}
#servicesline {

position : absolute;
left : 50%;
margin-left : -450px;
opacity : 0.4;
margin-top: 115px;
}
.project {
padding-top : 700px;
width : 600px;
margin : 0 auto;
padding-left : 130px;
text-align : left;
}
.project div {
height : 150px;
}
.project div a {
font-size : 1.3rem;
}
.project img {
position : relative;
width : 100px;
height : 100px;
display : inline-block;
overflow : hidden;
padding-right : 30px;
left : -130px;
top : -20px;
}
.project div div {
position : absolute;
}
.corm {
font-size : 1.25rem;
}
.corm h2 {
font-size : 1.5rem;
letter-spacing : 3px;
text-transform : uppercase;
padding-bottom: 25px;
margin-top: 35px;
}
.cormtop {
background : url(../images/project6.png) center center repeat-x;
background-size : 218px 131px;
height : 131px;
}
.cormbot {
background : url(../images/project7.png) center center repeat-x;
background-size : 219px 49px;
height : 49px;
}
.cormmid div ~ div {
text-align : left;
width : 330px;
height : 250px;
display : inline-block;
vertical-align:top;
overflow : hidden;
padding-left: 10%;
margin-left: -100px;
}
.cormmid div {
text-align : left;
width : 800px;
display : inline-block;
overflow : hidden;
vertical-align:top;
}
.cormmid div div {
font-size : 1rem;
padding-left : 0px;
margin-top: 10px;
}
.cormmid h3 {
height : 250px;
float : left;
padding-right : 20px;
}
.cormmid h4 {
height : 100px;
float : left;
padding-right : 20px;
}
.ekoinvest {
background : url(../images/project10a.png) top center repeat-x;
background-size : 1000px 286px;

}

.ekoinvest img {
margin-top: 50px;
margin-bottom: 25px;
}
.ekoinvesttop {
background : url(../images/project10.png) top center no-repeat;
background-size : 220px 286px;
height : 286px;
}
.ekoinvestbot {
background : url(../images/project12.png) center center repeat-x;
background-size : 863px 78px;
height : 78px;
}
.ekoinvest h2 {
text-transform : uppercase;
font-size : 1.5rem;
letter-spacing : 3px;
}
.ekoinvest h3 {
font-size : 1.2rem;
width : 900px;
margin : 20px auto;
}
.ekoinvestmid {
min-width : 1000px;
max-width : 1300px;
margin : 0 auto;
}
.ekoinvestmid div {
text-align : left;
width : 300px;
height : 150px;
padding : 10px;
display : inline-block;
overflow : hidden;
}
.ekoinvestmid div h2 {
height : 150px;
float : left;
padding-right: 10px;
margin-top: -5px;
}
.ekostroj {
min-width : 1000px;
max-width : 1260px;
margin : 0 auto;
}
.ekostroj div {
background : url(../images/project16.png) top center no-repeat;
background-size : 50px 65px;
width : 240px;
height : 120px;
padding : 70px 10px 10px 10px;
display : inline-block;
overflow : hidden;
vertical-align:top;
font-size : 1.2em;
}
.ekostroj p {
text-transform : uppercase;
font-size : 1.5em;
letter-spacing : 3px;
margin-top : 100px;
margin-bottom : 50px;
}


.ekostroj img {

padding: 20px 0;
}
.vigo1 img {
	position: relative;
	top: 8px;
}


.vigo {
background : url(../images/project18b.png) top center no-repeat;
background-size : 873px 392px;
padding-top: 100px;
padding-bottom: 100px;
}
.vigo h2 {
text-transform : uppercase;
font-size : 1.5em;
letter-spacing : 3px;
margin : 20px 0;
}
.vigo h3 {
font-size : 1.3em;
margin : 20px 0;
}
.vigo h4 {
text-align : left;
width : 700px;
margin : 20px auto;
}
.vigo div {
display : inline-block;
vertical-align:top;
padding: 70px 10px 0 10px;
}
.vigo2 {
position : absolute;
top : 120px;
left : -10px;
width : 270px;
}
.vigo3 {
position : relative;
margin-top: -70px;
}
.vigo h5 {
font-family : 'cir';
font-size : 4rem;
}
.vigo span {
color : #00ADD8;
}
.subbackground1 {
background : url(../images/subbackground.png) repeat;
}
.vigo a {
	color:#307FC3
}


.subbackground3 {
background : url(../images/project9.png) bottom center repeat-x;
background-size : 1440px 800px;
padding-bottom: 200px;
}

.subbackground4 {
background : url(../images/project8.png) top center repeat-x;
background-size : 1440px 100px;
height: 100px;
}

.subbackground2 {
background-color:#fff;
}

.bgekoinvest {
background : url(../images/bgekoinvest.jpg) center center no-repeat;
background-size : 866px 867px;
background-color: #f9f9f9;
}


.bgcorm {
background : url(../images/bgcorm.jpg) center center no-repeat;
background-size : 1249px 1263px;
background-color: #f9f9f9;
}


.bgekostroj {
background : url(../images/bgekostroj.jpg) center center no-repeat;
background-size : 1149px 1191px;
background-color: #f9f9f9;
}

.bgvigo {
background : url(../images/bgvigo.jpg) top center no-repeat;
background-size : 1282px 1268px;
background-color: #f9f9f9;
}


.bgcontact {
background : url(../images/bgcontact.jpg) top center no-repeat;
background-size : 1440px 1462px;
background-color: #f9f9f9;
}


.bgcontactwww {
background : url(../images/bgcontactwww.jpg) top center no-repeat;
background-size : 1440px 1462px;
background-color: #fff;
height: 200px;
}