body,html{
	width: 100%;
	height: 100%;

}
.row{
 	margin: 0%;
 	padding: 0%;
 	justify-content: center;
}
  body.swal2-height-auto {
  padding-right: 0%!important;
}
	.read-less-btn{
		padding: 10px 10px;
		cursor: pointer;
	}

	.read-more-btn{
		padding: 10px 10px;
		cursor: pointer;
	}

	.read-more{
		display: none!important;
	}

	.menu-opc-active {
	    color: #000!important;
	}
	.menu-opc-active:before{
		position: absolute;
		content: close-quote;
		height: 3px;
		background: #0000;
		top: 110%;
		border-radius: 100%;
		width: 15px;
		height: 15px;
		margin: auto;
		z-index: 1;
		left: 0;
		right: 0;
		background: #e1b803!important;
	}
/***Boton de whats***/

	.btn-whatsapp{
		position: fixed;
		bottom: 5%;
		left : 1%;
		background-color: #0000!important;
		border: none;
		padding: 0.6%;
		color: #fff;
		font-family: 'Poppins', sans-serif;
		border-radius: 25px 25px 25px 25px;
		font-size: 21px;
		z-index: 2;
		width: 310px;
		height: 90px;
		display: flex;
		outline: none!important;
		display: none!important;
	}

	.dinamic-wha{
		width: 100%!important;
		font-size: 18px;
		height: 100%;
		padding: 0%;
		margin: 0%;
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 100px;
		background-color: #0000;
		transition: 0.2s;
		color: #fff;
		display: flex;
	}

	.dinamic-wha i{
	  	font-size: 30px;
	    float: left;
	    padding: 11px;
	    margin: auto 0%;
	    margin-left: 12px;
	    background-color: #25d366;
	    border-radius: 100px;
	    width: 55px;
	    height: 55px;
	}

	.dinamic-wha span{
		margin: auto 0%;
	    margin-left: 15px!important;
	    background-color: #25d366;
	    padding: 8px 20px;
	    color: #fff;
	    border-radius: 18px;
	    box-shadow: 0px 0px 10px #00000052;

	}

	.dinamic-wha-active {
		width: 100%!important;
		opacity: 1;
		transition: 0.2s;
		z-index: -1;
	}

	.a-desactive{
		display: none;
		opacity: 0;
		transition: 0.2s;
	}

		@media(max-width: 990px ){
		.btn-whatsapp{
			display: none;
		}

		.btn-whatsapp{
			display: block;
		    bottom: -1%;
		    right: -20px;
		    width: 100px;
		}
		.dinamic-wha span {
			display: none;
		}
		.modal-dialog {
		    max-width: 95%!important;
		    margin: auto!important;
		    top: 9%;
		}
	}


/*** HEADER PC ***/

	/*** header pt 1 ****/
		.header-w{
			margin: 0%;
		    padding: 0.5% 5%;
		    width: 100%;
		    background-color: #e1b804;
		    z-index: 12;
		    display: flex;
		    justify-content: center;
		    /* border-bottom: 1px solid #00000029; */
		    transition: 0.5s;
		    position: fixed;
		    top: 0;
		}

		.header-w ul{
			font-family: 'Poppins-Regular', sans-serif;
			width: 100%;
			display: flex;
			justify-content: space-between;
			list-style: none;
			padding: 0%;
			margin: 0%;
			font-size: 15px;
			letter-spacing: 0.5px;
		}

		.header-w li{
			color: #111;
		    cursor: pointer;
		    width: 100%;
		    text-align: center;
		    margin: 2% 0%;
		    font-size: 1.1em;
		    font-weight: bold;
		    letter-spacing: 0;
		}


		.header-w li:hover{
			color: #333;
		}

		.header-w i{
		}

		.social-media{
			display: flex;
			justify-content: flex-end;
		}

		.social-media p{
			margin: auto 5%!important;
		    width: 35px!important;
		    height: 35px!important;
		    background: #0000001f!important;
		    text-align: center!important;
		    border-radius: 100px!important;
		    padding: 2% 0%!important;
		    transition: 0.3s!important;
		}

		.social-media i{
			color: #eee;
			position: relative!important;
		}

		.social-media p:hover{
			background: #003a7e!important;
			transition: 0.3s!important;
		}

		.social-media p:hover i{
			color: #fff;
			transition: 0.3s;
		}

		.menu-active {

		}
		
	/*** header pt 2 ****/

		.head-2{
			position: fixed;
		    width: 100%;
		    padding: 0.5% 5% 0.5% 10%;
		    top: 0%;
		    background-color: #FFF;
		    z-index: 3;
		    display: flex;
		    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
		    transition: 0.5s;
		    border-top: 5px solid #e3bf1e;
		}
		.enable-head{
			transition: 0.5s;
    		background-color: #fffffff2!important;
		}


		.head-2 ul{
			margin: 0%;
		    padding: 0%;
		    width: 100%;
		    list-style: none;
		    display: flex;
		    justify-content: flex-end;
		}

		.head-2 img {
			width: 14%;
		    padding: 1%;
		    margin: 0% 2% 0% 0%;
		    cursor: pointer;
		    transition: 0.5s;
		}

		.size{
			width: 11%!important;
		    padding: 1%!important;
		    margin: 0% 4% 0% 0%!important;
		    cursor: pointer;
		    transition: 0.5s;
		}

		.head-2 li{
		    font-family: 'Roboto', sans-serif;
		    margin: auto 2%;
		    font-size: 17px;
		    cursor: pointer;
		    color: #000;
		    letter-spacing: 0.5px;
		    border-top: 0.5px solid #0000;
		    /*padding-top: 0.5%;*/
		    position: relative;
		}
		.head-2 li>button{
			border: 2px solid #25d366;
			color: #fff;
			border-radius: 15px;
			background-color: #25d366;
			width: 100%;
			padding: 3% 0%;
			-webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 30%);
			letter-spacing: 0.5px;
			outline: none!important;
			text-decoration: none!important;			
		}
		#space-button{
			width: 21.5%;
		}
		.head-2 li>button>i{
			color: #fff;
		}
		.head-2 li:before{
			position: absolute;
		    content: close-quote;
		    /* right: 50px; */
		    height: 3px;
		    background: #0000;
		    top: 110%;
		    border-radius: 100%;
		    width: 12px;
		    height: 12px;
		    /* justify-content: center; */
		    /* text-align: center; */
		    margin: auto;
		    z-index: 1;
		    left: 0;
		    right: 0;
		}
		.enabled-0 span{
		    content: close-quote;
		    left: 0px;
		    right: 0px;
		    height: 3px;
		    background: #e1b803;
		    top: 0%;			
		}
		.head-2 li:hover:before {
			background: #e1b803;
		}
		.head-2 i{
			transition: 0.3s;
			color: #e1b803;
			font-size: 15px;
		}
		.head-2 li:hover i{
			transition: 0.3s;
		}
		.head-2 li:hover{
			/*border-top: 0.5px solid #e1b803;*/
		}

		.menu-active {

		}

	/*** dropdown-w-one ***/

		.dropdown-w-one{
			position: relative;
		}

		.dropdown-w-one div{
			position: absolute;
			width: 270px;
			padding: 0% 0% 0% 0%;
			margin: 0% 0% 0% 0%;
			background-color: #fff;
			opacity: 0;
		    visibility: hidden;
		    transition: all 0.3s ease 0s;
		    transform: translateY(15px);
    		box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
		    border-radius: 5px;
		    top: 125%;
		}

		.dropdown-w-one:hover div{
			opacity: 1;
		    visibility: visible;
		    padding: 0% 0% 0% 0%;
		    transition: all 0.3s ease 0s;
		    transform: translateY(0px);
		}

		.dropdown-w-one ul{
			display: block;
			margin: 0% 0% 0% 0%;
			padding: 0% 0%;
			width: 100%;
			/*border-top: 1px solid #89b225;*/
		}

		.dropdown-w-one li{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			padding: 2% 5%;
			margin: 4% 0% 4% 0%;
			color: #4d4d4d;
			text-align: left;
			background-color: #fff;
			border-radius: 0px;
    		border-bottom: 0.5px solid #eeeeee5e
		}

		.active-dropdown li:hover {
			color: #fff;
    		background-color: #e2b905;
    		border-bottom: 0.5px solid #e2b905;
		}

		.active-dropdown li:before{
    		content: "";
    		background: #0000!important;
		}

