.display-muygrande {
	display: none;
}

.display-grande {
	display: none;
}

.display-mediano {
	display: none;
}

.display-chico {
	display: none;
}

body{
	width:100%;
	height:100%;
}





.marquee {
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: row;
    flex-direction: row;
    -moz-align-items: center;
    align-items: center;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    height: 100px;
    overflow: hidden;
    width:100%;
    background:#FECD16;
	position: relative;
	margin: 55px 0px;
}

.marquee > div {
    font-size: 65px;
    letter-spacing: 1px;
    animation: marquee linear infinite 15s;
    text-transform: uppercase;
    white-space: nowrap;
    padding-left: 10px;
    padding-right:10px;
	width: 200%;
}

.marquee > div span {
  width: auto; /* Width of p elements must match the width of marquee "window"*/
  padding-left: 10px; /* Padding determines space between scrolled elements */
  display: table-cell; 
  color:#F2F2F2;
  font-family: 'Archivo Black', sans-serif;
}

 .border  {
  width: auto; /* Width of p elements must match the width of marquee "window"*/
  padding-left: 10px; /* Padding determines space between scrolled elements */
  display: table-cell; 
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #F2F2F2;
  font-family: 'Archivo Black', sans-serif;
}


/* Make it move */
@keyframes marquee {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}


header{
	height:100px;
	width:100%;
	top:0px;
	background-color:#fff;
	left:0px;
	position: fixed;
	z-index: 1000;
	border-bottom: 1px solid #F4F4F4;

}
.mensaje{
    color: #f2f2f2;
    background:#242424;
	border-radius: 25px;
	height: 50px;
	width: 130px;
	padding: 17px 0px;
	box-sizing: border-box;
    font-weight: 700;
    font-size:14px;
    font-family: 'Archivo black', sans-serif;
	position: absolute;
	text-align: center;
	margin: 25px 25px 25px 25px;
	z-index: 1000;
}
.mensaje:hover{
    color: #242424;
    background:#fff;
	border: 2px solid #242424;
	box-sizing: border-box;
	height: 50px;
	width: 130px;
	padding: 15px 0px;
	
	
}


.contacto{
	width:50px;
	height: 50px;
	background-image:url(imagenes/wa.svg);
	position: absolute;
	top: 25px;
	right: 25px;
}



.contacto:hover {
	background-image:url(imagenes/wa-hover.svg);
}



/*----------------------------
	 M E N U
-----------------------------*/

#menu{
  height: 100px;
  width: 100%;
  position: relative;
	left: 0px;
	display: flex;
	align-items: center;
 
}

#menu nav{
	margin: 0 auto;
	display: inline-block;
	margin-bottom: 25px;
}

#menu nav ul{
	list-style: none;
	float: left;
}

#menu nav ul li{
display: inline-block;
position: relative;
}

#menu nav ul li a{
color: #000;
display: block;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size:15px;
text-align: center;
box-sizing: border-box;
padding-right: 40px;
margin-right: 20px;
margin-top: 8px;
	
}

#menu nav ul li a #logo {
    background-image:url("imagenes/logo.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width:125px;
	height:50px;
    z-index: 1000;
	margin: 0px 0 -20px 0;
}

#menu nav ul li a:hover {
  color: #323232;
}


 .menu_bar{
		display: none;
}


.redes-sociales{
	height:80px;
	width:100%;
	bottom: 0px;
	position: fixed;
	z-index: 1000;
}

#redes{
	width: auto;
	height: 100%;
    position: absolute;
	right: 25px;
}


.down {
    width:50px;
	height:50px;
	top: 0px;
	left: 0px;
	background-image:url("imagenes/flecha.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	margin-left: 25px;
	z-index: 5;
}

.btn-face {
    width:50px;
	height:50px;
	background-image:url(imagenes/face.svg);
	display: inline-block;
}

.btn-face:hover {
	background-image:url(imagenes/face-hover.svg);
}

.btn-insta {
    width:50px;
	height:50px;
	margin-left: 15px;
	background-image:url(imagenes/insta.svg);
	display: inline-block;
}

.btn-insta:hover {
	background-image:url(imagenes/insta-hover.svg);
}

.btn-tw {
    width:50px;
	height:50px;
	margin-left: 15px;
	background-image:url(imagenes/twitter.svg);
    display: inline-block;
	}

.btn-tw:hover {
	background-image:url(imagenes/twitter-hover.svg);
}





/*----------------------------

MENU FOOTER

-----------------------------*/

#footer nav{
	margin: 0;
	box-sizing:border-box;
    padding:150px 0px 100px;
}

