/* GENERAL */
body{
background-color:#fff;
overflow-x:hidden;
}

#menu{position:fixed; bottom:0px; width:100%; height:60px; background-color:#231f20; z-index:100;}	
#cont-ul{position:relative; width:980px; height:100%; margin:0px auto;}	
#logo-menu{position:relative; float:left; cursor:pointer; margin-top:12px;}
#logo-big{position:absolute; top:50%; left:50%; margin-left:-345px; margin-top:-105px;}

#menu ul{position:relative; float:right; width:auto; height:100%; }	
#menu ul li{position:relative; float:left; width:auto; height:auto; font-family: 'dosislight'; font-size:23px; margin:18px 35px; color:#fff; cursor:pointer;}	
#menu ul li:hover{color:#000;}	

.empty-full{position:relative; float:left; width:100%;}

#home   {}
#about  {}
#power  {}
#origins{}

#bg-1 { background: #000 url(img/bg-1.jpg) no-repeat top center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#bg-2 {background-image: url(img/bg-2.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat;}
#bg-3 {background-image: url(img/bg-3.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
#bg-4 {background-image: url(img/bg-4.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat;}
#bg-5 {background-image: url(img/bg-5.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
#bg-6 {background-image: url(img/bg-6.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; }
#bg-7 {background-image: url(img/bg-7.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
#bg-8 {background-image: url(img/bg-8.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
#bg-9 {background-image: url(img/bg-9.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
#bg-10{background-image: url(img/bg-10.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
#bg-11{background-image: url(img/bg-11.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
#bg-12{background-image: url(img/bg-12.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
#bg-13{background-image: url(img/bg-13.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat;}
#bg-14{background-image: url(img/bg-14.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}

.cont-rel{position:relative; float:left; width:100%;}
.cont-left{position:relative; float:left; margin-left:20%;  width:25%; text-align: left; margin-top: 150px; margin-bottom:150px;  height:auto; padding:2%;}
.cont-right{position:relative; float:right; margin-right:20%; width:25%; text-align: left; margin-top: 150px; margin-bottom:150px; height:auto; padding:3%;  background-color:rgba(0,0,0,  0.6); overflow:auto;}



.roots{font-family: 'abril_fatfaceregular' !important; font-size:30px; color:#000; line-height: 1.2 !important;}

h1{font-family: 'abril_fatfaceregular' !important; font-size:120px !important; color:#fff; line-height: 1.2 !important;}
h2{font-family: 'abril_fatfaceregular' !important; font-size:30px !important; color:#231f20; line-height: 1.2 !important;}
h3{font-family: 'dosislight' !important; font-size:25px !important; color:#6b6360; line-height: 1.2 !important; margin-bottom:30px !important;}
h4{font-family: 'abril_fatfaceregular' !important; font-size:50px !important; color:#231f20; line-height: 1.2 !important; text-decoration:underline;}
h4:hover{color:#d1d2d4;}

h6{font-family: 'josefin_sansbold' !important; font-size:50px; color:#fff; line-height: 1.2 !important;}

p{font-family: 'latolight' !important; font-size:24px !important; color:#fff; line-height: 1.4 !important; }
p span{font-family: 'latobold' !important; font-size:26px !important; color:#fff; line-height: 1.2 !important;}

#cont-contacts{position:relative; width: 60%; margin-left:20%; float:left; height: auto; margin-top: 150px; margin-bottom:250px;}


@media (max-width:1600px){

h1{font-family: 'abril_fatfaceregular' !important; font-size:110px !important; color:#fff; line-height: 1.2 !important;}
p{font-family: 'latolight' !important; font-size:20px !important; color:#fff; line-height: 1.4 !important; }

.cont-left{position:relative; float:left; margin-left:15%;  width:30%; text-align: left; margin-top: 150px; margin-bottom:150px;  height:auto; padding:2%;}
.cont-right{position:relative; float:right; margin-right:15%; width:30%; text-align: left; margin-top: 150px; margin-bottom:150px; height:auto; padding:2%;  background-color:rgba(0,0,0,  0.6); overflow:auto;}


}

@media (max-width:1440px){

h1{font-family: 'abril_fatfaceregular' !important; font-size:100px !important; color:#fff; line-height: 1.2 !important;}
p{font-family: 'latolight' !important; font-size:20px !important; color:#fff; line-height: 1.4 !important; }

.cont-left{position:relative; float:left; margin-left:15%;  width:30%; text-align: left; margin-top: 150px; margin-bottom:150px;  height:auto; padding:2%;}
.cont-right{position:relative; float:right; margin-right:15%; width:30%; text-align: left; margin-top: 150px; margin-bottom:150px; height:auto; padding:2%;  background-color:rgba(0,0,0,  0.6); overflow:auto;}


}

@media (max-width:1300px){

h1{font-family: 'abril_fatfaceregular' !important; font-size:90px !important; color:#fff; line-height: 1.2 !important;}
p{font-family: 'latolight' !important; font-size:18px !important; color:#fff; line-height: 1.4 !important; }

.cont-left{position:relative; float:left; margin-left:10%;  width:35%; text-align: left; margin-top: 150px; margin-bottom:150px;  height:auto; padding:2%;}
.cont-right{position:relative; float:right; margin-right:10%; width:35%; text-align: left; margin-top: 150px; margin-bottom:150px; height:auto; padding:2%;  background-color:rgba(0,0,0,  0.6); overflow:auto;}

}

@media (max-width:1000px){

h1{font-family: 'abril_fatfaceregular' !important; font-size:80px !important; color:#fff; line-height: 1.2 !important;}
p{font-family: 'latolight' !important; font-size:16px !important; color:#fff; line-height: 1.4 !important; }

}