/*** HEADER MOBILE ***/

	.header-mobile{
		display: none;
		position: sticky;
		margin: 0%;
		top: 0;
		width: 100%;
		z-index: 10;
		text-align: center;
    	background: #fffffff5;
    	border-bottom: 1px solid #ddd;
    	margin-top: 3.75rem;
	}
	.header-mobile h3 {
		width: 50%;
		padding: 0%;
		position: fixed;
		left: 0%;
		color: #333;
		font-family: 'Roboto', sans-serif;
	}
	.header-mobile strong {
		color: #111;
		font-family: 'Roboto', sans-serif;
	}

	.header-mobile p{
	    font-family: 'Roboto', sans-serif;
	    background-color: #fff;
	    width: 100%;
	    margin: 0%;
	    padding: 2% 5% 2% 5%;
	    color: #4d4d4d;
	    font-weight: bold;
	    /*border-bottom: 2px solid #fc6404;*/
	    font-size: 24px;
	    letter-spacing: 1px;
	    text-align: right;
	    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
	}

	.header-mobile span{
		font-family: 'Roboto', sans-serif;
	    font-size: 19px;
	    float: left;
	    margin: 2% 0% 2% 0%;
	    color: #111;
	    font-weight: bold;
	    letter-spacing: 0.5px;
	    width: 100%;
	    text-align: left;
    	padding: 0% 3% 0% 10%;
	    position: relative;
	}

	.collapse:after{
		content: '';
	    display: block;
	    width: 1.5px;
	    position: absolute;
	    top: 93px;
	    bottom: 20px;
	    left: 20px;
	    background: #eee;
	}

	.align-i{
		position: relative;
		float: right;
		right: 10px;
	}

	.collapse{
		/*border-bottom: 2px solid #003a7e;*/
		/*box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);*/
	}
	.submenu{	
	    margin-bottom: 0;
	    margin-top: 5%;
	    padding-left: 5%;
	}
	.submenu ul{

	}
	.submenu li{
		list-style: none;
    	margin: 3% 0%;
    	font-size: 17px;
	}


	
	/******medias**********/

	@media(max-width: 1024px){

		.content-logo{
		width: 50%;
		margin-right: 1%;
		}

		.header-w{
			display: none;
		}

		.head-2{
			display: none;
		}

		.header-mobile{
			display: block;
    		margin-top: 3.25rem;
		}

	}
	@media only screen and (min-device-width : 768px) and (max-device-width : 1100px){
	.header-mobile h3 {
    width: 50%;
    padding: 0%;
    position: fixed;
    left: 0%;
    color: #333;
    margin-top: 4%;
    /* left: 0; */
    font-size: 30px;
	}
	.header-mobile strong {
		color: #111;
	}

    }

	@media(max-width: 720px){

		.header-mobile img {
	    left: 5%;
	    top: 0%;
	    width: 50%;
	    position: absolute;
		}
	}

	@media (max-width: 320px){

		.header-mobile img {
    		left: 4%;
    		top: 2%;
		}
	
	}


/*** SLIDER ***/
	#slider-1{
		border-bottom: 4px solid #e3bf1e;
	}
	.slider-1{
		margin: 0% 0% 0% 0%;
		position: relative;
		z-index: 2;
	}

	.slider-1 h1{
		position: absolute;
	    left: 5%;
	    top: 25%;
	    font-family: 'Roboto', sans-serif;
	    margin: 0% 0% 0% 0%;
	    padding: 0.5% 1%;
	    font-weight: bold;
	    color: #fff;
	    font-size: 45px;
	    background-color: #0000;
	    text-shadow: 2px 2px 2px rgba(0,0,0,.4);
	    letter-spacing: 0.5px;
	    line-height: 70px;
	    z-index: 11;
		}


	.slider-1 p{
	    position: absolute;
	    left: 6%;
	    top: 50%;
	    font-family: 'Roboto', sans-serif;
	    margin: 0% 0% 0% 0%;
	    /* padding: 0.5% 1%; */
	    font-weight: bold;
	    color: #fff;
	    font-size: 20px;
	    background-color: #0000;
	    text-shadow: 2px 2px 2px rgba(0,0,0,.4);
	    letter-spacing: 0.5px;
	    z-index: 11;
	    text-align: center;
	    line-height: 35px;
	}

	.slider-1 button{
	    width: 17%;
	    position: absolute;
	    font-family: 'Roboto', sans-serif;
	    padding: 0.5% 0.5%;
	    font-weight: bold;
	    color: #111;
	    font-size: 20px;
	    background-color: #e3bf1e;
	    background-size: 10%;
	    border-radius: 15px;
	    border: 1px solid #e3bf1e;
	    /* border: none; */
	    letter-spacing: 0.5px;
	    outline: none;
	    z-index: 11;
	    top: 83%;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    margin: 0% auto;
	    height: 7%;
	    transition: 0.5s;
	        -webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 30%);
	}

	.slider-1 button>i{
		position: relative;
		float: left;
		left: 25px;
		padding-top: 2%;
	}

	.slider-1 button>span{
		background: #0000;
	    width: 5%;
	    position: absolute;
	    left: 0;
	    top: 0;
	    height: 100%;
	    border-radius: 15px;
	    display: flex;
	    justify-content: center;
	    margin: auto 0%;
	    color: #111;
	    align-items: center;
	    z-index: -1;
	    transition: 0.5s;
	}

	.slider-1 button:hover span{
		width: 100%;
		transition: 0.5s;
		background-color: #e1b803;
	}



	@media(max-width: 1024px){
		.slider-1{
		margin: 0% 0% 0% 0%;
		}
	}
    @media only screen and (min-device-width : 768px) and (max-device-width : 1100px){
	.slider-1 button{
		width: 25%;
		left: 37%;
		bottom: 55px;
		}
    }

	@media(max-width: 425px){

		.slider-1{
			margin: 0% 0% 0% 0%;
		}

		.slider-1 h1{
	    font-size: 30px;
	    top: 15%;
	    line-height: 40px;
	    left: 8%;
		}

		.slider-1 button{
		    width: 50%;
		    bottom: 40%;
		    left: 22%;
		    letter-spacing: 0.5px;
		    padding: 2% 0%;
		}
		.slider-1 p{
			top: 30%;
		    line-height: 25px;
		    left: 8%;
		    font-size: 16px;
		    text-align: left;
		}
	}