#footer nav ul{
	list-style: none;
}

#footer nav ul li{
position: relative;
	width: 100%;
	text-align: center;
	padding: 10px 0px;
}

#footer nav ul li a{
 color:#f2f2f2;
position: relative;
text-decoration: none;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #FECD16;
font-family: 'Archivo Black', sans-serif;
font-weight: 400;
font-size:65px;
text-align: center;

}


#footer nav ul li a:hover {
  color: #FECD16;
}


/*----------------------------

MENU MEDIANO CHICO

-----------------------------*/


@media screen and (max-width: 1000px){



.redes-sociales{
	height:50px;
	width:100%;
	bottom: 20px;
	position: fixed;
	left: 0px;
}

#redes{
	width: 50%;
	height: 100%;
    position: absolute;
	right: 35px;
	text-align: right;
}


.down {
    width:80px;
	height:80px;
	top: 0px;
	left: 0px;
	background-image:url("imagenes/flecha.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	margin-left: 25px;
display: none;
}
	
.btn-face {
    width:50px;
	height:50px;
	background-image:url(imagenes/face.svg);
	display: inline-block;
}

.btn-face:hover {
	background-image:url(imagenes/face-hover.svg);
}

.btn-insta {
    width:50px;
	height:50px;
	margin-left: 15px;
	background-image:url(imagenes/insta.svg);
	display: inline-block;
}

.btn-insta:hover {
	background-image:url(imagenes/insta-hover.svg);
}

.btn-tw {
     width:50px;
	height:50px;
	margin-left: 15px;
	background-image:url(imagenes/twitter.svg);
    display: inline-block;
	}

.btn-tw:hover {
	background-image:url(imagenes/twitter-hover.svg);
}

 
header{
	height:100px;
	width: calc(100% - 100px);
	background-color:#fff;
	position: fixed;
	z-index: 1000;
	display: inline-block;

}
.mensaje{
    display: none;
	height: 50px;
	width: 130px;
	box-sizing: border-box;
    font-weight: 700;
    font-size:14px;
    font-family: 'Archivo black', sans-serif;
	position: absolute;
	text-align: center;
	margin: 25px 0px 25px 25px;
	right: 75px;
	color: #242424;
    background:#fff;
	border: 2px solid #242424;	
	padding: 15px 0px;
}
.mensaje:hover{
    color: #F2F2F2;
    background:#242424;
	border: 2px solid #242424;
	box-sizing: border-box;
	height: 50px;
	width: 130px;
	padding: 15px 0px;
}

.mensaje-chico{
	height: 50px;
	width: 130px;
	box-sizing: border-box;
    font-weight: 700;
    font-size:14px;
    font-family: 'Archivo black', sans-serif;
	position: absolute;
	text-align: center;
	margin: 0px 0px 15px 35px;
	left: 0px;
	color: #fff;
    background:#242424;
	padding: 17px 0px;
	border-radius: 25px;
}
	
.mensaje-chico:hover{
    color: #242424;
    background:#f2f2f2;
	border: 2px solid #242424;
	box-sizing: border-box;
	height: 50px;
	width: 130px;
	padding: 15px 0px;
}



.contacto{
	width:50px;
	height: 50px;
	background-image:url(imagenes/wa.svg);
	position: absolute;
	top: 25px;
	right: 0px;
}

.contacto:hover {
	background-image:url(imagenes/wa-hover.svg);
}
	
.logo{
	background-image:url(imagenes/logo.svg);
	background-repeat: no-repeat;
	width:125px;
	height:50px;
	top:25px;
	left: 25px;
	position: absolute;
	z-index: 1000;

}

	.menu_bar{
		position: fixed;
		width: 100px;
		right: 0px;
		top: 0px;
		height: 100px;
		background: #fff;
		text-align: center;
		display: block;
		border-bottom: 1px solid #f4f4f4;
}

	.menu_bar .menu{
		display: block;
		overflow: hidden;
		box-sizing: border-box;
}
	
#hamburguer{
		background-image:url(imagenes/hamburguer.svg);
	    background-repeat: no-repeat;
	    width:50px;
	    height:50px;
		text-align: center;
		position: relative;
		left: 15px;
		top: 0px;
		cursor: pointer;
	margin-top: 25px;
}

		 #hamburguer:hover{
		background-image:url(imagenes/hamburguer-1.svg);
	    background-repeat: no-repeat;
	    width:50px;
	    height:50px;
		text-align: center;
		position: relative;
		right: 0px;
		top: 0px;
		 cursor: pointer;
}

