/*
Theme Name: grinleasing
Theme URI: http://emposicionamientodigital.com
Description: Theme modified by fer
Author URI: fer
Version: 1
*/
@media screen {
.menu_resp{
	display:none;
}
html{
	scroll-behavior: smooth;
}
/********************* estilos comun ****************************/
	div,h1,h2,h3,h4,p{
		margin:0;
		padding:0;
		display:block;
	}
	* { margin: 0; padding: 0;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	body {
		background-color:white;
		width:100%;
		padding:0px;
		margin:0px;
		display:block;
		font-size:24px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
	}
	a{
		text-decoration:none;
		color: white;
	}
	
	section{
		width:100%;
		float:left;
	}
	#principal{
		overflow:hidden;
		width:100%;
	}
	#contenido{
		width:100%;
		float:left;
	}
	
	.cont-centrado{
		width:1200px;
		margin:auto;
		display: block;
		overflow: hidden;
	}
	section{
		width:100%;
		float:left;
	}
	
	.mar50{
		margin-top:123px;
	}
/*************************************************************/
	
	
	#encabezado{
		width:100%;
		top:0px;
		height: 80px;
		display:block;
		float:left;
		z-index:9999;
		background-color: #e0e8d5;
	}
	#encabezado .cont-centrado{
		height: 100%;
		display: flex;
    	align-items: center;
    	justify-content: space-between;
	}
	#encabezado .logo{
    	float: left;
    	margin-top: 0px;
    	margin-left: 0px;
		display:block;
	}
	#encabezado a #logo {
		display:block;
	}
	
	
	/******************* menu ****************/
	.menumobil{
		display: none;
		transition: all 1s;
	}
	#menu{
		float:right;
		width:70%;
		font-family: 'roboto';
		transition:all 1s;
	}
	
	
	ul.nav-menu,
	div.nav-menu > ul {
		margin: 0;
		width:100%;
		list-style:none;
		display: flex;
		flex-direction: row;
		flex-wrap:wrap;
    	justify-content: space-between;
	}
	
		
	.nav-menu li {
		display: flex;
		align-items: center;
		height: 48px;
	}
	.nav-menu li a {
		color:#00783f;
		text-decoration:none;
		font-size:16px;
		display:block;
		font-weight: 500;
		padding: 0px 10px;
		text-align: center;
		padding-bottom: 3px;
	}
	
	.sub-menu li:last-child{
		margin-right:0px;
	}
	.nav-menu li:hover > a,
	.nav-menu li a:hover,.nav-menu li > a.activo{
		color: #76bc21;
		border-bottom:2px solid #76bc21;
		margin-top:2px;
	}
	


	.nav-menu .sub-menu,
	.nav-menu .children {
		background-color: black;
    	padding: 10px;
		position: absolute;
		display: none;
	}
	.sub-menu li{
		margin-bottom:10px;
	}
	ul.nav-menu ul a,
	.nav-menu ul ul a {
		color: white;
		margin: 0;
	}
	ul.nav-menu ul a:hover,
	.nav-menu ul ul a:hover {
		color:#f2f3ae;
	}
	ul.nav-menu li:hover > ul,
	.nav-menu ul li:hover > ul {
		display: block;
	}
	.nav-menu .current_page_item > a,
	.nav-menu .current_page_ancestor > a,
	.nav-menu .current-menu-item > a,
	.nav-menu .current-menu-ancestor > a {
		color: #f2f3ae;
	}
	.menu-nupki-container{
		display:block;
	}

	/************************************************* tema ******************************************/
	section{
		float:left;
		width:100%;
	}
	section h2{
		font-weight:500;
		font-size:63px;
		text-align:center;
	}
	section h3{
		font-family:'Roboto';
		font-weight:100;
		font-size:20px;
		text-align:center;
		letter-spacing: 3px;
	}
	#animacion{
		width: 100vw;
		height: 100vh;
		display:block;
		background-image: url(../images/grinleasing_fondo.webp);
		background-size: cover;
   	 	overflow: hidden;
    	background-repeat: no-repeat;
		background-attachment: fixed;
	}
	#animacion .info h2.titbln{
		color:white;
		text-shadow:  2px 2px 5px  #00000090;
		letter-spacing: -2px;
		position: relative;
		z-index: 9999;
		padding-left: 5px;
	}
	#animacion .info h2:before{
		content:"Impulsamos el arrendamiento";
		text-shadow:  5px 5px 1px  #00783f ,-5px -5px 1px  #00783f, 5px 0px 1px  #00783f,0px 5px 1px  #00783f,-5px -5px 1px  #00783f,-5px 0px 1px  #00783f,0px -5px 1px  #00783f,-5px 5px 1px #00783f, 5px -5px 1px #00783f ;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: -1;
		padding-left: 5px;
	}
	#animacion .info{
		margin-top: 20vh;
	}
	#animacion .info h2{
		font-size: 100px;
		color:#00783f;
		text-align: left;
	}
	#animacion .info p{
		color:#3c5345;
	}
	.btn_contacto,.btn_mas{
		color:white;
		background-color: #76bc21;
		font-weight: 400;
		border-radius: 10px;
		width: 220px;
    	padding: 13px 0px;
    	display: block;
    	text-align: center;
		margin-top: 45px;
		overflow: hidden;
		position: relative;
		
	}
	.btn_mas:after,.btn_contacto:after {
		background: #fff;
		content: "";
		height: 155px;
		left: -75px;
		opacity: 0.3;
		filter: blur(10px);
		position: absolute;
		top: -50px;
		transform: rotate(35deg);
		transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
		width: 50px;
		z-index: 9;
	 }
	.btn_mas:hover:after,.btn_contacto:hover:after {
		left: 120%;
		transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	}
	#nosotros{
		background-color: #00783f;
		padding: 100px 0px;
		padding-bottom: 150px;
		position: relative;
	}
	#nosotros .columnas{
		width:100%;
		float:left;
		display: flex;
		align-items: stretch;
		margin-bottom: 50px;
	}
	#nosotros .col{
		width: 50%;
		float:left;
		color:white;
	}
	#nosotros h2{
		float:left;
		font-weight: 400;
		width: 100%;
		float:left;
		text-align: left;
	}
	#nosotros p{
		margin-bottom: 25px;
	}
	#nosotros .col:nth-child(2) img{
		float: right;
	}
	#valores{
		margin-top: -200px;
	}
	#valores .cont-centrado{
		width: 800px;
		height: 400px;
		display: flex;
		flex-direction: row;
		margin: auto;
		position: relative;
	}
	#valores .conttarjetas{
		perspective: 1000px;
		position: relative;
		width: 50%;
		height: 300px;
		margin:auto;
	}
	#valores .tarjeta{
		width: 100%;
		height: 100%;
		color: white;
		position: relative;
		transform-style: preserve-3d;
    	transition: all 600ms;
	}
	#valores .conttarjetas:hover .tarjeta{
		transform: rotateY(180deg);
	}

	#valores .color1{
		background-color:#76bc21;
	}
	#valores .tarjeta_frente,
	#valores .tarjeta_detras{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		backface-visibility: hidden;
		transform-style: preserve-3d;
	}
	#valores .tarjeta_frente{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#valores .tarjeta.color1{
		background-color:#97c654;
	}
	#valores .tarjeta.color2{
		background-color:#76bc21;
	}

	#valores .tarjeta_frente figure{
		transform: translateZ(60px);
	}
	#valores .tarjeta_detras{
		transform: rotateY(180deg);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#valores .tarjeta_detras p{
		transform: translateZ(60px);
		width: 80%;
	}
	#valores .figure{
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		transform: translateZ(60px);
	}
	#valores  figure figcaption{
		font-weight: 500;
		font-size: 36px;
		color:white;
		text-align: center;
	}
	#porquearrendar{
		padding-top:200px;
		padding-bottom: 150px;
		background-image: url(../images/grinleasing_camiones.webp);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center top;
		color:white;
		margin-top: -200px;
	}
	#porquearrendar .cont-centrado{
		background-color: #00000029;
    	padding: 10px 20px;
	}
	#porquearrendar h2{
		margin-bottom: 90px;
		filter: drop-shadow(2px 4px 4px black);
	}
	#porquearrendar .columnas{
		width: 100%;
	}
	#porquearrendar .columnas .col1{
		width: 50%;
		float: left;
	}
	#porquearrendar .infog{
		float: left;
		height: 88px;
		margin-bottom: 55px;
		width: 100%;
		filter: drop-shadow(2px 2px 1px black);
	}
	#porquearrendar .infog img{
		float: left;
		width: 88px;
		height: 88px;
		display: block;
	}
	#porquearrendar .infog p{
		float: left;
		margin-left: 30px;
		width: 60%;
		color:white;
		font-weight: 700;
	}
	#servicios{
		padding-top: 60px;
		margin-bottom: 100px;
	}
	#servicios h2{
		color:#00783f;
		padding-bottom: 50px;
	}
	#servicios .ren1,#servicios .ren2{
		width:100%;
		margin:auto;
		position: relative;
		display: block;
		overflow: hidden;
		height: 400px;
	}
	#servicios .ren2{
		width:100%;
	}
	#servicios figure{
		width: 257px;
		float: left;
		position: absolute;
		z-index: 999;
		filter: drop-shadow(-20px 20px 2px #00000020);
	}
	#servicios .ren1 .servop1{
		top:0px;
		left:72px;	
		transition: all 600ms;
	}
	#servicios .ren1 .servop2{
		top:0px;
		left:462px;	
		transition: all 600ms;
	}
	#servicios .ren1 .servop3{
		top:0px;
		left:855px;	
		transition: all 600ms;
	}
	#servicios .ren2 .servop4{
		top:0px;
		left:72px;	
		transition: all 600ms;
	}
	#servicios .ren2 .servop5{
		top:0px;
		left:462px;	
		transition: all 600ms;
	}
	#servicios .ren2 .servop6{
		top:0px;
		left:855px;	
		transition: all 600ms;
	}
	#servicios figure figcaption{
		text-align: center;
		color:#76bc21;
		font-size: 28px;
		font-weight: 600;
	}
	
	#servicios .separador1{
		width:134px;
		float: left;
		display: block;
		height: 3px;
		border-bottom: 3px dotted #76bc21;
		position: absolute;
		left: 329px;
		top:130px;
	}
	#servicios .separador2{
		width:134px;
		float: left;
		display: block;
		height: 3px;
		border-bottom: 3px dotted #76bc21;
		position: absolute;
		left: 719px;
		top:130px;
	}
	#servicios .separador3{
		width:134px;
		float: left;
		display: block;
		height: 3px;
		border-bottom: 3px dotted #76bc21;
		position: absolute;
		top:130px;
		left: 329px;
	}
	#servicios .separador4{
		width:134px;
		float: left;
		display: block;
		height: 3px;
		border-bottom: 3px dotted #76bc21;
		position: absolute;
		top:130px;
		left: 719px;
	}

	#servicios figure:hover{
		perspective: 1000px;
		transform: translateX(30px);
		transform: translateY(30px);
		filter: drop-shadow(0px 0px 2px #00000020);
    	transition: all 600ms;
	}

	#servicios .btn_mas{
		float: right;
	}
	#servicio_integral{
		width: 100%;
		background-image: url(../images/grinleasing_integral_fondo.webp);
		background-size: 66%;
    	background-position: right bottom;
    	padding-bottom: 100px;
   		background-repeat: no-repeat;
	}
	#servicio_integral h2{
		color:#00783f;
		text-align: left;
		margin-bottom: 100px;
	}
	#servicio_integral .col{
		width:370px;
		float: left;
	}
	#servicio_integral p{
		width:100%;
		float: left;
		margin-bottom: 100px;
	}
	#servicio_integral .btn_mas{
		float: left;
	}
	/************************************************************** nosotros ***********************************************/
	#pag_nosotros	#animacion{
		background-image: url(../images/grinleasing_fondo_nosotros.webp);
	}
	#pag_nosotros #animacion .info h2.titbln{
		color:white;
		text-shadow:  2px 2px 5px  #00000090;
		letter-spacing: -2px;
		position: relative;
		z-index: 9999;
		width: 680px;
		padding-left: 5px;
	}
	#pag_nosotros #animacion .info h2:before{
		content:"Conócenos";
		text-shadow:  5px 5px 1px  #00783f ,-5px -5px 1px  #00783f, 5px 0px 1px  #00783f,0px 5px 1px  #00783f,-5px -5px 1px  #00783f,-5px 0px 1px  #00783f,0px -5px 1px  #00783f,-5px 5px 1px #00783f, 5px -5px 1px #00783f ;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: -1;
		padding-left: 5px;
	}
	#pag_nosotros #nosotros{
		background-color: #005a2f;
		margin-bottom: 0px;
		padding-bottom:100px;
	}
	#pag_nosotros #nosotros .columnas{
		text-align: justify;
	}
	#pag_nosotros #nosotros .columnas:nth-child(2) .col:nth-child(2),#pag_nosotros #nosotros .columnas:nth-child(3) .col:nth-child(1) {
		display: flex;
		align-items: center;
	}
	#pag_nosotros #nosotros .columnas .col .imgrep{
		float: right;
		position: relative;
		transform:translateX(500px);
		transition: transform 1s cubic-bezier(0,1.02,.57,.98);
	}
	#pag_nosotros #nosotros .columnas .col .imgrep.anima{
		transform:translateX(0px);
		transition: transform 1s cubic-bezier(0,1.02,.57,.98);
	}
	#pag_nosotros #nosotros .columnas .col .imgrep2{
		float: left;
		position: relative;
		transform:translateX(-500px);
		transition: transform 1s cubic-bezier(0,1.02,.57,.98);
	}
	#pag_nosotros #nosotros .columnas .col .imgrep2.anima{
		transform:translateX(0px);
		transition: transform 1s cubic-bezier(0,1.02,.57,.98);
	}
	
