body,html{
	width: 100%;
	height: 100%;
	
}
.row{
 	margin: 0%;
 	padding: 0%;
 	justify-content: center;
}


/*************************************************************************index****************************************************************/
.container-sections{
	width: 100%;
	margin: 2% 0% 0% 0%;
	padding: 0% 10% 0% 10%;
	text-align: center;
}

.inicio{
	display: block;
}

.inicio img{
    width: 90%;
    margin-top: 20%;
}

.back-inicio h1{
	font-size: 40px;
    color: rgb(132, 17, 31);
    line-height: 45px;
    text-align: center;
    font-family: Abril Fatface;
    font-weight: 400;
    letter-spacing: 3px;
}

@media(max-width: 920px){
	.inicio{
		display: none;
	}
	.back-inicio{
		background-image: url(../images/img/inicio.jpg);
		background-repeat: no-repeat;
	    background-size: 100%;
	    justify-content: center;
	    text-align: center;
	    position: relative;
	}
	.back-inicio span{
		background:#ffffff9e;
	    width: 100%; 
	    height: 100%; 
	    z-index: 0;
	    left: 0;
	    position: absolute;
	}
}

.ini-secc-2{
	align-content: center;
}

.ini-secc-2 h1{
	font-family: Abril Fatface;
    font-weight: 400;
    font-size: 35px;
    color: rgb(255, 255, 255);
    line-height: 45px;
    text-align: center;
    letter-spacing: 1px;
}
.ini-secc-2 img{
	width: 35%;
}

@media(max-width: 920px){
	.ini-secc-2 img{
		width: 69%;
	}

	.ini-secc-2 h1{
		font-size: 22px;
	}
	.ini-secc-2 p{
		font-size: 23px;
	}
}


.ini-secc-3 p{
	font-size: 17px;
    color: rgb(255, 255, 255);
    line-height: 24px;
}
.ini-secc-form{
	width: 100%;
    height: 100%;
    background-color: #e3e3e3;
    background-repeat: repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: top left;
    justify-content: center;
    height: 500px;
    width: 350px;
    margin: auto;
    border-radius: 5px;
}


.ini-secc-form span{
	background: #84111f;
	background: #84111f;
    width: 10%: height: 10%;
    width: 21%;
    height: 10%;
    position: fixed;
    margin-top: -15%;
    float: center;
    z-index: -1;
    float: left;
    display: block;
}

.ini-secc-form input{
	color: #000000;
    background-color: #ffffff;
    border-color: #dae3e8;
    border: 1px solid #8095a8;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 15px;
    height: 43px;
    line-height: 19px;
    padding: 1%;
    width: 100%;
}
.ini-secc-form textarea{
	color: #000000;
    background-color: #ffffff;
    border-color: #dae3e8;
    border: 1px solid #8095a8;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 15px;

    line-height: 19px;
    margin: 8px 0;
    padding: 9px 10px 10px;
    width: 100%;
}

.ini-secc-form form{
	padding: 5%;
	border-radius: 5px;
}
.ini-secc-form button{  
    left: 0px;
    width: 275px;
    height: 59px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 700;
    font-family: Open Sans;
    background-color: #84111f;
    color: #ffffff;
    border: none;
    border-radius: 5px;

}

@media(max-width: 920px){
	.ini-secc-form {
	    width: 100%;
	    height: auto;
	}
	.ini-secc-form button{
		width:100%;
	}
	.ini-secc-form span{
		display: none;
	}
	.ini-secc-form input{
		font-size: 18px;
    	height: 28px;
    	margin: 5px 0px;
	}
	.ini-secc-form textarea{
		font-size: 18px;
    	height: 40px;
    	margin: 5px 0px;
	}
	.ini-secc-form button {
	    width: 66%;
	    height: 18%;
	}
}

.contents{
	font-family: Open Sans;
    font-weight: 400;
    background: #84111f;
    height: 10%;
    margin: 5% 0% 0% 0%;
    padding: 1.5% 10%;
    font-size: 22px;
}
.contents span{
	background-color: transparent; 
	font-style: inherit;
}
.image{
	display: block;
}
.btn span{
	display: none;
	line-height: 35px;
    font-size: 22px;
}
.btn p{
	display: block;
	line-height: 35px;
    font-size: 22px;
}
@media(max-width: 920px){
	.contents p{
		font-size: 18px;
	}
	.image{
		display:none!important;
	}
	.btn span{
		display: block;
		color: white;
	}
	.btn p{
		display: none;
	}

}


