.dm-sans-bold {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: bold;
}
.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

*{
	scroll-behavior: smooth;
	font-family: "DM Sans", sans-serif;
	margin:0;
	padding:0;
}

body{
	overflow-x:hidden;

}
#frase{
	background-color:#ff3a29;
	color:white;
}
.wrapper{
	max-width: 1444px;
	position:relative;
	margin:0 auto;
}
.container{
	position:relative;
	float:left;
	width:100%;
}
.in{
	position:relative;
	float:left;
	width:90%;
	left:5%;
}
.in-2{
	position:relative;
	float:left;
	width:95%;
	left:2.5%;
}
.in-22{
	position:relative;
	float:left;
	width:95%;
}
.in-3{
	position:relative;
	float:left;
	width:98%;
	left:1%;
}
.mar-80{
	margin-top:60px;
	margin-bottom:60px;
}
.mar-60{
	margin-top:100px;
	margin-bottom:100px;
}
.mar-40{
	margin-top:40px;
	margin-bottom:40px;
}
.mar-30{
	margin-top:30px;
	margin-bottom:30px;
}
.mar-20{
	margin-top:20px;
	margin-bottom:20px;
}
.mar-10{
	margin-top:10px;
	margin-bottom:10px;
}
.mar-15{
	margin-top:15px;
	margin-bottom:15px;
}
.mart-20{
	margin-top:20px;
}
.mart-40{
	margin-top:65px;
	margin-bottom: -8px;
}
.txt-cnt{
	text-align:center;
}
.txt-rig{
	text-align:right;
}
.txt-jus{
	text-align:justify;
}
.txt-lft{
	text-align:left;
}
#header{
	background-color:#4cb3ef;
	color:white;
}
.logo{
	position:relative;
	float:left;
	width:25%;
}
.logo img{
	max-width:100%;
}
.menu{
	position:relative;
	float:left;
	width:60%;
}
.menu a{
	color: white;
    margin-left: 20px;
    margin-right: 20px;
    text-decoration: none;
    font-size: 20px;
}
.telefono{
	position:relative;
	float:left;
	width:10%;
}
.telefono img{
	max-width:65px;
}
#productos h2{
	font-family: "Bebas Neue", sans-serif;
    color: #004aad;
    font-size: 80px;
    font-weight: 300;
}
.col50{
	position:relative;
	float:left;
	width:50%;
}
.col25{
	position:relative;
	float:left;
	width:25%;
	text-align:center;
	margin-bottom:15px;
}
.col25 img{
	max-width:90%;
}
#productos{
	background-image:url('../imagenes/fondo_productos.png');
	background-size:cover;
}
#banner_productos_limpieza{
	background-image:url('../imagenes/fondo_servicios.png');
	background-size:cover;
}
#banner_productos_limpieza h2{
	font-family: "Bebas Neue", sans-serif;
    color: #000000;
    font-size: 55px;
    font-weight: 300;
}
.col33{
	position:relative;
	float:left;
	width:33.33%;
	text-align:center;
}
.col33 img{
	max-width:90%;
}
.col33 h3{
	font-size:32px;
}
#banner_mascotas{
	background-image:url('../imagenes/fondo_animales.png');
	background-size:cover;
	color:white;
}
.col30{
	position:relative;
	float:left;
	width:30%;
}
.col30 img{
	max-width:100%;
}
.mar-esp{
	margin-top: 220px;
}
.col70{
	position:relative;
	float:left;
	width:70%;
}
.col70 h2{
	font-family: "Bebas Neue", sans-serif;
    font-size: 55px;
    font-weight: 400;
}
.col70 img{
	max-width:90%;
}
#contacto{
	background-image:url('../imagenes/fondo_contacto.png');
	background-size:cover;
	color:white;
}
#contacto h2{
	font-family: "Bebas Neue", sans-serif;
    font-size: 50px;
    font-weight: 400;
	text-shadow: 1px 1px 2px black;
}
.col60{
	position:relative;
	float:left;
	width:60%;
}
.formulario{
	position: relative;
    float: left;
    width: 100%;
    background-color: #4ac2db;
    color: white;
	border-radius: 10px;
    font-size: 17px;
}
.form50{
	position: relative;
    float: left;
    width: 50%;
}
.inf{
	position:relative;
	width:95%;
}
.lft5{
	margin-left:5%;
}
.inp{
	width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid white;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 5px;
	-webkit-box-shadow: 2px 7px 15px -2px #939393; 
	box-shadow: 2px 7px 15px -2px #939393;
	border-radius: 10px;
}
.ara{
	width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid white;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 5px;
	-webkit-box-shadow: 2px 7px 15px -2px #939393; 
	box-shadow: 2px 7px 15px -2px #939393;
	border-radius: 10px;
}
.send{
	color:#6532c9;
	margin-top:20px;
	background-color: white;
    padding: 8px 24px;
    font-size: 18px;
    border: 1px solid white;
	-webkit-box-shadow: 2px 7px 15px -2px #939393; 
	box-shadow: 2px 7px 15px -2px #939393;
	border-radius: 10px;
}
#footer{
	background-color:#004aad;
	color:white;
}
.col-45{
	position:relative;
	float:left;
	width:45%;
}
.col-25{
	position:relative;
	float:left;
	width:25%;
}
.menuresponsive{
	display:none;
}
.accordion2 {
    background-color: rgb(255 255 255 / 0%);
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
    font-size: 20px;
	color:white;
}