/***********************************************************************************************************************/


/************************************************************** servicios ***********************************************/

	#pag_servicios	#animacion{
		background-image: url(../images/grinleasing_fondo_servicios.webp);
	}
	#pag_servicios #animacion .info h2.titbln{
		color:white;
		text-shadow:  2px 2px 5px  #00000090;
		letter-spacing: -2px;
		position: relative;
		z-index: 9999;
		width: 680px;
		padding-left: 5px;
	}
	#pag_servicios #animacion .info h2:before{
		content:"Una gran gama de activos";
		text-shadow:  5px 5px 1px  #00783f ,-5px -5px 1px  #00783f, 5px 0px 1px  #00783f,0px 5px 1px  #00783f,-5px -5px 1px  #00783f,-5px 0px 1px  #00783f,0px -5px 1px  #00783f,-5px 5px 1px #00783f, 5px -5px 1px #00783f ;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: -1;
		padding-left: 5px;
	}
	#pag_servicios #servicios{
		background-color: #00783f;
		color:white;
		padding-bottom: 150px;
		padding-top: 100px;
		margin-bottom: 0px;
	}
	#pag_servicios #servicios h2{
		color: white;
		text-align: left;
		font-size:100px ;
	}
	#pag_servicios #servicios .columnas{
		width: 100%;
		display: flex;
	}
	#pag_servicios #servicios .columnas .col{
		width: 50%;
		float: left;
	}
	#pag_servicios #servicios .columnas .col{
		padding: 50px 0px;
	}
	#pag_servicios #servicios .columnas .col:nth-child(2){
		padding-left: 75px;
	}
	#pag_servicios #servicios .columnas .col .txtinfo{
		width: 600px;
		float: right;
		padding-right: 50px;
	}
	#pag_servicios #servicios .columnas .col .txtinfo p{
		text-align: justify;
	}
	#pag_servicios #servicios .columnas .col h3{
		font-weight: 600;
		text-align: left;
		font-size: 24px;
		margin-bottom: 15px;
	}
	#pag_servicios #servicios .columnas .col ul{
		list-style-position: outside;
		list-style: none;
	}
	#pag_servicios #servicios .columnas .col ul li, .txtinfo2 ul li{
		padding-left: 30px;
		background-image: url(../images/grinleasing_bullet.webp);
		background-repeat: no-repeat;
		background-position: left center;
		margin-bottom: 15px;
	}
	#pag_servicios  #servicios_opciones .columnas1,
	#pag_servicios  #servicios_opciones .columnas2,
	#pag_servicios  #servicios_opciones .columnas3{
		width: 100%;
		height: 800px;
	}

	#pag_servicios #servicios_opciones .col,
	#pag_servicios #servicios_opciones .col2{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 50%;
		height: 100%;
		float: left;
		position: relative;
		overflow: hidden;
	}

	#pag_servicios .col .colvista{
		width: 100%;
		height: 100%;
		position: relative;
		float: right;
		transform: translateX(100%);
		background-color: #00783f;
		transition: transform 1s cubic-bezier(1,-0.01,.63,1.01);
	}
	#pag_servicios .col2 .colvista{
		width: 100%;
		height: 100%;
		position: relative;
		float: right;
		transform: translateX(-100%);
		background-color: #00783f;
		transition: transform 1s cubic-bezier(1,-0.01,.63,1.01);
	}
	#pag_servicios .col .colvista.animar{
		transform: translateX(0%);
		transition: transform 1s cubic-bezier(1,-0.01,.63,1.01);
	}
	#pag_servicios .col2 .colvista.animar{
		transform: translateX(0%);
		transition: transform 1s cubic-bezier(1,-0.01,.63,1.01);
	}
	#pag_servicios #servicios_opciones .col .txtinfo,
	#pag_servicios #servicios_opciones .col2 .txtinfo{
		width: 100%;
		height: 220px;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		bottom: 0px;
		transform: translateX(0%);
		transition: transform 1s cubic-bezier(1,-0.01,.63,1.01);
	}
	#pag_servicios #servicios_opciones .col2 .txtinfo{
		width: 100%;
		height: 220px;
		float: right;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		bottom: 0px;
		transform: translateX(0%);
		transition: transform 1s cubic-bezier(1,-0.01,.63,1.01);
	}
	#pag_servicios #servicios_opciones .col .txtinfo.animar{
		
		transform: translateX(-100%);
		transition: transform 1s cubic-bezier(1,-0.01,.63,1.01);
	}
	#pag_servicios #servicios_opciones .col2 .txtinfo.animar{
		
		transform: translateX(100%);
		transition: transform 1s cubic-bezier(1,-0.01,.63,1.01);
	}
	#pag_servicios #servicios_opciones .col .colvista .imglista{
		display: block;
		float: left;
		width: 35%;
		overflow: hidden;
	}
	#pag_servicios #servicios_opciones .col2 .colvista .imglista{
		display: block;
		float: right;
		width: 35%;
		overflow: hidden;
	}
	#pag_servicios #servicios_opciones .col .colvista .imglista img{
		float: left;
	}
	#pag_servicios #servicios_opciones .col2 .colvista .imglista img{
		float: right;
	}
	#pag_servicios #servicios_opciones .col .txtinfo2{
		width: 65%;
		height: 100%;
		position: relative;
		float: right;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 130px;
	}
	#pag_servicios #servicios_opciones .col2 .txtinfo2{
		width: 65%;
		height: 100%;
		position: relative;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 130px;
	}
	.txtinfo2 ul li{
		color: white;
		list-style: none;
	}
	.txtinfo2 p{
		color: white;
		padding-left: 15px;
    	padding-right: 15px;
	}
	.col .txtinfo2 h2,.col2 .txtinfo2 h2{
		font-size: 40px;
		text-shadow: 2px 2px 2px black;
		color: white;
		margin-bottom: 45px;
	}
	.col .txtinfo .btnmasv,.col2 .txtinfo .btnmasv{
		cursor: pointer;
		width: 84px;
		height: 84px;
		margin-top: 30px;
		margin-bottom: -44px;
		z-index: 99;
	}
	.col .txtinfo2 .btnregresar,.col2 .txtinfo2 .btnregresar{
		cursor: pointer;
		display: block;
		position: absolute;
    	left: calc(50% - 42px);
    	bottom: 50px;
		filter: drop-shadow(-8px 10px 4px #00000030);
		transition: all 300ms;
	}
	.col .txtinfo2 .btnregresar:hover,.col2 .txtinfo2 .btnregresar:hover{
		bottom: 40px;
		filter: drop-shadow(0px 0px 0px #00000030);
		transition: all 300ms;
	}



	#pag_servicios #servicios_opciones .columnas1 .col .txtinfo.animar{
		transform: translateX(-100%);
		transition: transform 1s cubic-bezier(1,-0.01,.63,1.01);
	}
	#pag_servicios #servicios_opciones .columnas1 .col:nth-child(2) .txtinfo,#pag_servicios #servicios_opciones .columnas2 .col:nth-child(2) .txtinfo,#pag_servicios #servicios_opciones .columnas3 .col:nth-child(2) .txtinfo{
		width: 100%;
		float: left;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#pag_servicios #servicios_opciones .columnas1 .col:nth-child(1) {
		background-image:url(../images/grinleasing_fondo_servicio_op5.webp);
	}
	#pag_servicios #servicios_opciones .columnas1 .col2:nth-child(2) {
		background-image:url(../images/grinleasing_fondo_servicio_op1.webp);
	}
	#pag_servicios #servicios_opciones .columnas2 .col:nth-child(1) {
		background-image:url(../images/grinleasing_fondo_servicio_op2.webp);
	}
	#pag_servicios #servicios_opciones .columnas2 .col2:nth-child(2) {
		background-image:url(../images/grinleasing_fondo_servicio_op3.webp);
	}
	#pag_servicios #servicios_opciones .columnas3 .col:nth-child(1) {
		background-image:url(../images/grinleasing_fondo_servicio_op4.webp);
	}
	#pag_servicios #servicios_opciones .columnas3 .col2:nth-child(2) {
		background-image:url(../images/grinleasing_fondo_servicio_op6.webp);
	}
	#pag_servicios #servicios_opciones .columnas1 .col .txtinfo p,#pag_servicios #servicios_opciones .columnas1 .col2 .txtinfo p,
	#pag_servicios #servicios_opciones .columnas2 .col .txtinfo p,#pag_servicios #servicios_opciones .columnas2 .col2 .txtinfo p,
	#pag_servicios #servicios_opciones .columnas3 .col .txtinfo p,#pag_servicios #servicios_opciones .columnas3 .col2 .txtinfo p{
		color: white;
		font-weight: bold;
		text-align: center;
		text-shadow: 3px 3px 4px black;
		font-size: 35px;
		width: 100%;
		background-color:#005a2fd1;
		height: 150px;
		display: flex;
    	align-items: center;
    	justify-content: center;
		padding-top: 35px;
	}

