/*
.row.intro{
height:100%;
}
*/
@font-face {
font-family:'Hnm';
font-style: normal;
font-weight: 200;
src: url("../fonts/hnm.eot?#iefix") format("embedded-opentype");
}
@font-face {
/*
Hnm,HelveticaNeue-Medium,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
*/
font-family:'Hnm';
font-style: normal;
font-weight: 200;
src: url("../fonts/hnm.woff") format("woff2"),url("../fonts/hnm.svg#wf") format("svg");
}

@font-face {
font-family:'Hnt';
font-style: normal;
font-weight: 200;
src: url("../fonts/hnt.eot?#iefix") format("embedded-opentype");
}
@font-face{
/*
font-family:Hnt,HelveticaNeue-Thin,"Helvetica Neue-Thin",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
*/
font-family:'Hnt';
font-style: normal;
font-weight: 200;
/*
hnt_tt.woff generates woff integrity check in ie 11
src: url("../fonts/hnt.woff") format("woff2"), url("../fonts/hnt_tt.woff") format("truetype"), url("../fonts/hnt.svg#wf") format("svg");
*/
src: url("../fonts/hnt.woff") format("woff2"),url("../fonts/hnt.svg#wf") format("svg");
}

.medium-font{
font-family:Hnm,HelveticaNeue-Medium,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:200;
}

html,body{
font-family:Hnt,HelveticaNeue-Thin,"Helvetica Neue-Thin",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
height:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
/*overflow-x:hidden;*/
}
.container-fluid{
height:100%;
padding:0;
}
.row{
margin:0;
}

html,body, .content, a{
cursor:default;
}

a:active, a:focus {
outline: none;
}

.col-md-1:first-child,  .col-md-2:first-child,
.col-md-3:first-child,  .col-md-4:first-child,
.col-md-5:first-child,  .col-md-6:first-child,
.col-md-7:first-child,  .col-md-8:first-child,
.col-md-9:first-child, .col-md-10:first-child,
.col-md-11:first-child,.col-md-12:first-child{
padding-left:0;
}

.content{
text-align:left;
margin-left:auto;
margin-right:auto;
}
.col-centered{
float:none;
max-width:960px;
padding-left:0;
padding-right:0;
}
.col-right{
text-align:right;
float:none;
max-width:960px;
padding-left:0;
padding-right:0;
}
.row.section .content{
display: inline-block;
vertical-align: middle;
font-size:44px;
line-height: 60px;
}

.block{
text-align: center;
}
.block:before {
content: '';
display: inline-block;
vertical-align: middle;
}
.block._slides:before {
display:inherit; /*avoid clipping*/
}
.text-size-header{
font-size:16px !important;
}
.header a.social{
color:white;
-o-transition:.1s;
-ms-transition:.1s;
-moz-transition:.1s;
-webkit-transition:.1s;
transition:.1s;
border-bottom:none;
text-decoration:none;
}
.header a.button{
color:white;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
text-decoration:none;
}
#vc{
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
#vc:hover{
opacity:.5;
}
.header a.social:hover{
text-decoration:none;
padding-bottom:4px;
border-bottom:1px solid white;
}
.header a.button:hover{
text-decoration:none;
color:#333;
background:white;
}
._intro{
margin-top:-30px;
}

.header .button {
border:1px solid white;
padding:10px 20px;
}
.header .link{
margin-right:20px;
}
.header .link:last-child{
margin-right:0;
}
.text-size-very-small{
font-size:13px;
line-height:21px;
}
.text-size-small{
font-size:20px;
line-height:28px;
}
.text-size-medium{
font-size:22px;
line-height:30px;
}
.text-size-big{
font-size:44px;
line-height: 60px;
}
.centered{
text-align:center;
}
.bignumbers{
position:relative;
display:inline-block;
font-size:230px;
padding-top:150px;
padding-bottom:150px;
z-index:2;
}
.plus{
right:-150px;
font-size:250px;
display:inline-block;
position:absolute;
top:268px;
color:#000;
z-index:1;
}
.header{
text-align:center;
}
/*
sections with 100% height will use monitor size
*/
.row.section{
position:relative;
width:100%;
padding-top:96px; /*4 are added by lineheight*/
padding-bottom:100px;
/*
height:100%
*/
}

.row.section.intro{
height:100%;
padding-top:0;
padding-bottom:0;
}
.row.section.intro .block,.row.section.intro .block:before{
height:100%;
}