.secc-2 img{
	width: 100%;
	float: right;
}
.secc-2 h1{
	font-size: 35px;
    color: rgb(132, 17, 31);
    line-height: 45px;
    text-align: center;
    font-family: Abril Fatface;
    font-weight: 400;
    margin: 0% 0% 0% 20%;
}
.secc-2 p{
	font-family: 'Courgette', cursive;
	font-size: 30px;
    color: #0000009e;
    line-height: 40px;
}
.secc-2 span{
	color: white;
    background:#84111f;
    border-radius: 56%;
    font-size: 31px;
}
.texto{
	display: block;
}
.texto2{
	display: none;
}

@media(max-width: 920px){
	.secc-2 h1{
    	margin: 0% 0% 0% 0%;
    	font-size: 22px;
	}
	.secc-2 span{
		font-size: 18px;
	}
	.secc-2 p{
		margin: 0% 5% 0% 5%;
	    font-size: 22px;
	    text-align: justify;
	    line-height: 28px;
	}
	.secc-2 img{
		width: 100%;
		height: 50%;
	}
	.texto{
		display:none;
	}
	.texto2{
		display: block;

	}
}

.secc-paquet{
	margin: 5%;
}
.secc-paquet img{

 	height: 100%;
    width: 100%;   
    filter: alpha(opacity=100);
    background-repeat: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
    border-radius: 5px;
}
.secc-paquet h1{
	font-family: Abril Fatface;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    margin: 4%;
    letter-spacing: 2px;
}

.inf5{
	display: none;
}

.secc-calidad img{
	width: 50%;
	padding: 0% 5% 0% 3%;
}

@media(max-width: 920px){
	.secc-paquet{
		margin: 0%;
	}
	.secc-paquet img{
		width: 100%;
		height:80%;
	}
	.secc-paquet h1{
    	font-size: 22px;
	}
	.secc-calidad img{
		width: 80%;
		padding: 5% 0% 12% 0%;
	}
}



@media(max-width: 920px){
	.inf5{
		display: block;
	}
	.inf2{
		display: none;
	}
	.postre{
		display: none;
	}
	.cap{
		position: absolute;
		left: 8%;
	}
	.secc-form button{
		margin: 30% 0% 0% 0%;
	}
	.ini-secc-form button{
		margin: 30% 0% 0% 0%;
	}
}

.secc-inf{
	padding: 5%;
}
.secc-inf img{
	justify-content: center;
}
.secc-inf h3{
	color: #84111f;
	font-family: inherit;
	font-size: 28px;
    
    line-height: 45px;
    text-align: center;
    font-family: Abril Fatface;
    font-weight: 400;
}
.secc-inf p{
	text-align: center;
	font-size: 17px;
    color:#524d4de0;
    line-height: 30px;
    font-family: Open Sans;
    font-weight: 400;
}


.galeria img{
	width: 100%;
    border-radius: 5px;
    padding: 0%;
    margin: 0% 0% 9% 0%;
}

.gale-img{
	margin: 0% 0% 0% 0%;
	padding: 2% 2% 2% 2%;
	margin: auto;
}


.inf h3{
	font-family: Abril Fatface;
    font-weight: 400;
    font-size: 33px;
    line-height: 42px;
    text-align: center;
    color: white;
    letter-spacing: 2px;
}


.inf h5{
	font-size: 22px;
    line-height: 31px;
    text-align: center;
    color: white;
}

.inf button{
	width: 226px;
    height: 59px;
    z-index: 31;
    line-height: 24px;
    font-size: 21px;
    font-weight: 700;
    font-family: Open Sans;
    border-radius: 3px;
    border:none;
}