/*** INDEX ***/

	.container-sections{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 10% 0% 10%;
		justify-content: center;
		text-align: center;
	}
	.fondo {
	    width: 100%!important;
	    height: 100%!important;
	    position: absolute;
	    background: rgba(0, 0, 0, 0.15);
	    z-index: 10;
	    left: 0;
	    top: 0;
	    border-radius: 5px;
	}

	/*** BUTTONS ONE ***/

		.btn-inicio-1{
			font-family: 'Roboto', sans-serif;
			padding: 5% 2%;
			margin: 0% 0% 5% 0%;
			font-size: 20px;
			width: 100%;
			background-color: #0000;
			border-radius: 5px;
			border:none;
			color: #fff;
			position: relative;
			z-index: 1;
		}

		.btn-inicio-1 p{
			z-index: 3;
			margin: 0%;
			padding: 0%;
			font-weight: bold;
			letter-spacing: 1px;
		}

		.btn-inicio-1 a{
			width: 100%;
			height: 100%;
			left: 0%;
			top: 0%;
			padding: 5% 2%;
			position: absolute;
			background-color: #89b225;
			transition: 0.5s;
			color: #0000;
			border-radius: 5px;
			z-index: -2;
		}

		.btn-inicio-1 span{
			width: 0%;
			height: 100%;
			left: 0%;
			top: 0%;
			padding: 5% 2%;
			position: absolute;
			background-color: #0000;
			transition: 0.5s;
			border-radius: 5px;
			z-index: -1;
		}

		.btn-inicio-1:hover span{
			width: 100%;
			background-color: #000000b0;
		}


	/*** SECTION TWO ***/

		.container-sections-two{
		    width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 5% 10% 3% 10%;
		    justify-content: center;
		    text-align: center;
		    /*background-image: url(../images/img/back-1.jpg);*/
		    background-color: #fff;
		    position: relative;
		}

		.gradient{
			position: absolute;
			top: 0%;
			left: 0%;
			background: #000;
		}

		.container-sections-two span{
		    background-image: url(../images/img/clean.png);
		}
		.container-sections-two h1{
		    font-family: 'Roboto', sans-serif;
		    width: 100%;
		    text-align: center;
		    margin: 0% 0% 5% 0%;
		    padding: 0%;
		    font-weight: bold;
		    color: #111;
		    font-size: 30px;
		    letter-spacing: 0.5px;
		}

		.container-sections-two h2{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: center;
			margin: 4% 0% 5% 0%;
			padding: 0% 5%;
			font-weight: bold;
			color: #333;
			font-size: 18px;
			transition: 0.4s;
			line-height: 25px;
			letter-spacing: 0.5px;
		}
		.us-content{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: left!important;
			margin: 10% 0% 5% 0%;
			padding: 0%;
			font-weight: bold;
			color: #000;
			font-size: 20px;
			padding-left: 5%!important;
		}

		.container-sections-two h2:hover{
			transition: 00.4s;
		}

		.container-sections-two p{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: justify;
			margin: 0% 0% 5% 0%;
			padding: 0% 4%;
			color: #000;
			font-size: 16px;
		}

		.container-sections-two h1>hr{
		    height: 4px;
		    border-radius: 5px;
    		width: 10%;
    		background-color: #e1b803;
		    margin: 1% auto 0%;
		    margin-bottom: 2%;
		}

		.container-sections-two ul{
			display: inline-table;
			margin-top: 0.5rem;
		}
		.container-sections-two li{
			font-family: 'Roboto', sans-serif;
			list-style: none;
			color: #000;
			font-size: 17px;
			text-align: left;
			margin: 2.5% 0%;
		}
		.container-sections-two i{
			color: #549644;
			font-weight: bold;
		}
		.container-sections-two img{
			border-radius: 5px;
		}
		.content-1{
			cursor: pointer;
			background: #fff;
    		border-radius: 5px 5px 0px 0px;
    		margin: 0% 4%;
    		/*box-shadow: 0px 0px 10px -3px #000;*/
    		position: relative;
    		padding-bottom: 5%;
    		margin: 10% 0%;
		}

		.content-1 img{
			width: 20%;
			padding: 0%;
			transition: 0.4s;
			position: relative;
			margin: 4%;
		}

		.content-1:hover img{
		}


	/*** SECTION THREE ***/

		.container-sections-three{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 5% 10% 5% 10%;
			justify-content: center;
			text-align: center;
			background-image: url('../images/img/back-2.jpg');
		}

		.container-sections-three h1{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: center;
			margin: 0% 0% 5% 0%;
			padding: 0%;
			font-weight: bold;
			color: #fff;
			font-size: 35px;
		}

		.container-sections-three h1>hr{
			height: 4px;
			border-radius: 5px;
			width: 5%;
			background-color: #89b22500;
			margin: 1.5% auto;
			margin-bottom: 3%;
			border: none;
		}

		/*** left ***/

		.content-video-left{
			width: 100%;
			margin: 0%;
			padding: 10%;
			background-color: #fff;
			text-align: center;
		}

		.container-sections-three h2{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			margin: 0% 0% 5% 0%;
			padding: 0%;
			font-weight: bold;
			color: #000;
			font-size: 30px;
			text-align: left;
			line-height: 40px;
		}

		.container-sections-three p{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			font-size: 18px;
			text-align: left;
		}

		.container-sections-three span{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			font-size: 18px;
			font-weight: bold;
		}

		.content-video-left button{
			color: #111;
			width: fit-content;
			padding: 2% 2%;
			margin: 5% auto 0% auto;
			font-size: 18px;
			cursor: pointer;
			border: 1px solid #003a7e;
			outline: none;
			background-color: #fff;
			transition: 0.3s;
			border-radius: 4px;
		}

		.content-video-left button:hover {
			background-color: #003a7e;
			transition: 0.3s;
			color: #fff;
		}

		/*** right ***/

		.content-video-right{
			position: relative;
		}
		
		.content-video-right img{
			width: 100%;
		}

		.content-video-right button{
			position: absolute;
			color: #fff;
			width: 100%;
			height: 100%;
			padding: 23% 0%;
			font-size: 60px;
			cursor: pointer;
			border: none;
			outline: none;
			background-color: #0000;
			transition: 0.3s;
		}

		.content-video-right:hover button{
			background-color: #0000004d;
			transition: 0.3s;
		}



	/*** SECCTION FOUR ***/

		.container-sections-four{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 5% 10% 5% 10%;
			justify-content: center;
			text-align: center;
			position: relative;
		}

		.container-sections-four h1{
		    font-family: 'Roboto', sans-serif;
		    width: 100%;
		    text-align: center;
		    margin: 0% 0% 4% 0%;
		    padding: 0%;
		    font-weight: bold;
		    color: #333;
		    font-size: 22px;
		    letter-spacing: 0.5px;
		    visibility: visible;
		    transition: 0.5s;
		}

		.container-sections-four h1>hr{
			height: 4px;
		    border-radius: 5px;
		    width: 5%;
		    background-color: #1e73be;
		    margin: 1% auto;
		    margin-bottom: 3%;
		    justify-content: center;
		}

		.container-sections-four img{
			width: 35%;
			padding: 7%;
			visibility: visible;
			transition: 0.5s;
			margin: 1%;
		}

		.container-sections-four p{
		    font-family: 'Roboto', sans-serif;
		    width: 100%;
		    text-align: justify;
		    margin: 0% 0% 0% 0%;
		    padding: 0% 7%;
		    color: #000;
		    font-size: 14px;
		    display: none;
		    transition: 0.5s;
		    position: relative;
		    line-height: 25px;
	   }

	   .container-sections-four p:before{
		    content: " ";
		    text-align: center;
		    display: block;
		    line-height: 28px;
		    width: 28px;
		    height: 28px;
		    position: absolute;
		    top: -35.5%;
		    left: -14px;
		    color: #ee5b54;
		    color: white;
		    -webkit-box-shadow: 0 0 0 2px #2b4b92 inset;
		    box-shadow: 0 0 0 2px #e3bc13 inset;
		    border-radius: 50%;
	   }

	   .container-sections-four p:after{
	    content: " ";
	    text-align: center;
	    display: block;
	    width: 14px;
	    height: 14px;
	    position: absolute;
	    top: -31.5%;
	    left: -7px;
	    background: #e1b803;
	    border-radius: 50%;	
	   }

	  .content{
	    padding: 10% 0%;
	    border-radius: 5px;
	    /*border: 1.5px solid #1e73be6e;*/
	    transition: 0.3s;
	    box-shadow: 0px 0px 10px -3px #00000075;
	    background: #ffffffdb;
	    border-bottom: 3px solid #e1b803;
	    height: 250px;
	    transition: 0.5s;
	    margin: 0% 5%;
	  }
	  	.zoom {
		transition: 0.5s;
		padding: 0%!important;
	}
	.content:hover{
		padding: 5% 0%;
    	background-color: #fff;
	}

	.zoom:hover{
		transition: 0.5s;
		transform: translateY(0px);
		display: block;
		height: 100%;
	}
	.zomm p{
		transition: 0.5s;
	}
	.zoom h1{
		transition: 0.5s;
	}
	.zoom img{
		transition: 0.5s;		
	}
	.zoom:hover p{
		display: block;
		transition: 0.5s;
		height: 190px;
	}
	.zoom:hover h1 {
		transition: 0.5s;
	}
	.zoom:hover img{
		display: none;
		transition: 0.5s;
	}

	.banner-medio {
	    background-size: cover;
	    background-position: top;
	    background-attachment: fixed;
	    position: relative;
	    padding: 2% 5%;
	    margin-bottom: 0rem;
	    position: relative;
	    text-align: center;
	    background-color: #e9a825;
	}

	.banner-medio h1{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		text-align: center;
		margin: 0% 0% 0% 0%;
		padding: 0%;
		font-weight: bold;
		color: #111;
		font-size: 40px;
		position: relative;
		letter-spacing: 0.5px;
	}

	.banner-medio h1:before{
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    content: "\f10d";
	    position: absolute;
	    z-index: 1;
	    top: 0%;
	    font-size: 20px;
	    color: #111;
	    left: 24%;
	}

	.banner-medio h1:after{
		font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    content: "\f10e";
	    position: absolute;
	    z-index: 1;
	    top: 0%;
	    font-size: 20px;
	    color: #111;
	    right: 24%;
	}


	.banner-medio button{
		font-family: 'Roboto', sans-serif;
	    padding: 0.5% 3.5%;
	    width: fit-content;
	    border: none;
	    border-radius: 5px;
	    background: #1e73be;
	    color: #fff;
	    font-weight: bold;
	    letter-spacing: 0.5px;
	    font-size: 20px;
	    text-decoration: none!important;
	    outline: none!important;
	    cursor: pointer;
	    border: 2px solid #1e73be;
	}

	.banner-medio button:hover {
		background: #0000;
		border: 2px solid #fff;
	}

	.banner-medio button,i:hover {
		transform: translateX(0px);
		transition: 0.5s;
	}

	.banner-medio i{
		margin-right: 5px;
		transition: 0.5s;
	}

	.fondo-1{
	    width: 100%;
		height: 100%;
		position: absolute;
		background: rgba(0,0,0,0.55);
		z-index: 0;
		left: 0;
		top: 0;
	}
