/*
  Theme Name: BizPage
  Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html, body {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto';
	background: #FFFFFF;
	scroll-behavior: smooth;
}

* {
	font-family: 'Roboto';
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
  background-color: #ED2D2D; 
}

.back-to-top img {
  width: 50px;
}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
#navbar-menu{
	background-color: #000;
}

#navbar-menu .navbar-nav, .navbar-nav * {
  margin: 0;
  padding: 0;
  list-style: none; 
}

#navbar-menu .navbar-nav ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

#navbar-menu .navbar-nav li {
  position: relative;
  white-space: nowrap;
}

#navbar-menu .navbar-nav li a {
	margin-top:30px !important;

  	color:#ffffff !important;

	padding-left:15px !important;
	padding-right:15px !important;
	padding-top:5px !important;
	padding-bottom:3px !important;

	display:block !important;
	text-decoration:none !important;
	border-radius: 3px;
	font-family: "Roboto";
	margin: 5px;
	font-weight: 600;
	
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#navbar-menu .navbar-nav li a:hover {
  background-color: #ED2D2D;
  -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#navbar-menu .navbar-menu-active{
	background-color: #ED2D2D;
}

#navbar-menu .navbar-nav > li {
  float: left;
}

#navbar-menu .navbar-nav li:hover > ul,
#navbar-menu .navbar-nav li.sfHover > ul {
  display: block;
}

#navbar-menu .navbar-nav ul ul {
  top: 0;
  left: 100%;
}

#navbar-menu .navbar-nav ul li {
  min-width: 180px;
  
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ff5733' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}



/*-----------------
offCanvasMenu
-------------------*/

#offcanvas{
	background-color: #E6E6E6 !important;
}

#offcanvasNavbar .navbar-nav{
	margin-left: 10px;
}

#offcanvasNavbar li a{

  	color:#4D4D4D !important;

	padding-left:15px !important;
	padding-right:15px !important;
	padding-top:15px !important;
	padding-bottom:15px !important;

	display:block !important;
	text-decoration:none !important;
	border-radius: 3px;
	font-family: "Roboto";
	margin: 5px;
	font-weight: 600;
	
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;

}


#offcanvasNavbar .nav-link-offcanvas-active{
  	color:#E6E6E6 !important;
	background-color: #4D4D4D;

}



/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