.secc-cont{
	background-image: url(../images/img/galeria-10.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    justify-content: center;
    text-align: center;
    position: relative;
}
.secc-cont span{
	background: #7f1a22c2;
    width: 100%; 
    height: 100%; 
    z-index: 0;
    left: 0;
    position: absolute;
}
.secc-cont p{
	background: #483a3a5e;
    width: 100%; 
    height: 75%; 
    z-index: 0;
    left: 0;
    position: absolute;
}
.let-serv h1{
	font-family: Abril Fatface;
    font-weight: 400;
    font-size: 22px;
    line-height: 42px;
    text-align: center;
    color: white;
    letter-spacing: 1px;
    color:#150303;
    z-index: 1;
}
.secc-form{
	width: 100%;
    height: 100%;
    background-color:#c7a5a8ab;
    border: 1px solid rgba(0,0,0,0);
    background-repeat: repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: top left;
    justify-content: center;

    height: 550px;
    width: 450px;
    left: 529px;
}
.secc-form{
	padding: 7%;
    margin: auto;
    border-radius: 5px;
}

.secc-avis{
	display: none
}


.secc-form button{
	left: 0px;
    width: 100%;
    height: 59px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 700;
    font-family: Open Sans;
    background-color: #84111f;
    color: #ffffff;
    border:none;
    border-radius: 5px;
}
@media(max-width: 920px){
	.secc-form{
		width: 100%;
	}
	.secc-form button{
		width: 100%;
	}
	.secc-cont span{
	    width: 100%; 
	    height: 100%;
	}
}



/*******Aviso de privacidad **********/

.container-aviso{
	margin: 0% 5% 0% 5%;
	padding: 0% 10% 0% 10%;
}


.aviso p{
	color: rgb(98, 98, 98);
    line-height: 124px;
    text-align: center;
    font-family: Abril Fatface;
    font-weight: 400;
    font-size: 42px;
    margin: auto;
}
.aviso img{
	width: 30%;

}
.secc-avi-inf p{
    font-size: 17px;
    text-align: justify;
    font-family: Open Sans;

}
.footer-aviso{
	background: #84111f;
}
.margen{
	padding: 1%;
}
.margen p{
	color: #fff;	
}

/**************************************************************************footer***************************************************************/

.ir-arriba{
  display:none;
  background-repeat:no-repeat;
  font-size:40px;
  color: #0052a4;
  cursor:pointer;
  position:fixed;
  bottom:5%;
  right:5%;
  z-index:2;
}


@media(max-width:1100px){
  .ir-arriba{
    bottom: 12%;
   }
   .image{
		display:block;
	}
  }
@media (max-width: 414px){
  .ir-arriba{
    bottom: 7%;
  }
}




.footer-W{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin: 0% 0% 0% 0%;
	padding: 2% 0% 1% 0%;
	font-family: Abril Fatface;
	background-color: #fff;
	text-align: center;
	justify-content: center;
}

.footer-W img{
	width: 30%;
}

.footer-W div{
	justify-content: center;
}

.footer-W p{
	font-family: Abril Fatface;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #84111f;
	margin: auto;
	padding: 10% 0%;
	cursor: pointer;
}


.footer-W p:hover{
	color:#333;
}


@media(max-width: 920px){
	
	.footer-W img{
		width: 60%;
	    margin: auto;
	}
}

/*** BOTON WHATSAPP ****/
    	.btn-whatsapp{
			position: fixed;
			bottom: 8%;
			left: 1%;
			background-color: #0000!important;
			border: none;
			padding: 0.6%;
			color: #fff;
			font-family: 'Roboto Condensed', sans-serif;
			border-radius: 25px 25px 25px 25px;
			font-size: 21px;
			z-index: 2;
			width: 255px;
			height: 50px;
		}
		@media(max-width: 990px ){
			.btn-whatsapp{
				font-size: 20px;
				width: 245px;
			}
		}		

		.dinamic-wha{
			width: 20%!important;
			font-size: 23px;
		    height: 100%;
		    padding: 3%;
		    position: absolute;
		    left: 0;
		    top: 0;
		    border-radius: 100px;
		    background-color: #25d366;
		    transition: 0.2s;
		    color: #fff;
		}
		.dinamic-wha i{
			float: left;
		    font-size: 34px;
		    /*padding: 2% 2%;
		    margin: -2% 3%;*/
		}
		.dinamic-wha a{
			/*float: left;*/
		    margin: 0%;

		}
		.dinamic-wha-active {
			width: 100%!important;
			opacity: 1;
			transition: 0.29s;
			z-index: -1;
		}
		.a-desactive{
			opacity: 0;
			transition: 0.29s;
		}
	/******* Aviso de Privacidad ************/
	.aviso{
		margin: auto;
	}
	

	@media(max-width: 920px){
		
		.img2 img{
			width: 100%;
		}
		
		.aviso p {
		    line-height: 40px;
		    margin: auto;
		    font-weight: 400;
		    font-size: 25px;
		}
		.secc-avi-inf p {
		    font-size: 15px;
		    text-align: justify;
		    line-height: 20px;
		    font-family: Open Sans;
		}
		.margen{
			padding: 0%;
			margin: 0%;
		}
		.inf{
			padding: 0%;
		}
		.dinamic-wha{
		font-size: 28px;
	    
		}
		.dinamic-wha img{
			width: 15%;
		}
		.dinamic-wha-active {
			width: 100%!important;
			transition: 0.3s;
			font-size: 22px;
		}
		.btn-whatsapp{
			width: 250px;
			height: 50px;
		}

	}
	@media(max-width: 920px){
		.inf h3{
			font-size: 22px;
		}
		.inf h5{
			font-size: 15px;
	    	line-height: 25px;
		}
		.inf button{
			width: 57%;
	    	height: 13%;
		}

	}

	/*********** ¿Quiénes Somos? **************/
	.secc-avis button{
		left: 0px;
	    width: 100%;
	    height: 59px;
	    line-height: 24px;
	    font-size: 20px;
	    font-weight: 700;
	    font-family: Open Sans;
	    background-color: #84111f;
	    color: #ffffff;
	    border: none;
	    border-radius: 5px;
	}

	.aviso2 button{
		left: 0px;
	    width: 50%;
	    height: 59px;
	    line-height: 24px;
	    font-size: 20px;
	    font-weight: 700;
	    font-family: Open Sans;
	    background-color: #84111f;
	    color: #ffffff;
	    border: none;
	    border-radius: 5px;
	    margin: auto;
	}

	.secc-principal img{
		width: 100%;
	}
	.secc-principal ul{
		list-style: none;
		text-align: justify;
	    font-size: 22px;
	    color: #524d4de0;
	    line-height: 30px;
	    font-family: 'Courgette', cursive;
	    font-weight: 400;
	    padding-inline-start: 0px;

	}

	.secc-principal i{
		font-size: 18px;
		color: #84111f;
	}
	
	.nombre h1{
		color: #84111f;
	    font-family: inherit;
	    font-size: 28px;
	    line-height: 45px;
	    text-align: center;
	    font-family: Abril Fatface;
	    font-weight: 400;
	}
	.nombre h3{
		font-family: Abril Fatface;
	    font-weight: 400;
	    font-size: 30px;
	    line-height: 36px;
	    text-align: center;
	    margin: 4%;
	    letter-spacing: 2px;
	}
	
	@media(max-width: 990px){
		.aviso img {
    		width: 50%;
    	}
    	.aviso b{
    		font-size: 27px;
    	}
    	.nombre h1{
    		font-size: 22px;
    		line-height: 26px;
    	}
    	.nombre h3{
    		font-size: 22px;
    		line-height: 26px;
    	}
    	.secc-principal ul{
    		font-size: 15px;
		    color: #524d4de0;
		    line-height: 24px;
    	}
    	.secc-principal img {
		    width: 100%;
		    margin: 5% 0% 5% 0%;
		}
		.inf b {
		    font-size: 18px;
		}
		.let-serv h1 {
	    	font-size: 15px;
		}
	}

	@media only screen and (min-device-width : 400px) and (max-device-width : 700px) {
		.language {
		    margin: 0% 19% 0% 0%!important;
		}
		.image{
		display:none;
		}
		.ini-secc-form button {
		    margin: 20% 0% 0% 0%;
		}
		.secc-form button {
		    margin: 20% 0% 0% 0%;
		}
		.footer-W img {
		    width: 30%;
		    margin: auto;
		}
	}


/**** medidas de 1024 ****************/


@media only screen and (min-device-width : 768px) and (max-device-width : 1100px) {

	.ini-secc-form {
	    width: 100%;
	    height: auto;
	}
	.ini-secc-form button{
		width:100%;
	}
	.ini-secc-form span{
		display: none;
	}
	.ini-secc-form input{
		font-size: 18px;
    	height: 28px;
    	margin: 5px 0px;
	}
	.ini-secc-form textarea{
		font-size: 18px;
    	height: 30px;
    	margin: 5px 0px;
	}
	.ini-secc-form button {
	    width: 66%;
	    height: 18%;
	}
	.ini-secc-2 img{
		width: 69%;
	}

	.ini-secc-2 h1{
		font-size: 22px;
	}
	.ini-secc-2 p{
		font-size: 12px;
	}
	.contents p{
		font-size: 20px;
	}
	.image{
		width: 100%;
	}
	.btn span{
		display: block;
		color: white;
	}
	.btn p{
		display: none;
	}
	.secc-paquet{
		margin: 0%;
	}
	.secc-paquet img{
		width: 100%;
		height: 60%;
	}
	.secc-paquet h1{
    	font-size: 22px;
	}
	.secc-calidad img{
		width: 60%;
		padding: 5% 0% 12% 0%;
	}
	.secc-2 h1 {
    	font-size: 22px;
    	margin: 7% 0% 0% 0%;
	}
	.secc-2 p {
	    font-size: 18px;
	    color: rgb(133, 133, 133);
	    line-height: 24px;
	}
	.aviso p {
	 
	    font-size: 37px;
	}
	.image{
		display:block!important;
	}
}