/****************/

	/***EFECT LOOP ***/
	.heading_overlay {
		display: inline-block;
		position: relative;
		height: 5px;
		border-radius: 30px;
		background-color: #3d69c4;
		width: 90px;
		margin-top: 5px;
		margin-bottom: 18px;
		overflow: hidden
	}

	.site-heading .heading_overlay:after,
	.about-heading .heading_overlay:after {
		content: '';
		position: absolute;
		left: 0;
		top: -1.1px;
		height: 7px;
		width: 8px;
		background-color: #fff;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-name: MOVE-BG;
		animation-name: MOVE-BG
	}

	.heading_overlay:after {
		content: '';
		position: absolute;
		left: 0;
		top: -1.1px;
		height: 7px;
		width: 8px;
		background-color: #fff;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-name: MOVE-BG;
		animation-name: MOVE-BG
	}

	@-webkit-keyframes MOVE-BG {
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}
		to {
			-webkit-transform: translateX(88px);
			transform: translateX(88px)
		}
	}

	@-webkit-keyframes MOVE-BG {
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}
		to {
			-webkit-transform: translateX(88px);
			transform: translateX(88px)
		}
	}

	@keyframes MOVE-BG {
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}
		to {
			-webkit-transform: translateX(88px);
			transform: translateX(88px)
		}
	}

	.svg-border-rounded svg {
	    position: absolute;
	    bottom: 0%;
	    left: 0;
	    height: 2rem;
	    width: 100%;
	    z-index: 2;
	    color: #212121;
	    display: none;
	}