/*************************************************** arrendamiento *****************************************************/
#pag_arrendamiento	#animacion{
	background-image: url(../images/grinleasing_fondo_arrendamiento.webp);
}
#pag_arrendamiento #animacion .info h2.titbln{
	color:white;
	text-shadow:  2px 2px 5px  #00000090;
	letter-spacing: -2px;
	position: relative;
	z-index: 9999;
	width: 780px;
	padding-left: 5px;
}
#pag_arrendamiento #animacion .info h2:before{
	content:"Servicio integral de arrendamiento";
	text-shadow:  5px 5px 1px  #00783f ,-5px -5px 1px  #00783f, 5px 0px 1px  #00783f,0px 5px 1px  #00783f,-5px -5px 1px  #00783f,-5px 0px 1px  #00783f,0px -5px 1px  #00783f,-5px 5px 1px #00783f, 5px -5px 1px #00783f ;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	padding-left: 5px;
}
#pag_arrendamiento #arrendamiento{
	margin-top:150px;
}
#pag_arrendamiento #arrendamiento .columnas{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
    justify-content: space-between;
	margin-bottom: 150px;
}
#pag_arrendamiento #arrendamiento .columnas .col{
	width: 366px;
	display: flex;
	flex-direction: column;
}
#pag_arrendamiento #arrendamiento .columnas .col .tit{
	padding: 10px 20px;
	margin-bottom: 30pxz;
}
#pag_arrendamiento #arrendamiento .columnas .col .tit img{
	float:left;
	filter: drop-shadow(-8px 10px 4px #00000030);
}
#pag_arrendamiento #arrendamiento .columnas .col .tit h2{
	font-size: 100px;
	float: left;
	font-weight: bold;
	color:#00783f;
	margin-left: 10px;
}
#pag_arrendamiento #arrendamiento .columnas .col p{
	height: 120px;
}
#pag_arrendamiento #arrendamiento .columnas .col .representacion{
	margin-top: 30px;
	opacity: 0;
	transition: opacity 1s;
}
#pag_arrendamiento #arrendamiento .columnas .col .representacion.anima{
	opacity: 1;
	transition: opacity 1s;
}

