@charset "utf-8";
/* CSS Document  font-family: 'Rubik', sans-serif; */

@font-face {
 font-family: "LEMONMILK-Medium";
 src: url("LEMONMILK-Medium.otf");
}
html{  scroll-behavior: smooth; background:#000 }

body{ font-family: 'Arsenal', sans-serif; padding: 0px;	margin: 0px; color:#232323; background:#000 }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;  }
#contenedor00{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:#000 }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#contenedor3{	width:50%;	border: 0px solid #F60;	margin: 4% auto 5%; overflow:hidden; background:#000; padding:2%; }


#hea{min-height:172px;  width:90%; position:absolute; z-index:1000 }

#logo{float:left; width:176px; border: 0px solid #f60;  margin-bottom:10PX; margin-top:10PX; display:none;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:20px}

p, #binetas{font-size:20px; line-height:1.3; color:#232323; font-weight:300}

.banner1{background: url(../img/home/CaraChupa%20web-background%20ABOUT%20US.png) fixed; background-size:100%; background-attachment:fixed}
a.botones1{font-family:font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:40px; color:#FFF; border:2px solid #FFF; width:400px; line-height:2; text-align:center;  padding:1.5% 2%; text-shadow: 0.1em 0.1em 0.2em black}
a.botones1:hover{ color:#A50079; border:2px solid #A50079; }
#fecha{width:50px}

#follow{width:25%}
#titu1{color:#A50079; font-family: 'Bebas Neue', sans-serif;; font-size:70px; line-height:1.3;  letter-spacing: 1px;  font-weight:800; margin-bottom:0px; margin-top:50px; text-shadow: 5px 5px 2px #000000; border:0px solid #f00}
#rds{width:70px; margin:1%}

#mexican{width:40%}
#cua1-beer1q{width:33%;  float:left; font-size: 22px; font-weight:600; line-height:1.5;  }
#cua1-beer1q img{width:65%;}

a.boton1{background:#FF6600; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px;  font-family: 'Arsenal', sans-serif; text-transform: uppercase; }
a.boton1:hover{background:#54B948; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px; text-transform: uppercase;}

.bg1{background:url(../img/home/CaraChupa%20web-background.png) fixed; background-size:100%; background-attachment:fixed}
.bg11{background:url(../img/Shopify/Mas%20grandes/carachupa-pattern3.png) fixed; background-size:100%; background-attachment:fixed}

#txt1{font-size:25px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}

#about1{ width:50%; float:left;}
#about2{ width:45%; float:right; margin-top:0%}
#about-titu{width:55%}

#separador1{width:100%; height:70px}
#separador2{width:100%; height:40px}
#separador3{margin-bottom:52%; border:0px solid#00F}
#separador4{width:100%; height:150px}

a{ color: #333;	text-decoration: none;	}
a:hover{ color: #A2007D; 	}

.bg-fotter{background-color: #000; background:url(../img/footer/banner1.png); background-size:100%; }

#txt2{font-size:25px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}
#news-titu{width:75%}
#conta-titu{width:55%}

#conta1{width:45%; padding-right:5%; float:left; border-right:2px solid#FFF}
#conta2{width:45%; float:right; border:0px solid #09F; }

#buu{height:35px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; font-family:font-family: 'Bebas Neue', sans-serif; color:#666; font-size:15px;  margin-bottom:12px;}
.boton_enviar2 {font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:30px; color:#FFF; border:2px solid #FFF; width:130px; line-height:1.2; text-align:center;  padding:1% 0.5%; text-shadow: 0.1em 0.1em 0.2em black; background:#000}

#f1{float:left; width:33%; text-align:left; font-size:22px; color:#000; font-weight:700;  line-height:1.2; margin-top:-17%; margin-bottom:0px; position:absolute; z-index:10000;}
#f1 img{ width:200px; }
#f2{float:left; width:34%; text-align:center;  font-size:22px; color:#000; font-weight:700; line-height:1.2; margin-top:-10%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:28%}
#f3{float:left; width:33%; text-align:right; font-size:22px; color:#000; font-weight:700; line-height:1.2; margin-top:-12%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:57%}
.foot{display:none}

#f11{float:left; width:33%; text-align:left; font-size:22px; color:#000; font-weight:700;  line-height:1.2; margin-top:0px; margin-bottom:0px}
#f11 img{ width:200px; }
#f22{float:left; width:34%; text-align:center;  font-size:22px; color:#000; font-weight:700; line-height:1.2; margin-top:30px;}
#f33{float:left; width:33%; text-align:right; font-size:22px; color:#000; font-weight:700; line-height:1.2; margin-top:40px;}

.bg2{background:url(../img/home/CaraChupa%20web-background.png); background-size:100%; background-attachment:fixed}
#cua11{width:30%;  float:left; font-size: 18px; font-weight:300; line-height:1.5; margin-top:30px }
#cua22{width:60%; float:right; font-size: 18px; font-weight:300; line-height:1.5;   }

#titu11{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:50px; line-height:1;  letter-spacing: 0px;  font-weight:800; margin-bottom:35px}
#txt2{font-size:25px; line-height:1.3; color:#fff; font-weight:400; margin-top:20px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}

#cont1{height:35px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#FF6600; color:#fff; font-size:18px; font-weight:600; padding:5px 10px; border:0px; letter-spacing: 1px; font-family: 'Arsenal', sans-serif;  }

.foo:hover{ animation: animated_div2 5s infinite;
-moz-animation: animated_div2 2s infinite;
-webkit-animation: animated_div2 2s infinite;
-o-animation: animated_div2 2s infinite;
border-radius: 5px;
-webkit-border-radius: 5px;
}

@keyframes animated_div2
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes animated_div2
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes animated_div2
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}

@-o-keyframes animated_div2
{
0% {transform: rotate(0deg);left:0px;}
25% {transform: rotate(5deg);left:0px;}
50% {transform: rotate(0deg);left:0px;}
60% {transform: rotate(-5deg);left:0px;}
70% {transform: rotate(0deg);left:0px;}
100% {transform: rotate(-360deg);left:0px;}
}




/* a partir de aqui el CSS de las animaciones */

@keyframes anim-fade-in { from { opacity: 0; } to { opacity: 1 } }

@keyframes anim-up { 
	from { opacity: 0; transform: translateY(100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-down { 
	from { opacity: 0; transform: translateY(-100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-left { 
	from { opacity: 0; transform: translateX(100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}		

@keyframes anim-right { 
	from { opacity: 0; transform: translateX(-100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}
.anim-up, .anim-down, .anim-left, .anim-right, .anim-fade-in {
	animation-duration: 1s; /* la animacion dura X segundos */
	animation-delay: 0.5s; /* esperamos X segundos antes de hacer la animacion */			
	animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-up { animation-name: anim-up; }
.anim-down { animation-name: anim-down; }
.anim-left { animation-name: anim-left; }
.anim-right { animation-name: anim-right; }
.anim-fade-in { animation-name: anim-fade-in; }

.anim-pause-2 { animation-delay: 1s; } /* la animacion empieza en 2 seg. */		
.anim-pause-3 { animation-delay: 3s; } /* la animacion empieza en 3 seg. */
.anim-pause-4 { animation-delay: 4s; } /* la animacion empieza en 4 seg. */
.anim-pause-5 { animation-delay: 5s; } /* la animacion empieza en 5 seg. */

/* todas las animaciones pausadas */
.paused * { 
	animation-play-state: paused;
}


#pro1{width:50%; float:left; text-align:center}
#pro1 img{width:70%; text-align:center}

@media screen and (min-width: 1050px) and (max-width: 1199px) {
#contenedor1{	width:90%;	border: 0px solid #F00;	margin: 0px auto 0px;	overflow:hidden; }

#hea{min-height:172px;  width:90%; position:absolute; z-index:1000 }

#logo{float:left; width:176px; border: 0px solid #f60;  margin-bottom:10PX; margin-top:10PX; display:none;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:20px}

p, #binetas{font-size:20px; line-height:1.3; color:#232323; font-weight:300}

.banner1{background: url(../img/home/CaraChupa%20web-background%20ABOUT%20US.png) fixed; background-size:100%; background-attachment:fixed}
a.botones1{font-family:font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:35px; color:#FFF; border:2px solid #FFF; width:400px; line-height:2; text-align:center;  padding:1.5% 2%; text-shadow: 0.1em 0.1em 0.2em black}
a.botones1:hover{ color:#A50079; border:2px solid #A50079; }


#titu1{color:#A50079; font-family: 'Bebas Neue', sans-serif;; font-size:60px; line-height:1.3;  letter-spacing: 1px;  font-weight:800; margin-bottom:0px; margin-top:50px; text-shadow: 5px 5px 2px #000000; border:0px solid #f00}
#rds{width:70px; margin:1%}

#cua1-beer1q{width:33%;  float:left; font-size: 21px; font-weight:600; line-height:1.5;  }
#cua1-beer1q img{width:65%;}

a.boton1{background:#FF6600; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px;  font-family: 'Arsenal', sans-serif; text-transform: uppercase; }
a.boton1:hover{background:#54B948; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px; text-transform: uppercase;}

.bg1{background:url(../img/home/CaraChupa%20web-background.png) fixed; background-size:100%; background-attachment:fixed}
.bg11{background:url(../img/Shopify/Mas%20grandes/carachupa-pattern3.png) fixed; background-size:100%; background-attachment:fixed}

#txt1{font-size:22px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}

#about1{ width:50%; float:left;}
#about2{ width:45%; float:right; margin-top:0%}
#about-titu{width:55%}

#separador1{width:100%; height:70px}
#separador2{width:100%; height:40px}
#separador3{margin-bottom:43%; border:0px solid#00F}
#separador4{width:100%; height:150px}

a{ color: #333;	text-decoration: none;	}
a:hover{ color: #A2007D; 	}

.bg-fotter{background-color: #000; background:url(../img/footer/banner1.png); background-size:100%}
#txt2{font-size:25px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}
#news-titu{width:85%}
#conta-titu{width:55%}

#conta1{width:45%; padding-right:5%; float:left; border-right:2px solid#FFF}
#conta2{width:45%; float:right; border:0px solid #09F; }

#buu{height:35px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; font-family:font-family: 'Bebas Neue', sans-serif; color:#666; font-size:15px;  margin-bottom:12px;}
.boton_enviar2 {font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:30px; color:#FFF; border:2px solid #FFF; width:130px; line-height:1.2; text-align:center;  padding:1% 0.5%; text-shadow: 0.1em 0.1em 0.2em black; background:#000}

#f1{float:left; width:33%; text-align:left; font-size:22px; color:#000; font-weight:700;  line-height:1.2; margin-top:-17%; margin-bottom:0px; position:absolute; z-index:10000;}
#f1 img{ width:200px; }
#f2{float:left; width:34%; text-align:center;  font-size:22px; color:#000; font-weight:700; line-height:1.2; margin-top:-10%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:28%}
#f3{float:left; width:33%; text-align:right; font-size:22px; color:#000; font-weight:700; line-height:1.2; margin-top:-12%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:57%}
.foot{display:none}

.bg2{background:url(../img/home/CaraChupa%20web-background.png); background-size:100%; background-attachment:fixed}
#titu4{color:#020202; font-family: 'Arsenal', sans-serif; font-size:45px; line-height:1;  letter-spacing: 1px;  font-weight:400;}
#titu5{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:70px; line-height:1.5;  letter-spacing: 1px;  font-weight:800;}


#cont1{height:35px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#FF6600; color:#fff; font-size:18px; font-weight:600; padding:5px 10px; border:0px; letter-spacing: 1px; font-family: 'Arsenal', sans-serif;  }

#titu11{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:45px; line-height:1;  letter-spacing: 0px;  font-weight:800; margin-bottom:35px}
#txt2{font-size:23px; line-height:1.3; color:#fff; font-weight:400; margin-top:20px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}
}

@media screen and (min-width: 800px) and (max-width: 1049px) {
#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:70%;	border: 0px solid #F60;	margin: 4% auto 5%; overflow:hidden; background:#000; padding:2%; }


#hea{min-height:172px;  width:90%; position:absolute; z-index:1000 }

#logo{float:left; width:176px; border: 0px solid #f60;  margin-bottom:10PX; margin-top:10PX; display:none;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:20px}

p, #binetas{font-size:20px; line-height:1.3; color:#232323; font-weight:300}

.banner1{background: url(../img/home/CaraChupa%20web-background%20ABOUT%20US.png) fixed; background-size:120%; background-attachment:fixed; background-position:-100px}
a.botones1{font-family:font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:30px; color:#FFF; border:2px solid #FFF; width:400px; line-height:2; text-align:center;  padding:1.5% 2%; text-shadow: 0.1em 0.1em 0.2em black}
a.botones1:hover{ color:#A50079; border:2px solid #A50079; }
#fecha{width:45px}

#follow{width:35%}
#titu1{color:#A50079; font-family: 'Bebas Neue', sans-serif;; font-size:55px; line-height:1.3;  letter-spacing: 1px;  font-weight:800; margin-bottom:0px; margin-top:50px; text-shadow: 5px 5px 2px #000000; border:0px solid #f00}
#rds{width:70px; margin:1%}

#mexican{width:50%}
#cua1-beer1q{width:33%;  float:left; font-size: 22px; font-weight:600; line-height:1.5;  }
#cua1-beer1q img{width:65%;}

a.boton1{background:#FF6600; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px;  font-family: 'Arsenal', sans-serif; text-transform: uppercase; }
a.boton1:hover{background:#54B948; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px; text-transform: uppercase;}

.bg1{background:url(../img/home/CaraChupa%20web-background.png) fixed; background-size:100%; background-attachment:fixed}
.bg11{background:url(../img/Shopify/Mas%20grandes/carachupa-pattern3.png) fixed; background-size:100%; background-attachment:fixed}

#txt1{font-size:22px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}

#about1{ width:50%; float:left;}
#about2{ width:45%; float:right; margin-top:0%}
#about-titu{width:65%}

#separador1{width:100%; height:70px}
#separador2{width:100%; height:40px}
#separador3{margin-bottom:43%; border:0px solid#00F}
#separador4{width:100%; height:150px}

a{ color: #333;	text-decoration: none;	}
a:hover{ color: #A2007D; 	}

.bg-fotter{background-color: #000; background:url(../img/footer/banner1.png); background-size:100%; background-position:0 0px}
#txt2{font-size:25px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}
#news-titu{width:85%}
#conta-titu{width:55%}

#conta1{width:45%; padding-right:5%; float:left; border-right:2px solid#FFF}
#conta2{width:45%; float:right; border:0px solid #09F; }

#buu{height:35px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; font-family:font-family: 'Bebas Neue', sans-serif; color:#666; font-size:15px;  margin-bottom:12px;}
.boton_enviar2 {font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:25px; color:#FFF; border:2px solid #FFF; width:130px; line-height:1.2; text-align:center;  padding:1% 0.5%; text-shadow: 0.1em 0.1em 0.2em black; background:#000}

#f1{float:left; width:33%; text-align:left; font-size:20px; color:#000; font-weight:700;  line-height:1.2; margin-top:-19%; margin-bottom:0px; position:absolute; z-index:10000;}
#f1 img{ width:150px; }
#f2{float:left; width:34%; text-align:center;  font-size:20px; color:#000; font-weight:700; line-height:1.2; margin-top:-12%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:28%}
#f3{float:left; width:33%; text-align:right; font-size:20px; color:#000; font-weight:700; line-height:1.2; margin-top:-14%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:57%}
#f3 img{ width:100px; }
.foot{display:none}

#f11{float:left; width:33%; text-align:left; font-size:0px; color:#000; font-weight:700;  line-height:1.2; margin-top:0px; margin-bottom:0px}
#f11 img{ width:200px; }
#f22{float:left; width:34%; text-align:center;  font-size:20px; color:#000; font-weight:700; line-height:1.2; margin-top:30px;}
#f33{float:left; width:33%; text-align:right; font-size:20px; color:#000; font-weight:700; line-height:1.2; margin-top:40px;}

.bg2{background:url(../img/home/CaraChupa%20web-background.png); background-size:100%; background-attachment:fixed}
#titu4{color:#020202; font-family: 'Arsenal', sans-serif; font-size:45px; line-height:1;  letter-spacing: 1px;  font-weight:400;}
#titu5{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:70px; line-height:1.5;  letter-spacing: 1px;  font-weight:800;}

#cont1{height:35px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#FF6600; color:#fff; font-size:18px; font-weight:600; padding:5px 10px; border:0px; letter-spacing: 1px; font-family: 'Arsenal', sans-serif;  }

#titu11{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:38px; line-height:1;  letter-spacing: 0px;  font-weight:800; margin-bottom:35px}
#txt2{font-size:22px; line-height:1.3; color:#fff; font-weight:400; margin-top:20px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}
}



@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	width:90%;	border: 0px solid #0F0;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:70%;	border: 0px solid #F60;	margin: 10% auto 10%; overflow:hidden; background:#000; padding:2%; }

#hea{min-height:172px;  width:90%; position:absolute; z-index:1000 }

#logo{float:left; width:176px; border: 0px solid #f60;  margin-bottom:10PX; margin-top:10PX; display:none;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:20px}

p, #binetas{font-size:20px; line-height:1.3; color:#232323; font-weight:300}

.banner1{background: url(../img/home/CaraChupa%20web-background%20ABOUT%20US.png) fixed; background-size:145%; background-attachment:fixed; background-position:-100px;}
a.botones1{font-family:font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:25px; color:#FFF; border:2px solid #FFF; width:400px; line-height:2; text-align:center;  padding:1.5% 2%; text-shadow: 0.1em 0.1em 0.2em black}
a.botones1:hover{ color:#A50079; border:2px solid #A50079; }
#fecha{width:38px}
#bann{margin-top:25px}

#follow{width:35%}
#titu1{color:#A50079; font-family: 'Bebas Neue', sans-serif;; font-size:40px; line-height:1.3;  letter-spacing: 1px;  font-weight:800; margin-bottom:0px; margin-top:65px; text-shadow: 5px 5px 2px #000000; border:0px solid #f00}
#rds{width:70px; margin:1%}

#mexican{width:50%}
#cua1-beer1q{width:33%;  float:left; font-size: 22px; font-weight:600; line-height:1.5;  }
#cua1-beer1q img{width:75%;}

a.boton1{background:#FF6600; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px;  font-family: 'Arsenal', sans-serif; text-transform: uppercase; }
a.boton1:hover{background:#54B948; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px; text-transform: uppercase;}

.bg1{background:url(../img/home/CaraChupa%20web-background.png) fixed; background-size:100%; background-attachment:fixed}
.bg11{background:url(../img/Shopify/Mas%20grandes/carachupa-pattern3.png) fixed; background-size:100%; background-attachment:fixed}

#txt1{font-size:20px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}

#about1{ width:100%; float:left;}
#about2{ width:70%; float:right; margin-top:0%; margin-right:15%;}
#about-titu{width:40%; }


#separador1{width:100%; height:40px}
#separador2{width:100%; height:20px}
#separador3{margin-bottom:25%; border:0px solid#00F}
#separador4{width:100%; height:128px}

a{ color: #333;	text-decoration: none;	}
a:hover{ color: #A2007D; 	}

.bg-fotter{background-color: #000; background:url(../img/footer/banner1.png);  background-size:100%; background-position: 0 370Px}
#txt2{font-size:25px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}
#news-titu{width:70%}
#conta-titu{width:55%}

#conta1{width:100%; padding-right:5%; float:left; border-right:2px solid#FFF}
#conta2{width:100%; float:right; border:0px solid #09F; }

#buu{height:35px; background:#FFF; width:85%; border:1px solid #ddd; margin-bottom:5PX; font-family:font-family: 'Bebas Neue', sans-serif; color:#666; font-size:15px;  margin-bottom:12px;}
.boton_enviar2 {font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:20px; color:#FFF; border:2px solid #FFF; width:100px; line-height:1.2; text-align:center;  padding:1% 0.5%; text-shadow: 0.1em 0.1em 0.2em black; background:#000}

#f1{float:left; width:25%; text-align:left; font-size:18px; color:#000; font-weight:700;  line-height:1.2; margin-top:-25%; margin-bottom:0px; position:absolute; z-index:10000;}
#f1 img{ width:150px; }
#f2{float:left; width:34%; text-align:center;  font-size:18px; color:#000; font-weight:700; line-height:1.2; margin-top:-12%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:25%}
#f3{float:left; width:33%; text-align:right; font-size:18px; color:#000; font-weight:700; line-height:1.2; margin-top:-14%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:57%}
#f3 img{ width:80px; }
.foot{display:none}

#f11{float:left; width:33%; text-align:left; font-size:18px; color:#000; font-weight:700;  line-height:1.2; margin-top:0px; margin-bottom:0px}
#f11 img{ width:150px; }
#f22{float:left; width:34%; text-align:center;  font-size:18px; color:#000; font-weight:700; line-height:1.2; margin-top:20px;}
#f33{float:left; width:33%; text-align:right; font-size:18px; color:#000; font-weight:700; line-height:1.2; margin-top:40px;}
#f33 img{ width:80px; }

.bg2{background:url(../img/home/CaraChupa%20web-background.png); background-size:100%; background-attachment:fixed}
#titu4{color:#020202; font-family: 'Arsenal', sans-serif; font-size:45px; line-height:1;  letter-spacing: 1px;  font-weight:400;}
#titu5{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:70px; line-height:1.5;  letter-spacing: 1px;  font-weight:800;}

#cont1{height:35px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#FF6600; color:#fff; font-size:18px; font-weight:600; padding:5px 10px; border:0px; letter-spacing: 1px; font-family: 'Arsenal', sans-serif;  }

#titu11{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:30px; line-height:1;  letter-spacing: 0px;  font-weight:800; margin-bottom:25px}
#txt2{font-size:20px; line-height:1.3; color:#fff; font-weight:400; margin-top:20px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}

.bg2{background:url(../img/home/CaraChupa%20web-background.png); background-size:100%; background-attachment:fixed}
#cua11{width:34%;  float:left; font-size: 18px; font-weight:300; line-height:1.5; margin-top:30px; margin-left:32%; margin-bottom:40px; }
#cua22{width:100%; float:right; font-size: 18px; font-weight:300; line-height:1.5;   }


}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{	width:90%;	border: 0px solid #f00;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:80%;	border: 0px solid #F60;	margin: 15% auto 15%; overflow:hidden; background:#000; padding:2%; }

#hea{min-height:172px;  width:100%; position:absolute; z-index:1000 }

#logo{float:left; width:80px; border: 0px solid #f60;  margin-bottom:20PX; margin-top:20PX; display: block;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:20px}

p, #binetas{font-size:20px; line-height:1.3; color:#232323; font-weight:300}

.banner1{background: url(../img/home/CaraChupa%20web-background%20ABOUT%20US.png) fixed; background-size:180%; background-attachment:fixed; background-position:-300px;}
a.botones1{font-family:font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:20px; color:#FFF; border:2px solid #FFF; width:400px; line-height:2; text-align:center;  padding:1.5% 2%; text-shadow: 0.1em 0.1em 0.2em black}
a.botones1:hover{ color:#A50079; border:2px solid #A50079; }
#fecha{width:30px}
#bann{margin-top:25px}

#follow{width:45%}
#titu1{color:#A50079; font-family: 'Bebas Neue', sans-serif;; font-size:30px; line-height:1.3;  letter-spacing: 1px;  font-weight:800; margin-bottom:0px; margin-top:65px; text-shadow: 5px 5px 2px #000000; border:0px solid #f00}
#rds{width:50px; margin:1%}

#mexican{width:60%}
#cua1-beer1q{width:33%;  float:left; font-size: 22px; font-weight:600; line-height:1.5;  }
#cua1-beer1q img{width:75%;}

a.boton1{background:#FF6600; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px;  font-family: 'Arsenal', sans-serif; text-transform: uppercase; }
a.boton1:hover{background:#54B948; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px; text-transform: uppercase;}

.bg1{background:url(../img/home/CaraChupa%20web-background.png) fixed; background-size:100%; background-attachment:fixed}
.bg11{background:url(../img/Shopify/Mas%20grandes/carachupa-pattern3.png) fixed; background-size:100%; background-attachment:fixed}

#txt1{font-size:18px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}

#about1{ width:100%; float:left;}
#about2{ width:70%; float:right; margin-top:0%; margin-right:15%;}
#about-titu{width:45%; }

#separador1{width:100%; height:30px}
#separador2{width:100%; height:15px}
#separador3{margin-bottom:120px; border:0px solid#00F}
#separador4{width:100%; height:150px}

a{ color: #333;	text-decoration: none;	}
a:hover{ color: #A2007D; 	}

.bg-fotter{background-color: #000; background:url(../img/footer/banner1.png) no-repeat;  background-size:100%; background-position: 0 365Px}
#txt2{font-size:20px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}
#news-titu{width:70%}
#conta-titu{width:55%}

#conta1{width:100%; padding-right:5%; float:left; border-right:2px solid#FFF}
#conta2{width:100%; float:right; border:0px solid #09F; }

#buu{height:25px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; font-family:font-family: 'Bebas Neue', sans-serif; color:#666; font-size:15px;  margin-bottom:12px;}
.boton_enviar2 {font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:20px; color:#FFF; border:2px solid #FFF; width:100px; line-height:1.2; text-align:center;  padding:1% 0.5%; text-shadow: 0.1em 0.1em 0.2em black; background:#000}

#f1{float:left; width:20%; text-align:left; font-size:16px; color:#000; font-weight:700;  line-height:1.2; margin-top:-20%; margin-bottom:0px; position:absolute; z-index:10000;}
#f1 img{ width:100px; }
#f2{float:left; width:34%; text-align:center;  font-size:16px; color:#000; font-weight:700; line-height:1.2; margin-top:-12%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:20%}
#f3{float:left; width:33%; text-align:right; font-size:16px; color:#000; font-weight:700; line-height:1.2; margin-top:-14%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:57%}
#f3 img{ width:60px; }
.foot{display:none}

#f11{float:left; width:100%; text-align:center; font-size:17px; color:#000; font-weight:700;  line-height:1.2; margin-top:0px; margin-bottom:0px}
#f11 img{ width:120px; }
#f22{float:left; width:100%; text-align:center;  font-size:17px; color:#000; font-weight:700; line-height:1.2; margin-top:0px;}
#f33{float:left; width:100%; text-align:center; font-size:17px; color:#000; font-weight:700; line-height:1.2; margin-top:20px; margin-bottom:20px}
#f33 img{ width:80px; }

.bg2{background:url(../img/home/CaraChupa%20web-background.png); background-size:100%; background-attachment:fixed}
#titu4{color:#020202; font-family: 'Arsenal', sans-serif; font-size:45px; line-height:1;  letter-spacing: 1px;  font-weight:400;}
#titu5{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:70px; line-height:1.5;  letter-spacing: 1px;  font-weight:800;}

#cont1{height:25px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#FF6600; color:#fff; font-size:18px; font-weight:600; padding:5px 10px; border:0px; letter-spacing: 1px; font-family: 'Arsenal', sans-serif;  }

#titu11{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:30px; line-height:1;  letter-spacing: 0px;  font-weight:800; margin-bottom:25px}
#txt2{font-size:18px; line-height:1.3; color:#fff; font-weight:400; margin-top:20px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}

.bg2{background:url(../img/home/CaraChupa%20web-background.png); background-size:100%; background-attachment:fixed}
#cua11{width:50%;  float:left; font-size: 18px; font-weight:300; line-height:1.5; margin-top:30px; margin-left:25%; margin-bottom:40px; }
#cua22{width:100%; float:right; font-size: 18px; font-weight:300; line-height:1.5;   }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{	width:90%;	border: 0px solid #f00;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:80%;	border: 0px solid #F60;	margin: 15% auto 15%; overflow:hidden; background:#000; padding:2%; }

#hea{min-height:172px;  width:100%; position:absolute; z-index:1000 }

#logo{float:left; width:65px; border: 0px solid #f60;  margin-bottom:20PX; margin-top:20PX; display: block;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:20px}

p, #binetas{font-size:20px; line-height:1.3; color:#232323; font-weight:300}

.banner1{background: url(../img/home/CaraChupa%20web-background%20ABOUT%20US.png) fixed; background-size:271%; background-attachment:fixed; background-position:-350px;}
a.botones1{font-family:font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:18px; color:#FFF; border:2px solid #FFF; width:400px; line-height:2; text-align:center;  padding:1.5% 2%; text-shadow: 0.1em 0.1em 0.2em black}
a.botones1:hover{ color:#A50079; border:2px solid #A50079; }
#fecha{width:25px}
#bann{margin-top:25px}

#follow{width:45%}
#titu1{color:#A50079; font-family: 'Bebas Neue', sans-serif;; font-size:30px; line-height:1.3;  letter-spacing: 1px;  font-weight:800; margin-bottom:0px; margin-top:40px; text-shadow: 5px 5px 2px #000000; border:0px solid #f00}
#rds{width:50px; margin:1%}

#mexican{width:60%}
#cua1-beer1q{width:33%;  float:left; font-size: 22px; font-weight:600; line-height:1.5;  }
#cua1-beer1q img{width:80%;}

a.boton1{background:#FF6600; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px;  font-family: 'Arsenal', sans-serif; text-transform: uppercase; }
a.boton1:hover{background:#54B948; color:#fff; font-size:16px; font-weight:700; padding:12px; letter-spacing: 1px; text-transform: uppercase;}

.bg1{background:url(../img/home/CaraChupa%20web-background.png) fixed; background-size:100%; background-attachment:fixed}
.bg11{background:url(../img/Shopify/Mas%20grandes/carachupa-pattern3.png) fixed; background-size:100%; background-attachment:fixed}

#txt1{font-size:16px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}

#about1{ width:100%; float:left;}
#about2{ width:70%; float:right; margin-top:0%; margin-right:15%;}
#about-titu{width:45%; }

#separador1{width:100%; height:30px}
#separador2{width:100%; height:15px}
#separador3{margin-bottom:78px; border:0px solid#00F}
#separador4{width:100%; height:150px}

a{ color: #333;	text-decoration: none;	}
a:hover{ color: #A2007D; 	}

.bg-fotter{background-color: #000; background:url(../img/footer/banner1.png) no-repeat;  background-size:100%; background-position: 0 335Px}
#txt2{font-size:20px; line-height:1.3; color:#fff; font-weight:400; margin-top:0px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}
#news-titu{width:70%}
#conta-titu{width:55%}

#conta1{width:100%; padding-right:5%; float:left; border-right:2px solid#FFF}
#conta2{width:100%; float:right; border:0px solid #09F; }

#buu{height:25px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; font-family:font-family: 'Bebas Neue', sans-serif; color:#666; font-size:15px;  margin-bottom:12px;}
.boton_enviar2 {font-family: 'Bebas Neue', sans-serif; font-weight:400; font-size:20px; color:#FFF; border:2px solid #FFF; width:100px; line-height:1.2; text-align:center;  padding:1% 0.5%; text-shadow: 0.1em 0.1em 0.2em black; background:#000}

#f1{float:left; width:50%; text-align:left; font-size:14px; color:#000; font-weight:700;  line-height:1.2; margin-top:-28%; margin-bottom:0px; position:absolute; z-index:10000;}
#f1 img{ width:80px; }
#f2{float:left; width:50%; text-align:left;  font-size:14px; color:#000; font-weight:700; line-height:1.2; margin-top:-8%;  position:absolute; z-index:10000; margin-left:0%}
#f3{float:left; width:50%; text-align:right; font-size:14px; color:#000; font-weight:700; line-height:1.2; margin-top:-14%; margin-bottom:0px; position:absolute; z-index:10000; margin-left:40%}
#f3 img{ width:50px; }
.foot{display:none}

#f11{float:left; width:100%; text-align:center; font-size:15px; color:#000; font-weight:700;  line-height:1.2; margin-top:0px; margin-bottom:0px}
#f11 img{ width:100px; }
#f22{float:left; width:100%; text-align:center;  font-size:15px; color:#000; font-weight:700; line-height:1.2; margin-top:0px;}
#f33{float:left; width:100%; text-align:center; font-size:15px; color:#000; font-weight:700; line-height:1.2; margin-top:20px; margin-bottom:20px}
#f33 img{ width:60px; }

.bg2{background:url(../img/home/CaraChupa%20web-background.png); background-size:100%; background-attachment:fixed}
#titu4{color:#020202; font-family: 'Arsenal', sans-serif; font-size:45px; line-height:1;  letter-spacing: 1px;  font-weight:400;}
#titu5{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:70px; line-height:1.5;  letter-spacing: 1px;  font-weight:800;}

#cont1{height:25px; background:#FFF; width:98%; border:1px solid #ddd; margin-bottom:5PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#FF6600; color:#fff; font-size:18px; font-weight:600; padding:5px 10px; border:0px; letter-spacing: 1px; font-family: 'Arsenal', sans-serif;  }

#titu11{color:#A50079; font-family: 'Bebas Neue', sans-serif; font-size:25px; line-height:1;  letter-spacing: 0px;  font-weight:800; margin-bottom:25px}
#txt2{font-size:17px; line-height:1.3; color:#fff; font-weight:400; margin-top:20px; margin-bottom:20px; font-family: 'Arsenal', sans-serif;}

.bg2{background:url(../img/home/CaraChupa%20web-background.png); background-size:100%; background-attachment:fixed}
#cua11{width:50%;  float:left; font-size: 16px; font-weight:300; line-height:1.5; margin-top:0px; margin-left:25%; margin-bottom:40px; }
#cua22{width:100%; float:right; font-size: 16px; font-weight:300; line-height:1.5;   }
}