html,body{
	width: 100%;
	margin: 0;
	padding: 0;
}


/*** WHATSAPP ***/
	.btn-whatsapp{
		position: fixed;
		bottom: 3%;
		left: 3%;
		background-color: #0000;
		border: none;
		padding: 0.6%;
		color: #ffffffb8;
		font-family: 'Oxygen', sans-serif;
		z-index: 2;
		width: 250px;
		height: 50px;
	}

	.dinamic-wha{
		width: 20%!important;
	    height: 100%;
	    padding: 4%;
	    border-radius: 100px;
	    background-color: #25d366;
	    transition: 0.3s;
	    color: #ffffffb8;
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	.dinamic-wha i{
		font-size: 27px;
	}
	.dinamic-wha a{
		font-size: 20px;
	}

	.dinamic-wha-active {
		width: 100%!important;
		transition: 0.3s;
	}
	.dinamic-wha-active i{
		font-size: 30px;
	}

	.a-desactive{
		display: none;
	}
    @media(max-width: 990px){
		.dinamic-wha{
			top: -37%;
	    	font-size: 10px;
		}
		.dinamic-wha i{
			font-size: 27px;
		}
		.dinamic-wha a{
			font-size: 20px;
		}
		.dinamic-wha button{
			
		}
	}

/*** header ***/

	.header-w{
		margin: 0% 0%;
	    padding: 1% 10%;
	    width: 100%;
	    display: flex;
	    z-index: 3;
	    position: absolute;
	    top: 0;
	}

	.head-1{
		width:  100%;
	}
	
	.head-1 img{
		width: 20%;
	}

	/*** MEDIA ***/

		@media(max-width: 1024px){

			.header-w{
				text-align: center;
			}

			.head-1 img{
				width: 30%;
				padding: 2% 0%;
			}

		}

		@media(max-width: 990px){

			.head-1 img{
				width: 50%;
				padding: 2% 5%;
				margin: auto;
			}


		}

		@media(max-width: 414px){

			.header-w{
				text-align: left;
			}

			.head-1 img{
				width: 60%;
				padding: 5% 0%;
				margin: auto;
			}


		}

/*** INICIO ***/

	.container-sections{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 10% 0% 10%;
		background-color: #0a0a0a;

	}
	.container-sections2{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 10% 0% 10%;
		background-color:#0a0a0a;
	}

	.section-one-fondo{
		width: 100%;
		margin: 0%;
		padding: 0%;
		text-align: center;
		/*background-image: url("../images/img/fondo1.jpg");*/
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.section-one-fondo img{
		width: 60%;
		margin: 3% 0% 0% 0%;
		border-radius: 5px;
	}

	.section-one-fondo h3{
		font-size: 30px;
		margin: 1%;
		font-family: 'Quicksand', sans-serif;
		color: #ffffffb8;
	}

	.section-one-fondo p{
		font-size: 22px;
		font-weight: 700;
		font-family: 'Quicksand', sans-serif;
		color: #ffffffb8;
	}

	.section-one-fondo h1{
		background-color: #d0812a;
	    color: #ffffffb8;
	    font-size: 38px;
	    font-family: 'Quicksand', sans-serif;
	    font-weight: bold;
	    letter-spacing: 1px;
	}

	.section-one-fondo2 img{
		width: 100%;
		margin-top: 25%;
    	margin-left: -2%;		
	}

	.section-one-fondo2 button{
		font-family: 'Quicksand', sans-serif;
		margin: 15% 0% 5% 0%;
	    padding: 3% 6%;
	    border-radius: 10px;
		border:none;
		font-size: 22px;
		letter-spacing: 0.5px;
		background-color: #f1cf34;
    	color: #272425;
    	text-align: center;
    	font-weight: 600;
    	outline: none;
	}

	.section-one-fondo2 button:hover{
		background-color: #1a5c8d;	
		color: #ffffffb8;
	}

	.section-one h2{
		font-family: 'Montserrat', sans-serif;
		width: 100%;
		margin: 5% 0% 5% 0%;
		font-weight: bold;
		font-size: 28px;
		color:#ffffffb8;
		text-align: left;
	}
	.section-one h3{
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
		margin: 5% 0% 5% 0%;
		color:#d0812a;
		font-size: 30px;
	}
	.section-one p{
		font-family: 'Quicksand', sans-serif;
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 0% 0% 0%;
		font-size: 25px;
		text-align: left;
		color: #ffffffb8;
	}

	.section-one img{ 
		width: 85%;
		padding: 5%;
		margin: 0% 0% 0% 0%;
	}

	.section-one button{
		font-family: 'Quicksand', sans-serif;
		margin: 5% 0% 0% 0%;
		padding: 1% 3%;
		border-radius: 5px;
		border:none;
		font-size: 25px;
		letter-spacing: 0.5px;
		background-color: #28a745;
    	color: #fff;
    	outline: none;
	}

	.center::-webkit-input-placeholder {
		  text-align: center;
		  line-height: 100px;/* Centrado vertical */
		}


	/*** MEDIA ***/


		@media(max-width: 1024px){

			.section-one img{ 
				margin: 15% 0% 0% 0%;
			}	

		}

		@media(max-width: 425px){

				.section-one-fondo img {
    				width: 90%;
				}

				.section-one-fondo2 img {
				    width: 100%;
				    margin-top: 0%;
				    margin-left: 0%;
				}
				.section-one-fondo2{
					width: 100%;
				}
				.section-one p{
					font-size: 18px;
				}

				.section-one h2{
					font-size: 20px;
				}

				.section-one button{
					font-size: 22px;
					margin: 10% 0% 0% 0%;
				}
				.section-one-fondo h1 {
    				font-size:25px;
				}
				.title h3{
					font-size: 20px!important;
				}
				.title h5{
					font-size: 20px;
				}
				.section-contact p {
    				font-size: 18px!important;
    			}
    			.section-contact input, textarea {
    				width: 100%!important;
				}
				.footer-W button {
				    font-size: 18px!important;
				}
				.section-contact button {
    				font-size: 18px!important;
				}
			}



/*** SECTION TWO ***/
	
	.section-two{
		width: 100%;
		margin: 0%;
		padding: 0%;
		text-align: center;
	}

	.section-two h1{
		font-family: 'Montserrat', sans-serif;
		width: 100%;
		margin: 20% 0% 5% 0%;
		font-weight: bold;
		font-size: 40px;
		color: #601112;
		text-align: left;
	}

	.section-two p{
		font-family: 'Quicksand', sans-serif;
		width: 100%;
		margin: 0% 0% 7% 0%;
		padding: 0% 0% 0% 0%;
		font-size: 23px;
		text-align: center;
		color: #ffffffb8;
	}

	.section-two img{ 
		width: 30%;
		padding: 3%;
		margin: 0% 0% 0% 0%;
	}

	.section-two button{
		font-family: 'Quicksand', sans-serif;
		margin: 5% 0% 0% 0%;
		padding: 1% 3%;
		border-radius: 5px;
		border:none;
		font-size: 25px;
		letter-spacing: 0.5px;
		background-color: #28a745;
    	color: #fff;
	}

	.section-two ul{
		list-style: none;
		text-align: left;
		font-size: 20px;
		margin: 0%;
		padding: 2% 0% 0% 5%
	}

	.section-two i{
		color: #601112;
	}

	.img-none {
		display: none;
	}
	.title{
		padding: 5% 3% 3% 3%;
	}

	.title h1{
		font-family: 'Montserrat', sans-serif;
	    width: 100%;
	    font-weight: bold;
	    font-size: 40px;
	    color: #ffffffb8;
	    text-align: center;
	    letter-spacing: 1px;
	}

	.title h3{
		font-family: 'Montserrat', sans-serif;
		width: 100%;
		letter-spacing: 2px;
		font-size: 30px;
		text-align: center;
		color: #ffffffb8;
	}

	.title h5{
		font-family: 'Montserrat', sans-serif;
		width: 100%;
		font-weight: bold;
		font-size: 25px;
		letter-spacing: 2px;
		color: #ffffffb8;
		text-align: center;
	}
	.title2 h5{
		font-size: 15px;
		color:#ffffffb8;
		font-family: 'Montserrat', sans-serif;"
		font-weight: bold;
		letter-spacing: 2px;
	}
	.title2 span:hover{
		color: #d89540;
	}


	/*** MEDIA ***/


		@media(max-width: 1024px){

			.section-two h1{
				font-size: 30px;
			}
			.title h1{
				font-size: 28px;
			}

			.section-two p{
				font-size: 20px;
			}

			.section-two img{ 
				margin: 0% 0% 0% 0%;
			}	

		}

		@media(max-width: 768px){

				.section-two p{
					font-size: 18px;
				}
			}

		@media(max-width: 414px){

				.section-two h1{
					font-size: 25px;
    				margin: 5% 0% 5% 0%;
				}

				.section-two p{
					font-size: 18px;
				}

				.section-two button{
					font-size: 22px;
					margin: 10% 0% 0% 0%;
				}

				.section-two img{ 
					margin: 5% 0% 0% 0%;
				}

				.section-two ul{
					font-size: 18px;
				}

				.img-block{
					display: none;
				}

				.img-none{
					display: block;
				}

			}

/*** CONTACT ***/

	.section-contact{
		width: 100%;
		margin: 1% 0% 5% 0%;
		padding: 0%;
		text-align: center;
		border-radius: 35px;
	}


	.section-contact p{
		font-family: 'Quicksand', sans-serif;
		width: 100%;
		margin: 5% 0% 5% 0%;
		font-weight: bold;
		font-size: 25px;
		color: #ffffffb8;

	}

	.section-contact input, textarea{
		font-family: 'Quicksand', sans-serif;
		width: 90%;
		height: 23%;
		padding: 1%;
		margin: 5% 0% 0% 0%;
		border-radius: 5px;
		border: 1px solid #60111252;
		font-size: 18px;
	}

	.section-contact button{
		border-radius: 10px;
		border:none;
		padding: 1% 5%;
		margin: 5% 0%;
		background-color: #d89540;
		color: #fff;
		font-family: 'Quicksand', sans-serif;
		font-size: 22px;
		outline: none;
	}

	.section-contact button:hover{
		background-color: #0a0a0a;
		color: #ffffffb8;
	}

	.section-contact img{
		width: 100%;
		margin: 10% 0% 0% 0%;
	}

	@media( width: 990px){
		.recaptcha-web{
	 		position: absolute;
		    margin: 2% 0% 0% 0%;
		}
	}

/*** FOOTER ***/
	.footer-W span:hover{
		color: #d0812a;
	}
	.footer-W{
		width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    margin: 0% 0% 0% 0%;
	    padding: 0% 0% 0% 0%;
	    text-align: center;
	    justify-content: center;
	}
	.footer-W button{
		border-radius: 10px;
		border:none;
		padding: 1% 5%;
		margin: 5% 0%;
		background-color:#d89540;
		color: #fff;
		font-family: 'Quicksand', sans-serif;
		font-size: 22px;
		outline: none;
	}
	.footer-W button:hover{
		background-color: #1c408c;
		color: #ffffffb8;
	}
	.footer-W p{
	    color: #f9f7f785!important;
	    font-size: 15px;
	    letter-spacing: 1.5px;
	    line-height: 3;
	}

	.footer-W i{
	    margin-left: 5px;
	}

	.footer-W ul{
		width: 100%;
		list-style: none;
		text-align: left;
	}

	.footer-W li{
		color: #ffffffb8fff78;
		font-size: 15px;
		letter-spacing: 1px;
		padding: 1% 0%;
	}

	.footer-W div{
		justify-content: center;
	    margin: 0% 0%;
	    padding: 0% 0% 0% 0%;
	}

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

	.copyrigt{
		color:#f9f7f785!important;
    	font-size: 15px!important;
    	margin: 1% auto;
	}
	@media(max-width:414px){
		.footer-W img{
		width: 60%;
	}
	}

	@media(max-width:375px){
		.title h3{
			font-size: 18px;
		}
		.title h5 {
   		    font-size: 18px;
   		}
   		.section-contact p {
    		font-size: 18px;
		}
		.section-contact button {
    		font-size: 18px;
		}
		.footer-W{
			width: 100%;
		    margin-left: auto;
		    margin-right: auto;
		    margin: 2% 0% 0% 0%;
		    padding: 2% 0% 1% 0%;
		    text-align: center;
		    justify-content: center;
		}
		.footer-W img{
			width: 60%;
		}
		.footer-W p{
			color: #a7a7a7!important;
		    font-size: 10px!important;
		    margin: 1% auto;
		    padding: 0% 15%;
		    letter-spacing: 1.2px;
		}
		.footer-W button {
    		font-size: 18px;
		}
	}
	
/*** SOCIAL MEDIA ***/

	.social{
		position: fixed;
	    top: 45%;
	    left: 0%;
	    transition: 0.3s;
	}

	.social ul{
		margin: 0%;
		padding: 0%;
	}
	
	.social p:hover{
		transform: scale(1.1);
		transition: 0.3s;
	}
	.social p{
		width: 50px;
	    height: 50px;
	    text-align: center;
	    color: #753030;
	    cursor: pointer;
	    background: #dcdcdc;
	    margin: 0%;
	}
	.social i{
		font-size:30px;
		padding: 15%;
	}


	.redes-mobil{
		display: none;
		z-index: 10;
		position: absolute;
		top: 2%;
		right: 20%;
	}

	.redes-mobil ul{
		list-style: none;
		margin: 0%;
		padding:0%;
		display: flex;
		font-size: 20px;
		color: #601112;
	}

	.redes-mobil li{
		   margin: 0% 40% 0% 0%;
	}


	@media(max-width: 414px){
		.social{
			display: none;
		}

		.redes-mobil{
		display: block;
		}

	}