/*normalize*/
html,body{border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Roboto',sans-serif}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;color:#585858;font-family: 'DIN';}body{line-height:1}div,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}nav ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}h1,h2,h3,h4,h5{font-weight:400;line-height:1.16em}a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline;text-decoration:none;outline:0;color:#a0a0a0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}input,select,textarea,button{margin:0;padding:0;border:0;outline:0;color:#585858;background:transparent}button{cursor:pointer}p{font-weight:400;color:#2f2f2f;font-size:14px;line-height:1.2em}span{font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-family:inherit;line-height:normal;vertical-align:baseline}ul,li,a{list-style:none}

/* slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.slider-participar .slick-list{
   padding: 24px 0;
}
#ganadores .img-premio-1 img{
   top: 53%!important;
}
#ganadores .img-premio-2 img{
   top: 53%!important;
}
#ganadores .slider-participar{
   margin-top: 40px;
}
.slick-arrow.slick-disabled{
   opacity: .3!important;
}

/*animate*/
@-moz-keyframes parpadeo{  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@-webkit-keyframes parpadeo {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@keyframes parpadeo {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
.parpadea {
	animation-name: parpadeo;
	animation-duration: .7s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
 
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: .7s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
 }

 .parpadea.hide-2{
	 visibility: hidden;
 }

@keyframes animatedBackground {
   from {
      background-position: 0 100%;
   }
   to {
      background-position: 0 0%;
   }
}

/* fonts */
@font-face {
   font-family: DIN;
   src:url("../fonts/DIN.eot") format('eot'),
   url("../fonts/DIN.woff") format('woff'),
   url("../fonts/DIN.woff2") format('woff2'),
   url("../fonts/DIN.ttf") format('truetype'),
   url("../fonts/DIN.svg#DIN") format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: DINPROBOLD;
   src:url("../fonts/DINPro-Bold.eot") format('eot'),
   url("../fonts/DINPro-Bold.woff") format('woff'),
   url("../fonts/DINPro-Bold.woff2") format('woff2'),
   url("../fonts/DINPro-Bold.ttf") format('truetype'),
   url("../fonts/DINPro-Bold.svg#DIN") format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: DINBLACK;
   src:url("../fonts/DIN-Black.eot") format('eot'),
   url("../fonts/DIN-Black.woff") format('woff'),
   url("../fonts/DIN-Black.woff2") format('woff2'),
   url("../fonts/DIN-Black.ttf") format('truetype');
   font-weight: normal;
   font-style: normal;
}

.ff-1{
   font-family: DIN, "sans-serif"!important;
}
.ff-3{
   font-family: DINPROBOLD, "sans-serif"!important;
}
.ff-4{
   font-family: DINBLACK, "sans-serif"!important;
}

/****** fontello ******/
@font-face {
	font-family: 'fontello';
	src: url('../fonts/fontello.eot?2183323');
	src: url('../fonts/fontello.eot?2183323#iefix') format('embedded-opentype'),
			url('../fonts/fontello.woff2?2183323') format('woff2'),
			url('../fonts/fontello.woff?2183323') format('woff'),
			url('../fonts/fontello.ttf?2183323') format('truetype'),
			url('../fonts/fontello.svg?2183323#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
i{
	color: inherit;
	font-size: inherit;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	color: inherit;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-cancel:before { content: '\e800'; } /* 'î €' */
.icon-down-open:before { content: '\e801'; } /* 'î ' */
.icon-location:before { content: '\e802'; } /* 'î ‚' */
.icon-phone:before { content: '\e803'; } /* 'î ƒ' */
.icon-clock:before { content: '\e804'; } /* 'î „' */

/*general style*/
html, body{
	height: 100%;
	margin: 0;
	width: 100%;
}
body{
	position: relative;
}
.wrapper{
	width: 100%;	 
}
.wrapper-2{
	width: 1200px;	
   margin: 0 auto;
}
#inicio .wrapper{
   background-image: url(../img/deco-3.png);
   background-position: 0 -50%;
   background-repeat: repeat-x;
}
.flex{
	display: flex;
}
.flex-jc{
	justify-content: space-between;
}
.flex-aic{
	align-items: center;
}
.mx-auto{
	margin-left: auto;
	margin-right: auto;
}
.w-full{
	width: 100%;
}
.h-full{
	height: 100%;
}
.h-auto {
    height: auto!important;
    min-height: auto!important;
}
.px-rd{
	padding-left: 25px;
	padding-right: 25px;
}
.relative{
	position: relative;
}
.hide{
	visibility: hidden;
}
.block{
   display: block;
}
.inline-block{
   display: inline-block;
}
.popup.hide{
	visibility: hidden;
	display: none;
}
.none{
	display: none;
}
.with-bg-image{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.with-bg-image-b{
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.seccion{
	height: 100%;
	height: calc(100% - 92px);
	min-height: 650px;
	position: relative;
}
.seccion .boton-1{
	min-width: 164px;
	padding-left: 10px;
	padding-right: 10px;
}
.seccion .wrapper{
	padding-bottom: 90px;
	height: 100%;
}
.seccion.seccion-h-auto {
    height: auto;
    min-height: auto;
}
.boton-1{
	width: 164px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-family: DINPROBOLD;
	background: #ffed00;
	color: #000!important;
	border-radius: 20px;
	box-shadow: 1px 1px 3px #000;
}

/*wrapper, container*/
.content-1{
	width: 930px;
	margin: 0 auto;
	padding-top: 25px;
	display: flex;	
	align-items: center;
	flex-direction: column;
}

/*align text*/
.text-center{
   text-align: center;
}
.text-left{
   text-align: left;
}
.text-right{
   text-align: right;
}

/*titles*/
.title-score{
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: -10px;
}
.custom-title-2{
   color: #2c2c2c;
   margin-top: -15px;
}

/*colors*/
.color-1{
   color: #6c6c6c;
}
.color-2{
   color: #1f538d;
}
.color-3{
   color: #fff;
}
.color-4{
   color: #000;
}
.color-5{
   color: #0f0f0f;
}
.color-6{
   color: #323232;
}
.color-7{
   color: #ffea00!important;
}
.color-8{
   color: #990303!important;
}

/*margins*/
.mt-1{
   margin-top: 3px;
}
.mt-2{
   margin-top: 6px;
}
.mt-3{
   margin-top: 9px;
}

/*fonts-weight*/
.fw-1{
   font-weight: 100;
}
.fw-3{
   font-weight: 300;
}
.fw-4{
   font-weight: 400;
}
.fw-5{
   font-weight: 500;
}
.fw-6{
   font-weight: 600;
}
.fw-7{
   font-weight: 700;
}
.fw-9{
   font-weight: 900;
}

/*font sizes*/
.fs-1_0{
   font-size: 10px;
}
.fs-1_1{
   font-size: 11px;
}
.fs-1_2{
   font-size: 12px;
}
.fs-1_3{
   font-size: 13px;
}
.fs-1_4{
   font-size: 14px;
}
.fs-1_6{
   font-size: 16px;
}
.fs-1_8{
   font-size: 18px;
}
.fs-2{
   font-size: 20px;
}
.fs-2_1{
   font-size: 21px;
}
.fs-2_3{
   font-size: 23px;
}
.fs-2_4{
   font-size: 24px;
}
.fs-2_5{
   font-size: 25px;
}
.fs-2_6{
   font-size: 26px;
}
.fs-3{
   font-size: 30px;
}
.fs-3_2{
   font-size: 32px;
}
.fs-3_6{
   font-size: 36px;
}

/*images*/
.p-banner-perder{
	background: grey;
}
.img-banner-perder{
	max-width: 300px;
	width: 80%;
}
.img-p-title{
	max-width: 310px;
	width: 95%;
	margin-bottom: 6px;
}
.img-rayo{
	width: 80px;
	position: absolute;
	top: -85px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.img-awards{
   margin-top: 55px;
   position: relative;
   left: -27%;
   width: 135%;
}
.img-bateria-1{
	position: absolute;
	left: -165px;
	bottom: -227px;
}
.img-title-2{
   margin-top: -10px;
}

/*buttons*/
.go-to-home{
	width: 165px;
	height: 44px;
	background: #ffed00;
	font-size: 16px;
	border-radius: 8px;
	color: #000!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 20px;
	text-transform: uppercase;
	font-weight: 900;
}
.p-fb-share{
	width: 250px;
	height: 35px;
	margin-top: 20px;
	background-color: #126810;
	color: #fff!important;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-family: DIN;
	border-radius: 10px;
	font-weight: 700;
}
.p-button-par{
   z-index: 10;
}
.button-par{
   margin-top: 30px;
   cursor: pointer;
}

/*form*/
.box-item-form{
   margin-top: 18px;
}
input:not([type="checkbox"]), select{
	width: 100%;
	height: 25px;
	font-size: 13px;
	color: #5f5f5f;
	border: 1px solid #5f5f5f;
	border-radius: 7px;
	padding: 0 10px;
	display: flex;
	align-items: left;
   font-family: DIN;
}
select option{
	font-size: 14px;
}
input::placeholder{
	color: #5f5f5f;
	font-size: 13px;
}
.form-item{
	margin-top: 9px;
}
.form-item.error input, .form-item.error select{
	border: 1px solid red;
}
.flex-item.error input, .flex-item.error select{
	border: 1px solid red;
	box-shadow: none;
}
.form-item:first-child{
	margin-top: 0;
}
.form .boton-1{
	width: 100%;
}
.p-box-autorizo{
   margin-top: 15px;
}
.box-autorizo{
	display: flex;
	position: relative;
	height: 19px;
	align-items: center;
	padding-left: 5px;
}
.box-autorizo.error:after{
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	right: -4px;
	bottom: 0;
	background-image: url(../img/icono-error.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}
.box-autorizo input[type=checkbox]{
	opacity: 0;
	visibility: hidden;
	width: 0;
}
.box-autorizo label{
   display: flex;
   align-items: center;
	color: #54534a;
	position: relative;
	padding-left: 23px;
	height: 19px;
	text-transform: uppercase;
   font-size: 9px;
	font-weight: bold;
}
.box-autorizo span{
	color: #000;
	display: block;
}
.box-autorizo label a{
	text-decoration: underline;
	color: #000;
   padding-left: 4px;
}
input[type=checkbox] + label:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;	
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	top: 2px;
	border-radius: 3px;
	background-color: #54534a;
	cursor: pointer;
} 
input[type=checkbox]:checked + label:before {
  background-image: url(../img/icono-check2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #54534a;
} 
.b-send{
   margin-top: 15px;
}

/*decarations*/
.deco-p-1{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.deco-4{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 136px;
   background-image: url(../img/deco-4.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
}

/*boxes*/
.p-score-1 .deco{
	height: 60%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 2px;
	background: #990303!important;
}
.img-premio-1 img{
   top: 37%!important;
}
.img-premio-3 img{
   top: 45%!important;
}
.box-round img{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.box-round{
   width: 250px;
   height: 250px;
   display: block;
   border-radius: 50%;
   background-color: #959595;
   margin: 0 auto;
   position: relative;
}
.box-home-foot{
   position: absolute;
   left: 0px;
   bottom: -30px;
   z-index: 1001;
}
.box-home-foot .inner{
   display: flex;
   align-items: center;
}
.box-home-foot h3{
   color: #fff;
   margin-left: 10px;
}

.box-form{
	width: 334px;
	z-index: 100;
	border-radius: 35px;
   margin-top: 75px;
}
.box-form-inner{
   padding: 70px 24px 86px 24px;
}
.box-form .item-1 *{
   text-align: center;
}
.box-form .item-1 p{
	font-size: 12px;
	font-weight: 600;	
}
.box-form .item-1 h3{
	margin-top: 18px;
}
.box-form .item-1 h4{
	margin-top: 15px;
}
#inicio .box-1{
   padding-left: 50px;
   width: 528px;
}
.p-boxes{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: flex-start;
}
.p-score{
   background-color: #222422;
   display: flex;
   align-items: center;
   border-radius: 20px;
   height: 74px;
   margin-top: 30px;
   width: 478px;
}
.box-score{
   display:flex;
   margin: 0 15px;
}
.box-score span{
   font-size: 40px;
   margin: 0 16px;
}
.box-score input{
   color: #ff0000;
   font-size: 53px;
   width: 75px;
   height: 53px;
   text-align: center;
   background-color: #fff;
   padding-bottom:4px;
   border-radius: 17px;
}

/*popups*/
.popup-1.p-rst p{
	font-size: 17px;
}
.popup-1.popup-2 .content{
	padding: 0;
}
.popup-1 .body-data{
	padding: 6px 20px 50px 20px;
}
.popup-1 .body-data a{
	color: blue;
}
.popup-1 .body-data p a{
	display: inline-block;
}
.popup-1{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,.8);
   display: none;
	z-index: 100000;
}
.popup-1 .content{
	width: 94%;
   max-width: 500px;
   padding: 50px 35px 50px 35px;
   background: #fff;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
   text-align: center;
}
.popup-1 .content h3{
   font-size: 18px;
   font-weight: 600;
}
.popup-1 p{
   font-size: 16px;
   margin-top: 20px;
	word-break: inherit;
}
.popup-close{
	z-index: 1000;
   width: 30px;
   height: 30px;
   position: absolute;
   top: -15px;
   right: -15px;
   background-image: url(../img/menu-movil-close.png);
   background-repeat: no-repeat;
   background-position: left center;
   background-size: 100%;
   cursor: pointer;
	filter: invert(100%);
    -webkit-filter: invert(100%);
}

/************************ CABECERA *************************/
.cabecera{
	background: #000;
	background-image: linear-gradient(to right, #000 , #444);
	height: 57px;
	z-index: 2001;
  	width: 100%;
  	position: absolute;
}
.cabecera .wrapper{
   width: 930px;
   margin: 0 auto;
}
.cabecera.cabecera-scroll{
	position: fixed;
}
.cabecera-reemplazo{
	height: 57px;
	width: 100%;
	display: block;
	background: transparent;
}
.box-logo .logo{
	width: 110px;
	display: block;
	position: relative;
	top: 4px;
	margin-left: 8px;
}
.logo-chambero{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 225px;
	-webkit-animation: .5s ease-in;
	animation: .5s ease-in;
	text-align: center;
}
.logo-chambero img{
	width: 100%;
	margin: 0 auto;
}
.logo-chambero img.logo-2{
	width: 75%;
}
.cabecera.cabecera-scroll .logo-chambero{
	width: 191px;
}
.cabecera.cabecera-scroll .logo-2{
	display: none;
}
.cabecera.cabecera-scroll .logo-3{
	display: block;
}

/********************** MENU *******************************/
.redes-sociales.none{
	display: none;
}
.menu{
	display: block;	
	padding-left: 55px;
}
.menu ul{
	display: flex;	
}
.menu li{
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu li.none{
	display: none;
}
.menu li a{
	font-size: 15px;
	text-transform: uppercase;
   padding: 0 25px;
   font-weight: 600;
}


/************************ SECCIÓN INICIO *****************/

.p-dia-sorteo{
	top: 70px;
	left: 0;
	position: absolute;
}

.yamaha-logo{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 270px;
	margin-left: 230px;
}

.text-group-1{
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.text-group-1 h2{	
	font-size: 20px;
	font-family: DINPROBOLD;
	color: #332d2b;
}

.text-group-1 h3{	
	font-size: 28px;
	font-family: 'DINBK';
	color: #332d2b;
}

.boton-scroll{
	cursor: pointer;
	position: absolute;
	display: block;
	left: 50%;
	transform: translateX(-50%);	
}

.boton-scroll-1{		
	bottom: 50px;
}

.boton-scroll-2{
	position: initial!important;	
	margin-top: 10px;
	transform: none!important;
	text-align: center;
}


/***************************** COMO PARTICIPAR ************************/
#como-participar{
	background-color: #fff;
}
.content-1.content-2{
	padding-top: 250px;
}

.p-titulo-1{
	text-align: center;
	width: 280px;
}

.titulo-1{	
	display: inline-block;
}

.flex-group-1{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.flex-group-1 .caption-1{
	position: relative;
	margin-top: 30px;
}

.flex-group-1 h2{
	font-family: 'DINBK';
	color: #000;
	text-transform: uppercase;
	position: relative;
}

.flex-group-1 h2:after{
	content: "";
	display: block;
	position: absolute;
	width: 32px;
	height: 3px;
	/*background-image: url(../img/line-1.png);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	left: 50%;
	transform: translateX(-50%);
	bottom: -9px;
}

.flex-group-1 p{
	font-size: 17px;	
	color: #000000;
	width: 81%;
   margin: 0 auto;
	margin-top: 15px;
}

.flex-group .center{
	text-align: center;
}

.flex-group .center img{
	display: inline-block;
}

.flex-3{
	flex-wrap: wrap;
}

.flex-3 .flex-item{
	width: 33.3333666%;
}

.p-text-1{
	position: relative;
	top: -20px;
}

.text-1{
	color: #000;
	font-size: 15px;
	font-family: 'DINBK';
	text-transform: uppercase;
	margin-top: 22px;
}

.text-1 span{
	color: #dd0390;
}

.boton-2:before{
	content: "";
	display: block;
	width: 64px;
	height: 59px;
	background-image: url(../img/boton-izq.png);
	position: absolute;
	left: -66px;
	top: 50%;
	transform: translateY(-50%);
}

.boton-2:after{
	content: "";
	display: block;
	width: 64px;
	height: 59px;
	background-image: url(../img/boton-der.png);
	position: absolute;
	right: -66px;
	top: 50%;
	transform: translateY(-50%);
}


/******************************************* LOS PREMIOS *********************************/

#los-premios{
	background-size: 100% 106%;
	background-position: center -45px;
	background-color: #ffed00;
}

.text-group-2{
	z-index: 1;
}

.text-group-3{
	text-align: center;
}

.text-group-2 h3{
	color: #000;
	font-family: 'DINBK';
	font-size: 30px;
	text-transform: uppercase;
}

.text-group-2 .title-2{
	padding-left: 35px;
}

.span-style{
	position: relative;
	padding: 2px 7px;
	display: inline-block;
}

.span-style span{
	line-height: 1em;
}

.span-style:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	transform: skew(3deg);
}

.span-style-1{
	z-index: 20;
}

.span-style-1:before{
	background: #ef1ba4;
}

.span-style-2:before{
	background: #fff;
}

.span-style-3:before{
	background: #fff;
}

.span-style-4:before{
	background: #fae801;
}

.span-style-1 span{
	position: relative;
	z-index: 10;
	color: #f5f5f5;	
	font-size: 40px;
}

.span-style-2 span{
	position: relative;
	z-index: 10;
	color: #000;	
	font-size: 30px;
}

.span-style-3 span{
	position: relative;
	z-index: 10;
}

.span-style-4{
	padding: 7px;
}

.span-style-4 span{
	position: relative;
	z-index: 10;
	font-size: 40px;
	color: #000;
}

.p-slider-premios{
	width: 870px;
	margin: 0 auto;
	margin-top: 15px;
}

.p-slider-premios .wrapper-slider{
	display: flex!important;
	justify-content: center;
	align-items: center;
}

.p-slider-premios .title{
	font-size: 26px;
	color: #000;
	font-family: 'DINBK';	
}

.p-slider-premios .item-1, .p-slider-premios .item-3{
	width: 190px!important;
	overflow-wrap: break-word;
}

.p-slider-premios .item-3{
	padding-left: 15px;
}

.arrows-1 .slick-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 65px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	font-size: 0;
	z-index: 2000;
}

.arrows-1 .slick-prev{
	left: -70px;
	background-image: url(../img/boton-izq2.png);
}

.arrows-1 .slick-next{
	right: -70px;
	background-image: url(../img/boton-der2.png);
}


.p-text-1.p-text-2{
	top: 0;
	margin-top: 25px;
}

.p-text-3{
	text-align: center;
	top: 0!important;
	margin-top: 10px;
	font-family: DINPROBOLD;
}

.p-text-3 p{
	margin: 0;
	font-family: DINPROBOLD!important;
}

.text-2 span{
	background-color: #fae801;
	color: #000;
	padding: 0 2px;
	font-family: 'DINBK';
}

/*************************************** EL SORTEO ***********************************/

#preguntas-frecuentes{
	background-size: 96% 94%;
	background-color: #cdcdcd;
}

.style-acordeon{
   background: #fff;
	width: 625px;
	margin: 0 auto;
	margin-top: 30px;
   padding: 20px 40px;
   border-radius: 15px;
	height: 300px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.style-acordeon::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.style-acordeon::-moz-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.style-acordeon::-o-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.style-acordeon::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
} 

.style-acordeon::-moz-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
} 
.style-acordeon::-o-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
} 
.ac-item:last-child h3{
	/*border-bottom: 1px solid #bfbfbf;*/
}
.ac-button{
	position: relative;	
}
.ac-button h3{
	width: 100%;
	display: flex;
	align-items: center;
	color: #000;
	font-family: DINPROBOLD, "sans-serif"!important;
	font-size: 16px;
	text-transform: uppercase;
	/*border-top: 1px solid #bfbfbf;*/
	cursor: pointer;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 0px;
	box-sizing: border-box;
	line-height: 1.4em;
}

.ac-button:after{
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 21px;
	height: 21px;
	/*background-image: url(../img/ac-inactive.png);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: initial;
}

.list-winners .ac-button:after{ display: none; }

.list-winners .ac-button h3{font-family: 'DIN'; justify-content: center; display: inline-block; text-align: center; padding: 12px 20px;     min-height: initial;}

.list-winners .ac-button h3 strong{font-family: 'DINBK'; margin-left: 6px;}
.ac-button.active:after{
	background-image: url(../img/ac-active.png);
}
.ac-data{
	padding: 0px 0px 6px 0px;
	/*display: none;*/
	/*border-top: 1px solid #bfbfbf;*/
	/*box-shadow: 0px 2px 0px #d8d8d8 inset;*/
}
.ac-data p{
   font-size: 15px;
   color: #202020;
}

.ac-data a{
   font-size: 14px;
   color: #000000;
   font-weight: 900;
}



/*************************************** FOOTER ***********************************/
footer{
	padding: 20px 0 50px 0;
	background: #000;
}
footer .wrapper{
	justify-content: space-between;
	flex-wrap: wrap;
}
footer .item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 50%;
}
footer .item-1{	
	width: 38%;
	flex-direction: column;
	align-items: flex-start;
}
footer .item-2{	
	width: auto;
}
.tyc{
	font-size: 13px;
	font-family: DINPROBOLD;
	text-decoration: underline;
	color: #fff;
	text-transform: uppercase;
	margin-left: 10px;
}
footer .box-3{
	display: flex;
	align-items: center;
	justify-content: center;
}
footer .box-3 > span{
	margin-right: 10px;
	font-size: 13px;
	color: #fff;
	display: block;
	width: 90px;
}
.redes-sociales{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.redes-sociales a{
	width: 29px;
	height: 29px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin: 0 5px;
   filter: invert(100%);
   -webkit-filter: invert(100%);
   -moz-filter: invert(100%);
   -o-filter: invert(100%);
}
.redes-sociales .icono-fb{
	background-image: url(../img/fb.png);
}
.redes-sociales .icono-ins{
	background-image: url(../img/ins.png);
}
.redes-sociales .icono-ytb{
	background-image: url(../img/ytb.png);
}
.logo-yamaha-footer{
	display: block;
	margin: 0 80px;	
}





.boton-scroll-up{
	width: 37px;
	height: 36px;
	position: fixed;
	right: 50px;
	bottom: 80px;
	z-index: 5000;
	opacity: 0;
	transition: all .25s;
	cursor: pointer;
}

.boton-scroll-up.active{
	opacity: 1;
}


/*************************************** COMO PARTICIPAR ***********************************/
.page-participar .cabecera{
	position: absolute;
}
#participa{
	background-color: #e5e5e5;
	background-size: 96% 94%;
}
#participa .wrapper{
	padding-bottom: 100px;
}
.text-1.text-2{
	margin-top: 12px;
}
.form-2 .flex-group{
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 20px;
}
.form-2 .flex-item{
	padding-right: 15px;
	padding-left: 15px;
}
.form-2 .flex-item label{
	display: block;
	font-size: 15px;
	margin-bottom: 6px;
}
.form-2 .form-row{
	text-align: left;
	text-align-last:left;
	background: #e6e6e6;
	color: #000000;
	font-size: 13px;
	box-shadow: 1px 1px 0px #333 inset;
	font-family: DINPROBOLD;	
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}
.form-2 .box-autorizo label{
	color: #000;
	font-size: 12px;
	height: 29px;
	font-family: DINPROBOLD;
	display: flex;
	align-items: center;
	justify-content:  center;
	padding-left: 44px;
}
.form-2 .box-autorizo span{
	color: #000;
	display: inline-block;
	margin-right: 3px;
}
.form-2 .box-autorizo label a{
	color: #000;
}
.form-2 input[type=checkbox] + label:before {
	content: '';
	display: inline-block;
	width: 29px;
	height: 29px;	
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 3px;
	background-image: url(../img/icono-check-3-1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
	margin-right: 15px;
} 
.form-2 input[type=checkbox]:checked + label:before {
  background-image: url(../img/icono-check-3-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #54534a;
} 
.form-2 .boton-1{
	width: auto;
	margin: 0 auto;
	margin-top: 25px;
}
.form-2 .box-autorizo{
	margin-top: 18px;
}
.icon-plane{
	width: 23px;
	height: 23px;
	display: inline-block;
	background-image: url(../img/plane.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-left: 8px;
}


/********************************************* 	POPUP **************************************/
.popup{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000;
	background-color: rgba(0,0,0,.7);	
}
.popup{
	display: none;
	overflow-y: auto;
}
.popup .popup-wrapper{
	width: 816px;
	height: 486px;
	position: absolute;
	display: block;
	background-image: url(../img/popup-back.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.popup .content{
	padding: 35px 0 0 22px;
	position: relative;
	height: 100%;
}
.popup .content img{
	display: block;
}
.popup-title{
	margin-top: 15px;
}
.popup-description{
	color: #fff;
	font-size: 18px;
	margin-top: 24px;
	padding-left: 10px;
}
.popup-description strong{
	color: #fff;
}
.fb-section{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 103px;
	background-color: #1d589c;
	padding: 0 30px;
	cursor: pointer;
}
.fb-section > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.fb-section p{
	color: #fff;
	font-size: 20px;
}
.fb-section p span{
	text-decoration: underline;
	font-weight: bold;
}
.slider-premios .slick-slide img{
	width: 450px;
	display: inline-block;
}
.popup.popup-style-1 .popup-wrapper{
	background: #ffed00;
	color: #000;
	width: 400px;
	height: auto;
	border-radius: 5px;
}
.popup.popup-style-1 .content{
	padding: 50px 25px 60px 25px;
}
.popup.popup-style-1 .content p, .popup.popup-style-1 .content p a, .popup.popup-style-1 .content p strong{
	font-family: DINPROBOLD;	
}
.popup.popup-style-1 .content p{
	line-height: 1.4em;
}
.popup.popup-style-1 .popup-close{
	top: 10px;
	right: 10px;
}

/******************************** ULTIMO *********************************/

.premios-banner{
	position: static;
	display: inline-block;
	margin: 0 auto;
	width: 72%;
	margin-top: 25px;
}
#sorteo .content-1{
	padding-top: 245px;
}
.premios-banner-2{
	margin-top: 0;
	width: 92%;
}
.p-slider-premios .title{
	line-height: 1em;
}
.p-slider-premios .item-3 p{
	margin-top: 12px;
}
.img-footer{
	width: 100px;
	margin: 0 5px;
}
.popup-phone{
	position: absolute;
	right: 0;
	top: 30px;
}
.popup-title-2.none{
	display: none!important;
}
.page-gracias .premios-banner-2{
	margin-top: 40px;
}
.page-participar .box-autorizo.box-autorizo-2{
	margin-top: 10px;
}

/**************** POPUP HOME ********************/

.popup-home.popup .popup-wrapper{
	width: 600px;
	height: auto;
	overflow-y: initial;
}
.popup.popup-home .content{
	padding: 0;
}
.popup.popup-home .content > div{
	padding: 0!important;
}
.popup.popup-home .content img{
	width: 100%;
}

/*hiddens*/
.img-logo-2-movil{
   display: none!important;
}


/*ruleta*/
.roulette #inicio .box-1{
	z-index: 101;
}
.roulette .img-bateria-1 {
	position: absolute;
	left: -244px;
	bottom: -225px;
	width: 182%;
}
.roulette .box-form-inner{
   padding: 64px 24px 184px 24px;
}
.roulette .box-form{
   width: 370px;
   background-position-y: top;
}
.roulette #inicio{
   background-position-y: top;
}
.roulette #inicio .wrapper{
   background-image: none;
   padding-bottom: 140px;
}
.p-ruleta {
   position: relative;
   width: 456px;
   border-radius: 50%;
   margin: 0 auto;
   margin-top: 80px;
}
.spin {
   width: 108px;
   height: 108px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   cursor: pointer;
   background: #000;
   border-radius: 50%;
}
.spin img{
   width: 70px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.button-turn{
	display: table;
	margin-top: 30px;
	cursor: pointer;
}


/*responsive*/
@media (max-height: 650px){
	.seccion{
		min-height: 600px;
	}
}


@media (max-width:1300px){
	.p-dia-sorteo{
		left: 20px;
	}
	.wrapper{
		width: 100%;	 
		padding-left: 30px;
		padding-right: 30px;
		box-sizing: border-box;
	}
	.menu {
		display: flex;
		padding-left: 80px;
	}
}


@media (max-width:1200px){	
	
	.menu{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;	
		height: 100%;	
		flex-direction: column;		
		box-sizing: border-box;
		padding: 0;
		background: rgba(0,0,0,.4);
		z-index: 9990;
		display: none;
	}
	.menu.active{
		display: block;
	}
	
	.menu.active .redes-sociales{
		display: flex!important;
		margin-left: 48px;
		width: 184px;
		margin-top: 30px;
		height: 47px;
		background-image: url(../img/rd-2.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	
	.menu.active .redes-sociales a{
		background-image: none;
		width: 44px;
		height: 44px;
	}
	
	.menu > div{
		width: 450px;
		height: 100%;
		background: #252525;
		padding-top: 100px;
	}
	
	.menu ul{
		flex-direction: column;
		width: 100%;
		height: auto;		
		justify-content: center;
	}
	.menu li{
		margin: 0!important;
		display: block;		
	}
	.menu li.show-r{
		display: block;
	}
	.menu li a{
		color: #a7fe00;
		font-size: 20px;
		padding: 20px 0;
		padding-left: 50px;
		display: block;
	}

	.box-logo{
		position: absolute;
		right: 20px;
	}

	.img-home{
		display: none;
	}

	.boton-nav{
		display: block!important;
		width: 57px;
		height: 57px;
		position: absolute;
		left: 0;
		top: 0;
		border-right: 1px solid #2c2c2c;
		cursor: pointer;
		z-index: 9996;		
	}

	.boton-nav.active{
		background-color: #252525;		
	}

	.boton-nav.active .nav{
		display: none;
	}
	.boton-nav.active .nav-close{
		display: block;
	}
	.boton-nav > div{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.dif-boton-1{
		display: none!important;
	}
}


@media (max-width:1050px){
	
	.img-footer{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.box-autorizo{
		height: 20px;
	}
	
	.box-autorizo.box-autorizo-2{
		margin-top: 6px;
	}
	
	.content-1.content-2{
		padding-top: 160px;
	}
	
	.premios-banner {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 500px;
		bottom: -3px;
	}
	
	footer{
		padding: 80px 0 80px 0;
	}
	
	footer .wrapper{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	footer .wrapper .item{
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	footer .wrapper .item-1 p:nth-child(2){
		margin-top: 10px;
	}
	
	footer .wrapper .item-2{
		margin-top: 95px;
		flex-direction: column-reverse;
	}
	
	footer .redes-sociales {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 10px;
	}
	
	footer .box-3 {
		margin-bottom: 40px;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	
	.p-slider-premios .item-4{
		display: block;
		margin-top: 22px;
	}
	
	.p-slider-premios .item-4 p{
		margin-top: 15px;
	}
	
	.p-slider-premios .slick-slide img{
		width: 420px;
		display: inline-block;
	}
	
	.p-slider-premios .wrapper-slider{
		display: block!important;
		text-align: center;
	}
	
	#los-premios .p-text-1.p-text-2{
		margin-top: 40px;
	}
	
	.p-slider-premios .item-1, .p-slider-premios .item-3{
		display: none;
	}
	
	.flex-group-1 p{
		width: 60%;
	}
	
	.p-text-1{
		top: 0;
		margin-top: 15px;
	}
	
	.p-slider-premios{
		width: 100%;
	}
	
	.arrows-1 .slick-prev{
		left: 0px;
	}
	
	.arrows-1 .slick-arrow{
		width: 45px;
		height: 45px;
	}
	
	.arrows-1 .slick-next{
		right: 0px;
	}
	
	.content-1{
		width: 100%;
	}
	
	.box-autorizo label{
		font-size: 11px;
		height: 22px;
		display: flex;
		align-items: center;		
	}
	
	.box-autorizo label br{
		display: none;
	}
	
	.box-autorizo label a, .box-autorizo span{
		color: #000;
		font-weight: bold;
	}
	.box-autorizo span{
		display: initial;
		margin-right: 6px;
	}
	.boton-nav{
		position: absolute;
	}	
	.boton-nav.active{
		background-color: #252525;
		position: fixed;
	}
	.cabecera.cabecera-scroll{
		position: fixed;
	}	
	.cabecera.cabecera-scroll .logo-chambero img{
		display: none!important;
	}
	.logo-chambero {
		width: 150px;
	}
	.logo-2{
		display: none;
	}
	.logo-r{
		display: block;
	}
	.text-group-1{
		position: static;
		transform: none;
	}
	.text-group-1 h2, .text-group-1 h3{
		display: none;
	}
	.text-group-1 p{
		color: #000;
		font-size: 15px;
		text-transform: uppercase;
		display: block;
	}
	.text-group-1 a, .text-group-1  strong{
		color: #000;
		font-family: 'DINBK';
	}
	#sorteo .wrapper{
		padding-top: 0;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		height: 100%;
		box-sizing: border-box;
	}
	#sorteo .content-1{
		padding-top: 155px;
	}
	.dia-sorteo-r{
		margin: 0 auto;
		margin-top: 10px;
		display: block;
	}
	.yamaha-logo{
		top: initial;
		bottom: 20px;
	}
}

@media (max-width: 1023px){

	.img-awards {
		margin-top: 40px;
		position: relative;
		left: -10%;
		width: 120%;
	}

   .roulette .p-ruleta{
      margin-top: 40px;
   }

   .cabecera .wrapper{
      width: 100%;
   }
   .b-send{
      margin-top: 21px;
   }
   .p-score{
      margin-top: 20px;
   }
   .img-logo-2-movil{
      display: block!important;
      width: 190px;
      margin-top: -10px;
   }
   .img-logo-2, .img-bateria-1{
      display: none!important;
   }
   .box-home-foot{
      right: 0;
      left: 10px;
      bottom: -45px;
      margin: 0 auto;
      display: table;
   }
   .p-boxes{
      /*flex-direction: column-reverse;*/
      justify-content: center;
      align-items: center;
   }
   .box-form{
      margin-top: 10px;
   }
   #inicio .box-1{
      padding-left: 0px;
   }
   #inicio .box-1{
      width: 478px;
   }
   .p-score{
      width: 100%;
   }
}

@media (max-width: 889px){
	.text-m1{
		display: table!important;
	}
}

@media (max-width: 850px){
	
	.popup-1{
		overflow-y: scroll;
	}
	
	.fb-section p{
		font-size: 14px;
	}
	
	.fb-section{
		padding: 12px 30px 15px 30px;
		height: auto;
	}
	
	.popup-1 .popup-wrapper{		
		top: 0;
		transform: translateX(-50%);
		margin-top: 20px;
		overflow-y: scroll;
		margin-bottom: 20px;
	}
	
	.fb-section img{
		width: 50px;
	}
	
	.popup-logo{
		width: 120px;
		position: absolute;
		left: 30px;
		top: 25px;
	}
	
	
	.popup-title-2.none{
		width: 200px;		
		display: block!important;
		margin: 0 auto;
		margin-top: 50px;
	}
	
	.popup-1 .content > div{
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.popup-1 .popup-wrapper{
		height: auto;
	}
	
	.popup-description{
		text-align: center;
		font-size: 15px;
	}
	
	.popup-phone{
		position: relative;
		top: 0;
		margin: 0 auto;
		margin-top: 20px;
		right: -70px;
	}
	
	.popup-1 .content{
		padding: 30px 0 0 0;
	}
	
	.fb-section{
		position: static;
	}
	.popup-title{
		display: none!important;
	}
	.popup-1 .popup-wrapper{
		width: 94%;
	}
	.popup-home.popup .popup-wrapper{
		width: 82%;
	}
	.boton-scroll-up{
		right: 20px;
	}
	.yamaha-logo{
		width: 100px;
		margin-left: 0;
		transform: none;
		left: initial;
		right: 30px;
	}
	footer .wrapper{
		flex-direction: column;
	}
	footer .item-2{
		margin-top: 20px;
	}
		
	.p-slider-premios .slick-slide img{
		width:370px;
	}
	
	.px-rm{
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.style-acordeon{
		width: 100%;
	}
}

@media (max-width: 650px){
	footer .item-1{
		width: 62%;
	}
	.box-home-foot{
		bottom: -53px;
	}
	.box-home-foot img{
		width: 62px;
	}

	.roulette #inicio .wrapper{
		padding-bottom: 90px;
	}

	.popup-1 .content{
		top: 12%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

   .deco-4{
      height: 82px;
   }
   #inicio .content-1{
      padding-top: 20px;
   }
	.home-popup-desktop{
		display:none!important;
	}
	.home-popup-mobil{
		display: block!important;
	}
	.popup-description	br, .fb-section p br{
		display: none;
	}
	footer .wrapper .item-2{
		margin-top: 70px;
	}
	.page-participar footer{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.form-2 .box-autorizo label{
		padding-left: 38px;
	}
	.form-2 input[type=checkbox] + label:before{
		width: 25px;
		height: 25px;
	}
	.form-2 .flex-item{
		width: 100%;
		margin-top: 20px;
	}
	.form-2 .flex-item:first-child{
		margin-top: 0;
	}
	.premios-banner-2{
		width: 100%;
		margin-top: 25px;
	}
	.form-2 .flex-group{
		flex-direction: column;
	}
	.p-slider-premios .title{
		font-size: 26px;
	}
	.content-1{
		padding-top: 30px;
	}
	.ganadores .content-1{
		padding-top: 145px;
	}
	#los-premios{
		background-position: center -27px;
	}
	.p-text-1{
		display: none;
	}
	.text-group-2 h3{
		font-size: 26px;
	}
	.text-group-2 .span-style{
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.text-group-2, .text-group-2 h3{
		text-align: center;
	}
	.text-group-2 .title-2{
		padding: 0;
	}
	.p-slider-premios .slick-slide img{
		width: 300px;
	}
	.wrapper{
		width: 100%;	 
		padding-left: 25px;
		padding-right: 25px;
		box-sizing: border-box;
	}
	.ganar-r.none{
		display: block;
		width: 100%;		
		position: sticky;		
		bottom: 0;
		position: -webkit-sticky;
		left: 0;
		z-index: 2001;
	}
	.ganar-r a{
		height: 56px;
		background: #000;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: #ffe700;
		font-family: 'DINBK';
	}
	footer{
		padding-bottom: 0;
	}
	footer .ganar-r.none{
		margin-top: 90px;
	}
}

@media(max-width: 600px){

	.img-awards {
		margin-top: 30px;
		position: relative;
		left: -14%;
		width: 116%;
	}

   .img-title-2{
      width: 100%;
   }
   .box-score input{
      width: 60px;
      height: 50px;
      font-size: 38px;
   }
   .box-score span{
      font-size: 30px;
   }
   .box-score{
      align-items: center;
   }
   .p-score{
      justify-content: space-between;
   }

   #inicio .box-1{
      width: 100%;
   }
   .img-flag{
      width: 70px;
   }
	
	.popup.popup-style-1 .popup-wrapper{
		width: 92%;
	}
	
	.menu.active .redes-sociales{
		width: 150px;
		height: 38px;
	}
	
	.menu.active .redes-sociales a{
		width: 38px;
		height: 38px;
	}
	
	.form-2 .box-autorizo label{
		padding-left: 35px;
		font-size: 11px;
		line-height: 1em;
	}
	
	.form-2 .box-autorizo label{
		flex-direction: column;
		align-items: flex-start;
	}

	.content-1.content-2{
		padding-top: 132px;
	}

	.menu.active .redes-sociales{
		margin-left: 30px;
		margin-top: 40px;
	}
	
	.span-style-4 span, .span-style-1 span{
		font-size: 36px;
	}
	
	.ac-button h3{
		font-size: 14px;
	}
	
	.menu > div{
		width: 90%;
	}
	.menu li a {
		font-size: 16px;
		padding: 15px 0;
		padding-left: 30px;
	}
	.premios-banner {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		bottom: -58px;
	}
	#sorteo .content-1{
		padding-top: 60px;
	}
	.yamaha-logo {
		position: absolute;
		left: initial;
		transform: none;
		top: initial;
		margin-left: 0;
		right: 30px;
		bottom: -80px!important;
		width: 90px;
	}
	.boton-scroll-1{
		bottom: 15px;
	}
	.seccion .wrapper{
		height: auto!important;
	}
	.text-group-1 p{
		color: #fff;
		font-size: 14px;
	}
	.text-group-1 a, .text-group-1 strong{
		color: #fff;
	}
	#sorteo{
		background-image: url(../img/fondo-inicio-r.jpg)!important;		
		padding-bottom: 92px;
		background-position: center 0;
	}
	.arrows-1 .slick-arrow{
		width: 40px;
		height: 40px;
	}
	
	.p-slider-premios .slick-slide img{
		width: 220px;
	}
	.arrows-1 .slick-prev{
		left: -10px;
	}
	.arrows-1 .slick-next{
		right: -10px;
	}
	.seccion{
		height: auto!important;
		min-height: auto!important;
	}
	.logo-chambero {
		width: 110px;
	}
	.logo-chambero img {
		width: 100%;
		position: relative;
		left: 0;
	}
	.box-logo .logo {
		width: 63px;
		display: block;
		position: relative;
		top: 4px;
		margin-left: 0;
	}
	.flex-group-1 p{
		width: 75%;
	}
	.text-group-2 h3{
		font-size: 24px;
	}
	.span-style-4 span, .span-style-1 span{
		font-size: 34px;
	}
	.ganadores .content-1{
		padding-top: 97px;
	}
	.list-winners .ac-button h3{
		display: flex;
		flex-direction: column;
	}
		
}

@media (max-width: 500px){

	.popup-1 br{
		display: none;
	}

	.popup-1 .content h3{
		font-size: 20px;
	}

	.popup-1 .content p{
		font-size: 16px;
	}

   .spin img{
      width: 60px;
   }
   .spin{
      width: 90px;
      height: 90px;
   }
   .p-ruleta{
      width: 360px;
   }
   .p-ruleta canvas{
      width: 360px;
      height: 360px;
   }
	.page-participar footer {
		padding-top: 20px;
		padding-bottom: 50px;
	}
	.premios-banner-2{
		width: 108%;
	}
	.form-2 .boton-1{
		width: 100%;
	}
   .box-form{
      width: 100%;
   }

   .roulette .box-form-inner{
      padding: 60px 24px 160px 24px;
   }
   .roulette .box-form-inner .fs-3{
      font-size: 20px;
   }
   .roulette .box-form-inner .fs-3_2{
      font-size: 22px;
   }
   

}

@media (max-width: 470px){
   .roulette .box-form{
      width: 100%;
   }

	.img-flag{
      width: 50px;
   }

	.img-flag{
		position: relative;
		top: -5px;
	}

	.text-m2{
		color: #fff;
		font-size: 11px;
		display: table!important;
		position: absolute;
		bottom: 5px;
	}

	.text-m2-1{
		left: 8px;
	}

	.text-m2-2{
		right: 8px;
	}

	.p-score{
		border-radius: 17px;
	}
}

@media (max-width: 380px){
   .roulette .box-form-inner {
      padding: 60px 24px 120px 24px;
   }
   .p-ruleta{
      width: 330px;
   }
   .p-ruleta canvas {
      width: 330px;
      height: 330px;
  }
}

@media (max-width: 360px){
	
	.titulo-1{
		width: 98%;
	}
	
	.box-logo .logo{
		width: 63px;
	}
}

@media (max-width: 350px){
	.box-score input{
		width: 50px;
		height: 40px;
		font-size: 32px;
	}

	.img-flag{
		width: 40px;
	}

	.box-score span{
		margin: 0 12px;
	}
}