#menu nav{
		width: 100%;
		position: fixed;
		margin: 0 auto;
		height: calc(100% - 100px);
		top: 100px;
		right: 100%;
	    background: #fff;
	    padding-top: 100px;
}


#menu nav ul li {
		display: block;
		text-decoration: none;
}

#menu nav ul li a{
text-decoration: none;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FECD16;
font-family: 'Archivo Black', sans-serif;
font-size:45px;
text-align: center;
	display: block; 
width: 100vw;
letter-spacing: 5px;
color: #fff;
text-transform: uppercase;
 
}
#menu nav ul li a:hover{
text-decoration: none;
color: #FECD16;
	
 
}

#menu nav ul li a #logo{
		display: none;
	}
	
/*----------------------------

MENU FOOTER

-----------------------------*/

#footer nav{
	margin: 0;
	box-sizing:border-box;
    padding:100px 0px 100px;
}

#footer nav ul{
	list-style: none;
}

#footer nav ul li{
position: relative;
	width: 100%;
	text-align: center;
	padding: 10px 0px;
}

#footer nav ul li a{
 color:#f2f2f2;
position: relative;
text-decoration: none;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FECD16;
font-family: 'Archivo Black', sans-serif;
font-weight: 400;
font-size:45px;
text-align: center;
}


#footer nav ul li a:hover {
  color: #FECD16;
}
	

	
	
}



/*-----------

SLIDER

-----------*/

input {
  position: absolute;  
  opacity: 0;
  margin-top: 600px;
  cursor: pointer;
}

label {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: solid 2px white;
  border-radius: 999px;
  background-color: transparent;
  margin: 550px 6px 50px 6px;
  z-index: 2;
  cursor: pointer;
  transition-duration: .4s;
}

input:checked + label{
  background-color: #242424;
}

input:focus + label{
  box-shadow: 0 0 0 2px red, 0 0 10px white;
}

.slide {
  position: absolute;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 600px;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translateX(-100%);
  transition-duration: .4s;
  opacity: 1;
}

input:checked ~ .slide {
  transform: translateX(100%);
}

input:checked + label + .slide {
  transform: translateX(0);
  opacity: 1;
}

.bg1{
  background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-fondo.jpg);
}
.bg2{
   background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-fondo-1.jpg);

}
.bg3{
   background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-fondo-2.jpg);

}
.bg4{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-fondo-3.jpg);

}
.bg5{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-fondo-4.jpg);

}
.bg6{
  background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-fondo-5.jpg);
}
.bg7{
   background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-fondo-6.jpg);

}
.bg8{
   background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-fondo-7.jpg);

}
.bg9{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-liss.jpg);

}
.bg10{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-liss-1.jpg);

}

.bg11{
  background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-liss-2.jpg);
}
.bg12{
   background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-liss-3.jpg);

}
.bg13{
   background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-liss-4.jpg);

}
.bg14{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-liss-5.jpg);

}
.bg15{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-liss-6.jpg);

}

.bg16{
  background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-liss-7.jpg);
}
.bg17{
   background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-street.jpg);

}
.bg18{
   background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-street-1.jpg);

}
.bg19{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-street-2.jpg);

}
.bg20{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-street-3.jpg);

}

.bg21{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-street-4.jpg);

}

.bg22{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-street-5.jpg);

}
.bg23{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-street-6.jpg);

}

.bg24{
    background-image: url(http://rielestudio.com.ar//testeo/ropadeportiva/imagenes/imagen-street-7.jpg);

}