@media screen and ( max-width: 991px ) {
	header{
		background-color: #000;
	}

	.bkg_logo{
		position: relative;
		height: 80px;
		background-color: #4D4D4D;
		width: 100%;
		border-radius: 0 0 100px 0;
		margin: 0;
	}
	
	.logo-menu{
		position: relative;
		height: 50px;
		margin-right: 100px;
		top: 15px;
		left: 20px;
	}


	#inicio{
		height: 500px;
		background-image:url("../img/inicio.png");
		background-repeat: no-repeat;
		/*background-position: center center ;*/
		background-position:left 80% top 80px;
		background-size:  220% 500px;
		/*height: 100vh;*/
	}

	#inicio .contenido{
		margin-top: 500px;
		background-color: #000;
		padding-bottom: 50px;
	}

	#inicio .h1{
		font-size: 30px;
		color: #FFFFFF;
		padding-top: 40px;
		width: auto;
		font-weight: 900;
	}

	#inicio .h1 small {
		font-size: 30px;
		color: #ED2D2D !important;
		font-weight: bolder;
	}

	#inicio .h2{
		font-size: clamp(1rem, 1vw, 1rem);
		color: #FFFFFF;
		padding-top: 20px;
		width: auto;
		font-weight: normal;
	}

	#inicio .p1{
		font-size: clamp(1rem, 1vw, 1rem);
		color: #FFFFFF;
		padding-top: 20px;
		width: auto;
		font-weight: normal;
	}

	#inicio .ico-whatsapp{
		width: 30px;
	}

	#inicio .btn-whatsapp{
		background-image:url("../img/btn_whatsapp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 5px 50px 5px 50px;
		text-decoration: none;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#inicio .btn-whatsapp:hover{
		
		text-decoration: underline;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#nosotros{
		background-color: #E6E6E6;
		padding-bottom: 750px;
	}

	#menu-nosotros{
		position: relative; top: 600px;
	}

	#nosotros .identidad{
		background-color: #FFFFFF;
		color: #4D4D4D;
		border-radius: 10px;
		min-height: 700px;
		position: relative;
		top: 700px;
		margin: 15px;
	}

	#nosotros h6{
		color:#ED2D2D;
		font-size: 25px;
		font-weight: 900;
		
	}

	#nosotros .ico-identidad{
		width: 100px;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#nosotros .historia{
		padding-top: 750px;
		
	}

	
	#nosotros .img-nosotros{
		width: 90%;
	}

	#nosotros h5{
		color: #4D4D4D;
		font-size: 30px;
		font-weight: 900;
		line-height: 15px;
		padding: 15px;
	}

	#nosotros h4{
		color:#ED2D2D;
		font-size: 30px;
		font-weight: 900;
		padding: 15px;
	}

	#nosotros .p1{
		font-size: 18px;		
		padding: 15px;
	}

	#cimientos{
		background-color: #FFFFFF;
		color: #4D4D4D;
	}

	#cimientos h4{
		color:#ED2D2D;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#cimientos p1{
		font-size: 20px;
	}

	#cimientos .caja{
		padding: 15px;
	}

	#cimientos .caja-1, #cimientos .caja-3{
		background-color: #FFFFFF;
	}

	#cimientos .caja-2, #cimientos .caja-4{
		background-color: #E6E6E6;
	}


	#cimientos h6{
		color:#ED2D2D;
		font-size: 18px;
		font-weight: 900;
	}

	#cimientos .ico-caja {
		width: 25px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#cimientos .caja-p{
		padding-left: 50px;
	}

	#respaldo{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-video.jpg");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
		/*height: 100vh;*/
		padding-bottom: 100px;

	}

	#respaldo h4{
		color:#FFFFFF;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#respaldo .p1{
		font-size: 16px;
		color:#FFFFFF;
		padding: 20px;
	}

	#respaldo iframe{
		width: 100%;
		height: 250px;
	}


		#aliados{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:linear-gradient(to right,  rgba(0, 0, 0,.8), rgba(0,0,0,.1)),url("../img/bkg-contacto.jpg");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: auto 100% ;
		/*height: 100vh;*/
		padding-bottom: 100px;
		color: #FFFFFF;
	}
	
	#aliados .h4{
		color:#FFFFFF;
		font-size: 40px;
		font-weight: 900;
	}

	#aliados .ico-flecha{
		width: 60px;
	}

	#aliados .p1{
		font-size: 18px;
		color:#FFFFFF;
		padding: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		/*background-color: #000;*/
		background-image:url("../img/bkg-trapecio_negro.png");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
	}

	#aliados .h3{
		color:#FFFFFF;
		font-size: 25px;
		font-weight: 900;
		margin-top: 130px;
		margin-bottom: 30px;
	}

	#aliados .p2{
		font-size: 20px;
		color:#FFFFFF;
		padding: 10px;
	}

	#aliados .ico-aliados{
		width: 80px;
	}

	#aliados .ico-whatsapp{
		width: 40px;
		
	}

	#aliados .btn-whatsapp{
		background-image:url("../img/btn_whatsapp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 10px 50px 10px 50px;
		text-decoration: none;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#aliados .btn-whatsapp:hover{
		
		text-decoration: underline;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	

	#contacto{
		/*height: 1100px;
		padding-bottom: 100px;
		padding-top: 100px;*/
	}

	#contacto .banda-1{
		/*height: 1100px;*/
		background-color: rgb(0, 0, 0);
		padding-bottom: 100px;
		padding-top: 100px;
		color: #E6E6E6;;
	}
	
	#contacto .h6{
		color:#ED2D2D;
		font-size: 25px;
		font-weight: 900;
	}

	#contacto .ico-contacto{
		width: 30px;
		padding-right: 10px;
		margin-bottom: 15px;
	}

	#contacto .banda-1 p{
		font-size: 14px;
	}

	#contacto a{
		text-decoration: none;
		color: #FFFFFF;
	}

	#contacto a:hover{
		text-decoration: underline;
		color: #4D4D4D;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;

	}

	#contacto .banda-2{
		/*height: 1100px;*/
		background-color: #E6E6E6;
		padding-bottom: 30px;
		padding-top: 30px;
		color: #4D4D4D;
		text-align: center;
	}

	#contacto .logo-footer{
		width: 150px;
		margin-bottom: 25px;
	}

	#contacto .ico-redes{
		width: 30px;
		margin-left: 10px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#contacto .ico-redes:hover{
		width: 40px;
		cursor: pointer;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#contacto .banda-3{
		/*height: 1100px;*/
		background-color: rgba(237, 45, 45,.7);
		padding-bottom: 10px;
		padding-top: 10px;
		color: #FFFFFF;
		font-size: 14px;
	}

	#pruebas{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-pruebas.jpg");
		background-position:center center;
		background-size: auto auto;
		/*height: 100vh;*/
		padding-bottom: 100px;

	}

	#menu-pruebas{
		position: relative; top: -50px;
	}

	#pruebas h4{
		color:#FFFFFF;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#pruebas h5{
		color:#FFFFFF;
		font-size: 20px;
		font-weight: 500;
		margin-top: 25px;
	}

	#pruebas p{
		margin-top: 50px;
		font-size: 16px;
		color:#FFFFFF;
		font-weight: normal;
		padding: 20px;
	}

	#pruebas ul{
		color: #4D4D4D;
		background-color: #E6E6E6;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#pruebas ul li {
		color: #4D4D4D;
		padding: 20px 25px 20px 25px;
		font-weight: 800;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas ul li:hover {
		background-color: #ED2D2D;
		color: #E6E6E6;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .active{
		background-color: #ED2D2D;
		color: #E6E6E6;
		cursor: pointer;
	}

	#pruebas .galeria{
		background-color: #E6E6E6;
		width: 100%;
		height: 100%;
		padding: 15px;
		margin-top: 20px;
	}

	#pruebas .galeria .imagen{

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .galeria .imagen:hover{
		filter: grayscale(100%);
		cursor: pointer;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .btn-bkg-rojo{
		background-image:url("../img/btn-bkg-rojo.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		font-weight: bolder;
		cursor: pointer;
		font-size: 14px;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .btn-bkg-rojo:hover{
		
		text-decoration: underline;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-productos.png");
		/*background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;*/
		/*height: 100vh;*/
		padding-top: 100px;
		padding-bottom: 100px;

	}

	#menu-productos{
		position: relative; top: -50px;
	}


	#productos h4{
		color:#4D4D4D;
		font-size: 30px;
		font-weight: 900;
	}

	#productos .subtitulo{
		color: #4D4D4D;
		font-size: 20px;
		font-weight: normal;
	}


	#productos .caja-producto{
		box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
		width: 100%;
		color: #4D4D4D;
		background-color: #FFFFFF;
		padding-top: 50px;
		padding-bottom: 50px;
		border-radius: 15px;
		margin-bottom: 20px;
	}

	#productos img{
		width: 200px;
		margin: 15px;
	}

	#productos h5{
		font-size: 20px;
		font-weight: 900;
	}
	
	#productos .detalle-producto{
		color: #ED2D2D;
		font-size: 15px;
		font-weight: normal;
	}
	

	#productos .btn-whatsapp{
		background-image:url("../img/btn_whatsapp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 5px 50px 5px 50px;
		text-decoration: none;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos .btn-whatsapp:hover{
		text-decoration: underline;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos .accordion-button{
    	background-color: #CCCCCC !important;
		color: #4D4D4D ;
		font-weight: 900;
	}

	#productos .accordion-collapse{
		border: 2px solid #CCCCCC;
	}
	
}


