html, body{ height: 100%; width: 100%; overflow-x:hidden; }

.revealOnScroll{ opacity: 0; }
.animated{ opacity: 1; }

#pre-header{ background: url(../images/bk-pre-header.jpg) repeat center top #a9010f; padding: 15px 0 10px 0; }
.container .row{ margin-bottom: 0px; align-content: center; }

#logo-grefusa{ max-width: 140px; }

header{ background: url(../images/bk-header.jpg) repeat center top #292929; padding: 20px 0 15px 0;  }
header a{ color: #FFF;   }
header a.download{ display: inline-block; padding: 15px 0; font-size: 18px;  }
header a.download i{ 
		font-size: 18px;  
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
	} 

#slider{ background: url(../images/bk-slider.jpg) repeat center bottom #ffec00; padding: 120px 0 100px 0; position: relative;  }
#slider .logo{ max-width: 460px; }
#slider .item1{ position: absolute; left: 50%; margin-left: -550px; top: 50px; max-width: 500px; }
#slider .item2{ position: absolute; right: 0; top: 150px; }


.slider2017{ background: url(../images/bk-slider-2017.png) repeat center bottom #ffec00 !important; background-size: cover; min-height: 763px !important; position: relative;  }


.bk-title{ margin-top: 10px; margin-bottom: 20px; }

#premios{ background: url(../images/bk-premios.jpg) repeat center top #2d3f45; padding: 30px 0 60px 0;  }
 
.premio .m5{ position: relative;  }
.premio .m5 img{ position: absolute; top: 0; right: 0; max-width: 500px;  }
.premio .m5 img.iphone{ max-width: 200px; right: 30px;  top: 50px; }
.premio .m5 img.llavero{  max-width: 550px;  }
.premio h3{ font-size: 60px; color: #c20e1a; font-weight: bold; margin-bottom: 0px; margin-top: 130px;   }
.premio h5{ font-size: 27px; font-weight: bold; margin: 0px; color: #FFF; }
.premio h6{ font-size: 21px; font-weight: lighter; margin: 5px 0px 0px 0px; color: #FFF; }
.premio p{ font-size: 14px; line-height: 18px; font-weight: lighter; margin-bottom: 0px; color: #FFF; padding-bottom: 60px; } 

#participa{  background: url(../images/bk-participa.jpg) repeat center top #ffec00; padding: 60px 0; }

#fichas {  background: url(../images/cesped.png) repeat center top #ffec00; padding: 60px 0; }

#fichas div > img{
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 86px !important;
}
#fichas div > img:hover {
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}
.participa1{ max-width: 440px; }
.participa2{ max-width: 360px; margin-top: 0px; }
.participa3{ max-width: 280px; margin-top: 0px; }

#pre-footer{ background: url(../images/bk-pre-footer.jpg) repeat center top #151616; padding: 30px 0; }
#pre-footer p{ color: #FFF; font-size: 16px; font-weight: lighter;}
#pre-footer p a{ color: #ffed00; text-decoration: underline; }

#pre-footer.autorizacion{ background: #004467; padding: 30px 0; }

footer{ background: url(../images/bk-footer.jpg) repeat center top #cc201f; padding: 30px 0; }
footer p{ color: #FFF; font-size: 16px; font-weight: lighter; line-height: 50px;}
footer p a{ color: #fff; text-decoration: underline; }
footer p a.social{ font-size: 21px; width:40px; height:40px; line-height:36px; text-talign:center; display:inline-block; margin: 5px 0 0 10px; border:3px solid #FFF; border-radius: 50%; }
footer .social_links a{ float: right; }

#sello-gesprodat{ float: left; margin-right: 15px;  }

.text_page{ background-color: #FEED00; }
.text_page .container{ overflow: hidden; padding-top: 30px; padding-bottom: 30px;  }
.text_page h1{ font-size: 42px; }
.text_page h2{font-size: 33px; }
.text_page h3{font-size: 27px; border-bottom: 1px solid #E3D304; padding-bottom: 15px;  }
.text_page h4{font-size: 24px; }
.text_page h5{font-size: 21px; }
.text_page h6{font-size: 18px; }
.politica_page h4{ border-bottom: 1px solid #E3D304; padding-bottom: 15px; }
.text_page p a,
.text_page li a{ color: #000; text-decoration: underline; }
.text_page hr{ border:none; height: 1px; width: 100%; background-color: #E3D304;}


#pre-feed{ background: url(../images/bk-social.jpg) repeat center top #151616; padding: 45px 0 30px 0; }

.juicer-feed.slider{ height: auto; }

@media (max-width: 1600px) {
  #slider .item2{ left: 50%; right: auto; margin-left: -100px; }
}


@media (min-width: 601px) and (max-width: 768px) {

.premio h3{ margin-top: 30px;   }
.premio .m5 img.iphone{ max-width: 160px; right: 30px;  }
.premio .m5 img.llavero{  max-width: 400px;  }

#participa .row .col.m4{ width: 100%; text-align: center; }

}


@media (min-width: 769px) and (max-width: 1024px) {
	
.participa1{ max-width: 400px; }
.participa2{ max-width: 320px; margin-top: 40px; }
.participa3{ max-width: 240px; margin-top: 30px; }
	
}

@media (max-width: 600px) {
	#slider .logo{ max-width: 100%; }
	#slider .item1,
	#slider .item2{ display: none; }

header a.download{ font-size: 14px; }	
	
.premio h3{ margin-top: 30px;   }
.premio .m5 { text-align: center; }
.premio .m5 img{ position: relative; top: 0; right: 0; max-width: 500px;  }
.premio .m5 img.iphone{ max-width: 60%;  }
.premio .m5 img.llavero{  max-width: 100%;  }

#participa img{ max-width: 100%; } 
 
#pre-footer .right-align{ text-align: left; }

footer p{ line-height: 24px; }
footer .social_links a{ float: none;  }
footer p a.social{   margin: 5px 5px 10px 5px; }
}	

.lotengo {opacity: 0.4;}