.container-section {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.oferta {
	width: 70%;
	height: 60px;

	background-color: rgba(255, 0, 0, 0.7);
	border-radius: 10px 10px 0 0;
	color: #fff;
}

.uno {
	background-color: rgba(0, 123, 255, 0.7);
}



.oferta h2, .cuadro-oferta h2 {
	text-align: center;
	font-family: 'Rockstar', sans-serif;
	font-weight: 700;
}

.oferta h2 {
	line-height: 20px;
	font-size: 30px;
	text-shadow: 2px 2px 2px #000;
}

.cuadro-oferta {
	height: 100px;
	width: 70%;
	/*background-color: rgba(255, 255, 0, 0.7);*/
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 0 0 10px 10px;
	margin-bottom: 20px;
}

.cuadro-oferta h2 {
	line-height: 40px;
	text-transform: uppercase;
	font-size: 40px;
	text-shadow: 2px 2px 2px #fff;
}

.con-sec1 {
	height: 170px;
	width: 95%;
	box-shadow: 0 0 8px 7px rgba(255, 71, 40, .8);
	border-radius: 10px;
}

.agregados-b, .agregados-bt {
	height: 60px;
	line-height: 60px;
	background-color: rgba(255, 0, 0, 0.7);
	border-radius: 10px 10px 0 0;
	
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.05);

	/*border: 3px solid rgba(255, 71, 40, .8);*/

}
.agregados-b {
	backdrop-filter: blur(10px);
}

.agregados-b h2 {
	color: #fff;
	text-shadow: 2px 2px 2px rgba(255, 71, 40, .8);
}

.sizes {
	display: flex;
	justify-content: center;
	font-size: 1.5rem;
	margin-top: 10px;
}

.sizes h1 {
	color: rgba(255, 255, 0, 0.7);
}
.ppp {
	margin-top: -3px;
}

.agregados-c {
	height: 110px;
	width: 100%;

	background: rgba(255, 255, 255, 0.1);
  	backdrop-filter: blur(10px);
  	overflow: hidden;
/*	border: 2px solid #333;*/
	border-radius: 0 0 10px 10px;	

}

.agregados-c .h2{
	line-height: 110px;
	font-size: 30px;
	font-family: 'Rockstar', sans-serif;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(255, 71, 40, .8);
}

.agregados-c ul {
	display: flex;
	justify-content: center;

}

.agregados {
	font-size: 35px;
	font-family: 'Rockstar', sans-serif;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(255, 71, 40, .8);
}
.nuevo {
	display: flex;
	justify-content: center;
}

.cuadrado {
	background-color: rgba(255, 71, 40, .2);
	border: 1px solid rgba(255, 71, 40, .8);
	padding: 5px 20px;
	margin: 10px 10px;
	border-radius: 15px;
	line-height: 60px;
}

.animacion1 {
    position: absolute;
    float: left;
    right: -100px;
    top: 0px;
    width: auto;
    filter: drop-shadow(70px 45px 6px rgba(103, 102, 102, 0.5));
    /*height: 150px;
    *//*height: 100%;
    *//*background-color: rgb(0, 132, 255);
    */animation: volando 20s linear infinite;
    -webkit-animation: volando 20s linear infinite;
    -webkit-filter: drop-shadow(70px 45px 6px rgba(103, 102, 102, 0.5));
}
  
@keyframes volando {
  from {
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
  }
to {
    transform: translateX(-2000px);
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
  }
}




@media only screen and (max-width: 1500px) {
.agregados {
	font-size: 22px;
}

.agregados-c .h2{
	font-size: 20px;
}
.oferta, .cuadro-oferta  {
	width: 90%;
}	
.cuadro-oferta h2 {
	font-size: 30px;
}
}
@media only screen and (max-width: 1200px) {

.con-sec1 {
	height: 170px;
}
.agregados-c {
	height: 110px;
}

.agregados {
	font-size: 18px;
}

.oferta, .cuadro-oferta  {	
	width: 95%;
}

.oferta h2 {
	font-size: 20px;
}

.cuadro-oferta h2 {
	font-size: 20px;
}

}

@media only screen and (max-width: 1020px) {

.agregados-b .h1 {
	font-size: 25px;
}

.con-sec1 {
	height: 360px;
}
.agregados-c {
	height: 300px;
	padding-top: 0px;
}

.ppp {
	margin-top: -10px;
}

.agregados-c ul {
	margin-left: 10%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	
}
.cuadrado {
	width: 80%;
}

.agregados-c .h2{
	line-height: 200px;
	font-size: 20px;
}

.sizes {
	font-size: 1.2rem;
}
}


@media only screen and (max-width: 600px) {
.agregados-b .h1 {
	font-size: 25px;
}

.con-sec1 {
	height: 360px;
}
.agregados-c {
	height: 300px;
	padding-top: 0px;
}

.ppp {
	margin-top: -10px;
}

.agregados-c ul {
	margin-left: -1%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	
}

.cuadrado {
	width: 80%;
}

.oferta h2 {
	line-height: 35px;
}

.cuadro-oferta h2 {
	line-height: 60px;
	font-size: 30px;
}

.agregados {
	font-size: 23px;
}
.sizes {
	font-size: 1rem;
}
}


@media only screen and (max-width: 517px) {
.agregados-b .h1 {
	font-size: 20px;
}

.con-sec1 {
	height: 360px;
}
.agregados-c {
	height: 300px;
	padding-top: 0px;
}

.ppp {
	margin-top: -10px;
}

.agregados-c ul {
	margin-left: -3.5%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	
}

.cuadrado {
	width: 80%;
}

.oferta h2 {
	line-height: 35px;
}

.cuadro-oferta h2 {
	line-height: 60px;
	font-size: 30px;
}

.agregados {
	font-size: 16px;
}

}

@media only screen and (max-width: 417px) {
.agregados-b .h1 {
	font-size: 18px;
}
.agregados-c ul {
	margin-left: -8%;	
}


}


@media only screen and (max-width: 380px) {

.agregados-b .h1 {
	font-size: 18px;
}

.agregados-c ul {
	margin-left: -8%;	
}
.agregados {
	font-size: 14px;
}


}