@media screen and (min-width:992px ) {

	header{
		
	}

	.bkg_logo{
		position: relative;
		height: 150px;
		background-color: #4D4D4D;
		width: 100%;
		border-radius: 0 0 75px 0;
		margin: 0;
	}
		
	.logo-menu{
		position: relative;
		height: 80px;
		margin-right: 130px;
		top: 55px;
		left: 30px;
	}
	

	#inicio{
		margin-top: 80px;
		height: 1100px;
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/inicio.png");
		background-repeat: no-repeat;
		background-position: 15% top;
		background-size: 100% auto;
		/*height: 100vh;*/

	}

	#inicio .h1{
		font-size: clamp(2rem, 2vw, 4rem);
		color: #FFFFFF;
		padding-top: 100px;
		font-weight: 900;
	}

	#inicio .h1 small {
		font-size: clamp(2rem, 2vw, 4rem);
		color: #ED2D2D !important;
		font-weight: bolder;
	}

	#inicio .h2{
		font-size: clamp(1rem, 1vw, 1rem);
		color: #FFFFFF;
		padding-top: 20px;
		width: 500px;
		font-weight: normal;
	}

	#inicio .p1{
		font-size: clamp(1rem, 1vw, 1rem);
		color: #FFFFFF;
		padding-top: 20px;
		width: 600px;
		font-weight: normal;
	}

	#inicio .ico-whatsapp{
		width: 30px;
	}

	#inicio .btn-whatsapp{
		background-image:url("../img/btn_whatsapp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 5px 50px 5px 50px;
		text-decoration: none;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#inicio .btn-whatsapp:hover{
		
		text-decoration: underline;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}


	#nosotros{
		background-color: #E6E6E6;
		color: #4D4D4D;
	}

	#menu-nosotros{
		position: relative; top: -90px;
	}

	#nosotros .identidad{
		background-color: #FFFFFF;
		color: #4D4D4D;
		border-radius: 10px;
		min-height: 650px;
		position: relative;
		top: -110px;
		margin-left: 15px;
		margin-right: 15px;
	}

	#nosotros h6{
		color:#ED2D2D;
		font-size: 25px;
		font-weight: 900;
		
	}

	#nosotros .ico-identidad{
		width: 100px;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#nosotros .img-nosotros{
		width: 90%;
	}

	#nosotros h5{
		color: #4D4D4D;
		font-size: 30px;
		font-weight: 900;
		line-height: 15px;
		
	}

	#nosotros h4{
		color:#ED2D2D;
		font-size: 30px;
		font-weight: 900;
		
	}

	#nosotros .p1{
		font-size: 18px;		
	}


	#cimientos{
		background-color: #FFFFFF;
		color: #4D4D4D;
		padding-bottom: 80px;
	}

	#cimientos h4{
		color:#ED2D2D;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#cimientos p1{
		font-size: 20px;
	}

	#cimientos .caja{
		padding: 15px;
	}

	#cimientos .caja-1, #cimientos .caja-3{
		background-color: #FFFFFF;
	}

	#cimientos .caja-2, #cimientos .caja-4{
		background-color: #E6E6E6;
	}

	#cimientos h6{
		color:#ED2D2D;
		font-size: 18px;
		font-weight: 900;
	}

	#cimientos .ico-caja {
		width: 25px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#cimientos .caja-p{
		padding-left: 50px;
	}

	#respaldo{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-video.jpg");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
		/*height: 100vh;*/
		padding-bottom: 100px;

	}

	#respaldo h4{
		color:#FFFFFF;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#respaldo .p1{
		font-size: 16px;
		color:#FFFFFF;
	}

	#respaldo iframe{
		width: 100%;
		height: 700px;
	}

	#aliados{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:linear-gradient(to right,  rgba(0, 0, 0,.8), rgba(0,0,0,.1)),url("../img/bkg-contacto.jpg");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
		/*height: 100vh;*/
		padding-bottom: 100px;
		color: #FFFFFF;
	}
	
	#aliados .h4{
		color:#FFFFFF;
		font-size: 40px;
		font-weight: 900;
	}

	#aliados .ico-flecha{
		width: 60px;
	}

	#aliados .p1{
		font-size: 20px;
		color:#FFFFFF;
		width: 400px;
		padding: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		/*background-color: #000;*/
		background-image:url("../img/bkg-trapecio_negro.png");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
	}

	#aliados .h3{
		color:#FFFFFF;
		font-size: 25px;
		font-weight: 900;
		margin-top: 130px;
		margin-bottom: 30px;
	}

	#aliados .p2{
		font-size: 20px;
		color:#FFFFFF;
		width: 600px;
		padding: 10px;
	}

	#aliados .ico-aliados{
		width: 80px;
	}

	#aliados .ico-whatsapp{
		width: 40px;
		
	}

	#aliados .btn-whatsapp{
		background-image:url("../img/btn_whatsapp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 10px 50px 10px 50px;
		text-decoration: none;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#aliados .btn-whatsapp:hover{
		
		text-decoration: underline;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#contacto{
		/*height: 1100px;
		padding-bottom: 100px;
		padding-top: 100px;*/
	}

	#contacto .banda-1{
		/*height: 1100px;*/
		background-color: rgb(0, 0, 0);
		padding-bottom: 100px;
		padding-top: 100px;
		color: #E6E6E6;;
	}
	
	#contacto .h6{
		color:#ED2D2D;
		font-size: 25px;
		font-weight: 900;
	}

	#contacto .ico-contacto{
		width: 30px;
		padding-right: 10px;
		margin-bottom: 15px;
	}

	#contacto .banda-1 p{
		font-size: 14px;
	}

	#contacto a{
		text-decoration: none;
		color: #FFFFFF;
	}

	#contacto a:hover{
		text-decoration: underline;
		color: #4D4D4D;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;

	}

	#pruebas{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-pruebas.jpg");
		background-position:center center;
		background-size: auto auto;
		/*height: 100vh;*/
		padding-bottom: 100px;

	}

	#menu-pruebas{
		position: relative; top: -50px;
	}

	#pruebas h4{
		color:#FFFFFF;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#pruebas h5{
		color:#FFFFFF;
		font-size: 20px;
		font-weight: 500;
		margin-top: 25px;
	}

	#pruebas p{
		margin-top: 50px;
		font-size: 16px;
		color:#FFFFFF;
		font-weight: normal;
		padding: 20px;
	}

	#pruebas ul{
		color: #4D4D4D;
		background-color: #E6E6E6;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#pruebas ul li {
		color: #4D4D4D;
		padding: 20px 25px 20px 25px;
		font-weight: 800;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas ul li:hover {
		background-color: #ED2D2D;
		color: #E6E6E6;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .active{
		background-color: #ED2D2D;
		color: #E6E6E6;
		cursor: pointer;
	}

	#pruebas .galeria{
		background-color: #E6E6E6;
		width: 100%;
		height: 100%;
		margin-left: 20px;
		padding: 15px;
	}

	#pruebas .galeria .imagen:hover{
		filter: grayscale(100%);
		cursor: pointer;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .btn-bkg-rojo{
		background-image:url("../img/btn-bkg-rojo.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 10px 50px 10px 50px;
		text-decoration: none;
		font-weight: bolder;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .btn-bkg-rojo:hover{
		
		text-decoration: underline;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-productos.png");
		/*background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;*/
		/*height: 100vh;*/
		padding-top: 100px;
		padding-bottom: 100px;

	}

	#menu-productos{
		position: relative; top: -50px;
	}


	#productos h4{
		color:#4D4D4D;
		font-size: 30px;
		font-weight: 900;
	}

	#productos .subtitulo{
		color: #4D4D4D;
		font-size: 20px;
		font-weight: normal;
	}


	#productos img{
		width: 200px;
		margin: 15px;
	}

	#productos h5{
		font-size: 20px;
		font-weight: 900;
	}
	
	#productos .detalle-producto{
		color: #ED2D2D;
		font-size: 15px;
		font-weight: normal;
	}
	

	#productos .caja-producto{
		box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
		width: 95%;
		color: #4D4D4D;
		background-color: #FFFFFF;
		padding-top: 50px;
		padding-bottom: 50px;
		border-radius: 15px;
	}

	#productos .btn-whatsapp{
		background-image:url("../img/btn_whatsapp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 5px 50px 5px 50px;
		text-decoration: none;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos .btn-whatsapp:hover{
		text-decoration: underline;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos .accordion-button{
    	background-color: #CCCCCC !important;
		color: #4D4D4D ;
		font-weight: 900;
	}

	#productos .accordion-collapse{
		border: 2px solid #CCCCCC;
	}

}