/******CONTENT FORM ****************/
	.fondo-final{
		padding: 0% 0% 0% 8%!important;
    	background-image: url(https://limpiezadealturas.maredima.com.mx/images/img/final.jpg);
    	background-size: cover;
    	background-position: right;
    	background-repeat: no-repeat;
	}

	.form-1{
	    text-align: center;
	    margin: 8% 5%;
	    padding: 5% 5% 5% 5%;
	    box-shadow: 0px 0px 15px -5px #00000038;
	    margin-bottom: 0%;
	    background-color: #fff;
	}

	.form-1 h1{
		font-weight: bold;
		text-align: center;
		font-size: 35px;
		margin: 5% 0% 5% 0%;
		font-family: 'Roboto', sans-serif;
		color: #111;
		letter-spacing: 0.5px;
	}

	.form-1 h5{
			font-family: 'Roboto', sans-serif;
		font-size: 20px;
		text-align: left;
	}

	.form-1 input,select{
	    width: 100%;
	    margin: 2% 0% 2% 0%;
	    border: 0.5px solid #ddd;
	    padding: 1%;
	    height: 50px;
	    font-size: 17px;
	}
	.form-1 textarea{
	    width: 100%;
	    margin: 2% 0% 0% 0%;
	    border: 0.5px solid #ddd;
	    padding: 1%;
	    height: 70px;
	    font-size: 17px;
	}
	.form-1 button{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 24px;
		border:none;
		border-radius: 5px;
		outline: none;
		padding: 1% 7%;
		margin: 5% 0% 2% 0%;
		color: #fff;
		background-color: #111;		
		transition: 0.5s;

	}
	.form-1 button:hover{
		background-color: #e9a825;
		color: #fff;
		transition: 0.5s;
	}

	.form-1 i{
		font-size: 40px;
		cursor: pointer;
		color: #e9a825;
	}

	.form-1 p{
		font-size: 22px;
		cursor: pointer;
	}

	.form-2 {
		width: 100%;
	}

	.form-2 img{
		width: 100%;
		margin: auto;
		padding: 20% 0% 0% 0%;
	}

	.form-2 i{
		font-size: 40px;
		cursor: pointer;
		color: #e9a825;
		margin: 5%;
	}

	.form-2 p{
		font-size: 20px;
		cursor: pointer;
	}

	.line {
	    width: 70px;
	    height: 4px;
	    background: #e1b803;
	    text-align: center;
	    margin-top: 1%;
	}

/****************************************/
		.content-especialist{
			width: 100%;
			background-color: #fff;
			margin: 0% 0% 10% 0%;
			padding: 10% 10%;
			border-radius: 5px;
			cursor: pointer;
		}

		.content-especialist h2{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: center;
			margin: 0% 0% 5% 0%;
			padding: 0%;
			font-weight: bold;
			color: #000;
			font-size: 25px;
			transition: 0.4s;
		}

		.content-especialist h2:hover{
			transition: 0.4s;
			color:  #89b225;
		}

		.content-especialist h2>hr{
			height: 4px;
			border-radius: 5px;
			width: 15%;
			background-color: #89b225;
			margin: 1.5% auto;
			margin-bottom: 3%;
		}

		.content-other-services{
			width: 95%;
			background-color: #fff;
			margin: 0% auto 10% auto;
			padding: 10% 10%;
			border-radius: 5px;
			cursor: pointer;
			transition: all 0.2s ease 0s;
		}

		.content-other-services:hover{
			transform: translateY(-10px);
			transition: all 0.2s ease 0s;
			box-shadow:	0 10px 55px 5px rgba(137, 173, 255, 0.2);
		}

		.content-other-services h2{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: center;
			margin: 5% 0% 5% 0%;
			padding: 0%;
			font-weight: bold;
			color: #000;
			font-size: 25px;
			transition: 0.4s;
		}

		.content-other-services h2:hover{
			transition: 0.4s;
			color:  #89b225;
		}

		/*** carousell ***/

		.carousel-indicators-1{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 2% 0%;
			display: flex;
			justify-content: center;
			list-style: none;
		}

		.carousel-indicators-1 li{
			margin: 0% 1%;
			font-size: 30px;
			cursor: pointer;
			color: #89b225;
		}

		.carousel-indicators-1 li:hover{
			color: #002840;
		}

	/*** SECCION FIVE ***/

		.container-sections-five{
			width: 100%;
			margin: 7% 0% 0% 0%;
			padding: 5% 10% 5% 10%;
			justify-content: center;
			text-align: center;
			background-color:#eee;
			font-family: 'Roboto', sans-serif;
		}

		.container-sections-five h1{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: center;
			margin: 0% 0% 5% 0%;
			padding: 0%;
			font-weight: bold;
			color: #111;
			font-size: 35px;
		}

		.container-sections-five h1>hr{
		    height: 3px;
		    border-radius: 5px;
		    width: 10%;
		    background-color: #e1b803;
		    margin: 1.5% auto;
		    margin-bottom: 3%;
		    justify-content: center;

		}

		.container-sections-five p{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: left;
			margin: 5% 0% 5% 0%;
			padding: 0% 0% 0% 10%;
			color: #333;
			font-size: 18px;
		}

		.container-sections-five p>i{
			color: #e1b803;
			margin: 0px 11px 0px -30px;
		}

		.content-blog{
			width: 100%;
			padding: 0%;
			margin: 0% 0% 10% 0%;
			transition: 0.5s;
			border-radius: 5px;
			cursor: pointer;
			position: relative;
			background-color: #fff;
		}

		.content-blog:hover{
			box-shadow:	0 10px 55px 5px rgba(137, 173, 255, 0.2);
			transition: 0.5s;
		}

		.content-blog:hover .content-blog-img{
			background-size: 105%;
			transition: 0.5s;
		}

		.content-blog-img{
			width: 100%;
			height: 250px;
			position: relative;
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100%;
			transition: 0.5s;
			border-radius: 5px 5px 0px 0px;
		}

		.content-blog button{
			font-family: 'Roboto', sans-serif;
			width: 90%;
			position:absolute;
			left: 5%;
			bottom: -9%;
			border-radius: 5px;
			padding: 3% 2%;
			font-size: 17px;
			letter-spacing: 1px;
			background-color: #003a7e;
			color: #fff;
			border:none;
			outline: none;
		}

		.content-blog-text{
			width: 100%;
			margin: 0%;
			padding: 5%;
			background-color: #fff;
		}

		.content-blog-text h2{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: left;
			margin: 5% 0% 5% 0%;
			padding: 0%;
			font-weight: bold;
			color: #000;
			font-size: 18px;
			line-height: 22px;
			transition: 0.5s;
		}

		.content-blog-text h2:hover{
			color: #003a7e;
			transition: 0.5s;
		}

		.content-blog-text p{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: left;
			margin: 5% 0% 5% 0%;
			padding: 0%;
			color: #333;
			font-size: 15px;
		}

		.content-blog-text ul{
			width: 100%;
			list-style: none;
			display: flex;
			justify-content: space-between;
			margin: 0%;
			padding: 0%;
			font-family: 'Roboto', sans-serif;
			font-size: 16px;
			color: #003a7e;
			transition: 0.5s;
		}

		.read-more{
			transition: 0.5s;
		}

		.read-more i{
			margin-left: 3px;

		}

		.read-more:hover i{
			transform: translateX(7px);
			transition: 0.5s;
			color: #000;
		}

		.read-more:hover{
			color: #000;
		}

		.form-questions{
			width: 100%;
			margin: 0%;
			padding: 0%;
			font-family: 'Roboto', sans-serif;
		}

		.form-questions label{	
			width: 100%;
			text-align: left;
			font-size: 15px;
			letter-spacing: 1px;
			margin: 0.5% 0% 1% 0%;
		}

		.form-questions input, textarea{	
			width: 100%;
			margin: 0% 0% 2% 0%;
			border: none;
			outline: none;
			padding: 1%;
		}

		.form-questions select{	
			width: 100%;
			margin: 0% 0% 2% 0%;
			border: none!important;
			outline: none!important;
			padding: 1%;
		}

		.form-questions button{
			width: fit-content;
		    font-family: 'Roboto', sans-serif;
		    margin: 4% 0% 3% 0%;
		    padding: 0.5% 5%;
		    font-size: 21px;
		    border-radius: 4px;
		    border: none;
		    color: #fff;
		    background-color: #dd9c2c;
		    outline: none;

		}

	/*** SECCION SIX ***/

		.container-sections-six{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 5% 10% 5% 10%;
			justify-content: center;
			text-align: center;
			background-image: url('../images/img/bg-test.png');
			background-color: #89b225;
		}

		.content-team{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			height: 350px;
			margin: 0%;
			padding: 0%;
			text-align: center;
		}

		.content-team img{
			width: 10%;
			margin: 0% 0% 1% 0%;
			padding: 0.2%;
			border-radius: 100px;
			border: 5px solid #000000a1;
		}

		.content-team h3{
			font-family: 'Roboto', sans-serif;
			font-size: 22px;
			color: #fff;
			font-weight: bold;
			letter-spacing: 0.5px;
		}

		.content-team p{
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			color: #fff;
			letter-spacing: 0.5px;
		}

		.arrow-carousel-six{
			width: 50px;
			height: 50px;
			font-size: 30px;
			padding: 3% 0% 0% 0%;
			text-align: center;
			background-color: #fff;
			border-radius: 100px;
			color: #89b225;
		}

		.arrow-carousel-six:hover {
			background-color: #000;
			color: #fff;
		}


	/*** SECCION SEVEN ***/
	
		.container-sections-seven{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 6% 10% 6% 10%;
			justify-content: center;
			background-image: url('../images/img/banner.png');
			background-color: #002d63;
		}

		.container-sections-seven h1{
			width: 100%;
			margin: 0% 0% 2% 0%;
			font-family: 'Roboto', sans-serif;
			font-size: 35px;
			color: #fff;
			text-align: left;
			font-weight: bold;
			letter-spacing: 0.5px;
		}

		.container-sections-seven ul{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			list-style: none;
			display: flex;
			font-size: 15px;
			margin: 0%;
			color: #ffffffcf;
			padding: 0%;
			letter-spacing: 0.3px;
			border-radius: 10px;
		}

		.container-sections-seven ul>li{
			margin: 0% 1% 0% 1%;
			cursor: pointer;
		}

		.container-sections-seven ul>li:hover{
			color: #fff;
		}

		.container-sections-seven ul>i{
			padding: 5px 5px 2px 5px;
		}

	/*** SECCION EIGHT ***/

		.container-sections-8{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 0% 7% 2% 7%;
			justify-content: center;
			position: absolute;
    		bottom: -15%;
    		z-index: 1;
    		background-image: linear-gradient(#00000000,#000000ba, #000000eb, #000);

		}

		.container-sections-8 ul{
			margin: 0% 0% 5% 0%;
			padding: 2% 0%;
			width: 100%;
			list-style: none;
			border-radius: 5px;
			background-color: #fff;
			box-shadow: 0 10px 55px 5px rgba(0, 0, 0, 0.12);
		}

		.container-sections-8 li{
			font-family: 'Roboto', sans-serif;
			font-weight: bold;
			font-size: 15px;
			letter-spacing: 0.5px;
			margin: 5% auto 5% auto;
			padding: 0% 4%;
			width: 90%;
			color: #333;
			list-style: none;
			background-color: #fff;
			border-left: 2px solid #33333342;
			transition: 0.5s;
			cursor: pointer;
		}

		.container-sections-8 ul>li>i{
			float: right;
			color: #33333342;
			font-size: 20px;
		}

		.container-sections-8 ul>hr{
			width: 90%;
			margin:  0% auto;
		}


		.container-sections-8 li:hover {
			color: #89b225;
			border-left: 2px solid #89b225;
			transition: 0.5s;
		}

		.container-sections-8 li:hover i{
			color: #89b225;
			transition: 0.5s;
		}

		.container-sections-8 h2{
			width: 100%;
			margin: 2% 0% 3% 0%;
			font-family: 'Roboto', sans-serif;
			font-size: 30px;
			color: #111;
			text-align: left;
			letter-spacing: 0.5px;
			position: relative;
			padding-left: 10px;
		}

		.container-sections-8 h2:after{
		    content: " ";
		    position: absolute;
		    left: 0%;
		    border-left: 3px solid #1e73be;
		    z-index: 1;
		    width: 60px;
		    bottom: 0%;
		    height: 35px;
		    border-radius: 2px;
		}

		.container-sections-8 h3{
		    width: 100%;
		    margin: 2% 0% 2% 0%;
		    font-family: 'Roboto', sans-serif;
		    font-size: 17.5px;
		    color: #fff;
		    text-align: center;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		}

		.container-sections-8 p{
			width: 100%;
			margin: 0% 0% 5% 0%;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			color: #333;
			text-align: justify;
			letter-spacing: 0.5px;
		}

		.container-sections-8 img{
			width: 40%;
		    padding: 10%;
		    text-align: center;
		}



/**** CONTAINER EIGHT ****************/

		.container-sections-eight{
			width: 100%;
			margin: 0% 0% 0% 0%;
    		padding: 2% 10% 2% 10%;
			justify-content: center;
		}

		.container-sections-eight ul{
			margin: 0% 0% 5% 0%;
			padding: 2% 0%;
			width: 100%;
			list-style: none;
			border-radius: 5px;
			background-color: #fff;
			box-shadow: 0 10px 55px 5px rgba(0, 0, 0, 0.12);
		}

		.container-sections-eight li{
			font-family: 'Roboto', sans-serif;
		    font-size: 16px;
		    margin: 3% auto 3% auto;
		    padding: 0% 2%;
		    width: 90%;
		    color: #111;
		    list-style: none;
		    background-color: #fff;
		    transition: 0.5s;
		    cursor: pointer;
		}

		.container-sections-eight ul>li>i{
			position: absolute;
			color: #33333342;
			font-size: 20px;
			left: 6%;
		}

		.container-sections-eight ul>hr{
			width: 90%;
			margin:  0% auto;
		}


		.container-sections-eight li:hover {
			color: #1e73be;
		    transition: 0.5s;
		}

		.container-sections-eight li:hover i{
			color: #1e73be;
			transition: 0.5s;
		}

		.container-sections-eight h1{
		    width: 100%;
		    margin: 2% 0% 2% 0%;
		    font-family: 'Roboto', sans-serif;
		    font-size: 37px;
		    color: #000;
		    text-align: center;
		    letter-spacing: 1px;
		    position: relative;
		    font-weight: bold;
		}

		.container-sections-eight h2{
		    width: 100%;
			margin: 3% 0% 3% 0%;
		    font-family: 'Roboto', sans-serif;
		    font-size: 27px;
		    color: #333;
		    text-align: center;
		    letter-spacing: 0px;
		    position: relative;
		    padding-left: 10px;
		    line-height: 40px;
		    padding: 0% 4%;
		}

		.container-sections-eight h2:after{
	  		font-family: "Font Awesome 5 Free"; 
	  		font-weight: 900; 
			/*content: "\f10d";*/
		    position: absolute;
		    left: 0%;
		    z-index: 1;
		    top: 0%;
		    font-size: 20px;
		    color: #e1b803;
		}

		.container-sections-eight h2:before{
	  		font-family: "Font Awesome 5 Free"; 
	  		font-weight: 900; 
			/*content: "\f10e";*/
		    position: absolute;
		    right: 35%;
		    z-index: 1;
		    bottom: 0%;
		    font-size: 20px;
		    color: #e1b803;
		}

		.container-sections-eight h3{
			width: 100%;
		    margin: 0% 0% 3% 0%;
		    font-family: 'Roboto', sans-serif;
		    font-size: 22px;
		    color: #1e73be;
		    text-align: left;
		    font-weight: bold;
		    /* letter-spacing: 0.5px;*/
		}

		.container-sections-eight p{
			width: 100%;
			margin: 0% 0% 5% 0%;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			color: #333;
			text-align: justify;
			letter-spacing: 0.5px;
		}

		.container-sections-eight img{
			width: 40%;
		    padding: 10%;
		    text-align: center;
		}
		.container-sections-eight button{
			font-family: 'Roboto', sans-serif;
		    position: relative;
		    padding: 0.5% 3.5%;
		    width: fit-content;
		    border: none;
		    border-radius: 5px;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    font-size: 18px;
		    left: 5px;
		    text-decoration: none!important;
		    outline: none!important;
		    cursor: pointer;
		    transition: 0.5s;
			background: #0000;
			border: 1.5px solid #1e73be;
			color: #1e73be;
		    margin: 0% auto;
		}

		.container-sections-eight button:hover{
		    background: #1e73be;
		    color: #fff;
		   	border: 1.5px solid #1e73be;
			transform: translateX(0px);
			transition: 0.5s;
    		margin: 0% auto;
    		display: block;
		}
	/*** SECTION ICONS ***/

		.container-sections-icons{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 5% 10% 5% 10%;
			justify-content: center;
			text-align: center;
		}

		.container-sections-icons h1{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: center;
			margin: 0% 0% 3% 0%;
			padding: 0%;
			font-weight: bold;
			color: #000;
			font-size: 35px;
		}

		.container-sections-icons h2{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: center;
			margin: 10% 0% 25% 0%;
			padding: 0%;
			font-weight: bold;
			color: #333;
			font-size: 20px;
		}

		.container-sections-icons h3{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			text-align: center;
			margin: 0% 0% 1% 0%;
			padding: 0%;
			font-weight: bold;
			color: #333;
			font-size: 22px;
		}

		.container-sections-icons p{
			font-family: 'Roboto', sans-serif;
			width: 100%;
			font-size: 20px;
			text-align: center;
			margin: 0% 0% 10% 0%;
		}

		.container-sections-icons h1>hr{
			height: 4px;
			border-radius: 5px;
			width: 5%;
			background-color: #89b225;
			margin: 1.5% auto;
			margin-bottom: 3%;
		}

		.container-sections-icons img {
			width: 40%;
		}

		.zoom-0{
			transition: 0.4s;
		}

		.zoom-0:hover{
			transition: 0.4s;
			transform: scale(1.03);		
		}

	/*** ACORDEON ***/

		.accordion {
			font-family: 'Roboto', sans-serif;
		  	background-color: #eee;
		  	color: #333;
		  	cursor: pointer;
		  	padding: 3%;
		  	margin: 0% 0% 1% 0%;
		  	width: 100%;
		  	font-weight: bold;
		  	font-size: 18px;
		  	border: none;
		  	text-align: left;
		  	outline: none!important;
		 	transition: 0.3s;
		 	letter-spacing: .5px;
		}

		.accordion i{
			font-size: 15px;
		}

		.accordion:hover {
		  	background-color: #89b225;
		  	color: #fff;
		  	border-radius: 5px;
		}

		.panel {
		  padding:3% 5% 1% 5%;
		  margin: 0% 0% 1% 0%!important;
		  display: none;
		  background-color: white;
		  overflow: hidden;
		  border-radius: none!important;
		  border: 3px solid #eee!important;
		}

		.active-button{
			background-color: #89b225;
		  	color: #fff;
		  	border-radius: 5px;
		}

		.active-panel{
			display: block;
		}

		.active-icon{
			display: none!important;
		}


/*** FOOTER ***/

	.footer-W{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 1% 10% 0% 10%;
		background: #111;
		text-align: center;
		justify-content: center;
		position: relative;
		z-index: 6;
		border-top: 2px solid #e9a825;
	}

	.footer-W h2{
	    font-family: 'Roboto', sans-serif;
	    width: 100%;
	    text-align: left;
	    margin: 5% 0% 7% 0%;
	    padding: 0%;
	    font-weight: bold;
	    color: #fff;
	    font-size: 20px;
	    letter-spacing: 0.5px;
	    border-left: 4px solid #1e73be;
	    padding-left: 7px;
	}

	.footer-W h2>hr{
		height: 4px;
		border-radius: 5px;
		width: 15%;
		background-color: #89b225;
		margin: 5% 0% 0% 0%;
		margin-bottom: 3%;
		justify-content: center;
		border:none;
	}

	.footer-W img{
		width: 70%;
		margin: 0% 0% 0% 0%;
		position: relative;
    	float: left;
	}

	.footer-W ul{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		list-style: none;
		text-align: center;
		color: #fff;
		margin: 0%;
		padding: 0%;
		margin-bottom: 3.5rem;
	}

	.footer-W li{
		width: 100%;
		margin: 0% 0% 3% 0%;
		padding: 0%;
		padding-left: 7%;
	}

	.footer-W p{
	    width: 100%;
	    margin: 0%;
	    padding: 0%;
	    text-align: left;
	    letter-spacing: 0.5px;
	    color: #ddd;
	    font-size: 14px;
	    cursor: pointer;
	    transition: 0.3s;
	}

	.footer-W p:hover{
		color: #fff;
		transition: 0.3s;
	}

	.footer-W i{
	    /* margin-left: -10%; */
	    /* margin-right: 5%; */
	    font-size: 15px;
	    color: #1e73be!important;
	    position: absolute;
	    left: 4%;
	    padding-top: 1%;
	}

	.footer-W-2 {
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 3% 10% 3% 10%;
		background-color: #2a2a2a;
		text-align: left;
		justify-content: center;
	}

	.footer-W-2 h2{
		font-family: 'Roboto', sans-serif;
		width: 100%;
		text-align: left;
		margin: 0% 0% 0% 0%;
		padding: 0%;
		font-weight: bold;
		color: #fff;
		font-size: 25px;
		letter-spacing: 1.5px;
	}

	.footer-W-2 i{
		font-size: 18px; 
		font-weight: normal;
		margin-left: 10px;
		transition: 0.3s;
		cursor: pointer;
	}

	.footer-W-2 i:hover{
		color: #89b225;
		transition: 0.3s;
		transform: translateX(0px);
	}

	.copyrigth{
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		color: #ffffff4d;
		letter-spacing: 0.5px;
		cursor: pointer;
	}

	.copyrigth:hover span{
		color: #fff;
	}


	.titulo span{
			font-family: 'Ubuntu', sans-serif;
		    font-size: 15px;
		    font-weight: bold;
		    letter-spacing: 1px;
		    color: #e3bd13;
		}

		.titulo h2{
			font-family: 'Ubuntu', sans-serif;
		    font-size: 30px;
		    color: #212121;
		    letter-spacing: 0.5px;
		    text-align: center;
		    font-weight: bold;
		    width: 100%;
		    margin: 0% 0% 5% 0%;
		    padding: 5% 0% 0%;
		    line-height: 35px;
		}

		.text-rigth{
			text-align: right!important;
		}

		.titulo ul{
			padding: 0%;
			margin: 0%;
		}

		.titulo ul>li{
			font-family: 'Ubuntu', sans-serif;
			list-style: none;
			margin: 0% 0% 0% 0%;
			font-size: 17px;
			padding: 0% 0% 0% 0%;
		}

		.titulo ul>li>h3{
			font-family: 'Ubuntu', sans-serif;
		    font-size: 17px;
		    letter-spacing: 0.5px;
		    font-weight: bold;
		}

		.titulo ul>li>p{
			font-family: 'Ubuntu', sans-serif;
		    font-size: 18px;
		    letter-spacing: 0.5px;
		    margin: 0% 0% 10% 0%;
		    text-align: left;
		}

		.titulo ul>li>i{
		    font-size: 10px;
		    color: #e1b804;
		    position: absolute;
		    left: 0%;
		    margin: 2% 0%;
		}

/*** CALL-TO-ACTON ***/

	.calltoaction{
		position: fixed;
		right: 0%;
		top: 45%;
	}

	.calltoaction ul{
		list-style: none;
		margin: 0%;
		padding: 0%;
	}

	.calltoaction li{
		width: 50px;
		height: 50px;
		font-size: 30px;
		background-color: #4caf50;
		color: #fff;
		text-align: center;
		border-radius: 5px 0px 0px 5px;
		cursor: pointer;
	}

	.desktop{
		display: block!important;
	}

	.mobil{
		display: none!important;
	}

	.section-01{
		width: 100%;
		padding: 5% 8% 5% 8%;
		background-image: url(../images/img/fondo-cont.jpg);
		background-position: center;
		background-size: cover;
		position: relative;
	}

	.section-01 h2{
		font-family: 'Ubuntu', sans-serif;
		font-size: 30px;
		color: #212121;
		letter-spacing: 0.5px;
		text-align: center;
		font-weight: bold;
		width: 100%;
		margin: 2% 0%;
		padding: 0%;
	}
	.corusel-info{
		width: 100%;
		margin: 3% 0% 0% 0%;
		padding: 0%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		list-style: none;
		transition: 0.3s;
	}

	.corusel-info li{
	    width: 28%;
	    margin: 0% 2%;
	    text-align: center;
	    background: #fff;
	    border-radius: 5px;
	    box-shadow: 0 0.15rem 1.75rem 0 rgba(31, 45, 65, 0.15);
	    position: relative;
	}

	.corusel-info li>h3{
		font-family: 'Ubuntu', sans-serif;
		font-size: 18px;
		letter-spacing: 0.5px;
		font-weight: bold;
		text-align: center;
    	padding: 0% 5% 0%;
		transition: 0.3s;
		margin-bottom: 0%;
	}

	.corusel-info li>p{
		font-family: 'Ubuntu', sans-serif;
		font-size: 15px;
		text-align: center;
		padding: 5% 7%;
	}

	.corusel-info img{
		width: 25%;
		padding: 3%;
		margin-top: 5%;
		transition: 0.3s;
	}

	.corusel-info i{
	    position: absolute;
	    left: 45%;
	    font-size: 30px;
	    top: 15%;
	    color: #fff;
	}
	.corusel-info li>h3:hover{
		transform: scale(1.03)!important;
	    transition: 0.3s!important;
	}

	.icon-init{
	    left: 46%!important;	
	}
	
	.zoom-obra{
		transition: 0.3s;
	}
	.zoom-obra:hover{
		transform: scale(1.03)!important;
		transition: 0.3s;
		border-bottom: 2px solid #e1b803;
	}

	.zoom-obra:hover img{
		transition: 0.5s;
	}
	.zoom-obra:hover i{
		transition: 0.5s;
		color: #111;
	}

	.banner-imag{
		width: 100%;
	}		
/*******RESPONSIVE *******/

		@media(max-width: 2256px){
		.head-2 li {
			font-size: 22px;
		}
		.head-2 i {
			font-size: 20px;
		}
		.slider-1 h1{
			font-size: 60px;
			line-height: 90px;
		}
		.slider-1 p{
			font-size: 26px;
		}
		.container-sections-eight h2 {
			font-size: 30px;
			line-height: 50px;
		}
		.container-sections-two h2 {
		    font-size: 23px;
		    line-height: 35px;
		}
		.container-sections-two p {
			font-size: 20px;
			margin: 0% 0% 10% 0%;
		}
		.container-sections-two li {
		    font-size: 20px;
		    margin: 3.5% 0%;
		}
		.container-sections-eight h2:before {
    			right: 33%;
		}
		.container-sections-eight h2:after {
			left: 3%;
		}
		.content {
		    padding: 0% 0%;
		}
		.banner-medio h1:before {
			left: 30%;
		}
		.banner-medio h1:after {
			right: 30%;
		}
		.dropdown-w-one div {
			width: 370px;
		}
		.content-1{
			margin: 2% 0%;
		}
		.slider-1 button {
			    font-size: 26px;
		}
		.content-service p {
    		font-size: 20px!important;
		}
		.corusel-info li>h3 {
			font-size: 25px;
		}

		.corusel-info li>p {
			font-size: 20px;
		}
		.section-01 h2 {
			font-size: 35px;
		}
		.form-1 input, select {
			height: 70px;
		}
		}


		@media(max-width: 1440px){
		#slider-1{
			top: -10px;
		}
		.slider-1 button {
			font-size: 20px;
		}
		.head-2 li {
			font-size: 17px;
		}
		.head-2 i {
			font-size: 15px;
		}
		.slider-1 h1{
			font-size: 50px;
			line-height: 70px;
		}
		.slider-1 p{
			font-size: 20px;
		}
		.section-01 h2 {
			font-size: 30px;
		}

		.container-sections-eight h2:before {
			right: 35%;
		}
		.container-sections-eight h2:after {
			left: 0%;
		}
		.content {
    		padding: 10% 0%;
		}
		.container-sections-eight h2 {
			font-size: 22px;
    		line-height: 35px;
		}
		.container-sections-two h2 {
			font-size: 18px;
			line-height: 25px;
		}
		.container-sections-two p {
			font-size: 16px;
			margin: 0% 0% 5% 0%;
		}
		.container-sections-two li {
		    font-size: 17px;
		    margin: 2.5% 0%;
		}
		.banner-medio h1:before {
			left: 24%;
		}
		.banner-medio h1:after {
			right: 24%;
		}
		.dropdown-w-one div {
			width: 270px;
		}
		.content-1{
			margin: 10% 0%;
		}
		.content-service p {
    		font-size: 16px!important;
		}
		.corusel-info li>h3 {
			font-size: 18px;
		}
		.corusel-info li>p {
			font-size: 16px;
		}
		.form-1 input, select {
			height: 50px;
		}
		}

		@media(max-width: 1024px){

			.accordion {
				font-size: 15px;
			}

		}

		@media(max-width: 1024px){

			.container-sections-icons h1{
				font-size: 25px;
			}

			.container-sections-icons h2{
				font-size: 20px;
			}

			.container-sections-icons h3{
				font-size: 20px;
			}

			.container-sections-icons p{
				font-size: 18px;
			}

		}

		@media(max-width: 1024px){


			.container-sections-8 h2{
				font-size: 28px;
			}

			.container-sections-8 p{
				font-size: 15px;
			}

		} 

		@media(max-width: 1024px){

			.container-sections-seven{
				margin: 14% 0% 0% 0%;
			}

			.container-sections-seven h1{
				font-size: 28px;
			}

		}
		@media(max-width: 1024px){

			.container-sections-six h1{
				font-size: 28px;
			}

			.container-sections-six h2{
				font-size: 18px;
			}

			.container-sections-six p{
				font-size: 15px;
			}

		}
		@media(max-width: 1024px){

			.container-sections-five h1{
				font-size: 28px;
			}

			.container-sections-five h2{
				font-size: 18px;
			}

			.container-sections-five p{
				font-size: 15px;
			}

		}
		@media(max-width: 1024px){

			.container-sections-four h1{
				font-size: 28px;
			}

			.container-sections-four h2{
				font-size: 18px;
			}

			.container-sections-four p{
				font-size: 13px;
			}

		}

		@media(max-width: 1024px){

			.container-sections-three h1{
				font-size: 28px;
			}

			.container-sections-three h2{
				font-size: 22px;
			}

			.container-sections-three p{
				font-size: 15px;
			}

		}
		@media(max-width: 1024px){

			.container-sections-two h1{
				font-size: 28px;
			}

			.container-sections-two h2{
				font-size: 20px;
			}

			.container-sections-two p{
				font-size: 15px;
			}
			.container-sections-8 {
    			bottom: -4%;
			}

		}

		@media(max-width: 1024px){
			.header-mobile img{
			    position: relative;
			    top: 10px;
			    left: 2%;
			    width: 20%;
			    float: left;
			}
			.footer-W h1{
				font-size: 28px;
			}

			.footer-W h2{
				font-size: 18px;
			}

			.footer-W-2 h2{
				font-size: 18px;
				text-align: center;
				margin: 2% 0%;
			}

			.footer-W p{
			font-size: 15px;
			}
		}

		@media(max-width: 990px){
			#slider-1{
				top: 0;
			}
			.desktop-1{
				display: none!important;
			}
			.banner-medio {
				background-image: url(../images/img/medio-mobil.jpg);
				padding: 10% 5%;
			}
			.fondo-final {
				background-image: none;
    			padding: 0% 0% 0% 0%!important;
			}
			.form-1 h1{
				font-size: 27px;
			}
			.svg-border-rounded svg {
			    position: absolute;
			    bottom: 4%;
			    left: 0;
			    height: 1rem;
			    width: 100%;
			    z-index: 2;
			    color: #212121;
			}
			.content-1 img{
			width: 25%;
			}
			.header-mobile img {
			    position: absolute;
			    width: 26%;
			    right: 0;
			    left: 0;
			    top: 0;
			    bottom: 0;
			    margin: auto;
			}
		}
		@media(max-width: 768px){
			.header-mobile img {
			    position: absolute;
			    width: 26%;
			    right: 0;
			    left: 0;
			    top: 0;
			    bottom: 0;
			    margin: auto;
			}
			.svg-border-rounded svg {
				color: #0000;
			}
			.desktop{
				display: none!important;
			}
			.mobile{
				display: block!important;
			}
			.corusel-info li {
			    width: 70%;
			    margin: 4% 2%;
			}
			.content-service li {
				width: 70%!important;
			}
			.desktop{
				display: none!important;
			}
			.mobil{
				display: block!important;
			}
		}


		@media(max-width: 425px){

			.btn-inicio-1 {
				margin: 0% 0% 5% 0%;
				font-size: 18px;
			}
			.header-mobile img {
			    position: absolute;
			    width: 26%;
			    right: 0;
			    left: 0;
			    top: 0;
			    bottom: 0;
			    margin: auto;
			}
			.fondo{
				background: rgba(0, 0, 0, 0.0);
			}
			.corusel-info li {
			    width: 100%;
			    margin: 5% 0%;
			}
		}

		@media(max-width: 425px){

			.container-sections-five h1{
				font-size: 20px;
			}

			.container-sections-five h2{
				font-size: 15px;
			}

			.container-sections-five p{
				font-size: 15px;
			}
			.container-sections-eight h2 {
			    font-size: 17px;
			    line-height: 29px;
			    text-align: justify;
			    margin-bottom: 0%;
			    margin-top: 10%;
			}
		    .container-sections-eight h2:after {
		    	content: "";
		    }
		    .container-sections-eight h2:before{
		    	content: "";
		    }
		    .svg-border-rounded svg {
    			color: #212121;
		    }
		    .slider-1 h1 {
			    font-size: 35px;
			    line-height: 45px;
			}

		    .slider-1 p {
		    font-size: 19px;
		    top: 35%;
			}
		}

		@media(max-width: 425px){

			.container-sections-six h1{
				font-size: 20px;
			}

			.container-sections-six h2{
				font-size: 15px;
			}

			.container-sections-six p{
				font-size: 12px;
			}
			.container-sections-four h1 {
			}
			.container-sections-five {
			    width: 100%;
			    margin: 16% 0% 0% 0%;
			}
			.content-service li {
				width: 85%!important;
			}
			.content-service ul {
				margin-bottom: 0px;
			}
		}

		@media(max-width: 425px){

			.container-sections-seven{
				margin: 18% 0% 0% 0%;
			}

			.container-sections-seven h1{
				font-size: 20px;
			}

			.container-sections-seven ul{
				font-size: 12px;
			}

			.container-sections-seven ul>i{
				padding: 5px 5px 2px 5px;
			}
			
		}

		@media(max-width: 425px){

			.container-sections-two ul {
			padding-left: 5%;
			}
			.container-sections-8 h2{
				font-size: 20px;
			}

			.container-sections-8 p{
				font-size: 12px;
			}

			.container-sections-8 ul>i{
				padding: 1% 1% 1% 1%;
			}
			.content {
				margin: 5% 0%;
			}
			.container-sections-four p {
			    font-size: 14px;
			}
			.footer-W img {
				float: none;
			}
		}

		@media(max-width: 425px){
			.footer-W p {
	    		width: 100%!important;
			}
			.title-resp{
    			padding: 5% 10% 10% 10%!important;
			}
			.desktop{
				display: none!important;
			}

			.mobil{
				display: block!important;
			}
			.container-sections-two {
				background-size: cover;
			}
			.social-media p {
				background: none!important;
			}
			.footer-W {
			    padding: 5% 5% 0% 5%;
			}
			.footer-W ul {
			    margin-bottom: 2.5rem;
			}

			.marco{
				border: 1.5px solid #eee;
				border-radius: 5px;
				margin: 5% 0%;
			}
			.container-sections-four h1>hr {
				width: 15%;
			}
			.container-sections-icons h1{
				font-size: 20px;
			}

			.container-sections-icons h2{
				font-size: 18px;
			}

			.container-sections-icons h3{
				font-size: 18px;
			}

			.container-sections-icons p{
				font-size: 15px;
			}
			.container-sections-eight h2:after {
				height: 55px;
				left: -5%;
			}
			.content-1 {
				margin: 5% 0%;
			}
			.banner-medio h1 {
				font-size: 30px;
			}
			.banner-medio h1:before {
			    left: 5%;
			}
			.banner-medio h1:after {
			    right: 4%;
			}
		}

		@media(max-width: 360px){
		.slider-1 h1{
			font-size: 20px;
		    top: 15%;
		    line-height: 25px;
		    left: 8%;
		}

		.slider-1 button{
		    width: 50%;
		    bottom: 40%;
		    left: 22%;
		    letter-spacing: 0.5px;
		}
		.slider-1 p{
		    top: 30%;
		    line-height: 20px;
		    left: 8%;
		    font-size: 15px;
		}
		}