.row.section.intro {
background-position:fixed;
background-image:url('../img/intro_background.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position: center;
background-attachment: fixed; 
repeat:no-repeat;
height:100%;
}
.row.section.main{
/*
height:1100px;
*/
}
.row.section.features{
/*
height:1100px;
*/
}
.row.section.eco{
background-image:url('../img/eco_background.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position: center;
/* 
height:900px;
*/
}
.row.section.footer{
/*
height:700px;
*/
}
.section.footer .title{
font-size:26px;
}

.background-dark{
background-color:#6b6c6e;
}
.background-light{
background-color:white;
}
.color-dark{
color:#333;
}
.color-light{
color:white;
}
.bt-light{
border-top:1px solid white;
padding-top:15px;
}
.bt-dark{
border-top:1px solid #333;
padding-top:20px;
}
._intro-second-block{
margin-top:100px;
}

.bsl{
position:fixed;
left:50%;
margin-left:-680px;
width:17px;
height:100%;
z-index:11;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAFCAMAAACU9PdFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM2MzE0RTA5Mzc1MTFFM0FBNzQ5OEJCMTQ2MzkyRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM2MzE0RTE5Mzc1MTFFM0FBNzQ5OEJCMTQ2MzkyRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQzYzMTRERTkzNzUxMUUzQUE3NDk4QkIxNDYzOTJGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQzYzMTRERjkzNzUxMUUzQUE3NDk4QkIxNDYzOTJGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtVAlbsAAAAqUExURZmZlpiYlZSUkZWVkoyMiZeXlJKSj3V1c4+PjISEgoiIhn9/fXBwbnp6eOrg3WoAAAAgSURBVHjaYmBgYGBkZGVmYuNg4eLk5mXnYaCSCECAAQBKzgHNavnAzAAAAABJRU5ErkJggg==");
}
.bsr{
position:fixed;
left:50%;
margin-left:680px;
width:17px;
height:100%;
z-index:11;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAFCAMAAACU9PdFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODRFMEZCN0I5Mzc1MTFFMzlENDNDRTkzRkU5MjNCODciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODRFMEZCN0M5Mzc1MTFFMzlENDNDRTkzRkU5MjNCODciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NEUwRkI3OTkzNzUxMUUzOUQ0M0NFOTNGRTkyM0I4NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NEUwRkI3QTkzNzUxMUUzOUQ0M0NFOTNGRTkyM0I4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtnTxMIAAAAqUExURZmZlpiYlZSUkZWVkoyMiZeXlJKSj3V1c4+PjISEgoiIhn9/fXBwbnp6eOrg3WoAAAAeSURBVHjaYuBh5+Xm5GLhYGNiZmVkZAACKokABBgAV54BzeYC3qcAAAAASUVORK5CYII=");
}
.bkl{
position:fixed;
left:-50%;
/*665 instead of 680 solves little offset problem in safari*/
margin-left:-665px; 
width:100%;
height:100%;
z-index:10;
background-color:#999999;
}
.bkr{
position:fixed;
left:50%;
margin-left:697px;
width:100%;
height:100%;
z-index:10;
background-color:#999999;
}
._guests{
position:relative;
top:-45px;
left:-15px;
}
._blueblock{
position:absolute;
opacity:0.5;
bottom:0;
width:100%;
height:112px;
background-color:#031d3a;
}
.arrow{
position:absolute;
bottom:30px;
left:50%;
margin-left:-16px;
}
#tooltip:before{
content:"";
width:10px; 
height:0; 
border-bottom:10px solid #000000;
border-left:6px solid transparent;
border-right:6px solid transparent;
position:absolute;
left:50%;
margin-left:-6px;
margin-top:-10px;
top:0; 
}
#tooltip{
font-family:arial;
color:#e2e2e2;
display:none;
background-color:#000000;
padding:30px;
position:absolute;
top:50px;
z-index:10;
width:200px;
}
._charts{
margin-top:50px;
text-align:center;
}
._piepercentage{
font-size:90px;
margin-bottom:20px;
}
._piepercentage.oh{
letter-spacing:-2px;
position:relative;
left:-17px;
}
._piepercentage.oh ._sup{
margin-left:30%;
}

._sup{
font-size:25px;
position:absolute;
left:50%;
top:0;
margin-top:-10%;
margin-left:20%;
}
._donut{
display:inline-block;
}
._donut:first-child{
margin-right:70px;
}
.hidden{
display:none;
}

._arrow.disabled{
opacity:.1;
}
._arrow{
top:400px;
position:absolute;
left:50%;
z-index:9;
}

._leftarrow{
margin-left:-640px;
background:url("../img/left_arrow.svg");
width:40px;
height:56px;
}
._rightarrow{
margin-left:617px;
background:url("../img/right_arrow.svg");
width:40px;
height:56px;
}
._slider{
height:620px;/*to avoid height calc difs between browsers*/
}
.userinput{
margin-bottom:50px;
border-left:0;
border-right:0;
border-top:0;
border-bottom:1px solid #6b6c6e;
width:70%;
}
button.submit{
margin-top:20px;
padding:15px 120px;
font-size:30px;
background:white;
border:1px solid #6b6c6e;
}
#_formmsg{
font-size:20px;
}
#_formmsg.error{
color:#cc0606;
}