@media (min-width: 1200px) { 

	#inicio{
		margin-top: 80px;
		height: 800px;
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/inicio.png");
		background-repeat: no-repeat;
		background-position: 45% top;
		background-size: 140% 900px;
		/*height: 100vh;*/

	}

	#menu-inicio{
		position: relative; top: -90px;
	}

	#inicio .h1{
		font-size: clamp(2rem, 2vw, 4rem);
		color: #FFFFFF;
		padding-top: 130px;
		width: 400px;
		font-weight: 900;
	}

	#inicio .h1 small {
		font-size: clamp(2rem, 2vw, 4rem);
		color: #ED2D2D !important;
		font-weight: bolder;
	}

	#nosotros{
		background-color: #E6E6E6;
		color: #4D4D4D;
	}

	#menu-nosotros{
		position: relative; top: -300px;
	}

	#nosotros .identidad{
		background-color: #FFFFFF;
		color: #4D4D4D;
		border-radius: 10px;
		min-height: 800px;
		position: relative;
		top: -110px;
		margin-left: 5px;
		margin-right: 5px;
		font-size: 14px;
	}

	#nosotros h6{
		color:#ED2D2D;
		font-size: 25px;
		font-weight: 900;
		
	}

	#nosotros .ico-identidad{
		width: 100px;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#nosotros .img-nosotros{
		width: 400px;
	}

	#nosotros h5{
		color: #4D4D4D;
		font-size: 30px;
		font-weight: 900;
		line-height: 15px;
		
	}

	#nosotros h4{
		color:#ED2D2D;
		font-size: 30px;
		font-weight: 900;
		
	}

	#nosotros .p1{
		font-size: 14px;		
	}

	#cimientos{
		background-color: #FFFFFF;
		color: #4D4D4D;
		padding-bottom: 80px;
	}

	#cimientos h4{
		color:#ED2D2D;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#cimientos p1{
		font-size: 20px;
	}

	#cimientos .caja{
		padding: 15px;
	}

	#cimientos .caja-1, #cimientos .caja-4{
		background-color: #FFFFFF;
	}

	#cimientos .caja-2, #cimientos .caja-3{
		background-color: #E6E6E6;
	}

	#cimientos h6{
		color:#ED2D2D;
		font-size: 18px;
		font-weight: 900;
	}

	#cimientos .ico-caja {
		width: 25px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#cimientos .caja-p{
		padding-left: 50px;
	}

	#respaldo{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-video.jpg");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
		/*height: 100vh;*/
		padding-bottom: 100px;

	}

	#respaldo h4{
		color:#FFFFFF;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#respaldo .p1{
		font-size: 16px;
		color:#FFFFFF;
	}

	#respaldo iframe{
		width: 100%;
		height: 600px;
	}

	#aliados{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:linear-gradient(to right,  rgba(0, 0, 0,.8), rgba(0,0,0,.1)),url("../img/bkg-contacto.jpg");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
		/*height: 100vh;*/
		padding-bottom: 100px;
		color: #FFFFFF;
	}
	
	#aliados .h4{
		color:#FFFFFF;
		font-size: 40px;
		font-weight: 900;
	}

	#aliados .ico-flecha{
		width: 60px;
	}

	#aliados .p1{
		font-size: 20px;
		color:#FFFFFF;
		width: 400px;
		padding: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		/*background-color: #000;*/
		background-image:url("../img/bkg-trapecio_negro.png");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
	}

	#aliados .h3{
		color:#FFFFFF;
		font-size: 25px;
		font-weight: 900;
		margin-top: 130px;
		margin-bottom: 30px;
	}

	#aliados .p2{
		font-size: 20px;
		color:#FFFFFF;
		width: 600px;
		padding: 10px;
	}

	#aliados .ico-aliados{
		width: 80px;
	}

	#aliados .ico-whatsapp{
		width: 40px;
		
	}

	#aliados .btn-whatsapp{
		background-image:url("../img/btn_whatsapp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 10px 50px 10px 50px;
		text-decoration: none;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#aliados .btn-whatsapp:hover{
		
		text-decoration: underline;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#contacto{
		/*height: 1100px;
		padding-bottom: 100px;
		padding-top: 100px;*/
	}

	#contacto .banda-1{
		/*height: 1100px;*/
		background-color: rgb(0, 0, 0);
		padding-bottom: 100px;
		padding-top: 100px;
		color: #E6E6E6;;
	}
	
	#contacto .h6{
		color:#ED2D2D;
		font-size: 25px;
		font-weight: 900;
	}

	#contacto .ico-contacto{
		width: 30px;
		padding-right: 10px;
		margin-bottom: 15px;
	}

	#contacto .banda-1 p{
		font-size: 14px;
	}

	#contacto a{
		text-decoration: none;
		color: #FFFFFF;
	}

	#contacto a:hover{
		text-decoration: underline;
		color: #4D4D4D;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;

	}

	#contacto .banda-2{
		/*height: 1100px;*/
		background-color: #E6E6E6;
		padding-bottom: 30px;
		padding-top: 30px;
		color: #4D4D4D;;
	}

	#contacto .logo-footer{
		width: 150px;
	}

	#contacto .ico-redes{
		width: 30px;
		margin-left: 10px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#contacto .ico-redes:hover{
		width: 40px;
		cursor: pointer;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#contacto .banda-3{
		/*height: 1100px;*/
		background-color: rgba(237, 45, 45,.7);
		padding-bottom: 10px;
		padding-top: 10px;
		color: #FFFFFF;
		font-size: 14px;
	}

	#pruebas{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-pruebas.jpg");
		background-position:center center;
		background-size: auto auto;
		/*height: 100vh;*/
		padding-bottom: 100px;

	}

	#menu-pruebas{
		position: relative; top: -50px;
	}

	#pruebas h4{
		color:#FFFFFF;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#pruebas h5{
		color:#FFFFFF;
		font-size: 20px;
		font-weight: 500;
		margin-top: 25px;
	}

	#pruebas p{
		margin-top: 50px;
		font-size: 16px;
		color:#FFFFFF;
		font-weight: normal;
		padding: 20px;
	}

	#pruebas ul{
		color: #4D4D4D;
		background-color: #E6E6E6;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#pruebas ul li {
		color: #4D4D4D;
		padding: 20px 25px 20px 25px;
		font-weight: 800;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas ul li:hover {
		background-color: #ED2D2D;
		color: #E6E6E6;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .active{
		background-color: #ED2D2D;
		color: #E6E6E6;
		cursor: pointer;
	}

	#pruebas .galeria{
		background-color: #E6E6E6;
		width: 100%;
		height: 100%;
		margin-left: 20px;
		padding: 15px;
	}

	#pruebas .galeria .imagen:hover{
		filter: grayscale(100%);
		cursor: pointer;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .btn-bkg-rojo{
		background-image:url("../img/btn-bkg-rojo.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 10px 50px 10px 50px;
		text-decoration: none;
		font-weight: bolder;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .btn-bkg-rojo:hover{
		
		text-decoration: underline;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-productos.png");
		/*background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;*/
		/*height: 100vh;*/
		padding-top: 100px;
		padding-bottom: 100px;

	}

	#menu-productos{
		position: relative; top: -50px;
	}


	#productos h4{
		color:#4D4D4D;
		font-size: 30px;
		font-weight: 900;
	}

	#productos .subtitulo{
		color: #4D4D4D;
		font-size: 20px;
		font-weight: normal;
	}


	#productos img{
		width: 200px;
		margin: 15px;
	}

	#productos h5{
		font-size: 20px;
		font-weight: 900;
	}
	
	#productos .detalle-producto{
		color: #ED2D2D;
		font-size: 15px;
		font-weight: normal;
	}
	

	#productos .caja-producto{
		box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
		width: 95%;
		color: #4D4D4D;
		background-color: #FFFFFF;
		padding-top: 50px;
		padding-bottom: 50px;
		border-radius: 15px;
	}

	#productos .btn-whatsapp{
		background-image:url("../img/btn_whatsapp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 5px 50px 5px 50px;
		text-decoration: none;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos .btn-whatsapp:hover{
		text-decoration: underline;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos .accordion-button{
    	background-color: #CCCCCC !important;
		color: #4D4D4D ;
		font-weight: 900;
	}

	#productos .accordion-collapse{
		border: 2px solid #CCCCCC;
	}

}