.accordion2.active, button.accordion2:hover {
  
}

.accordion2:after {
    /*content: '\002B';*/
    color: black;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion2.active:after {
    /*content: "\2212";*/
}

.panel2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color:white;
	text-align:left
}
.lnk{
	width: 100%;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 18px;
	border: none;
	background: rgb(255 255 255 / 0%);
	font-weight: bold;
	box-sizing: border-box;
	padding-left:10px;
	color: white;
}
.lnk:hover{
	background-color:#0f4666;
	color:white;
}
@media screen and (max-width: 1070px){
	.col-45{
		width:100%;
	}
}
@media screen and (max-width: 1060px){
	.col50{
		width:100%;
	}
}
@media screen and (max-width: 985px){
	.logo{
		width:100%;
		text-align:center;
		padding-top:20px;
	}
	.logo img{
		width:250px;
	}
	.menu{
		width:100%;
	}
	.menu .mar-30{
		margin-top:15px;
		margin-bottom:15px;
	}
	.telefono{
		width:100%;
	}
	.telefono .mar-20{
		margin-top:10px;
		margin-bottom:10px;
	}
}
@media screen and (max-width: 970px){
	#productos h2 {
		font-size: 45px;
	}
	#banner_productos_limpieza h2 {
		font-size: 40px;
	}
	.col33 h3 {
		font-size: 20px;
	}
}
@media screen and (max-width: 900px){
	.col30{
		width:100%;
		text-align:center;
	}
	.col30 img{
		width:200px;
	}
	.mar-esp{
		margin-top:40px;
	}
	.col70{
		width:100%;
		text-align:center;
	}
	.col70 img{
		width:250px;
	}
}
@media screen and (max-width: 855px){
	.col60{
		width:100%;
	}
}
@media screen and (max-width: 830px){
	.col-25{
		width:100%;
	}
	.col-25 .mar-20{
		margin-top:5px;
		margin-bottom:5px;
	}
}
@media screen and (max-width: 650px){
	.col25{
		width:50%;
	}
	.menu{
		display:none;
	}
	.menuresponsive{
		display:block;
	}
}
@media screen and (max-width: 600px){
	.col33{
		width:100%;
	}
	.col33 img {
		width: 200px;
	}
}
@media screen and (max-width: 500px){
	.form50{
		width:100%;
	}
	.inf{
		width:100%;
	}
	.lft5{
		margin-left:0;
	}
}
@media screen and (max-width: 465px){
	.col25{
		width:100%;
	}
}