html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: 'Roboto Slab', serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body{
overflow:hidden;
padding:0;
margin:0;
/* overflow-x:hidden;*/
/* min-height:1000px;*/
/*font-family: AdventProRegular;*/
overflow:hidden;
font-family: 'Roboto Slab', serif;
}
section, aside {
margin: 1.51515151%;
background-color: #8EC63F;
}
/*img, video, canvas {
max-width: 100%;
}*/
.ei-slider{
position: relative;
width: 100%;
height:100%;
/* margin: 0 auto;*/
overflow:hidden;
float:left;
}
.home-footer{
background-color: #fff;
height:10%;
position: fixed;
width: 100%;
overflow:hidden;
bottom: 0;
left:0;
z-index:1000;
display:block;
padding-top:1%;
}
.logo{
width:20%;
float:left;
position:relative;
height:100%;
}
.footer-menu{
width:80%;
float:left;
position:relative;
height:100%;
}
.footer-menu ul{
height: 40%;
margin-top: 2%;
position: relative;
width: 97%;
margin-right: 3%;
}
.footer-menu ul li{
position:relative;
float:right;
margin-left:2%;
}
.footer-menu ul li a{
color:#a7a9ac;
text-decoration: none;
font-family: 'Roboto Slab', serif;
font-weight:bold;
font-size:15px;
text-transform: uppercase;
}
/*font-family: 'Ubuntu', sans-serif;*/
.top-menu{
position:fixed;
top:0;
right:0;
width:100%;
padding-right: 3%;
/* background-color: #fff;*/
z-index:1000;
/* padding-top:0.5%;*/
padding-bottom: 0;
height:5%;
}
.logo{
cursor:pointer;
}
.top-menu ul{
position: relative;
width: 100%;
float:right;
padding-top:0.5%;
padding-bottom: 0.5%;
}
.top-menu ul li{
position:relative;
float:right;
margin-left:2%;
color:#fff;
}
.top-menu ul li a{
color:#fff;
text-decoration: none;
font-family: 'Ubuntu', sans-serif;
font-weight: 600;
font-size:13px;
}
.sel-fmenu{
background-color:#5f9cc2;
width:100%;
height:6px;
margin-top:3px;
}
.csection{
position:relative;
width:100%;
height:100%;
float:left;
}
.footer-menu ul li a:hover{
color:#000;
transition: all 0.28s ease-in-out 0s;
-moz-transition: all 0.28s ease-in-out 0s;
-webkit-transition: all 0.28s ease-in-out 0s;
-o-transition: all 0.28s ease-in-out 0s;
-ms-transition: all 0.28s ease-in-out 0s;
}
.top-menu ul li a:hover{
color:#fff;
transition: all 0.28s ease-in-out 0s;
-moz-transition: all 0.28s ease-in-out 0s;
-webkit-transition: all 0.28s ease-in-out 0s;
-o-transition: all 0.28s ease-in-out 0s;
-ms-transition: all 0.28s ease-in-out 0s;
}
.logo img{
height:95%;
position:relative;
float:left;
margin-left:2%;
}
.ei-slider-loading{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index:999;
background: rgba(0,0,0,0.9);
color: #fff;
text-align: center;
line-height: 400px;
}
.ei-slider-large{
height: 100%;
width: 100%;
position:relative;
overflow: hidden;
}
.ei-slider-large li{
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
height: 100%;
width: 100%;
}
.ei-slider-large li img{
width: 100%;
margin-top:0 !important;
}
.ei-title{
/* margin-right: 8%;*/
position: absolute;
right: 2%;
bottom: 25%;
width:50%;
}
.ei-title h2, .ei-title h3{
text-align: right;
}
.ei-title h2{
font-size: 35px;
line-height: 35px;
font-family: 'Roboto Slab', serif;
/* font-style: italic;*/
color: #fff;
}
.ei-title h3{
font-size: 70px;
line-height: 70px;
font-family: 'Roboto Slab', serif;
/* text-transform: uppercase;*/
color: #fff;
}
.mbutton{
height: 30%;
opacity: 0;
position: relative;
text-align: right;
/* width: 20%;*/
float:right;
overflow: hidden;
display:none !important;
}
.loader{
height: 100%;
width: 0;
background: rgba(247,164,0,0.9);
position:absolute;
z-index:999;
display:block;
top:0;
opacity:0;
}
.mbutton a{
background-color: #A4BEA4;
color: #FFFFFF;
font-family: 'Roboto Slab',serif;
font-size: 28px;
font-weight: bold;
/* padding: 1% 20%;*/
width:100%;
float:left;
text-align: center;
}
.mbuttonline{
width: 100%;
height:5px;
margin-top:5%;
background-color: #A4BEA4;
clear: both;
float:left;
}
.mbutton a:hover{
background-color: #F88F00;
transition: all 0.28s ease-in-out 0s;
-moz-transition: all 0.28s ease-in-out 0s;
-webkit-transition: all 0.28s ease-in-out 0s;
-o-transition: all 0.28s ease-in-out 0s;
-ms-transition: all 0.28s ease-in-out 0s;
}
.ei-slider-thumbs{
height: 13px;
/* margin: 0 auto;*/
position: absolute;
z-index:999;
display:block;
bottom:10%;
width:300px;
left:40%;
}
.ei-slider-thumbs li{
position: relative;
float: left;
height: 6px;
margin-left: 15px;
}
.ei-slider-thumbs li.ei-slider-element{
top: 0px;
left: 0px;
position: absolute;
height:6px;
z-index: 10;
text-indent: -9000px;
background: #000;
background: #5f9cc2;
}
.cur{ width:0;}
.ei-slider-thumbs li a{
display: block;
text-indent: -9000px;
background: #fff ;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
-moz-box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
background-color: #5f9cc2;
}
.ei-slider-thumbs li img{
position: absolute;
bottom: 50px;
opacity: 0;
z-index: 999;
max-width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-reflect:
below 0px -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(50%, transparent),
to(rgba(255,255,255,0.3))
);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
opacity: 1;
bottom: 13px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mobile-menu{display:none;}
.side-menu{
position:absolute;
left:-50%;
top:0;
background-color: #4a4a49;
display:block;
z-index:0;
height:89.2%;
width:50%;
}
.mobile-lang{
position:relative;margin-top:3%;width:90%;height:5%;float:left;padding-left:10%;color:#fff;
}
.mobile-lang a{
color:#fff;
font-family: 'Roboto Slab',serif;
}
.container{
position:relative;
width:100%;
z-index:500;
top:0;
left:0;
overflow: hidden;
/* overflow:scroll;*/
}
.x{
float:left;
position:relative;
width:90%;
height:25%;
background-color: #3c3c3b;
text-align: right;
padding-right: 10%;
}
.x img{
cursor:pointer;
height:30%;
margin-top:15%;
}
.side-mi{
float:left;
position:relative;
width:90%;
height:10%;
background-color: #3c3c3b;
text-align: left;
padding-left: 10%;
margin-top:3%;
}
.side-mi a{
display: block;
width:100%;
/* height:100%;*/
/* background-color: #f0f;*/
text-decoration: none;
color:#fff;
font-size: 1em;
font-family: 'Roboto Slab',serif;
padding:2% 0;
font-weight: bold;
text-transform: uppercase;
}
.content{
position:relative;
width:100%;
height:100%;
/* background-color:#f0f;*/
}
.main-content{
position:relative;
width:100%;
height:100%;
float:left;
margin:0;
padding:0;
}
.csection-title span{
color: #265673;
float: left;
font-size: 14px;
font-weight: 300;
max-width: 380px;
padding-top: 15px;
position: relative;
}
.who-we-are,.who-we-are2{
position:relative;
width:100%;
height:100%;
/* background-color: #f0f;*/
}
.info-box{
position:relative;
margin:0 auto;
width:97%;
height:100%;
overflow: hidden;
}
.next-rslide{
position: relative;
float: right;
margin-left: 10px;
background: url("/images/VELOI.png") no-repeat -56px 0 scroll transparent;
width:48px;
height:48px;
display: block;
}
.next-rslide:hover{
background-position: -56px -57px;
}
.prev-rslide{
position: relative;
float: right;
margin-left: 10px;
background: url("/images/VELOI.png") no-repeat 0 0 scroll transparent;
width:48px;
height:48px;
display: block;
}
.prev-rslide:hover{
background-position: 0 -57px;
}
.footer-slide{
position:relative;
margin:0 auto;
width:100%;
height:28%;
display:block;
overflow:hidden;
}
.footer-slide img{
width:100%;
}
.activel{
font-weight: bold;
}
.csection-title{
float:left;
position:relative;
width:22%;
height:100%;
z-index:100;
padding-right: 5%;
}
.cbg{
position:absolute;
width:100%;
height:100%;
z-index:0;
background-color: #36769c;
opacity:0.8;
left:0;
}
.csection-title h1{
width:100%;
font-size:2.5em;
color:#7c8996;
font-weight: 600;
padding-top: 10%;
text-align: left;
}
.csection-content{
float:left;
position:relative;
width:70%;
/* background-color:#eee;*/
height:100%;
padding-top:3%;
max-width: 1100px;
}
.who-headers{
float:left;
position:relative;
width:100%;
}
.who-headers a{
color: #b5c0c9;
float: left;
font-size: 20px;
font-weight: 700;
margin-right: 30px;
position: relative;
}
.who-headers a.selected{
border-bottom: 5px solid #5f9cc2;
color: #5f9cc2;
}
.fades{
position:relative;
float:left;
width:100%;
}
.fade1{
position:absolute;
width:100%;
top: 0;
left: 0;
}
.fade2{
position:absolute;
width:100%;
top: 0;
left: 0;
display: none;
}
.fade-left{
position:relative;
width:60%;
max-width: 700px;
float:left;
}
.fade-right{
position:relative;
width:30%;
float:left;
margin-left: 20px;
}
.fade-right img{
/* max-width: 80%;*/
cursor: pointer;
}
.fade-right span{
position:absolute;
top: 0;
left: 0;
width:80px;
height: 15px;
background: #4D5D78;
z-index: 2;
}
.fade-base-image{
position: relative;
margin-top: 7.5px;
max-width: 130px;
}
.quality-pop{
position:fixed;
top: -100%;
left: 0;
z-index: 2000;
width: 100%;
height:70%;
min-height: 500px;
background: #f2f2f2;
transition: all 1.3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
-moz-transition: all 1.3s cubic-bezietransitionr(0.77, 0, 0.175, 1) 0s;
-webkit-transition: all 1.3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.quality-pop.opened{
transition: all 1.3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
-moz-transition: all 1.3s cubic-bezietransitionr(0.77, 0, 0.175, 1) 0s;
-webkit-transition: all 1.3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
top: 0;
}
.certificate{
background: #f9f9f9;
/* border: 10px solid #f9f9f9;
border-bottom: 15px solid #f9f9f9;*/
position:relative;
float: left;
width: 25%;
max-width: 230px;
min-width: 180px;
margin: 5px;
display: block;
text-decoration: none;
cursor: default;
}
.certificate img{
width:100%;
max-height: 100%;
}
.close-quality{
position: absolute;
z-index: 10;
top: 5%;
right:5%;
padding: 5px 10px;
background: #7c8996;
color: #fff;
font-weight: 700;
font-size: 22px;
font-family: arial;
}
.linkedinb{
position:relative;
width:24px;
height:24px;
display:block;
background: url("/images/SOCIAL.png") no-repeat 0 0 scroll transparent;
}
.linkedinb:hover{
background-position: 0 -26px;
}
.fade-add-image1{
cursor: pointer;
display: none;
max-width: 520px;
position: absolute;
right: 35%;
top: 15%;
width: 40%;
z-index: 2;
}
.fade-add-image2{
cursor: pointer;
display: none;
max-width: 520px;
position: absolute;
right: 35%;
top: 15%;
width: 40%;
z-index: 2;
}
.csection-image{
float:left;
position:relative;
width:25%;
/* background-color:#eee;*/
height:100%;
padding-top:3%;
}
.csection-content p{
float:left;
position:relative;
font-weight: 300;
padding:15px 0;
width:100%;
color: #265673;
font-weight:600;
font-size: 13px;
}
.who-icons{
float:left;
position: relative;
width:100%;
padding: 3% 1% 1% 0;
height:125px;
}
.who-icons a{
float:left;
position:relative;
width:160px;
height:100%;
display:block;
}
.at-glance{
background: url("/images/shapes.png") no-repeat 0 0 scroll transparent;
}
.leadership{
background: url("/images/shapes.png") no-repeat -165px 0 scroll transparent;
}
.sustainability{
background: url("/images/shapes.png") no-repeat -330px 0 scroll transparent;
}
.qualityy{
background: url("/images/shapes.png") no-repeat -498px 0 scroll transparent;
}
.at-glance:hover{
transition: all 0.28s ease-in-out 0s;
-moz-transition: all 0.28s ease-in-out 0s;
-webkit-transition: all 0.28s ease-in-out 0s;
-o-transition: all 0.28s ease-in-out 0s;
-ms-transition: all 0.28s ease-in-out 0s;
background-position: 0 -143px;
}
.leadership:hover{
transition: all 0.28s ease-in-out 0s;
-moz-transition: all 0.28s ease-in-out 0s;
-webkit-transition: all 0.28s ease-in-out 0s;
-o-transition: all 0.28s ease-in-out 0s;
-ms-transition: all 0.28s ease-in-out 0s;
background-position: -165px -143px;
}
.sustainability:hover{
transition: all 0.28s ease-in-out 0s;
-moz-transition: all 0.28s ease-in-out 0s;
-webkit-transition: all 0.28s ease-in-out 0s;
-o-transition: all 0.28s ease-in-out 0s;
-ms-transition: all 0.28s ease-in-out 0s;
background-position: -330px -143px;
}
.qualityy:hover{
transition: all 0.28s ease-in-out 0s;
-moz-transition: all 0.28s ease-in-out 0s;
-webkit-transition: all 0.28s ease-in-out 0s;
-o-transition: all 0.28s ease-in-out 0s;
-ms-transition: all 0.28s ease-in-out 0s;
background-position: -498px -143px;
}
.mobile-countries{
display:block;
}
.who-icons a span{
display:none;
}
.who-cur{
visibility: visible;
position:absolute;
width:100%;
height:100%;
}
.who-fade{
position:relative;
float:left;
width:100%;
height:100%;
visibility: visible;
}
.ajax-links{
width:100%;
float:left;
position:relative;
padding-top:3%;
height:10%;
}
.ajax-links a{
font-weight: 400;
font-size:1em;
text-transform: uppercase;
padding:0px;
float:left;
position:relative;
margin-right: 15px;
color:#a8aab2;
}
.stuff{
float:left;
position:relative;
margin-right: 6px;
}
.stuff-title img{
width: 150px;
}
.stuff-name{
position:absolute;
color:#fff;
width:100%;
/* height:30%;*/
bottom:0;
left:0;
text-align: center;
line-height: 15px;
font-weight: 300;
z-index: 2;
font-size: 14px;
opacity:0;
}
.stuff-mask{
width:100%;
height:100%;
background-color: #464648;
z-index: 1;
position:absolute;
top:0;
left:0;
opacity:0;
}
.stuff:hover .stuff-name,.stuff:hover .stuff-mask{
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
opacity:0.8;
}
.ajax-links a:hover{
border-bottom: 5px solid #36769C;
transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-webkit-transition: all 0.18s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
}
.ajax-selected{
border-bottom: 5px solid #36769C;
}
.family-title{
width:100%;
padding-bottom: 10px;
font-weight: 300;
font-size: 15px;
text-align: left;
float: left;
position:relative;
}
.stuff-title{
float:left;
position:relative;
margin-right: 25px;
}
.fade-slider{
width:100%;
overflow:hidden;
float:left;
position:relative;
margin-top:2%;
height:80%;
}
.faces{
float:left;
position:relative;
width:100%;
}
.faces-content{
min-width:100%;
position:relative;
height:55%;
float:left;
padding-top:1%;
}
.left-face-content{
width:20%;
float:left;
position: relative;
height:100%;
}
.right-face-content{
width:80%;
float:left;
position: relative;
height:100%;
}
.right-cv{
font-weight: 300;
float:left;
position: absolute;
top:0;
left:0;
width:100%;
margin-top:35px;
color:#4D5D78;
max-height: 140px;
overflow-y:scroll;
font-size: 14px;
visibility: hidden;
text-align:justify;
}
.left-name{
visibility: hidden;
position: absolute;
top:0;
left:0;
}
.cvisible{
visibility: visible;
transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-webkit-transition: all 0.18s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
}
.left-name h1{
width:100%;
float:left;
position:relative;
font-weight: 300;
text-align: left;
padding-top: 30px;
color:#4D5D78;
}
.fslides{
height:100%;
float:left;
position:relative;
}
.fslide{
width:100px;
float:left;
position: relative;
height:100%;
}
.fs-left{
position: relative;
float:left;
width:20%;
padding-right: 5%;
height:100%;
}
.fs-right{
position: relative;
float:left;
width:70%;
padding-right: 5%;
height:90%;
overflow: hidden;
}
.fs-right p,.csection-content p{
float:left;
position: relative;
width:95%;
margin-bottom: 10px;
font-weight: 300;
font-size: 14px;
margin-bottom:0;
text-align:justify;
}
.fade-slider p{
font-weight: 300;
color:#4d5d78;
width:100%;
margin-bottom: 3%;
font-size:14px;
text-align:justify;
}
.what-we-do span img{
width:100%;
height:100%;
z-index:-1;
}
.do-left{
position:relative;
float:left;
margin-top:5%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.do-left h3{
color:#4D5E7A;
font-size: 1.5em;
padding-bottom: 3%;
font-weight: 300;
}
.do-left p{
color: #fff;
float: left;
font-family: arial,serif;
font-size: 16px;
font-weight: 300;
line-height: 22px;
padding: 0 8%;
position: relative;
width: 65%;
}
.do-buttons{
float:left;
position: relative;
width:100%;
padding-top:10%;
}
.keys-image{
position:relative;
float:left;
cursor:pointer;
}
.keys-details{
position:absolute;
top: 0;
left: 0;
z-index: 2;
display: none;
}
.wwdlist{
position:relative;
float:left;
width:90%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-left: 7%;
}
.wwdlist li{
color:#fff;
font-weight: 600;
font-size: 15px;
padding-left: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #fff;
margin-bottom: 18px;
width:90%;
float:left;
position:relative;
cursor: pointer;
padding-right: 10%;
}
.wwdlist li:hover{
color:#eee;
}
.wwdlist li span{
color: #fff;
font-size: 18px;
font-weight: 100;
height: auto;
padding: 0;
position: absolute;
right: 0;
top: -4px;
width: auto;
}
.wwdcont{
background: #36769c none repeat scroll 0 0;
box-sizing: border-box;
height: 100%;
left: 20%;
max-width: 290px;
min-width: 250px;
padding: 3% 2% 25px;
position: absolute;
top: 0;
width: 15%;
z-index: 10;
-webkit-box-sizing: border-box;
display: none;
}
.wwdcont.opened{
display: block;
transition: all 0.6s ease-in-out 0s;
}
.wwslide{
/* position: relative;
float: left;
width:100%;
display: none;*/
display: none;
left: 12%;
position: absolute;
top: 7%;
width: 76%;
}
#global-presence{
background: url("/images/global-map.png") no-repeat right 0 scroll;
background-size: contain;
}
.close-wwcont{
position: absolute;
top:9px;
right:9px;
font-weight: 700;
font-size: 23px;
color:#fff;
text-decoration: none;
font-family: arial;
}
.wwslide h2{
position: relative;
float:left;
width:100%;
color:#fff;
font-size: 16px;
font-weight: 700;
padding-bottom: 25px;
padding-top: 10px;
font-family: arial;
}
.slidecontent{
position: relative;
float:left;
width:100%;
color:#fff;
font-family: arial;
}
.slidecontent li{
border-bottom: 1px dashed #fff;
float: left;
font-family: arial;
margin-bottom: 12px;
padding-bottom: 12px;
position: relative;
width: 100%;
font-size: 14px;
}
.do-buttons a{
display:block;
width:20%;
/* background-color: #f7a400;*/
background-color:#fff;
padding:5% 6%;
margin-right:2%;
float:left;
position:relative;
text-align: center;
color:#000;
font-weight: 300;
font-size:1.3em;
}
.do-buttons a:hover{
background-color: #f7a400;
color:white;
transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-webkit-transition: all 0.18s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
}
a:hover{
transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-webkit-transition: all 0.18s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
}
.do-selected{
background-color: #f7a400 !important;
color:white !important;
}
.left-column{
float:left;
position:relative;
height:100%;
width:20%;
padding-left:0%;
}
.right-column{
float:left;
position:relative;
height:100%;
width:70%;
}
.solar-container,.wind-container{
position:absolute;
top:0;
right:-3000px;
background-color:white;
width:90%;
height:90%;
padding:5%;
}
.closeimg{
cursor: pointer;
position: absolute;
right: 2%;
top: 6%;
z-index: 9999;
}
.solar-title{
width:100%;
float:left;
position:relative;
font-weight: 300;
font-size:2em;
color:#4d5d78;
height:6%;
}
.solar-container p,.wind-container p{
float:left;
position:relative;
width:90%;
margin-top:1%;
color:#4d5d78;
font-weight: 300;
height:10%;
font-size:14px;
text-align:justify;
}
.wind-container p{
height:auto;
}
.wind-container ul,.solar-container ul{
float:left;
position:relative;
width:100%;
margin-top:10px;
list-style:circle;
font-weight: 300;
font-size:14px;
padding-bottom:3%;
padding-left:3%;
}
.wind-container ul li,.solar-container ul li{
float:left;
position:relative;
width: 22%;
padding:2% 10% 0% 0;
/* min-height:3%;*/
color:#768495;
font-size: 0.9em;
}
.projects span{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
text-align: center;
}
.projects span img{
height:100%;
}
.projects-body {
bottom: 1%;
left: 1%;
padding-bottom: 15px;
position: absolute;
z-index:999;
width:20%;
display:block;
}
.projects-body h1{
font-weight: 300;
font-size:2.5em;
padding-bottom: 15px;
color:#4d5d78;
}
.projects-body p{
color:#4d5d78;
font-weight: 300;
text-align:justify;
}
.trusted-slider-contents{
float:left;
position:relative;
height:100%;
width:auto;
}
.trusted-slider{
width:100%;
height:75%;
position:relative;
float:left;
background-color: #f1f1f1;
overflow:hidden;
}
.trusted-wrapper{
width:80%;
height:100%;
overflow: hidden;
position:relative;
float:left;
}
.trusted-slide{
width:80%;
float:left;
position:relative;
height:100%;
}
.trusted-image{
float:left;
position:relative;
width:25%;
height:100%;
overflow:hidden;
background-color:#fff;
}
.trusted-image img{
width:100%;
}
.trusted-slide-body{
width:60%;
margin-left: 8%;
height:92%;
float:left;
position:relative;
}
.trusted-slide-logo{
width:7%;
float:left;
position:relative;
margin-top: 10%;
}
.trusted-slide-text{
width:100%;
float:left;
position:relative;
margin-top: 1%;
height:80%;
}
.trusted-slide-text p{
float:left;
position:relative;
margin-bottom: 5px;
color:#9fa7b5;
font-weight: 300;
font-size:0.9em;
}
.close-trusted img,.prev-trusted img,.next-trusted img{
height:100%;
}
.close-trusted,.prev-trusted,.next-trusted{
position:absolute;
right:5%;
width:60px;
height:40px;
overflow:hidden;
cursor:pointer;
}
.close-trusted{
top:20%;
}
.next-trusted{
top:50%;
}
.prev-trusted{
top:70%;
}
.trusted-body {
float: left;
height: 25%;
margin-left: 0;
position: relative;
width: 100%;
}
.trusted-body h1{
font-weight: 300;
font-size:2.5em;
padding-bottom: 15px;
color:#4d5d78;
width:25%;
float:left;
position:relative;
height:100%;
}
.trusted-body p{
color: #4D5D78;
float: left;
font-size: 0.9em;
font-weight: 300;
padding-top: 1%;
position: relative;
width: 75%;
text-align:justify;
}
.trusted-companies{
/* background-color: #FFFF00;*/
float: left;
height: 75%;
margin-left: 5%;
margin-top: 0%;
position: relative;
width: 75%;
text-align: center;
}
.trusted-companies a,.trmask{
display:block;
position:absolute;
text-align: center;
width:100%;
height:100%;
z-index:1;
}
.trmask{
z-index:2;
}
.trusted-companies a img,.trmask img{
/* height:100%;*/
width:100%;
}
.tr-company{
/* float:left;
position: relative;
width:22%;
margin:1.5%;
margin-top:0;
min-height:20%;
background-color: #000;
overflow:hidden;*/
display: inline-block;
height: 165px;
margin: 0 1.5% 1.5%;
overflow: hidden;
position: relative;
width: 200px;
}
.solar-buttons{
float:left;
position:relative;
width:100%;
height:100px;
/* background-color: yellow;*/
margin-top:3%;
}
.solar-buttons a{
float:left;
position:relative;
width:100px;
height:100px;
/* background-color: red;*/
margin-right: 4%;
}
.planning{
background: url("/images/buttons.png") no-repeat scroll transparent;
background-position: 0 0;
}
.planning:hover{
background-position: 0 -101px;
}
.procurement{
background: url("/images/buttons.png") no-repeat scroll transparent;
background-position: -111px 0;
}
.procurement:hover{
background-position: -111px -101px;
}
.construction{
background: url("/images/buttons.png") no-repeat scroll transparent;
background-position: -222px 0;
}
.construction:hover{
background-position: -222px -101px;
}
.operation{
background: url("/images/buttons.png") no-repeat scroll transparent;
background-position: -333px 0;
}
.operation:hover{
background-position: -333px -101px;
}
.maintainance{
background: url("/images/buttons.png") no-repeat scroll transparent;
background-position: -442px 0;
}
.maintainance:hover{
background-position: -442px -101px;
}
a.subsection-selected.planning{
background-position: 0 -101px;
}
a.subsection-selected.procurement{
background-position: -111px -101px;
}
a.subsection-selected.construction{
background-position: -222px -101px;
}
a.subsection-selected.operation{
background-position: -333px -101px;
}
a.subsection-selected.maintainance{
background-position: -442px -101px;
}
.subsection-title{
float:left;
position:relative;
height:100%;
width:10%;
/* background-color: red;*/
color:#768495;
font-weight: 400;
font-size:0.9em;
padding-top:2%;
padding-right: 4%;
}
.subsection-content{
float:left;
position:relative;
height:100%;
width:75%;
/* background-color: red;*/
color:#768495;
font-weight: 300;
font-size:0.8em;
/* padding-top:2%;*/
margin-left:5%;
}
.what-we-do span,.projects span{
height:100%;
width:100%;
}
.projects span img{
/* width:100%;
height:100%;*/
height:auto;
}
.closeimg{
height:auto !important;
width:auto !important;
max-height: 60px;
}
.news-title{
position:relative;
float:left;
z-index: 100;
margin:5%;
width:85%;
color:white;
font-weight: 400;
font-size:2em;
line-height: 1em;
}
.news-expert{
position:relative;
float:left;
z-index: 100;
margin:5%;
width:100%;
color:white;
font-weight: 400;
font-size:0.9em;
margin-top:0;
line-height: 1.2em;
}
.news-controls{
position:absolute;
z-index: 100;
margin:2%;
width:40%;
color:white;
font-weight: 300;
font-size:1em;
top:10%;
left:3%;
}
.news-more{
clear: both;
margin:0 5%;
padding:3%;
background-color: #A4BEA4;
color:#fff;
text-align: center;
font-size: 1.3em;
width: 20%;
position:relative;
}
.news-more a{
color:#fff;
font-weight: 700;
}
.morediv{
border-top: 2px solid #FFFFFF;
bottom: 15%;
left: 0;
position: absolute;
width: 100%;
}
.news-more:hover{
background-color: #F7AC19;
transition: all 0.28s ease-in-out 0s;
-moz-transition: all 0.28s ease-in-out 0s;
-webkit-transition: all 0.28s ease-in-out 0s;
-o-transition: all 0.28s ease-in-out 0s;
-ms-transition: all 0.28s ease-in-out 0s;
}
.detailed-news{
position:absolute;
top: 115%;
left:0;
height:81%;
width:100%;
display:block;
background-color: #fff;
z-index:9999;
}
.detailed-news-content{
float: left;
height: 75%;
margin-left: 15%;
margin-top: 5%;
position: relative;
width: 70%;
overflow: hidden;
}
.detailed-news h1{
float:left;
position:relative;
width:100%;
padding-bottom: 2%;
font-weight: 400;
font-size: 1.3em;
color:#a8aab2;
}
.news-dt{
float:left;
position:relative;
width:100%;
padding-bottom: 2%;
font-weight: 400;
font-size: 0.9em;
color:#a8aab2;
}
.detailed-news-text{
float:left;
position:relative;
width:95%;
padding-bottom: 10%;
font-weight: 300;
font-size: 0.9em;
color:#a8aab2;
overflow: hidden;
height:45%;
padding-right: 5%;
}
.news-social{
position:absolute;
top:35%;
right:5%;
width:47px;
height:164px;
}
.detailed-news-text p{
float:left;
position:relative;
padding-bottom: 5px;
}
#map_canvas{
position:absolute;
right:0;
bottom:0;
height:100%;
width:100%;
}
#map_canvas_container{
float:left;
position:relative;
width:100%;
height:100%;
display:block;
}
.projects-container{
float:left;
position:relative;
margin:0;padding:0;
height:100%;
width:100%;
}
.projects-menu{
position:fixed;
top:0;
left:0;
width:100%;
height:5%;
z-index:99999;
opacity:1;
}
.projects-logo{
position:relative;
float:left;
margin-left: 1%;
width:5%;
height:90%;
margin-top:0.1%;
}
.projects-logo a{
width:100%;
height:100%;
display:block;
float:left;
position:relative;
}
.projects-logo a img{
height:100%;
}
.project-wrapper{
width:100%;
height:80%;
float:left;
position:relative;
margin:0;
padding:0;
}
.additional-projects{
width:100%;
height:20%;
float:left;
position:relative;
margin:0;
padding:0;
}
.project-slider{
width:100%;
height:64%;
float:left;
position:relative;
margin:0;
padding:0;
overflow: hidden;
}
.project-elements{
width:100%;
height:36%;
float:left;
position:relative;
margin:0;
padding:0;
overflow: hidden;
}
.fix-content{
position: relative;
padding:2%;
}
.econtent{
width:94%;
float:left;
position:relative;
padding:0 ;
margin:0;
/* padding:1% 3%; */
/* height: 98%;*/
height:100%;
}
.econtent h1{
float:left;
position:relative;
font-weight: 700;
font-size:1.5em;
text-shadow: none;
}
.econtent h2{
float:left;
position:relative;
margin-top:1%;
font-weight: 700;
font-size:1em;
color: #A8AAB2;
}
.etext{
font-weight: 300;
font-size:0.8em;
color:#A8AAB2;
float:left;
position:relative;
width:95%;
overflow: hidden;
margin-bottom: 15px;
padding-right: 5%;
/* height:130px;*/
}
/* .project-slider span{
float:left;
position:relative;
display: block;
height:100%;
width:100%;
}*/
.eleft{
float:left;
position:relative;
width:43%;
/* height:100%;*/
padding-top:1%;
padding-left:2%;
height:80%;
}
.eright{
float:right;
position:relative;
width:48%;
height:100%;
padding-right: 2%;
}
.selectors{
position:absolute;
width:20%;
top:4%;
left:0;
}
.selectors-content{
top: 6%;
right: 0;
position: absolute;
width: 80%;
/* height:65%;*/
}
.selectors a{
width:90px;
height: 85px;
margin-top: 5%;
display:block;
}
.tech-spec{
background: url("/images/ebuttons.png") no-repeat;
background-position: 0 0;
}
.gal-spec{
background: url("/images/ebuttons.png") no-repeat;
background-position: -92px 0;
}
.tech-spec:hover{
background: url("/images/ebuttons.png") no-repeat;
background-position: 0 -82px;
}
.gal-spec:hover{
background: url("/images/ebuttons.png") no-repeat;
background-position: -92px -82px ;
}
.tech-selected{
background-position: 0 -82px;
}
.gal-selected{
background-position: -92px -82px ;
}
.techs{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:1;
}
.gals{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
}
.gals img{
margin-right: 5%;
width:28%;
float:left;
position:relative;
margin-bottom: 5%;
}
.val{
background: url("/images/value.png") no-repeat scroll 0 13px transparent;
height: 35px;
left:0;
padding-left: 23px;
position: absolute;
top: -20px;
font-size:12px;
z-index:11;
}
.techs-header{
float:left;
position:relative;
width:100%;
height:5%;
font-weight: 300;
font-size:13px;
color:#768495;
}
.techs-bar{
background-color: #A8AAB2;
color: #768495;
float: left;
font-size: 13px;
font-weight: 300;
height: 6px;
margin-bottom: 3%;
margin-top: 8%;
position: relative;
width: 100%;
z-index: 1;
}
.bar-bg{
position:absolute;
width:0;
height:6px;
background-color:#4D5D78;
z-index:5;
}
.bar-div{
position:absolute;
width:1%;
height:6px;
background-color:#fff;
z-index:10;
left:33%;
}
.additional-projects h1{
float:left;
position:relative;
color:#4d5d78;
font-weight: 300;
font-size:16px;
padding-left: 2%;
height:25%;
}
.ad-carousel{
float:left;
position:relative;
height:55%;
width:96%;
margin-left: 2%;
overflow: hidden;
}
.ad-carousel li{
float:left;
position:relative;
width:9.5%;
height:100%;
margin-left: 2%;
background-color: #eeedf0;
min-width:100px
}
.ad-carousel li h1{
float:left;
position:relative;
width:90%;
color:#768495;
margin-left: 10%;
font-weight: 400;
font-size: 0.8em;
}
.ad-carousel li h2{
float:left;
position:relative;
width:90%;
color:#768495;
margin-left: 10%;
margin-top:5%;
font-size: 0.78em;
}
.selectors a img{
width:100%;
}
.menu-contents{
float:left;
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
opacity:1;
}
.project-position{
float:left;
position:relative;
margin-left: 1%;
/* margin-top:0.2%;*/
font-weight: 400;
font-size: 1.6em;
color:#fff;
height:100%;
width:25%;
cursor:pointer;
}
.alter-projects{
position:absolute;
top:15px;
left:0;
width:85%;
min-height: 50px;
background-color: #fff;
opacity:0.8;
padding:5% 0;
display:none;
}
.alter-projects a{
float:left;
position: relative;
width:95%;
font-size: 20px;
padding-left:5%;
min-height:28px;
}
.alter-projects a:hover{
background-color: #758295;
color:#fff;
}
.project-position:hover .alter-projects{
display: block;
transition: all 0.28s ease 0s;
-moz-transition: all 0.28s ease 0s;
-webkit-transition: all 0.28s ease 0s;
-o-transition: all 0.28s ease 0s;
-ms-transition: all 0.28s ease 0s;
}
.project-position-title{
position:absolute;
bottom:6%;
left:0;
font-weight: 400;
font-size: 1em;
color:#fff;
}
.menu-opacity{
position:absolute;
z-index:-1;
opacity:0.7;
top:0;
left:0;
width:100%;
height:100%;
background-color:#758295;
}
.projects-map{
min-width:100%;
min-height:100%;
/* background: url("/images/works-map.jpg") no-repeat 0 0 fixed;
background-size:cover;*/
position:absolute;
top:20px;
right:0;
text-align:right;
}
.skg{
height: 50px;
position: absolute;
right: 370px;
top: 525px;
width: 50px;
}
.bg{
height: 50px;
position: absolute;
right: 330px;
top: 435px;
width: 50px;
}
.rm{
height: 50px;
position: absolute;
right: 260px;
top: 335px;
width: 50px;
}
.gb{
height: 50px;
position: absolute;
right: 615px;
top: 600px;
width: 50px;
}
.tr{
height: 50px;
position: absolute;
right: 185px;
top: 508px;
width: 50px;
}
.uk{
height: 50px;
position: absolute;
right: 755px;
top: 100px;
width: 50px;
}
.area-infobox{
background-color: #4D5E7A;
display: none;
height: 100px;
left: -250px;
position: absolute;
top: -115px;
width: 255px;
z-index: 9999;
box-shadow: 2px 2px 10px #000000;
}
.corner{
position:absolute;
bottom:-15px;
right:5px;
}
.area-infobox h1,.area-infobox h2,.area-infobox h3{
float: left;
position:relative;
width:80%;
padding-left: 10%;
margin-top:3px;
}
.area-infobox h1{
font-size:21px;
color:#fff;
padding-left:5%;
}
.area-infobox h2{
color:#fff;
font-weight: 300;
font-size: 16px;
}
.area-infobox h3{
color:#fff;
font-weight: 300;
font-size: 14px;
margin-top:0;
}
.area-infobox a{
background-color: #F7A400;
bottom: -10px;
color: #FFFFFF;
left: 5%;
padding: 3px 10px;
position: absolute;
}
.point{
/* border:1px solid #f0f;
width:200px;
height:100px;*/
}
.openedPoint{
display:block;
}
.closeme{
color: #FFFFFF;
font-family: tahoma;
position: absolute;
right: 10px;
top: 1px;
cursor:pointer;
}
.csection{
overflow: hidden;
}
.contact-left{
position:relative;
float:left;
width:40%;
margin-left: 10%;
min-height: 20%;
}
.contact-right{
position:relative;
float:left;
width:40%;
min-height: 20%;
clear:right;
}
.contact-title{
color: #7c8996;
font-size: 2.5em;
font-weight: 600;
padding-top: 2%;
text-align: left;
width: 100%;
}
.address-el{
float:left;
position:relative;
margin-top: 10%;
width:80%;
font-weight: 300;
font-size:22px;
color:#6A6969;
}
.address-el a{
color:#5F9CC2;
}
.contact-form{
float:left;
position:relative;
margin-top: 10%;
width:80%;
font-weight: 300;
font-size:22px;
color:#6A6969;
}
.form-el{
width:100%;
min-height: 28px;
border:1px solid #6A6969;
color:#6A6969;
float:left;
position: relative;
margin-bottom: 2%;
font-size:16px;
font-weight: 300;
padding:8px 10px 12px;
font-style: italic;
font-family: 'Roboto Slab', serif;
}
.send-contact,.send-cv{
padding: 5px 10px;
font-weight: 700;
background-color: #758295;
color:#fff;
float:left;
position:relative;
cursor:pointer;
}
.contact-map{
position:relative;
float:left;
width:100%;
min-height:100%;
background-color: #000;
}
.max-map{
width:48px;
height:40px;
position:absolute;
top:0;
left:49%;
z-index: 9999;
display: block;
background: url("/images/max.png") no-repeat 0 0 transparent scroll;
}
.max-map:hover{
background-position: 0 -50px;
}
.min-map{
width:48px;
height:40px;
position:absolute;
top:0;
left:49%;
z-index: 9999;
display: block;
background: url("/images/max.png") no-repeat -55px 0 transparent scroll;
display:none;
}
.min-map:hover{
background-position: -55px -50px;
}
.form-el:focus{
border:1px solid #5f9cc2;
box-shadow: 1px 1px 2px #5f9cc2;
}
.error,.errorc{
bottom: -4px;
color: #FF0000;
display: none;
font-size: 12px;
left: 100px;
position: absolute;
width: 66%;
}
.alt-points{
display:none;
}
.sresult{
position:absolute;
left:0;
bottom:-30px;
width:100%;
display:none;
}
.reference-slider{
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
}
.rslide{
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
opacity: 0;
transition: all 0.6s ease-in-out 0s;
}
/*.rslide:first-child{
display: block;
}*/
.rslide.active{
opacity:1;
transition: all 0.6s ease-in-out 0s;
}
.rslide img{
min-height: 100%;
position: absolute;
bottom: 0%;
width: 100%;
left: 0;
}
.slider-buttons{
position: absolute;
bottom: 5%;
left: 5%;
width:90%;
padding-top: 10px;
border-top: 1px solid #fff;
}
.slider-buttons h2{
position:relative;
float: left;
font-weight: 700;
font-size: 25px;
color:#fff;
}
.slider-buttons span{
position:relative;
float: left;
font-weight: 400;
font-size: 16px;
color:#fff;
padding-top: 10px;
margin-left: 15px;
}
.rslide span{
color: #fff;
font-size: 32px;
font-weight: 700;
position: absolute;
right: 5%;
bottom: 13%;
}
.who-p{
width:100%;
height:60%;
float:left;
position:relative;
overflow:auto;
color:#4D5D78;
}
.who-p ul{
float:left;
position:relative;
font-weight:300;
color:#4D5D78;
width:100%;
list-style: circle;
padding-left: 23px;
font-size:15px;
}
#ss4,#ss2,#ss3,#ss5{
opacity:0;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
display:block;
}
#ss1{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
opacity:1;
display:block;
z-index:100;
}
.subsections-wrapper{
float:left;
position:relative;
width:100%;
/* height:60%;*/
overflow:hidden;
height: 62%;
}
.subsection-content p{
height:auto;
}
.right-group{
float:right;
width:75%;
position:relative;
padding-top:1%;
}
.right-group h2{
width:100%;
float:left;
position:relative;
color:#D7D8D9;
font-size:23px;
}
.pointt{
position:absolute;
top:0;
left:0;
}
.hot-spot{
width: 115px;
height: 115px;
background: url('/images/animated-radar-off.png') no-repeat center center;
-webkit-animation-duration: 1.5s;
-webkit-animation-name: sonar;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-duration: 1.5s;
-moz-animation-name: sonar;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
left: -42.5px;
position: absolute;
top: -43px;
}
@-webkit-keyframes sonar {
0% {
opacity: 0;
-webkit-transform: scale(0, 0);
}
30% {
opacity: 1;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(0.6, 0.6);
}
}
@-moz-keyframes sonar {
0% {
opacity: 0;
-moz-transform: scale(0, 0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-moz-transform: scale(0.6, 0.6);
}
}
#cvfile{
border: 1px solid #6A6969;
color: #6A6969;
float: left;
font-family: 'Roboto Slab',serif;
font-size: 13px;
font-style: italic;
font-weight: 300;
margin-bottom: 2%;
min-height: 28px;
padding: 6px 10px;
position: relative;
width: 100%;
}
.left-column-news{
float:left;
position:relative;
width:35%;
z-index:1;
}
.right-column-news{
float:right;
position:relative;
width:60%;
min-height: 100%;
z-index:1;
}
.closeimgn {
height: auto !important;
max-height: 60px;
width: auto !important;
}
.closeimgn {
cursor: pointer;
position: absolute;
right: 4%;
top: 2%;
z-index: 9999;
}
.news-social {
height: 164px;
position: absolute;
right: 4%;
top: 5%;
width: 47px;
}
.anew{
position:absolute;
width:100%;
height:100%;
background-color: #fff;
display: block;
right:-100%;
}
.nbg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color: #49597b;
opacity:0.75;
}
.news-bg-img{
position:absolute;
width:100%;
height:100%;
z-index:0;
}
.news-bg-img img{
height:100%;
}
.news-title{
color: #FFFFFF;
float: left;
font-size: 35px;
font-weight: bold;
margin-left: 32%;
margin-top: 20%;
position: relative;
}
.news-wrapperc{
width:100%;
/* margin-left:5%;*/
position:relative;
float:left;
min-height: 100px;
margin-bottom: 5%;
cursor:pointer;
padding-top:20px;
}
.nwrappers{
position:relative;
float: left;
height:73%;
overflow: hidden;
}
.news-wrapperc:hover{
background-color: #49597b;
transition: all 0.28s ease 0s;
-moz-transition: all 0.28s ease 0s;
-webkit-transition: all 0.28s ease 0s;
-o-transition: all 0.28s ease 0s;
-ms-transition: all 0.28s ease 0s;
}
.news-wrapperc.activen{background-color: #49597b;}
.nw-left{
width:28%;
float:left;
position:relative;
height:100%;
padding-top:5px;
color:#ffffff;
padding-left:2%;
}
.nw-right{
width:65%;
float:right;
position:relative;
float:left;
color:#ffffff;
border-bottom: 1px solid #fff;
padding-bottom: 15px;
}
.nw-right h1{
width:100%;
float:left;
position:relative;
margin:0;
padding:0;
font-size:16px;
font-weight: bold;
color:#fff;
line-height: 16px;
text-transform: uppercase;
}
.nw-right p{
width:100%;
float:left;
position:relative;
margin:0;
padding:0;
font-size:14px;
font-weight: normal;
color:#fff;
line-height: 14px;
margin-top:10px;
text-align: left;
overflow:hidden;
height:29px;
}
@media screen and (max-width: 830px) {
.news-title{margin-top:5%;margin-left:6%;}
.left-column-news{width:100%;height:100% !important;}
.news-wrapperc{left:0;width:100%;}
.news-bg-img{display:none;}
.nw-right{margin-left:5%;width:60%;}
.right-column-news{width:100%;position:absolute;z-index:-1;}
.news-social{top:19% !important;}
#slide-map{
display:block;
}
.contact-map{
min-height:85% !important;
}
.contact-title{
padding:0;
font-size:1.3em;
}
.contact-left,.contact-right{
margin-left:0;
width:50%;
}
.form-el{
border: 1px solid #6A6969;
color: #6A6969;
float: left;
font-family: 'Roboto Slab',serif;
font-size: 13px;
font-style: italic;
font-weight: 300;
margin-bottom: 2%;
min-height: 28px;
padding: 0 10px;
position: relative;
width: 100%;
}
.send-contact {
background-color: #758295;
color: #FFFFFF;
cursor: pointer;
float: left;
font-weight: 700;
padding: 2px;
position: relative;
}
#message{
height:66px !important;
}
.error{
bottom: -50px;
color: #FF0000;
display: none;
font-size: 10px;
left: 60px;
position: absolute;
width: 60%;
background-color: #fff;
}
.address-el{
font-size:14px;
}
.point{
display: none;
}
.alt-points{
display:block;
width:100%;
float:left;
position:relative;
}
.alt-points h1{
float:left;
position: relative;
width:100%;
font-size: 2em;
font-weight: 400;
color:#fff;
margin-top:8px;
}
.alt-points ul{
padding-top:20px;
width:100%;
float:left;
position:relative;
list-style: none;
z-index:9999;
}
.alt-points ul li{
background: url("/images/load.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
float: left;
height: 44px;
padding-left: 40px;
padding-top: 6px;
position: relative;
width: 100%;
}
.trusted-body h1 {
color: #4D5D78;
float: left;
font-size: 2em;
font-weight: 300;
position: relative;
width: 100%;
height:auto;
padding-top:15px;
}
.trusted-body p {
color: #4D5D78;
float: left;
font-size: 80%;
font-weight: 300;
padding-top: 1%;
position: relative;
width: 100%;
}
.trusted-companies {
margin-left: 0;
}
.tr-company{
min-height:15%;
}
.trusted-slider {
height:40%;
}
.trusted-slide-logo img{
width:100%;
}
.trusted-slide-text p {
font-size: 80%;
}
.trusted-slide-logo {
width:40%;
}
/*.trusted-image {
display: none;
}
.trusted-slide-body {
float: left;
height: 92%;
margin-left: 0;
position: relative;
width: 85%;
}*/
.left-column{
font-size:80%;
}
.fs-left{
display:none;
}
.fs-right{
width:100%;
height: 95%;
margin-top:0%;
}
.ajax-links a {
font-size:65%;
}
.ajax-links{
padding-top:6%;
}
.stuff-title{
width:60px;
height:70px;
margin-right:5px;
}
.stuff-mask{height:87%;}
.stuff-name{
font-size:12px;
bottom:30px;
}
.left-face-content{
width:28%;
}
.right-face-content{
width:72%;
}
.stuff-title a{
width:100%;
height:100%;
}
.stuff-title a img{
width:100%;
}
.info-box{
height:86%;
width:93%;
}
.left-column{
width:100%;
}
.right-column {
height: 62%;
position: absolute;
right: 0;
width: 100%;
z-index:9999;
}
.csection-title{
width:100%;
height:auto;
}
#global-presence{
background-size: cover;
}
.wind-container ul, .solar-container ul {
padding-left:6%;
}
.solar-container p, .wind-container p {
/* font-size:75%;*/
}
.wind-container ul li, .solar-container ul li {
width:100%;
}
.solar-buttons{
height:auto;
}
.subsection-content{
width:100%;
}
.solar-buttons a{
margin-bottom: 2%;
}
.subsection-title{
width:100%;
height:auto;
}
.closeimg{
top:0;
right:0;
width:15%;
height:auto !important;
}
.what-we-do span{
height:100%;
}
.solar-title{
font-size:1em;
width:80%;
padding-bottom: 6%;
}
.who-icons a span{
display:block;
}
.csection-content{
width:100%;
padding-top:8%;
}
.csection-content p{
width:100%;
font-size: 80%;
}
.who-icons{
height:auto;
}
.who-icons a{
width:100%;
min-height:35px;
margin-top:2%;
text-align: center;
color:#fff;
padding-top:8px;
}
.at-glance{
background:none;
background-color:#f7a400;
}
.leadership{
background:none;
background-color:#4d5d78;
}
.sustainability{
background:none;
background-color:#c0ddc1;
}
.csection-title h1{
font-size: 2em;
padding:0;
padding-top:2%;
}
.at-glance:hover,.leadership:hover,.sustainability:hover{
background-color: #a8aab2;
}
.footer-slide{display:none;}
.side-menu{
/* display:block;*/
overflow: hidden;
}
.ei-title{
/* position: absolute;
right: 0px;
margin-right: 0px;
width: 100%;
text-align: center;
top: auto;
bottom: 0px;
background: #fff;
background: rgba(0,0,0,0.9);
padding: 5px 0;*/
background: none;
margin-right: 0;
padding: 5px 0;
position: absolute;
left: 0;
text-align: center;
top: 115px;
width: 95%;
bottom:45%;
}
.home-footer{
border-bottom:1px solid #000;
}
.ei-title h2, .ei-title h3{
text-align: right;
}
.mbutton{
margin-top:1%;
text-align: left;
}
.mbutton a{
/* padding:2% 10%;*/
font-size:12px;
text-align: center;
}
.ei-title h2{
font-size: 25px;
line-height: 25px;
}
.ei-title h3{
font-size: 35px;
line-height:35px;
}
.ei-slider-thumbs {
/* height:35px;
width:40%;*/
/* padding-left: 30%;*/
}
.ei-slider-thumbs li{
/* border:1px solid #fff;
border-radius: 100px;*/
}
/* .cur{left:30% !important;}*/
.top-menu,.footer-menu ul{display:none;}
.mobile-menu{
width:20%;
height:60%;
position:absolute;
right:7%;
top:20%;
display: block;
}
.mobile-menu img{
height:100%;
float: right;
}
.trusted-body{
height:auto;
margin-bottom: 2%;
}
.news-controls {
width:75%;
left:10%;
}
.news-title{
font-size:1.4em;
}
.news-expert {
width:90%;
}
.bx-viewport{
height:108% !important;
}
.bxslider{
float:left;
height:100%;
}
.bxslider li{
height:100%;
}
.newscont{
height:86% !important;
}
.detailed-news{
height:80%;
}
.detailed-news-content{
margin-left:8%;
height:75%;
}
.detailed-news-text{
height:75%;
font-size:0.8em;
}
.detailed-news-text p{
padding-bottom: 12%;
}
#map_canvas{
position:absolute;
right:0;
bottom:0;
height:100%;
width:100%;
}
#map_canvas_container{
float:left;
position:relative;
width:100%;
height:100%;
display:block;
}
.projects-body{
display:none;
}
.close-trusted, .prev-trusted, .next-trusted{
height:28px;
width:34px;
}
.ad-carousel li h1{
font-size: 12px;
}
.ad-carousel li h2{
font-size: 10px;
}
.project-position-title{
font-size:80%;
}
.project-position-title{
font-size:60%;
}
.project-position{
width:75%;
height:20px;
float:right;
}
.bx-wrapper .bx-pager.bx-default-pager a{
width:60px !important;
}
.eleft{
width:100%;
height:50%;
}
.additional-projects{
display: none;
}
.project-elements{
height:70%;
}
.etext{
height:60px;
}
.eright{
width:95%;
height:10%;
}
.selectors-content{
width:74%;
bottom:46%;
}
.selectors,.selectors-content{
top:0;
}
.gals img{
padding-top:11%;
}
.techs-header{
padding-bottom: 15px;
font-size: 11px;
}
.tr-company{
width:22%;
height:auto;
}
.solar-buttons,.subsections-wrapper{
display:none;
}
.trmask{
display:none;
}
.news-social{top:45%;}
}
html{ position:relative; height: 100%;width: 100%;}
.anmimationShort{
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
}
.s_link{
opacity: 0.8;
filter:alpha(opacity=80);
}
.s_link:hover,.s_link:focus{
opacity: 1;
filter:alpha(opacity=100);
}
.relative{
position:relative;
}
.absolute{
position:absolute;
}
#image_bg{
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
#image_bg img{
position: relative;
width: 100%;
height: 100%;
}
#intro_image_bg{
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1001;
background-color: #6d6e71;
}
#main_logo{
margin: 0 auto;
position: relative;
text-align: center;
top: 22%;
width: 100%;
z-index: 3;
}
#main_logo2{
position: relative;
width: 300px;
margin: 0 auto;
z-index: 4;
top: 22%;
}
#main_logo2 img{
width: 100%;
}
#main_container{
position: absolute;
width: 100%;
height: 100%;
z-index: 1002;
}
#main_container2{
position: absolute;
width: 100%;
height: 100%;
z-index: 4;
display: none;
}
#logo_loader{
background-image: url("../images/sun.png");
display: block;
height: 184px;
left:63px;
position: absolute;
top: -12px;
/*width: 179px;*/
width: 0px;
}
#main_text{
margin: auto;
padding-left: 300px;
position: relative;
top: 22%;
width: 337px;
z-index: 10;
display: none;
}
@media all and (max-width: 420px) {
.mobile-countries{
display:block;
}
.container {
overflow:hidden;
}
section {
float: left;
width: 63.63636363%;
background-color: #8EC63F;
}
aside {
float: right;
width: 30.30303030%;
background-color: #8EC63F;
}
body{
font-size: 78%;
}
.side-mi a {
margin-top: 1em;
}
.contact-box{
/* padding-top: 2em;*/
height:auto !important;
}
.csection{
overflow: auto;
padding-top: 2em;
}
.contact-left, .contact-right {
margin-left: 0;
width: 100%;
}
.footer-menu {
float: right;
height: 100%;
margin-right: 5%;
position: relative;
width:auto;
}
.fade-left {
float: left;
max-width: 700px;
position: relative;
width: 90%;
}
.fade-right {
display:none;
}
.fade1,.fade2{
position:relative;
}
.who-p,.info-box{
height: auto !important;
}
.who-p{
padding-bottom: 50px;
width: 97%;
}
.who-cur{
height: auto;
position:relative;
}
.quality-pop{
display:none;
}
.who-icons {
padding: 3% 1% 50px 0;
}
.ajax-links a {
font-size: 120%;
}
.family-title {
font-size: 19px;
}
.stuff-title {
height: 100px;
margin-right: 5px;
width: 130px;
}
.right-face-content {
display: block;
height: 200px;
width: 72%;
}
.right-cv {
height: 200px;
overflow: hidden;
}
.right-face-content {
width:98%;
}
.left-face-content {
height: 50px;
width: 100%;
}
.csection-content p {
font-size: 100%;
}
.what-we-do{
padding-top:1em !important;
}
.wwdcont {
background: #36769c none repeat scroll 0 0;
box-sizing: border-box;
display: none;
height: 100%;
left: 0;
max-width: 100%;
min-width: 100%;
padding: 3% 2% 25px;
position: absolute;
top: 1em;
width: 100%;
z-index: 9999;
}
.right-column{
display:none;
}
.what-we-do > .info-box{
margin-top: -2em !important;
}
.keys-image {
cursor: pointer;
float: left;
position: relative;
transform: rotate(90deg);
transform-origin: 170% 70% 0;
display:none;
}
#global-presence{
background: none;
background-color: #fff;
}
.rslide span {
bottom: 32%;
color: #fff;
font-size: 32px;
font-weight: 700;
position: absolute;
right: 5%;
width: 90%;
}
.next-rslide, .prev-rslide{
margin-top: 17px;
}
.tr-company {
width:150px;
height:150px;
}
.contact-title {
font-size: 2.5em;
}
}
.keysimg{
position:relative;
float:left;
margin-left: 7%;
width:285px;
height: 60px;
background: url("/images/keys.png") no-repeat 0 0 scroll transparent;
cursor: pointer;
}
.keysimg:hover{
background-position: 0 -65px;
}