@media (min-width: 1400px) {
	#inicio{
		margin-top: 80px;
		height: 900px;
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/inicio.png");
		background-repeat: no-repeat;
		background-position: 20% top;
		background-size: 100% 110%;
		/*height: 100vh;*/

	}

	#menu-inicio{
		position: relative; top: -90px;
	}

	#inicio .h1{
		font-size: clamp(2rem, 2vw, 4rem);
		color: #FFFFFF;
		padding-top: 200px;
		width: 700px;
		font-weight: 900;
	}

	#inicio .h1 small {
		font-size: clamp(2rem, 2vw, 4rem);
		color: #ED2D2D !important;
		font-weight: bolder;
	}

	#nosotros{
		
	}

	#menu-nosotros{
		position: relative; top: -300px;
	}

	#nosotros .identidad{
		background-color: #FFFFFF;
		color: #4D4D4D;
		border-radius: 10px;
		min-height: 600px;
		position: relative;
		top: -110px;
		margin-left: 5px;
		margin-right: 5px;
		font-size: 14px;
	}

	#nosotros h6{
		color:#ED2D2D;
		font-size: 25px;
		font-weight: 900;
		
	}

	#nosotros .ico-identidad{
		width: 100px;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#nosotros .img-nosotros{
		width: 450px;
	}

	#nosotros h4{
		color:#ED2D2D;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#nosotros h5{
		color: #4D4D4D;
		font-size: 30px;
		font-weight: 900;
		line-height: 15px;
		
	}

	#nosotros .p1{
		font-size: 18px;		
	}

	#cimientos{
		background-color: #FFFFFF;
		color: #4D4D4D;
		padding-bottom: 150px;
	}

	#cimientos h4{
		color:#ED2D2D;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#cimientos p1{
		font-size: 20px;
	}

	#cimientos .caja{
		padding: 15px;
	}

	#cimientos .caja-1, #cimientos .caja-4{
		background-color: #FFFFFF;
	}

	#cimientos .caja-2, #cimientos .caja-3{
		background-color: #E6E6E6;
	}

	#cimientos h6{
		color:#ED2D2D;
		font-size: 18px;
		font-weight: 900;
	}

	#cimientos .ico-caja {
		width: 25px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#cimientos .caja-p{
		padding-left: 50px;
	}


	#respaldo{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-video.jpg");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
		/*height: 100vh;*/
		padding-bottom: 100px;

	}

	#respaldo h4{
		color:#FFFFFF;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#respaldo .p1{
		font-size: 16px;
		color:#FFFFFF;
	}

	#respaldo iframe{
		width: 100%;
		height: 700px;
	}


	#aliados{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:linear-gradient(to right,  rgba(0, 0, 0,.8), rgba(0,0,0,.1)),url("../img/bkg-contacto.jpg");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
		/*height: 100vh;*/
		padding-bottom: 100px;
		color: #FFFFFF;
	}
	
	#aliados .h4{
		color:#FFFFFF;
		font-size: 40px;
		font-weight: 900;
	}

	#aliados .ico-flecha{
		width: 60px;
	}

	#aliados .p1{
		font-size: 20px;
		color:#FFFFFF;
		width: 400px;
		padding: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		/*background-color: #000;*/
		background-image:url("../img/bkg-trapecio_negro.png");
		background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;
	}

	#aliados .h3{
		color:#FFFFFF;
		font-size: 25px;
		font-weight: 900;
		margin-top: 130px;
		margin-bottom: 30px;
	}

	#aliados .p2{
		font-size: 20px;
		color:#FFFFFF;
		width: 600px;
		padding: 10px;
	}

	#aliados .ico-aliados{
		width: 80px;
	}

	#aliados .ico-whatsapp{
		width: 40px;
		
	}

	#aliados .btn-whatsapp{
		background-image:url("../img/btn_whatsapp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 10px 50px 10px 50px;
		text-decoration: none;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#aliados .btn-whatsapp:hover{
		
		text-decoration: underline;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#contacto{
		/*height: 1100px;
		padding-bottom: 100px;
		padding-top: 100px;*/
	}

	#contacto .banda-1{
		/*height: 1100px;*/
		background-color: rgb(0, 0, 0);
		padding-bottom: 100px;
		padding-top: 100px;
		color: #E6E6E6;
	}
	
	#contacto .h6{
		color:#ED2D2D;
		font-size: 25px;
		font-weight: 900;
	}

	#contacto .ico-contacto{
		width: 30px;
		padding-right: 10px;
		margin-bottom: 15px;
	}

	#contacto .banda-1 p{
		font-size: 14px;
	}

	#contacto a{
		text-decoration: none;
		color: #FFFFFF;
	}

	#contacto a:hover{
		text-decoration: underline;
		color: #4D4D4D;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;

	}

	#contacto .banda-2{
		/*height: 1100px;*/
		background-color: #E6E6E6;
		padding-bottom: 30px;
		padding-top: 30px;
		color: #4D4D4D;;
	}

	#contacto .logo-footer{
		width: 150px;
	}

	#contacto .ico-redes{
		width: 30px;
		margin-left: 10px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#contacto .ico-redes:hover{
		width: 40px;
		cursor: pointer;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#contacto .banda-3{
		/*height: 1100px;*/
		background-color: rgba(237, 45, 45,.7);
		padding-bottom: 10px;
		padding-top: 10px;
		color: #FFFFFF;
		font-size: 14px;
	}

	#pruebas{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-pruebas.jpg");
		background-position:center center;
		background-size: auto auto;
		/*height: 100vh;*/
		padding-bottom: 100px;

	}

	#menu-pruebas{
		position: relative; top: -50px;
	}

	#pruebas h4{
		color:#FFFFFF;
		font-size: 30px;
		font-weight: 900;
		margin-top: 50px;
	}

	#pruebas h5{
		color:#FFFFFF;
		font-size: 20px;
		font-weight: 500;
		margin-top: 25px;
	}

	#pruebas p{
		margin-top: 50px;
		font-size: 16px;
		color:#FFFFFF;
		font-weight: normal;
		padding: 20px;
	}

	#pruebas ul{
		color: #4D4D4D;
		background-color: #E6E6E6;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#pruebas ul li {
		color: #4D4D4D;
		padding: 20px 25px 20px 25px;
		font-weight: 800;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas ul li:hover {
		background-color: #ED2D2D;
		color: #E6E6E6;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .active{
		background-color: #ED2D2D;
		color: #E6E6E6;
		cursor: pointer;
	}

	#pruebas .galeria{
		background-color: #E6E6E6;
		width: 100%;
		height: 100%;
		margin-left: 20px;
		padding: 15px;
	}

	#pruebas .galeria .imagen:hover{
		filter: grayscale(100%);
		cursor: pointer;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .btn-bkg-rojo{
		background-image:url("../img/btn-bkg-rojo.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 10px 50px 10px 50px;
		text-decoration: none;
		font-weight: bolder;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#pruebas .btn-bkg-rojo:hover{
		
		text-decoration: underline;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}


	/*---------------------------------------------------------*/
	#productos{
		/*height: 1100px;*/
		/*background-color: rgb(65, 202, 88);*/
		/*border-top: 7px solid rgb(204,204,204);*/
		background-image:url("../img/bkg-productos.png");
		/*background-repeat: no-repeat;
		background-position:center center;
		background-size: 100% 100%;*/
		/*height: 100vh;*/
		padding-top: 100px;
		padding-bottom: 100px;

	}

	#menu-productos{
		position: relative; top: -50px;
	}


	#productos h4{
		color:#4D4D4D;
		font-size: 30px;
		font-weight: 900;
	}

	#productos .subtitulo{
		color: #4D4D4D;
		font-size: 20px;
		font-weight: normal;
	}


	#productos img{
		width: 200px;
		margin: 15px;
	}

	#productos h5{
		font-size: 20px;
		font-weight: 900;
	}
	
	#productos .detalle-producto{
		color: #ED2D2D;
		font-size: 15px;
		font-weight: normal;
	}
	

	#productos .caja-producto{
		box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
		width: 95%;
		color: #4D4D4D;
		background-color: #FFFFFF;
		padding-top: 50px;
		padding-bottom: 50px;
		border-radius: 15px;
	}

	#productos .btn-whatsapp{
		background-image:url("../img/btn_whatsapp.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		color: #FFFFFF;
		padding: 5px 50px 5px 50px;
		text-decoration: none;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos .btn-whatsapp:hover{
		text-decoration: underline;
		font-weight: bolder;
		margin-left: 10px;
		cursor: pointer;

		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	#productos .accordion-button{
    	background-color: #CCCCCC !important;
		color: #4D4D4D ;
		font-weight: 900;
	}

	#productos .accordion-collapse{
		border: 2px solid #CCCCCC;
	}

 }