#pag_arrendamiento #arrendamiento .fondo2{
	width: 100%;
	height:600px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../images/grinleasing_fondo_arrendamiento2.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
#pag_arrendamiento #arrendamiento .fondo2 h2{
	font-size: 72px;
	color:white;
	text-align: center;
}
/*************************************************** contacto *****************************************************/
#pag_contacto	#animacion{
	background-image: url(../images/grinleasing_fondo_contacto.webp);
	height: 600px;
	background-position: right center;
}
#pag_contacto #animacion .info h2.titbln{
	color:white;
	text-shadow:  2px 2px 5px  #00000090;
	letter-spacing: -2px;
	position: relative;
	z-index: 9999;
	width: 780px;
	padding-left: 5px;
}
#pag_contacto #animacion .info h2:before{
	content:"Contacto";
	text-shadow:  5px 5px 1px  #00783f ,-5px -5px 1px  #00783f, 5px 0px 1px  #00783f,0px 5px 1px  #00783f,-5px -5px 1px  #00783f,-5px 0px 1px  #00783f,0px -5px 1px  #00783f,-5px 5px 1px #00783f, 5px -5px 1px #00783f ;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	padding-left: 5px;
}

#pag_contacto #contacto{
	background-color: #005a2f;
	padding: 150px 0px;
}
#pag_contacto #contacto h2{
	color: white;
	font-weight: 400;
    width: 100%;
    float: left;
    text-align: left;
	font-size: 63px;
	margin-bottom: 25px;
}
#pag_contacto #contacto p{
	color: white;
	font-size: 30px;
	line-height: 46px;
}

