body{
	background: transparent;
}
header{	
	height: 45vh;
	position: relative;
}













































/*section li{
	list-style: none;
	text-decoration: none;
}*/
.us{
	margin-top: 4rem;
	margin-left: auto;
	margin-right: auto;
}
.sombra3{
	position: relative;
}
.us-bg{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: .94;
	background: #F7F7F7;
	z-index: -1;
}
.us-img{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: url(../img/main/us2.jpg) no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	z-index: -2;
}
.cuadros{
	margin-top: 1rem;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
.cuadros h3{
	font-weight: 500;
}
h2.us{
	font-weight: 400;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #252525;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: 0px;
}
h2.us:before{
	content: "SOLUCIONES AMBIENTALES";
    display: block;
    text-align: left;
    margin-bottom: 22px;
    color: #54BE73;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
}


¨/*ANIMACION-BOTON*/

.common-transition {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.primary-btn {
	position: relative;
	display: inline-block;
	padding: 10px 30px;
	font-size: 18px;
	color:#000;
	font-weight: 500;
	margin-top: 25px;
	letter-spacing: 2px;
	text-transform: uppercase;
	-webkit-transition: transform .4s cubic-bezier(.2, 0, 0, 1) .4s;
	-moz-transition: transform .4s cubic-bezier(.2, 0, 0, 1) .4s;
	-o-transition: transform .4s cubic-bezier(.2, 0, 0, 1) .4s;
	transition: transform .4s cubic-bezier(.2, 0, 0, 1) .4s
}
.primary-btn .text {
	position: relative;
	display: inline-block;
	transform: translate3d(0, 0, 0);
	-webkit-transition: all .4s cubic-bezier(.2, 0, 0, 1) .4s;
	-moz-transition: all .4s cubic-bezier(.2, 0, 0, 1) .4s;
	-o-transition: all .4s cubic-bezier(.2, 0, 0, 1) .4s;
	transition: all .4s cubic-bezier(.2, 0, 0, 1) .4s;
	z-index: 1
}
.primary-btn::after {
	content: "";
	position: absolute;
	height: 2px;
	background: #32C36C;
	bottom: -2px;
	left: 30px;
	right: 30px;
	transition: transform .8s cubic-bezier(1, 0, .37, 1) .2s, right .2s cubic-bezier(.04, .48, 0, 1) .6s, left .4s cubic-bezier(.04, .48, 0, 1) .6s;
	transform-origin: left
}
.primary-btn.white .text {
	-webkit-transition: all .4s cubic-bezier(.2, 0, 0, 1) .4s;
	-moz-transition: all .4s cubic-bezier(.2, 0, 0, 1) .4s;
	-o-transition: all .4s cubic-bezier(.2, 0, 0, 1) .4s;
	transition: all .4s cubic-bezier(.2, 0, 0, 1) .4s
}
.primary-btn.white .line, .primary-btn.white::after {
	background: #fff
}
.primary-btn:hover .text {
	color: #32C36C;
}
.primary-btn .line {
	position: absolute;
	background: #32C36C
}
.primary-btn .line.left, .primary-btn .line.right {
	width: 2px;
	bottom: -2px;
	top: -2px;
	transform: scale3d(1, 0, 1)
}
.primary-btn .line.bottom, .primary-btn .line.top {
	height: 2px;
	left: -2px;
	right: -2px;
	transform: scale3d(0, 1, 1)
}
.primary-btn .line.right {
	right: -2px;
	-webkit-transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .23s;
	-moz-transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .23s;
	-o-transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .23s;
	transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .23s;
	transform-origin: top
}
.primary-btn .line.top {
	top: -2px;
	-webkit-transition: transform 80ms linear .43s;
	-moz-transition: transform 80ms linear .43s;
	-o-transition: transform 80ms linear .43s;
	transition: transform 80ms linear .43s;
	transform-origin: left
}
.primary-btn .line.left {
	left: -2px;
	-webkit-transition: transform 80ms linear .51s;
	-moz-transition: transform 80ms linear .51s;
	-o-transition: transform 80ms linear .51s;
	transition: transform 80ms linear .51s;
	transform-origin: bottom
}
.primary-btn .line.bottom {
	bottom: -2px;
	-webkit-transition: transform .3s cubic-bezier(1, 0, .65, 1.01) 0s;
	-moz-transition: transform .3s cubic-bezier(1, 0, .65, 1.01) 0s;
	-o-transition: transform .3s cubic-bezier(1, 0, .65, 1.01) 0s;
	transition: transform .3s cubic-bezier(1, 0, .65, 1.01) 0s;
	transform-origin: right
}
.primary-btn:active::after, .primary-btn:hover::after {
	right: -2px;
	left: -2px;
	transform: scale3d(0, 1, 1);
	transform-origin: right;
	transition: transform .2s cubic-bezier(1, 0, .65, 1.01) .17s, right .2s cubic-bezier(1, 0, .65, 1.01), left 0s .3s
}
.primary-btn:active .line, .primary-btn:hover .line {
	transform: scale3d(1, 1, 1)
}
.primary-btn:active .line.right, .primary-btn:hover .line.right {
	-webkit-transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .2s;
	-moz-transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .2s;
	-o-transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .2s;
	transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .2s;
	transform-origin: bottom
}
.primary-btn:active .line.top, .primary-btn:hover .line.top {
	-webkit-transition: transform 80ms linear .4s;
	-moz-transition: transform 80ms linear .4s;
	-o-transition: transform 80ms linear .4s;
	transition: transform 80ms linear .4s;
	transform-origin: right
}
.primary-btn:active .line.left, .primary-btn:hover .line.left {
	-webkit-transition: transform 80ms linear .48s;
	-moz-transition: transform 80ms linear .48s;
	-o-transition: transform 80ms linear .48s;
	transition: transform 80ms linear .48s;
	transform-origin: top
}
.primary-btn:active .line.bottom, .primary-btn:hover .line.bottom {
	-webkit-transition: transform .5s cubic-bezier(0, .53, .29, 1) .56s;
	-moz-transition: transform .5s cubic-bezier(0, .53, .29, 1) .56s;
	-o-transition: transform .5s cubic-bezier(0, .53, .29, 1) .56s;
	transition: transform .5s cubic-bezier(0, .53, .29, 1) .56s;
	transform-origin: left
}



.contenido-secundario{
	min-height: 10vh;
    
}


.imagen img{
	height: 93%;
	width: 100%;
    object-fit: cover;
    object-position: center;
}
.capa{
	position: absolute;
	top: 0;
    left: 0;
    height: 45vh;
    min-height: 718px;
    width: 100%;
    background: rgba(20, 20, 20, .8);
    z-index: -1;
}

/*.content-secundario{
	position: relative;
	height: 40vh;
    min-height: 718px;
    display: flex;
    align-items: center;
    color: #fff;
    overflow: hidden;
}
.imagen-secundario{
	position: absolute;
    top: 0;
    left: 0;
    height: 40vh;
    background: url(../img/header/banner1.webp) no-repeat;
    background-size: cover;
    min-height: 718px;
    z-index: -2;
}
.overlay-secundario{
	position: absolute;
    top: 0;
    left: 0;
    height: 40vh;
    min-height: 718px;
    width: 100%;
    background: rgba(20, 20, 20, .8);
    z-index: -1;
}*/

/*MAP RESPONSIVE-------------------------------------------------------------------*/


.map-responsive{
    overflow:hidden;

}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.mapa1{
	height: 34rem;
}