#pag_404 #animacion .info h2.titbln{
	color:white;
	text-shadow:  2px 2px 5px  #00000090;
	letter-spacing: -2px;
	position: relative;
	z-index: 9999;
	width: 780px;
	padding-left: 5px;
}
#pag_404 #animacion .info h2:before{
	content:"Página no encontrada";
	text-shadow:  5px 5px 1px  #00783f ,-5px -5px 1px  #00783f, 5px 0px 1px  #00783f,0px 5px 1px  #00783f,-5px -5px 1px  #00783f,-5px 0px 1px  #00783f,0px -5px 1px  #00783f,-5px 5px 1px #00783f, 5px -5px 1px #00783f ;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	padding-left: 5px;
}


/***********************************************************************************************************************/
	#footer{
		color:white;
		background-color:#00783f;
		height: auto;
		display: block;
		font-size: 18px;
	}
	#footer .columnas{
		width:100%;
		float: left;
		display: flex;
		justify-content: stretch;
	}
	#footer .columnas .col{
		width:33%;
		float: left;
		height: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 20px 50px;
		text-align: center;
	}
	#footer .columnas .col{
		margin: auto;
		display: block;
	}
	#footer .columnas .col:nth-child(1),#footer .columnas .col:nth-child(2){
		border-right: 1px solid white;
	}
	#footer .columnas .col:nth-child(2) img{
		margin-bottom: 30px;
	}

	#footer .derechos{
		font-size: 14px;
		text-align: left;
	}
	#footer .mail img{
		display: block;
		margin: auto;
		margin-bottom: 33px!important;
	}
}