@media only screen and (max-width: 3840px){

	.seccion-inicio{
		width: 100%;
		height: 100vh;
		float: left;
		background-color: #ffffff;
		position: relative;
	}
	
	.contenedor-general-slider{
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		background-color: transparent;
		top: 0px;
		overflow: hidden;
	}

	.contenedor-themis{
		position: #ffffff;
		width: 50%;
		height: 100%;
		float: right;
		padding-left: 0px;
		background-color: transparent;
		overflow: hidden;
	}

	.contenedor-themis img{
		position: absolute;
		right: 30px;
		bottom: -180px;
		height: 110%;
		background-color: transparent;
		animation: contenedor-themis;
		animation-duration: 20s;
		animation-iteration-count: 1;
	}

	@keyframes contenedor-themis{
		0%{right: -100%;}
		10%{right: 30px;}
		100%{right: 30px;}
	}

	.contenedor-titulos-portada{
		width: 50%;
		background-color:#1c3650;
		float: left;
		height:100%;
		position: relative;
		overflow: hidden;
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.img-portada{
		width: 100%;
		height: 100%;
		float: left;
		background: url("../assets/portada-index.webp");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
	}

	.titulos{
		position: absolute;
		margin: auto;
		background-color: transparent;
		width: 100%;
		height: 300px;
		float: left;
		top: 0;
		bottom: 0;
		left: 0;
		margin-top: auto;
		margin-bottom: auto;
		padding-left: 90px;
		padding-right: 90px;
	}

	.texto-superior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 60px;
		animation: animatitulosuperior;
		animation-duration: 4s;
		animation-iteration-count: 1;
		
	}

	@keyframes animatitulosuperior {
		0%{
			opacity: 0;
			margin-left: -50px;
		}

		60%{
			opacity: 0;
			margin-left: -50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-superior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 300;
		text-align: left;
		font-size: 18px;
		letter-spacing: 4px;
		text-decoration: none;
  		color: #ffffff;
	}

	.linea-a{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: left;
	}

	.linea-titulos-1{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-1 .enlaces-individuales,
	.linea-titulos-2 .enlaces-individuales{
		width: auto;
		background-color: transparent;
		height: auto;
		text-decoration: none;
		transform: scale(1,1);
		transition: transform ease .1s;
	}

	.linea-titulos-1 .enlaces-individuales img,
	.linea-titulos-2 .enlaces-individuales img{
		background-color: transparent;
		width: 100%;
		height: auto;
	}

	.linea-titulos-1 .enlaces-individuales:hover,
	.linea-titulos-2 .enlaces-individuales:hover{
		transform: scale(1.1,1.1);
	}

	.texto-inferior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 60px;
		animation: animatituloinferior;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}

	@keyframes animatituloinferior {
		0%{
			opacity: 0;
			margin-left: 50px;
		}

		60%{
			opacity: 0;
			margin-left: 50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-inferior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		text-align: right;
		font-size: 18px;
		letter-spacing: 3px;
		text-decoration: none;
		color: #ffffff;
	}

	.linea-b{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: right;
	}

	.enlace-fiscal{
		animation: animaenlaceFiscal;
		animation-duration: 6s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceFiscal {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
		
	}

	.enlace-amparo{
		animation: animaenlaceAmparo;
		animation-duration: 7.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceAmparo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-mercantil{
		animation: animaenlaceMercantil;
		animation-duration: 9s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceMercantil {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-corporativo{
		animation: animaenlaceCorporativo;
		animation-duration: 10.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceCorporativo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	.enlace-laboral{
		animation: animaenlaceLaboral;
		animation-duration: 12s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceLaboral {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	

	#nosotros{
		width: 100%;
		background-color: transparent;
		height:1px;
		float: left;
		position: relative;
		margin-top: -0;
	}

	.seccion-nosotros{
		width: 100%;
		float: left;
		height: auto;
		background-color: #ffffff;
		padding-top: 160px;
		padding-bottom: 130px;
		position: relative;
		z-index: 1;
	}

	.contenedor-nosotros{
		width: 1200px;
		margin: auto;
		height: auto;
	}

	.contenedor-texto-nosotros{
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.contenedor-texto-nosotros h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.parrafo-nosotros-2{
		float: right;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: right;
		margin-top: 30px;
	}

	.contenedor-valores h2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 24px;
		color: #282828;
		text-align: left;
	}

	.cont-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 20px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cont-valores .valor{
		width: 30%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 40px;
	}

	.cont-valores .valor img{
		width: 60px;
		height: 60px;
		background-color: transparent;
		float: left;
	}

	.cont-valores .valor p{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 10px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: left;
	}




	#servicios{
		width: 100%;
		background-color: transparent;
		height:auto;
		float: left;
		margin-top: 0px;
	}

	.seccion-servicios{
		width: 100%;
		height: auto;
		background-color: #1c3650;
		float: left;
		padding-top: 0;
		padding-left: 780px;
		position: relative;
	}

	.contenedor-titulo-texto-servicios{
		float: left;
		height: 100%;
		width: 780px;
		height: auto;
		padding-right: 90px;
		padding-left: 90px;
		left: 0px;
		top: 0px;
		position: absolute;
		background-color: transparent;
		z-index: 10;
		margin-top: 160px;
		margin-bottom: 160px;
	}

	.contenedor-titulo-texto-servicios .t1-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 38px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.contenedor-titulo-texto-servicios .t2-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 58px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -15px;
		letter-spacing: 2px;
	}

	.contenedor-titulo-texto-servicios p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#ffffff;
		float: left;
		height: auto;
		width: 100%;
		background-color: transparent;
		margin-top: 40px;
		text-align: justify;
	}

	.contenedor-titulo-texto-servicios .p-servicios-2{
		margin-top: 20px;
	}

	.contenedor-iconos-servicios{
		margin-top: 40px;
		float: left;
		height: auto;
		background-color: transparent;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.contenedor-iconos-servicios .circulos-is{
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 2px #b79c57;
		position: relative;
		cursor: default;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 20px;
	}

	.circulos-is img{
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 35px;
	}

	.circulos-is span{
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 80px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		line-height: 14px;
		font-size: 12px;
		letter-spacing:.5px;
		color:#ffffff;
		text-align: center;
	}

	.contenedor-servicios{
		width: 100%;
		float: left;
		height: auto;
		position: relative;
		background-color: transparent;
		margin-left: 0px;
		padding-left: 30px;
		padding-right: 90px;
		padding-top: 160px;
		padding-bottom: 130px;
	}

	.contenedor-servicios1-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		position: relative;
		display: inline-flex;
		justify-content: start;
		flex-wrap: wrap;
	}

	.servicio{
		width: 30%;
		height: 350px;
		float: left;
		background-color: #b79c57;
		border-radius: 0px;
		position: relative;
		overflow: hidden;
		border: none;
		margin-left: 33px;
		margin-bottom: 30px;
	}

	.servicio figure{
		width: 100%;
		height: 100%;
		float: left;
		background-color: transparent;
		background-size: cover;
		overflow: hidden;
		border: none;
		transform: scale(1,1);
		transition: transform ease .1s;
		-webkit-transition: transform ease .1s;
		-moz-transition: transform ease .1s;
		-o-transition: transform ease .1s;
		transition: transform ease .2s;
	}

	.servicio figure img{
		width: 100%;
		height: 100%;
		float: left;
		object-fit: cover;
		object-position: center;
		background-color: transparent;
	}

	.servicio h1{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		font-family: 'Hind Siliguri';
		font-weight: 700;
		font-size: 28px;
		letter-spacing:2px;
		line-height: 36px;
		color:#1c3650;
		text-align: center;
		/*text-shadow: 3px 3px 5px #282828;*/
	}

	.servicio .titulo-serv-ag{
		height: auto;
		font-size: 20px;
		line-height: 20px;
	}

	.servicio figure:hover,
	.servicio h1:hover ~ figure{
		transform: scale(1.18,1.18);
		transition: transform ease .2s;
	}

	.servicio:hover h1{
		background-color: #b79c57;
		color: #ffffff;
	}





	#contacto{
		width: 100%;
		background-color: transparent;
		height:0px;
		float: left;
		margin-top: 0px;
	}

	.seccion-contacto-cita{
		width: 100%;
		height: auto;
		padding-top: 160px;
		padding-bottom: 160px;
		float: left;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
	}

	.contenedor-general-contacto{
		width: 1200px;
		margin: auto;
		height: auto;
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita{
		float: left;
		width: 100%;
		height: 100%;
		border-right: solid 1px #ffffff; 
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.contenedor-navegacion-contacto-cita p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-botones-nav-contacto{
		width: 100%;
		height: auto;
		display: inline-flex;
		float: left;
		justify-content: space-between;
		background-color: transparent;
		margin-top: 80px;
	}

	.contenedor-botones-nav-contacto input[type="radio"]{
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label{
		font-family: 'Hind Siliguri';
		border-bottom: solid 1px #ffffff;
		height: 60px;
		width: 50%;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		transition: all .1s ease;
		position: relative;
		padding-right: 40px;
		padding-left: 40px;
	}

	.label-agendar-cita{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: url('../imagenes/contacto-cita-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.label-anadir-comentario{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background: url('../imagenes/contacto-comentario-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.contenedor-botones-nav-contacto label span{
		font-family: 'Hind Siliguri';
		position: absolute;
		height: 40px;
		font-size: 40px;
		font-weight: 400;
		float: left;
		color: #1c3650;
		text-align: center;
		background-color: transparent;
		left: 40px;
		top:0px;
		bottom: 0px;
		margin: auto;
		overflow: hidden;
	}

	.contenedor-botones-nav-contacto label h2{
		font-family: 'Hind Siliguri';
		font-size: 28px;
		height: 42px;
		font-weight: 600;
		letter-spacing: 1px;
		float: left;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin: auto;
		background-color: transparent;
		text-align: center;
		color: #1c3650;
	}

	.contenedor-botones-nav-contacto input[type="radio"]:checked + label{
		background-color:#b79c57;
		color: #ffffff;
	}
    
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label span,
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label h2{
		color: #ffffff;
	}

	.contenedor-formularios-contacto{
		width: 100%;
		float: left;
		height: 540px;
		background-color: transparent;
		overflow:hidden;
		position: relative;
		margin-top: 80px;
	}

	.formulario-agendar-cita-contacto{
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto.mueve-formulario-cita{
		display: inline-block;
		position: absolute;
		left: -100%;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto{
		position: absolute;
		display: inline-block;
		left:100%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto.mueve-formulario-comentario{
		position: absolute;
		display: inline-block;
		left:0%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto h1,
	.formulario-comentario-contacto h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 28px;
		color:#00001b;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.formulario-agendar-cita-contacto form,
	.formulario-comentario-contacto form{
		padding-left: 0px;
		margin-top: 40px;
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.titulo-campo{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 14px;
		color:#282828;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: .5px;
		padding-left: 5px;
	}

	.contenedor-nombre-contacto-cita,
	.contenedor-nombre-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.contenedor-apellido-contacto-cita,
	.contenedor-apellido-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
	}

	.contenedor-nombre-contacto-cita input[type='text'],
	.contenedor-apellido-contacto-cita input[type='text'],
	.contenedor-nombre-comentario-contacto input[type='text'],
	.contenedor-apellido-comentario-contacto input[type='text']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-ctfh-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contenedor-correo-contacto-cita,
	.contenedor-telefono-contacto-cita{
		width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
	}

	.contenedor-fecha-contacto-cita,
	.contenedor-hora-contacto-cita{
        width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 40px;
	}

	.contenedor-correo-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-telefono-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-correo-contacto-cita input[type='email'],
	.contenedor-telefono-contacto-cita input[type='tel'],
	.contenedor-fecha-contacto-cita input[type='date'],
	.contenedor-correo-comentario-contacto input[type='email'],
	.contenedor-telefono-comentario-contacto input[type='tel']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-hora-contacto-cita select{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-nota-contacto-cita p{
		margin-top: 40px;
		text-align: left;
		float: left;
		position: relative;
		width: 100%;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .5px;
		color:#00001b;
		line-height: 16px;
		background-color: transparent;
	}

	.contenedor-texto-comentario-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
		margin-top: 40px;
	}

	.contenedor-texto-comentario-contacto textarea{
		height: 100px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
    
	.contenedor-boton-contacto-cita,
	.contenedor-boton-contacto-comentario{
		height: auto;
		float: left;
		margin-top: 80px;
		margin-right: 0px;
		display: inline-flex;
		justify-content: flex-end;
		width: 100%;
	}

	.contenedor-boton-contacto-cita img,
	.contenedor-boton-contacto-comentario img{
		height: 48px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		display: none;
		visibility: hidden;
	}

	.contenedor-boton-contacto-comentario img.muestra-loader,
	.contenedor-boton-contacto-cita img.muestra-loader{
		display: inline-block;
		visibility: visible;
	}

	.contenedor-boton-contacto-cita input[type='submit'],
	.contenedor-boton-contacto-comentario input[type="submit"]{
		position: relative;
		font-family: 'Hind Siliguri';
		font-weight: 500;
		font-size: 18px;
		letter-spacing:.5px;
		color:#ffffff;
		float: right;
		background-color: #1c3650;
		border: none;
		height:48px;
		width: 200px;
		outline: none;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border-radius: 10px;
	}

	.contenedor-boton-contacto-cita input[type='submit']:hover,
	.contenedor-boton-contacto-comentario input[type="submit"]:hover{
		color:#ffffff;
		background-color: #b79c57;
	}
}


















@media only screen and (max-width: 1980px){

	.seccion-inicio{
		width: 100%;
		height: 100vh;
		float: left;
		background-color: #ffffff;
		position: relative;
	}
	
	.contenedor-general-slider{
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		background-color: transparent;
		top: 0px;
		overflow: hidden;
	}

	.contenedor-themis{
		position: #ffffff;
		width: 50%;
		height: 100%;
		float: right;
		padding-left: 0px;
		background-color: transparent;
		overflow: hidden;
	}

	.contenedor-themis img{
		position: absolute;
		right: -50px;
		bottom: -180px;
		height: 110%;
		background-color: transparent;
		animation: contenedor-themis;
		animation-duration: 20s;
		animation-iteration-count: 1;
	}

	@keyframes contenedor-themis{
		0%{right: -100%;}
		10%{right: -50px;}
		100%{right: -50px;}
	}

	.contenedor-titulos-portada{
		width: 50%;
		background-color:#1c3650;
		float: left;
		height:100%;
		position: relative;
		overflow: hidden;
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.img-portada{
		width: 100%;
		height: 100%;
		float: left;
		background: url("../assets/portada-index.webp");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
	}

	.titulos{
		position: absolute;
		margin: auto;
		background-color: transparent;
		width: 100%;
		height: 300px;
		float: left;
		top: 0;
		bottom: 0;
		left: 0;
		margin-top: auto;
		margin-bottom: auto;
		padding-left: 90px;
		padding-right: 90px;
	}

	.texto-superior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 60px;
		animation: animatitulosuperior;
		animation-duration: 4s;
		animation-iteration-count: 1;
		
	}

	@keyframes animatitulosuperior {
		0%{
			opacity: 0;
			margin-left: -50px;
		}

		60%{
			opacity: 0;
			margin-left: -50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-superior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 300;
		text-align: left;
		font-size: 18px;
		letter-spacing: 4px;
		text-decoration: none;
  		color: #ffffff;
	}

	.linea-a{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: left;
	}

	.linea-titulos-1{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-1 .enlaces-individuales,
	.linea-titulos-2 .enlaces-individuales{
		width: auto;
		background-color: transparent;
		height: auto;
		text-decoration: none;
		transform: scale(1,1);
		transition: transform ease .1s;
	}

	.linea-titulos-1 .enlaces-individuales img,
	.linea-titulos-2 .enlaces-individuales img{
		background-color: transparent;
		width: 100%;
		height: auto;
	}

	.linea-titulos-1 .enlaces-individuales:hover,
	.linea-titulos-2 .enlaces-individuales:hover{
		transform: scale(1.1,1.1);
	}

	.texto-inferior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 60px;
		animation: animatituloinferior;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}

	@keyframes animatituloinferior {
		0%{
			opacity: 0;
			margin-left: 50px;
		}

		60%{
			opacity: 0;
			margin-left: 50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-inferior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		text-align: right;
		font-size: 18px;
		letter-spacing: 3px;
		text-decoration: none;
		color: #ffffff;
	}

	.linea-b{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: right;
	}

	.enlace-fiscal{
		animation: animaenlaceFiscal;
		animation-duration: 6s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceFiscal {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
		
	}

	.enlace-amparo{
		animation: animaenlaceAmparo;
		animation-duration: 7.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceAmparo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-mercantil{
		animation: animaenlaceMercantil;
		animation-duration: 9s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceMercantil {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-corporativo{
		animation: animaenlaceCorporativo;
		animation-duration: 10.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceCorporativo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	.enlace-laboral{
		animation: animaenlaceLaboral;
		animation-duration: 12s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceLaboral {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	

	#nosotros{
		width: 100%;
		background-color: transparent;
		height:1px;
		float: left;
		position: relative;
		margin-top: -0;
	}

	.seccion-nosotros{
		width: 100%;
		float: left;
		height: auto;
		background-color: #ffffff;
		padding-top: 160px;
		padding-bottom: 130px;
		position: relative;
		z-index: 1;
	}

	.contenedor-nosotros{
		width: 1200px;
		margin: auto;
		height: auto;
	}

	.contenedor-texto-nosotros{
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.contenedor-texto-nosotros h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.parrafo-nosotros-2{
		float: right;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: right;
		margin-top: 30px;
	}

	.contenedor-valores h2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 24px;
		color: #282828;
		text-align: left;
	}

	.cont-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 20px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cont-valores .valor{
		width: 30%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 40px;
	}

	.cont-valores .valor img{
		width: 60px;
		height: 60px;
		background-color: transparent;
		float: left;
	}

	.cont-valores .valor p{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 10px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: left;
	}




	#servicios{
		width: 100%;
		background-color: transparent;
		height:auto;
		float: left;
		margin-top: 0px;
	}

	.seccion-servicios{
		width: 100%;
		height: auto;
		background-color: #1c3650;
		float: left;
		padding-top: 0;
		padding-left: 780px;
		position: relative;
	}

	.contenedor-titulo-texto-servicios{
		float: left;
		height: 100%;
		width: 780px;
		height: auto;
		padding-right: 90px;
		padding-left: 90px;
		left: 0px;
		top: 0px;
		position: absolute;
		background-color: transparent;
		z-index: 10;
		margin-top: 160px;
		margin-bottom: 160px;
	}

	.contenedor-titulo-texto-servicios .t1-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 38px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.contenedor-titulo-texto-servicios .t2-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 58px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -15px;
		letter-spacing: 2px;
	}

	.contenedor-titulo-texto-servicios p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#ffffff;
		float: left;
		height: auto;
		width: 100%;
		background-color: transparent;
		margin-top: 40px;
		text-align: justify;
	}

	.contenedor-titulo-texto-servicios .p-servicios-2{
		margin-top: 20px;
	}

	.contenedor-iconos-servicios{
		margin-top: 40px;
		float: left;
		height: auto;
		background-color: transparent;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.contenedor-iconos-servicios .circulos-is{
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 2px #b79c57;
		position: relative;
		cursor: default;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 20px;
	}

	.circulos-is img{
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 35px;
	}

	.circulos-is span{
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 80px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		line-height: 14px;
		font-size: 12px;
		letter-spacing:.5px;
		color:#ffffff;
		text-align: center;
	}

	.contenedor-servicios{
		width: 100%;
		float: left;
		height: auto;
		position: relative;
		background-color: transparent;
		margin-left: 0px;
		padding-left: 0px;
		padding-right: 90px;
		padding-top: 160px;
		padding-bottom: 130px;
	}

	.contenedor-servicios1-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		position: relative;
		display: inline-flex;
		justify-content: start;
		flex-wrap: wrap;
	}

	.servicio{
		width: 29%;
		height: 350px;
		float: left;
		background-color: #b79c57;
		border-radius: 0px;
		position: relative;
		overflow: hidden;
		border: none;
		margin-left: 33px;
		margin-bottom: 30px;
	}

	.servicio figure{
		width: 100%;
		height: 100%;
		float: left;
		background-color: transparent;
		background-size: cover;
		overflow: hidden;
		border: none;
		transform: scale(1,1);
		transition: transform ease .1s;
		-webkit-transition: transform ease .1s;
		-moz-transition: transform ease .1s;
		-o-transition: transform ease .1s;
		transition: transform ease .2s;
	}

	.servicio figure img{
		width: 100%;
		height: 100%;
		float: left;
		object-fit: cover;
		object-position: center;
		background-color: transparent;
	}

	.servicio h1{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		font-family: 'Hind Siliguri';
		font-weight: 700;
		font-size: 28px;
		letter-spacing:2px;
		line-height: 36px;
		color:#1c3650;
		text-align: center;
		/*text-shadow: 3px 3px 5px #282828;*/
	}

	.servicio .titulo-serv-ag{
		height: auto;
		font-size: 20px;
		line-height: 20px;
	}

	.servicio figure:hover,
	.servicio h1:hover ~ figure{
		transform: scale(1.18,1.18);
		transition: transform ease .2s;
	}

	.servicio:hover h1{
		background-color: #b79c57;
		color: #ffffff;
	}





	#contacto{
		width: 100%;
		background-color: transparent;
		height:0px;
		float: left;
		margin-top: 0px;
	}

	.seccion-contacto-cita{
		width: 100%;
		height: auto;
		padding-top: 160px;
		padding-bottom: 160px;
		float: left;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
	}

	.contenedor-general-contacto{
		width: 1200px;
		margin: auto;
		height: auto;
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita{
		float: left;
		width: 100%;
		height: 100%;
		border-right: solid 1px #ffffff; 
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.contenedor-navegacion-contacto-cita p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-botones-nav-contacto{
		width: 100%;
		height: auto;
		display: inline-flex;
		float: left;
		justify-content: space-between;
		background-color: transparent;
		margin-top: 80px;
	}

	.contenedor-botones-nav-contacto input[type="radio"]{
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label{
		font-family: 'Hind Siliguri';
		border-bottom: solid 1px #ffffff;
		height: 60px;
		width: 50%;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		transition: all .1s ease;
		position: relative;
		padding-right: 40px;
		padding-left: 40px;
	}

	.label-agendar-cita{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: url('../imagenes/contacto-cita-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.label-anadir-comentario{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background: url('../imagenes/contacto-comentario-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.contenedor-botones-nav-contacto label span{
		font-family: 'Hind Siliguri';
		position: absolute;
		height: 40px;
		font-size: 40px;
		font-weight: 400;
		float: left;
		color: #1c3650;
		text-align: center;
		background-color: transparent;
		left: 40px;
		top:0px;
		bottom: 0px;
		margin: auto;
		overflow: hidden;
	}

	.contenedor-botones-nav-contacto label h2{
		font-family: 'Hind Siliguri';
		font-size: 28px;
		height: 42px;
		font-weight: 600;
		letter-spacing: 1px;
		float: left;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin: auto;
		background-color: transparent;
		text-align: center;
		color: #1c3650;
	}

	.contenedor-botones-nav-contacto input[type="radio"]:checked + label{
		background-color:#b79c57;
		color: #ffffff;
	}
    
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label span,
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label h2{
		color: #ffffff;
	}

	.contenedor-formularios-contacto{
		width: 100%;
		float: left;
		height: 540px;
		background-color: transparent;
		overflow:hidden;
		position: relative;
		margin-top: 80px;
	}

	.formulario-agendar-cita-contacto{
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto.mueve-formulario-cita{
		display: inline-block;
		position: absolute;
		left: -100%;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto{
		position: absolute;
		display: inline-block;
		left:100%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto.mueve-formulario-comentario{
		position: absolute;
		display: inline-block;
		left:0%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto h1,
	.formulario-comentario-contacto h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 28px;
		color:#00001b;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.formulario-agendar-cita-contacto form,
	.formulario-comentario-contacto form{
		padding-left: 0px;
		margin-top: 40px;
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.titulo-campo{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 14px;
		color:#282828;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: .5px;
		padding-left: 5px;
	}

	.contenedor-nombre-contacto-cita,
	.contenedor-nombre-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.contenedor-apellido-contacto-cita,
	.contenedor-apellido-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
	}

	.contenedor-nombre-contacto-cita input[type='text'],
	.contenedor-apellido-contacto-cita input[type='text'],
	.contenedor-nombre-comentario-contacto input[type='text'],
	.contenedor-apellido-comentario-contacto input[type='text']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-ctfh-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contenedor-correo-contacto-cita,
	.contenedor-telefono-contacto-cita{
		width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
	}

	.contenedor-fecha-contacto-cita,
	.contenedor-hora-contacto-cita{
        width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 40px;
	}

	.contenedor-correo-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-telefono-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-correo-contacto-cita input[type='email'],
	.contenedor-telefono-contacto-cita input[type='tel'],
	.contenedor-fecha-contacto-cita input[type='date'],
	.contenedor-correo-comentario-contacto input[type='email'],
	.contenedor-telefono-comentario-contacto input[type='tel']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-hora-contacto-cita select{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-nota-contacto-cita p{
		margin-top: 40px;
		text-align: left;
		float: left;
		position: relative;
		width: 100%;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .5px;
		color:#00001b;
		line-height: 16px;
		background-color: transparent;
	}

	.contenedor-texto-comentario-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
		margin-top: 40px;
	}

	.contenedor-texto-comentario-contacto textarea{
		height: 100px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
    
	.contenedor-boton-contacto-cita,
	.contenedor-boton-contacto-comentario{
		height: auto;
		float: left;
		margin-top: 80px;
		margin-right: 0px;
		display: inline-flex;
		justify-content: flex-end;
		width: 100%;
	}

	.contenedor-boton-contacto-cita img,
	.contenedor-boton-contacto-comentario img{
		height: 48px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		display: none;
		visibility: hidden;
	}

	.contenedor-boton-contacto-comentario img.muestra-loader,
	.contenedor-boton-contacto-cita img.muestra-loader{
		display: inline-block;
		visibility: visible;
	}

	.contenedor-boton-contacto-cita input[type='submit'],
	.contenedor-boton-contacto-comentario input[type="submit"]{
		position: relative;
		font-family: 'Hind Siliguri';
		font-weight: 500;
		font-size: 18px;
		letter-spacing:.5px;
		color:#ffffff;
		float: right;
		background-color: #1c3650;
		border: none;
		height:48px;
		width: 200px;
		outline: none;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border-radius: 10px;
	}

	.contenedor-boton-contacto-cita input[type='submit']:hover,
	.contenedor-boton-contacto-comentario input[type="submit"]:hover{
		color:#ffffff;
		background-color: #b79c57;
	}
}



















@media only screen and (max-width: 1780px){

	.seccion-inicio{
		width: 100%;
		height: 100vh;
		float: left;
		background-color: #ffffff;
		position: relative;
	}
	
	.contenedor-general-slider{
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		background-color: transparent;
		top: 0px;
		overflow: hidden;
	}

	.contenedor-themis{
		position: #ffffff;
		width: 46%;
		height: 100%;
		float: right;
		padding-left: 0px;
		background-color: transparent;
		overflow: hidden;
	}

	.contenedor-themis img{
		position: absolute;
		right: -210px;
		bottom: -180px;
		height: 110%;
		background-color: transparent;
		animation: contenedor-themis;
		animation-duration: 20s;
		animation-iteration-count: 1;
	}

	@keyframes contenedor-themis{
		0%{right: -100%;}
		10%{right: -210px;}
		100%{right: -210px;}
	}

	.contenedor-titulos-portada{
		width: 54%;
		background-color:#1c3650;
		float: left;
		height:100%;
		position: relative;
		overflow: hidden;
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.img-portada{
		width: 100%;
		height: 100%;
		float: left;
		background: url("../assets/portada-index.webp");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
	}

	.titulos{
		position: absolute;
		margin: auto;
		background-color: transparent;
		width: 100%;
		height: 300px;
		float: left;
		top: 0;
		bottom: 0;
		left: 0;
		margin-top: auto;
		margin-bottom: auto;
		padding-left: 90px;
		padding-right: 90px;
	}

	.texto-superior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 60px;
		animation: animatitulosuperior;
		animation-duration: 4s;
		animation-iteration-count: 1;
		
	}

	@keyframes animatitulosuperior {
		0%{
			opacity: 0;
			margin-left: -50px;
		}

		60%{
			opacity: 0;
			margin-left: -50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-superior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 300;
		text-align: left;
		font-size: 18px;
		letter-spacing: 4px;
		text-decoration: none;
  		color: #ffffff;
	}

	.linea-a{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: left;
	}

	.linea-titulos-1{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-1 .enlaces-individuales,
	.linea-titulos-2 .enlaces-individuales{
		width: auto;
		background-color: transparent;
		height: auto;
		text-decoration: none;
		transform: scale(1,1);
		transition: transform ease .1s;
	}

	.linea-titulos-1 .enlaces-individuales img,
	.linea-titulos-2 .enlaces-individuales img{
		background-color: transparent;
		width: 100%;
		height: auto;
	}

	.linea-titulos-1 .enlaces-individuales:hover,
	.linea-titulos-2 .enlaces-individuales:hover{
		transform: scale(1.1,1.1);
	}

	.texto-inferior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 60px;
		animation: animatituloinferior;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}

	@keyframes animatituloinferior {
		0%{
			opacity: 0;
			margin-left: 50px;
		}

		60%{
			opacity: 0;
			margin-left: 50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-inferior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		text-align: right;
		font-size: 18px;
		letter-spacing: 3px;
		text-decoration: none;
		color: #ffffff;
	}

	.linea-b{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: right;
	}

	.enlace-fiscal{
		animation: animaenlaceFiscal;
		animation-duration: 6s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceFiscal {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
		
	}

	.enlace-amparo{
		animation: animaenlaceAmparo;
		animation-duration: 7.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceAmparo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-mercantil{
		animation: animaenlaceMercantil;
		animation-duration: 9s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceMercantil {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-corporativo{
		animation: animaenlaceCorporativo;
		animation-duration: 10.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceCorporativo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	.enlace-laboral{
		animation: animaenlaceLaboral;
		animation-duration: 12s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceLaboral {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	

	#nosotros{
		width: 100%;
		background-color: transparent;
		height:1px;
		float: left;
		position: relative;
		margin-top: -0;
	}

	.seccion-nosotros{
		width: 100%;
		float: left;
		height: auto;
		background-color: #ffffff;
		padding-top: 160px;
		padding-bottom: 130px;
		position: relative;
		z-index: 1;
	}

	.contenedor-nosotros{
		width: 1200px;
		margin: auto;
		height: auto;
	}

	.contenedor-texto-nosotros{
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.contenedor-texto-nosotros h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.parrafo-nosotros-2{
		float: right;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: right;
		margin-top: 30px;
	}

	.contenedor-valores h2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 24px;
		color: #282828;
		text-align: left;
	}

	.cont-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 20px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cont-valores .valor{
		width: 30%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 40px;
	}

	.cont-valores .valor img{
		width: 60px;
		height: 60px;
		background-color: transparent;
		float: left;
	}

	.cont-valores .valor p{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 10px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: left;
	}




	#servicios{
		width: 100%;
		background-color: transparent;
		height:auto;
		float: left;
		margin-top: 0px;
	}

	.seccion-servicios{
		width: 100%;
		height: auto;
		background-color: #1c3650;
		float: left;
		padding-top: 0;
		padding-left: 780px;
		position: relative;
	}

	.contenedor-titulo-texto-servicios{
		float: left;
		height: 100%;
		width: 780px;
		height: auto;
		padding-right: 90px;
		padding-left: 90px;
		left: 0px;
		top: 0px;
		position: absolute;
		background-color: transparent;
		z-index: 10;
		margin-top: 160px;
		margin-bottom: 160px;
	}

	.contenedor-titulo-texto-servicios .t1-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 38px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.contenedor-titulo-texto-servicios .t2-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 58px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -15px;
		letter-spacing: 2px;
	}

	.contenedor-titulo-texto-servicios p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#ffffff;
		float: left;
		height: auto;
		width: 100%;
		background-color: transparent;
		margin-top: 40px;
		text-align: justify;
	}

	.contenedor-titulo-texto-servicios .p-servicios-2{
		margin-top: 20px;
	}

	.contenedor-iconos-servicios{
		margin-top: 40px;
		float: left;
		height: auto;
		background-color: transparent;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.contenedor-iconos-servicios .circulos-is{
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 2px #b79c57;
		position: relative;
		cursor: default;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 20px;
	}

	.circulos-is img{
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 35px;
	}

	.circulos-is span{
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 80px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		line-height: 14px;
		font-size: 12px;
		letter-spacing:.5px;
		color:#ffffff;
		text-align: center;
	}

	.contenedor-servicios{
		width: 100%;
		float: left;
		height: auto;
		position: relative;
		background-color: transparent;
		margin-left: 0px;
		padding-left: 0px;
		padding-right: 90px;
		padding-top: 160px;
		padding-bottom: 130px;
	}

	.contenedor-servicios1-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		position: relative;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.servicio{
		width: 48%;
		height: 350px;
		float: left;
		background-color: #b79c57;
		border-radius: 0px;
		position: relative;
		overflow: hidden;
		border: none;
		margin-left: 0px;
		margin-bottom: 30px;
	}

	.servicio figure{
		width: 100%;
		height: 100%;
		float: left;
		background-color: transparent;
		background-size: cover;
		overflow: hidden;
		border: none;
		transform: scale(1,1);
		transition: transform ease .1s;
		-webkit-transition: transform ease .1s;
		-moz-transition: transform ease .1s;
		-o-transition: transform ease .1s;
		transition: transform ease .2s;
	}

	.servicio figure img{
		width: 100%;
		height: 100%;
		float: left;
		object-fit: cover;
		object-position: center;
		background-color: transparent;
	}

	.servicio h1{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		font-family: 'Hind Siliguri';
		font-weight: 700;
		font-size: 28px;
		letter-spacing:2px;
		line-height: 36px;
		color:#1c3650;
		text-align: center;
		/*text-shadow: 3px 3px 5px #282828;*/
	}

	.servicio .titulo-serv-ag{
		height: auto;
		font-size: 20px;
		line-height: 20px;
	}

	.servicio figure:hover,
	.servicio h1:hover ~ figure{
		transform: scale(1.18,1.18);
		transition: transform ease .2s;
	}

	.servicio:hover h1{
		background-color: #b79c57;
		color: #ffffff;
	}





	#contacto{
		width: 100%;
		background-color: transparent;
		height:0px;
		float: left;
		margin-top: 0px;
	}

	.seccion-contacto-cita{
		width: 100%;
		height: auto;
		padding-top: 160px;
		padding-bottom: 160px;
		float: left;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
	}

	.contenedor-general-contacto{
		width: 1200px;
		margin: auto;
		height: auto;
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita{
		float: left;
		width: 100%;
		height: 100%;
		border-right: solid 1px #ffffff; 
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.contenedor-navegacion-contacto-cita p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-botones-nav-contacto{
		width: 100%;
		height: auto;
		display: inline-flex;
		float: left;
		justify-content: space-between;
		background-color: transparent;
		margin-top: 80px;
	}

	.contenedor-botones-nav-contacto input[type="radio"]{
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label{
		font-family: 'Hind Siliguri';
		border-bottom: solid 1px #ffffff;
		height: 60px;
		width: 50%;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		transition: all .1s ease;
		position: relative;
		padding-right: 40px;
		padding-left: 40px;
	}

	.label-agendar-cita{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: url('../imagenes/contacto-cita-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.label-anadir-comentario{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background: url('../imagenes/contacto-comentario-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.contenedor-botones-nav-contacto label span{
		font-family: 'Hind Siliguri';
		position: absolute;
		height: 40px;
		font-size: 40px;
		font-weight: 400;
		float: left;
		color: #1c3650;
		text-align: center;
		background-color: transparent;
		left: 40px;
		top:0px;
		bottom: 0px;
		margin: auto;
		overflow: hidden;
	}

	.contenedor-botones-nav-contacto label h2{
		font-family: 'Hind Siliguri';
		font-size: 28px;
		height: 42px;
		font-weight: 600;
		letter-spacing: 1px;
		float: left;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin: auto;
		background-color: transparent;
		text-align: center;
		color: #1c3650;
	}

	.contenedor-botones-nav-contacto input[type="radio"]:checked + label{
		background-color:#b79c57;
		color: #ffffff;
	}
    
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label span,
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label h2{
		color: #ffffff;
	}

	.contenedor-formularios-contacto{
		width: 100%;
		float: left;
		height: 540px;
		background-color: transparent;
		overflow:hidden;
		position: relative;
		margin-top: 80px;
	}

	.formulario-agendar-cita-contacto{
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto.mueve-formulario-cita{
		display: inline-block;
		position: absolute;
		left: -100%;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto{
		position: absolute;
		display: inline-block;
		left:100%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto.mueve-formulario-comentario{
		position: absolute;
		display: inline-block;
		left:0%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto h1,
	.formulario-comentario-contacto h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 28px;
		color:#00001b;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.formulario-agendar-cita-contacto form,
	.formulario-comentario-contacto form{
		padding-left: 0px;
		margin-top: 40px;
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.titulo-campo{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 14px;
		color:#282828;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: .5px;
		padding-left: 5px;
	}

	.contenedor-nombre-contacto-cita,
	.contenedor-nombre-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.contenedor-apellido-contacto-cita,
	.contenedor-apellido-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
	}

	.contenedor-nombre-contacto-cita input[type='text'],
	.contenedor-apellido-contacto-cita input[type='text'],
	.contenedor-nombre-comentario-contacto input[type='text'],
	.contenedor-apellido-comentario-contacto input[type='text']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-ctfh-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contenedor-correo-contacto-cita,
	.contenedor-telefono-contacto-cita{
		width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
	}

	.contenedor-fecha-contacto-cita,
	.contenedor-hora-contacto-cita{
        width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 40px;
	}

	.contenedor-correo-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-telefono-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-correo-contacto-cita input[type='email'],
	.contenedor-telefono-contacto-cita input[type='tel'],
	.contenedor-fecha-contacto-cita input[type='date'],
	.contenedor-correo-comentario-contacto input[type='email'],
	.contenedor-telefono-comentario-contacto input[type='tel']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-hora-contacto-cita select{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-nota-contacto-cita p{
		margin-top: 40px;
		text-align: left;
		float: left;
		position: relative;
		width: 100%;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .5px;
		color:#00001b;
		line-height: 16px;
		background-color: transparent;
	}

	.contenedor-texto-comentario-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
		margin-top: 40px;
	}

	.contenedor-texto-comentario-contacto textarea{
		height: 100px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
    
	.contenedor-boton-contacto-cita,
	.contenedor-boton-contacto-comentario{
		height: auto;
		float: left;
		margin-top: 80px;
		margin-right: 0px;
		display: inline-flex;
		justify-content: flex-end;
		width: 100%;
	}

	.contenedor-boton-contacto-cita img,
	.contenedor-boton-contacto-comentario img{
		height: 48px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		display: none;
		visibility: hidden;
	}

	.contenedor-boton-contacto-comentario img.muestra-loader,
	.contenedor-boton-contacto-cita img.muestra-loader{
		display: inline-block;
		visibility: visible;
	}

	.contenedor-boton-contacto-cita input[type='submit'],
	.contenedor-boton-contacto-comentario input[type="submit"]{
		position: relative;
		font-family: 'Hind Siliguri';
		font-weight: 500;
		font-size: 18px;
		letter-spacing:.5px;
		color:#ffffff;
		float: right;
		background-color: #1c3650;
		border: none;
		height:48px;
		width: 200px;
		outline: none;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border-radius: 10px;
	}

	.contenedor-boton-contacto-cita input[type='submit']:hover,
	.contenedor-boton-contacto-comentario input[type="submit"]:hover{
		color:#ffffff;
		background-color: #b79c57;
	}
}


















@media only screen and (max-width: 1580px){

	.seccion-inicio{
		width: 100%;
		height: 100vh;
		float: left;
		background-color: #ffffff;
		position: relative;
	}
	
	.contenedor-general-slider{
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		background-color: transparent;
		top: 0px;
		overflow: hidden;
	}

	.contenedor-themis{
		position: #ffffff;
		width: 46%;
		height: 100%;
		float: right;
		padding-left: 0px;
		background-color: transparent;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}

	.contenedor-themis img{
		position: absolute;
		right: -210px;
		bottom: -180px;
		height: 110%;
		background-color: transparent;
		animation: contenedor-themis;
		animation-duration: 20s;
		animation-iteration-count: 1;
	}

	@keyframes contenedor-themis{
		0%{right: -100%;}
		10%{right: -210px;}
		100%{right: -210px;}
	}

	.contenedor-titulos-portada{
		width: 100%;
		background-color:#1c3650;
		float: left;
		height:100%;
		position: relative;
		overflow: hidden;
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.img-portada{
		width: 100%;
		height: 100%;
		float: left;
		background: url("../assets/portada-index-1.webp");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
	}

	.titulos{
		position: absolute;
		margin: auto;
		background-color: transparent;
		width: 780px;
		height: 300px;
		float: left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: auto;
		margin-bottom: auto;
		margin: auto;
		padding-left: 00px;
		padding-right: 0px;
	}

	.texto-superior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 60px;
		animation: animatitulosuperior;
		animation-duration: 4s;
		animation-iteration-count: 1;
		
	}

	@keyframes animatitulosuperior {
		0%{
			opacity: 0;
			margin-left: -50px;
		}

		60%{
			opacity: 0;
			margin-left: -50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-superior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 300;
		text-align: left;
		font-size: 18px;
		letter-spacing: 4px;
		text-decoration: none;
  		color: #ffffff;
	}

	.linea-a{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: left;
	}

	.linea-titulos-1{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-1 .enlaces-individuales,
	.linea-titulos-2 .enlaces-individuales{
		width: auto;
		background-color: transparent;
		height: auto;
		text-decoration: none;
		transform: scale(1,1);
		transition: transform ease .1s;
	}

	.linea-titulos-1 .enlaces-individuales img,
	.linea-titulos-2 .enlaces-individuales img{
		background-color: transparent;
		width: 100%;
		height: auto;
	}

	.linea-titulos-1 .enlaces-individuales:hover,
	.linea-titulos-2 .enlaces-individuales:hover{
		transform: scale(1.1,1.1);
	}

	.texto-inferior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 60px;
		animation: animatituloinferior;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}

	@keyframes animatituloinferior {
		0%{
			opacity: 0;
			margin-left: 50px;
		}

		60%{
			opacity: 0;
			margin-left: 50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-inferior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		text-align: right;
		font-size: 18px;
		letter-spacing: 3px;
		text-decoration: none;
		color: #ffffff;
	}

	.linea-b{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: right;
	}

	.enlace-fiscal{
		animation: animaenlaceFiscal;
		animation-duration: 6s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceFiscal {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
		
	}

	.enlace-amparo{
		animation: animaenlaceAmparo;
		animation-duration: 7.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceAmparo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-mercantil{
		animation: animaenlaceMercantil;
		animation-duration: 9s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceMercantil {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-corporativo{
		animation: animaenlaceCorporativo;
		animation-duration: 10.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceCorporativo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	.enlace-laboral{
		animation: animaenlaceLaboral;
		animation-duration: 12s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceLaboral {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	

	#nosotros{
		width: 100%;
		background-color: transparent;
		height:1px;
		float: left;
		position: relative;
		margin-top: -0;
	}

	.seccion-nosotros{
		width: 100%;
		float: left;
		height: auto;
		background-color: #ffffff;
		padding-top: 160px;
		padding-bottom: 130px;
		position: relative;
		z-index: 1;
	}

	.contenedor-nosotros{
		width: 1200px;
		margin: auto;
		height: auto;
	}

	.contenedor-texto-nosotros{
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.contenedor-texto-nosotros h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.parrafo-nosotros-2{
		float: right;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: right;
		margin-top: 30px;
	}

	.contenedor-valores h2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 24px;
		color: #282828;
		text-align: left;
	}

	.cont-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 20px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cont-valores .valor{
		width: 30%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 40px;
	}

	.cont-valores .valor img{
		width: 60px;
		height: 60px;
		background-color: transparent;
		float: left;
	}

	.cont-valores .valor p{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 10px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: left;
	}




	#servicios{
		width: 100%;
		background-color: transparent;
		height:auto;
		float: left;
		margin-top: 0px;
	}

	.seccion-servicios{
		width: 100%;
		height: auto;
		background-color: #1c3650;
		float: left;
		padding-top: 0;
		padding-left: 780px;
		position: relative;
	}

	.contenedor-titulo-texto-servicios{
		float: left;
		height: 100%;
		width: 780px;
		height: auto;
		padding-right: 90px;
		padding-left: 90px;
		left: 0px;
		top: 0px;
		position: absolute;
		background-color: transparent;
		z-index: 10;
		margin-top: 160px;
		margin-bottom: 160px;
	}

	.contenedor-titulo-texto-servicios .t1-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 38px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.contenedor-titulo-texto-servicios .t2-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 58px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -15px;
		letter-spacing: 2px;
	}

	.contenedor-titulo-texto-servicios p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#ffffff;
		float: left;
		height: auto;
		width: 100%;
		background-color: transparent;
		margin-top: 40px;
		text-align: justify;
	}

	.contenedor-titulo-texto-servicios .p-servicios-2{
		margin-top: 20px;
	}

	.contenedor-iconos-servicios{
		margin-top: 40px;
		float: left;
		height: auto;
		background-color: transparent;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.contenedor-iconos-servicios .circulos-is{
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 2px #b79c57;
		position: relative;
		cursor: default;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 20px;
	}

	.circulos-is img{
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 35px;
	}

	.circulos-is span{
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 80px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		line-height: 14px;
		font-size: 12px;
		letter-spacing:.5px;
		color:#ffffff;
		text-align: center;
	}

	.contenedor-servicios{
		width: 100%;
		float: left;
		height: auto;
		position: relative;
		background-color: transparent;
		margin-left: 0px;
		padding-left: 0px;
		padding-right: 90px;
		padding-top: 160px;
		padding-bottom: 130px;
	}

	.contenedor-servicios1-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		position: relative;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.servicio{
		width: 48%;
		height: 350px;
		float: left;
		background-color: #b79c57;
		border-radius: 0px;
		position: relative;
		overflow: hidden;
		border: none;
		margin-left: 0px;
		margin-bottom: 30px;
	}

	.servicio figure{
		width: 100%;
		height: 100%;
		float: left;
		background-color: transparent;
		background-size: cover;
		overflow: hidden;
		border: none;
		transform: scale(1,1);
		transition: transform ease .1s;
		-webkit-transition: transform ease .1s;
		-moz-transition: transform ease .1s;
		-o-transition: transform ease .1s;
		transition: transform ease .2s;
	}

	.servicio figure img{
		width: 100%;
		height: 100%;
		float: left;
		object-fit: cover;
		object-position: center;
		background-color: transparent;
	}

	.servicio h1{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		font-family: 'Hind Siliguri';
		font-weight: 700;
		font-size: 28px;
		letter-spacing:2px;
		line-height: 36px;
		color:#1c3650;
		text-align: center;
		/*text-shadow: 3px 3px 5px #282828;*/
	}

	.servicio .titulo-serv-ag{
		height: auto;
		font-size: 20px;
		line-height: 20px;
	}

	.servicio figure:hover,
	.servicio h1:hover ~ figure{
		transform: scale(1.18,1.18);
		transition: transform ease .2s;
	}

	.servicio:hover h1{
		background-color: #b79c57;
		color: #ffffff;
	}





	#contacto{
		width: 100%;
		background-color: transparent;
		height:0px;
		float: left;
		margin-top: 0px;
	}

	.seccion-contacto-cita{
		width: 100%;
		height: auto;
		padding-top: 160px;
		padding-bottom: 160px;
		float: left;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
	}

	.contenedor-general-contacto{
		width: 1200px;
		margin: auto;
		height: auto;
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita{
		float: left;
		width: 100%;
		height: 100%;
		border-right: solid 1px #ffffff; 
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.contenedor-navegacion-contacto-cita p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-botones-nav-contacto{
		width: 100%;
		height: auto;
		display: inline-flex;
		float: left;
		justify-content: space-between;
		background-color: transparent;
		margin-top: 80px;
	}

	.contenedor-botones-nav-contacto input[type="radio"]{
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label{
		font-family: 'Hind Siliguri';
		border-bottom: solid 1px #ffffff;
		height: 60px;
		width: 50%;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		transition: all .1s ease;
		position: relative;
		padding-right: 40px;
		padding-left: 40px;
	}

	.label-agendar-cita{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: url('../imagenes/contacto-cita-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.label-anadir-comentario{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background: url('../imagenes/contacto-comentario-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.contenedor-botones-nav-contacto label span{
		font-family: 'Hind Siliguri';
		position: absolute;
		height: 40px;
		font-size: 40px;
		font-weight: 400;
		float: left;
		color: #1c3650;
		text-align: center;
		background-color: transparent;
		left: 40px;
		top:0px;
		bottom: 0px;
		margin: auto;
		overflow: hidden;
	}

	.contenedor-botones-nav-contacto label h2{
		font-family: 'Hind Siliguri';
		font-size: 28px;
		height: 42px;
		font-weight: 600;
		letter-spacing: 1px;
		float: left;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin: auto;
		background-color: transparent;
		text-align: center;
		color: #1c3650;
	}

	.contenedor-botones-nav-contacto input[type="radio"]:checked + label{
		background-color:#b79c57;
		color: #ffffff;
	}
    
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label span,
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label h2{
		color: #ffffff;
	}

	.contenedor-formularios-contacto{
		width: 100%;
		float: left;
		height: 540px;
		background-color: transparent;
		overflow:hidden;
		position: relative;
		margin-top: 80px;
	}

	.formulario-agendar-cita-contacto{
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto.mueve-formulario-cita{
		display: inline-block;
		position: absolute;
		left: -100%;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto{
		position: absolute;
		display: inline-block;
		left:100%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto.mueve-formulario-comentario{
		position: absolute;
		display: inline-block;
		left:0%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto h1,
	.formulario-comentario-contacto h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 28px;
		color:#00001b;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.formulario-agendar-cita-contacto form,
	.formulario-comentario-contacto form{
		padding-left: 0px;
		margin-top: 40px;
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.titulo-campo{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 14px;
		color:#282828;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: .5px;
		padding-left: 5px;
	}

	.contenedor-nombre-contacto-cita,
	.contenedor-nombre-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.contenedor-apellido-contacto-cita,
	.contenedor-apellido-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
	}

	.contenedor-nombre-contacto-cita input[type='text'],
	.contenedor-apellido-contacto-cita input[type='text'],
	.contenedor-nombre-comentario-contacto input[type='text'],
	.contenedor-apellido-comentario-contacto input[type='text']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-ctfh-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contenedor-correo-contacto-cita,
	.contenedor-telefono-contacto-cita{
		width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
	}

	.contenedor-fecha-contacto-cita,
	.contenedor-hora-contacto-cita{
        width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 40px;
	}

	.contenedor-correo-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-telefono-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-correo-contacto-cita input[type='email'],
	.contenedor-telefono-contacto-cita input[type='tel'],
	.contenedor-fecha-contacto-cita input[type='date'],
	.contenedor-correo-comentario-contacto input[type='email'],
	.contenedor-telefono-comentario-contacto input[type='tel']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-hora-contacto-cita select{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-nota-contacto-cita p{
		margin-top: 40px;
		text-align: left;
		float: left;
		position: relative;
		width: 100%;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .5px;
		color:#00001b;
		line-height: 16px;
		background-color: transparent;
	}

	.contenedor-texto-comentario-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
		margin-top: 40px;
	}

	.contenedor-texto-comentario-contacto textarea{
		height: 100px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
    
	.contenedor-boton-contacto-cita,
	.contenedor-boton-contacto-comentario{
		height: auto;
		float: left;
		margin-top: 80px;
		margin-right: 0px;
		display: inline-flex;
		justify-content: flex-end;
		width: 100%;
	}

	.contenedor-boton-contacto-cita img,
	.contenedor-boton-contacto-comentario img{
		height: 48px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		display: none;
		visibility: hidden;
	}

	.contenedor-boton-contacto-comentario img.muestra-loader,
	.contenedor-boton-contacto-cita img.muestra-loader{
		display: inline-block;
		visibility: visible;
	}

	.contenedor-boton-contacto-cita input[type='submit'],
	.contenedor-boton-contacto-comentario input[type="submit"]{
		position: relative;
		font-family: 'Hind Siliguri';
		font-weight: 500;
		font-size: 18px;
		letter-spacing:.5px;
		color:#ffffff;
		float: right;
		background-color: #1c3650;
		border: none;
		height:48px;
		width: 200px;
		outline: none;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border-radius: 10px;
	}

	.contenedor-boton-contacto-cita input[type='submit']:hover,
	.contenedor-boton-contacto-comentario input[type="submit"]:hover{
		color:#ffffff;
		background-color: #b79c57;
	}
}

















@media only screen and (max-width: 1380px){

	.seccion-inicio{
		width: 100%;
		height: 100vh;
		float: left;
		background-color: #ffffff;
		position: relative;
	}
	
	.contenedor-general-slider{
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		background-color: transparent;
		top: 0px;
		overflow: hidden;
	}

	.contenedor-themis{
		position: #ffffff;
		width: 46%;
		height: 100%;
		float: right;
		padding-left: 0px;
		background-color: transparent;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}

	.contenedor-themis img{
		position: absolute;
		right: -210px;
		bottom: -180px;
		height: 110%;
		background-color: transparent;
		animation: contenedor-themis;
		animation-duration: 20s;
		animation-iteration-count: 1;
	}

	@keyframes contenedor-themis{
		0%{right: -100%;}
		10%{right: -210px;}
		100%{right: -210px;}
	}

	.contenedor-titulos-portada{
		width: 100%;
		background-color:#1c3650;
		float: left;
		height:100%;
		position: relative;
		overflow: hidden;
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.img-portada{
		width: 100%;
		height: 100%;
		float: left;
		background: url("../assets/portada-index-1.webp");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
	}

	.titulos{
		position: absolute;
		margin: auto;
		background-color: transparent;
		width: 780px;
		height: 300px;
		float: left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: auto;
		margin-bottom: auto;
		margin: auto;
		padding-left: 00px;
		padding-right: 0px;
	}

	.texto-superior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 60px;
		animation: animatitulosuperior;
		animation-duration: 4s;
		animation-iteration-count: 1;
		
	}

	@keyframes animatitulosuperior {
		0%{
			opacity: 0;
			margin-left: -50px;
		}

		60%{
			opacity: 0;
			margin-left: -50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-superior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 300;
		text-align: left;
		font-size: 18px;
		letter-spacing: 4px;
		text-decoration: none;
  		color: #ffffff;
	}

	.linea-a{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: left;
	}

	.linea-titulos-1{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-1 .enlaces-individuales,
	.linea-titulos-2 .enlaces-individuales{
		width: auto;
		background-color: transparent;
		height: auto;
		text-decoration: none;
		transform: scale(1,1);
		transition: transform ease .1s;
	}

	.linea-titulos-1 .enlaces-individuales img,
	.linea-titulos-2 .enlaces-individuales img{
		background-color: transparent;
		width: 100%;
		height: auto;
	}

	.linea-titulos-1 .enlaces-individuales:hover,
	.linea-titulos-2 .enlaces-individuales:hover{
		transform: scale(1.1,1.1);
	}

	.texto-inferior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 60px;
		animation: animatituloinferior;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}

	@keyframes animatituloinferior {
		0%{
			opacity: 0;
			margin-left: 50px;
		}

		60%{
			opacity: 0;
			margin-left: 50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-inferior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		text-align: right;
		font-size: 18px;
		letter-spacing: 3px;
		text-decoration: none;
		color: #ffffff;
	}

	.linea-b{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: right;
	}

	.enlace-fiscal{
		animation: animaenlaceFiscal;
		animation-duration: 6s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceFiscal {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
		
	}

	.enlace-amparo{
		animation: animaenlaceAmparo;
		animation-duration: 7.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceAmparo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-mercantil{
		animation: animaenlaceMercantil;
		animation-duration: 9s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceMercantil {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-corporativo{
		animation: animaenlaceCorporativo;
		animation-duration: 10.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceCorporativo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	.enlace-laboral{
		animation: animaenlaceLaboral;
		animation-duration: 12s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceLaboral {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	

	#nosotros{
		width: 100%;
		background-color: transparent;
		height:1px;
		float: left;
		position: relative;
		margin-top: -0;
	}

	.seccion-nosotros{
		width: 100%;
		float: left;
		height: auto;
		background-color: #ffffff;
		padding-top: 160px;
		padding-bottom: 130px;
		padding-left: 90px;
		padding-right: 90px;
		position: relative;
		z-index: 1;
	}

	.contenedor-nosotros{
		width: 100%;
		margin: auto;
		height: auto;
	}

	.contenedor-texto-nosotros{
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.contenedor-texto-nosotros h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.parrafo-nosotros-2{
		float: right;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: right;
		margin-top: 30px;
	}

	.contenedor-valores h2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 24px;
		color: #282828;
		text-align: left;
	}

	.cont-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 20px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cont-valores .valor{
		width: 30%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 40px;
	}

	.cont-valores .valor img{
		width: 60px;
		height: 60px;
		background-color: transparent;
		float: left;
	}

	.cont-valores .valor p{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 10px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: left;
	}




	#servicios{
		width: 100%;
		background-color: transparent;
		height:auto;
		float: left;
		margin-top: 0px;
	}

	.seccion-servicios{
		width: 100%;
		height: auto;
		background-color: #1c3650;
		float: left;
		padding-top: 0;
		padding-left: 0;
		position: relative;
	}

	.contenedor-titulo-texto-servicios{
		float: left;
		height: 100%;
		width: 100%;
		height: auto;
		padding-right: 90px;
		padding-left: 90px;
		left: 0px;
		top: 0px;
		position: relative;
		background-color: transparent;
		z-index: 10;
		margin-top: 160px;
		margin-bottom: 0px;
	}

	.contenedor-titulo-texto-servicios .t1-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 38px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.contenedor-titulo-texto-servicios .t2-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 58px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -15px;
		letter-spacing: 2px;
	}

	.contenedor-titulo-texto-servicios p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#ffffff;
		float: left;
		height: auto;
		width: 100%;
		background-color: transparent;
		margin-top: 40px;
		text-align: justify;
	}

	.contenedor-titulo-texto-servicios .p-servicios-2{
		margin-top: 20px;
	}

	.contenedor-iconos-servicios{
		margin-top: 40px;
		float: left;
		height: auto;
		background-color: transparent;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.contenedor-iconos-servicios .circulos-is{
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 2px #b79c57;
		position: relative;
		cursor: default;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 20px;
	}

	.circulos-is img{
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 35px;
	}

	.circulos-is span{
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 80px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		line-height: 14px;
		font-size: 12px;
		letter-spacing:.5px;
		color:#ffffff;
		text-align: center;
	}

	.contenedor-servicios{
		width: 100%;
		float: left;
		height: auto;
		position: relative;
		background-color: transparent;
		margin-left: 0px;
		padding-left: 90px;
		padding-right: 90px;
		padding-top: 80px;
		padding-bottom: 130px;
	}

	.contenedor-servicios1-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		position: relative;
		display: inline-flex;
		justify-content: left;
		flex-wrap: wrap;
	}

	.servicio{
		width: 30%;
		height: 350px;
		float: left;
		background-color: #b79c57;
		border-radius: 0px;
		position: relative;
		overflow: hidden;
		border: none;
		margin-left: 16px;
		margin-right: 16px;
		margin-bottom: 30px;
	}

	.servicio figure{
		width: 100%;
		height: 100%;
		float: left;
		background-color: transparent;
		background-size: cover;
		overflow: hidden;
		border: none;
		transform: scale(1,1);
		transition: transform ease .1s;
		-webkit-transition: transform ease .1s;
		-moz-transition: transform ease .1s;
		-o-transition: transform ease .1s;
		transition: transform ease .2s;
	}

	.servicio figure img{
		width: 100%;
		height: 100%;
		float: left;
		object-fit: cover;
		object-position: center;
		background-color: transparent;
	}

	.servicio h1{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		font-family: 'Hind Siliguri';
		font-weight: 700;
		font-size: 28px;
		letter-spacing:2px;
		line-height: 36px;
		color:#1c3650;
		text-align: center;
		/*text-shadow: 3px 3px 5px #282828;*/
	}

	.servicio .titulo-serv-ag{
		height: auto;
		font-size: 20px;
		line-height: 20px;
	}

	.servicio figure:hover,
	.servicio h1:hover ~ figure{
		transform: scale(1.18,1.18);
		transition: transform ease .2s;
	}

	.servicio:hover h1{
		background-color: #b79c57;
		color: #ffffff;
	}





	#contacto{
		width: 100%;
		background-color: transparent;
		height:0px;
		float: left;
		margin-top: 0px;
	}

	.seccion-contacto-cita{
		width: 100%;
		height: auto;
		padding-top: 160px;
		padding-bottom: 160px;
		padding-left: 90px;
		padding-right: 90px;
		float: left;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
	}

	.contenedor-general-contacto{
		width: 100%;
		margin: auto;
		height: auto;
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita{
		float: left;
		width: 100%;
		height: 100%;
		border-right: solid 1px #ffffff; 
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.contenedor-navegacion-contacto-cita p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-botones-nav-contacto{
		width: 100%;
		height: auto;
		display: inline-flex;
		float: left;
		justify-content: space-between;
		background-color: transparent;
		margin-top: 80px;
	}

	.contenedor-botones-nav-contacto input[type="radio"]{
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label{
		font-family: 'Hind Siliguri';
		border-bottom: solid 1px #ffffff;
		height: 60px;
		width: 50%;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		transition: all .1s ease;
		position: relative;
		padding-right: 40px;
		padding-left: 40px;
	}

	.label-agendar-cita{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: url('../imagenes/contacto-cita-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.label-anadir-comentario{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background: url('../imagenes/contacto-comentario-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.contenedor-botones-nav-contacto label span{
		font-family: 'Hind Siliguri';
		position: absolute;
		height: 40px;
		font-size: 40px;
		font-weight: 400;
		float: left;
		color: #1c3650;
		text-align: center;
		background-color: transparent;
		left: 40px;
		top:0px;
		bottom: 0px;
		margin: auto;
		overflow: hidden;
	}

	.contenedor-botones-nav-contacto label h2{
		font-family: 'Hind Siliguri';
		font-size: 28px;
		height: 42px;
		font-weight: 600;
		letter-spacing: 1px;
		float: left;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin: auto;
		background-color: transparent;
		text-align: center;
		color: #1c3650;
	}

	.contenedor-botones-nav-contacto input[type="radio"]:checked + label{
		background-color:#b79c57;
		color: #ffffff;
	}
    
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label span,
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label h2{
		color: #ffffff;
	}

	.contenedor-formularios-contacto{
		width: 100%;
		float: left;
		height: 540px;
		background-color: transparent;
		overflow:hidden;
		position: relative;
		margin-top: 80px;
	}

	.formulario-agendar-cita-contacto{
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto.mueve-formulario-cita{
		display: inline-block;
		position: absolute;
		left: -100%;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto{
		position: absolute;
		display: inline-block;
		left:100%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto.mueve-formulario-comentario{
		position: absolute;
		display: inline-block;
		left:0%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto h1,
	.formulario-comentario-contacto h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 28px;
		color:#00001b;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.formulario-agendar-cita-contacto form,
	.formulario-comentario-contacto form{
		padding-left: 0px;
		margin-top: 40px;
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.titulo-campo{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 14px;
		color:#282828;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: .5px;
		padding-left: 5px;
	}

	.contenedor-nombre-contacto-cita,
	.contenedor-nombre-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.contenedor-apellido-contacto-cita,
	.contenedor-apellido-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
	}

	.contenedor-nombre-contacto-cita input[type='text'],
	.contenedor-apellido-contacto-cita input[type='text'],
	.contenedor-nombre-comentario-contacto input[type='text'],
	.contenedor-apellido-comentario-contacto input[type='text']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-ctfh-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contenedor-correo-contacto-cita,
	.contenedor-telefono-contacto-cita{
		width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
	}

	.contenedor-fecha-contacto-cita,
	.contenedor-hora-contacto-cita{
        width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 40px;
	}

	.contenedor-correo-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-telefono-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-correo-contacto-cita input[type='email'],
	.contenedor-telefono-contacto-cita input[type='tel'],
	.contenedor-fecha-contacto-cita input[type='date'],
	.contenedor-correo-comentario-contacto input[type='email'],
	.contenedor-telefono-comentario-contacto input[type='tel']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-hora-contacto-cita select{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-nota-contacto-cita p{
		margin-top: 40px;
		text-align: left;
		float: left;
		position: relative;
		width: 100%;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .5px;
		color:#00001b;
		line-height: 16px;
		background-color: transparent;
	}

	.contenedor-texto-comentario-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
		margin-top: 40px;
	}

	.contenedor-texto-comentario-contacto textarea{
		height: 100px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
    
	.contenedor-boton-contacto-cita,
	.contenedor-boton-contacto-comentario{
		height: auto;
		float: left;
		margin-top: 80px;
		margin-right: 0px;
		display: inline-flex;
		justify-content: flex-end;
		width: 100%;
	}

	.contenedor-boton-contacto-cita img,
	.contenedor-boton-contacto-comentario img{
		height: 48px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		display: none;
		visibility: hidden;
	}

	.contenedor-boton-contacto-comentario img.muestra-loader,
	.contenedor-boton-contacto-cita img.muestra-loader{
		display: inline-block;
		visibility: visible;
	}

	.contenedor-boton-contacto-cita input[type='submit'],
	.contenedor-boton-contacto-comentario input[type="submit"]{
		position: relative;
		font-family: 'Hind Siliguri';
		font-weight: 500;
		font-size: 18px;
		letter-spacing:.5px;
		color:#ffffff;
		float: right;
		background-color: #1c3650;
		border: none;
		height:48px;
		width: 200px;
		outline: none;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border-radius: 10px;
	}

	.contenedor-boton-contacto-cita input[type='submit']:hover,
	.contenedor-boton-contacto-comentario input[type="submit"]:hover{
		color:#ffffff;
		background-color: #b79c57;
	}
}

















@media only screen and (max-width: 1180px){

	.seccion-inicio{
		width: 100%;
		height: 100vh;
		float: left;
		background-color: #ffffff;
		position: relative;
	}
	
	.contenedor-general-slider{
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		background-color: transparent;
		top: 0px;
		overflow: hidden;
	}

	.contenedor-themis{
		position: #ffffff;
		width: 46%;
		height: 100%;
		float: right;
		padding-left: 0px;
		background-color: transparent;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}

	.contenedor-themis img{
		position: absolute;
		right: -210px;
		bottom: -180px;
		height: 110%;
		background-color: transparent;
		animation: contenedor-themis;
		animation-duration: 20s;
		animation-iteration-count: 1;
	}

	@keyframes contenedor-themis{
		0%{right: -100%;}
		10%{right: -210px;}
		100%{right: -210px;}
	}

	.contenedor-titulos-portada{
		width: 100%;
		background-color:#1c3650;
		float: left;
		height:100%;
		position: relative;
		overflow: hidden;
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.img-portada{
		width: 100%;
		height: 100%;
		float: left;
		background: url("../assets/portada-index-1.webp");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
	}

	.titulos{
		position: absolute;
		margin: auto;
		background-color: transparent;
		width: 780px;
		height: 300px;
		float: left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: auto;
		margin-bottom: auto;
		margin: auto;
		padding-left: 00px;
		padding-right: 0px;
	}

	.texto-superior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 60px;
		animation: animatitulosuperior;
		animation-duration: 4s;
		animation-iteration-count: 1;
		
	}

	@keyframes animatitulosuperior {
		0%{
			opacity: 0;
			margin-left: -50px;
		}

		60%{
			opacity: 0;
			margin-left: -50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-superior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 300;
		text-align: left;
		font-size: 18px;
		letter-spacing: 4px;
		text-decoration: none;
  		color: #ffffff;
	}

	.linea-a{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: left;
	}

	.linea-titulos-1{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-1 .enlaces-individuales,
	.linea-titulos-2 .enlaces-individuales{
		width: auto;
		background-color: transparent;
		height: auto;
		text-decoration: none;
		transform: scale(1,1);
		transition: transform ease .1s;
	}

	.linea-titulos-1 .enlaces-individuales img,
	.linea-titulos-2 .enlaces-individuales img{
		background-color: transparent;
		width: 100%;
		height: auto;
	}

	.linea-titulos-1 .enlaces-individuales:hover,
	.linea-titulos-2 .enlaces-individuales:hover{
		transform: scale(1.1,1.1);
	}

	.texto-inferior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 60px;
		animation: animatituloinferior;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}

	@keyframes animatituloinferior {
		0%{
			opacity: 0;
			margin-left: 50px;
		}

		60%{
			opacity: 0;
			margin-left: 50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-inferior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		text-align: right;
		font-size: 18px;
		letter-spacing: 3px;
		text-decoration: none;
		color: #ffffff;
	}

	.linea-b{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: right;
	}

	.enlace-fiscal{
		animation: animaenlaceFiscal;
		animation-duration: 6s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceFiscal {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
		
	}

	.enlace-amparo{
		animation: animaenlaceAmparo;
		animation-duration: 7.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceAmparo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-mercantil{
		animation: animaenlaceMercantil;
		animation-duration: 9s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceMercantil {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-corporativo{
		animation: animaenlaceCorporativo;
		animation-duration: 10.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceCorporativo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	.enlace-laboral{
		animation: animaenlaceLaboral;
		animation-duration: 12s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceLaboral {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	

	#nosotros{
		width: 100%;
		background-color: transparent;
		height:1px;
		float: left;
		position: relative;
		margin-top: -0;
	}

	.seccion-nosotros{
		width: 100%;
		float: left;
		height: auto;
		background-color: #ffffff;
		padding-top: 160px;
		padding-bottom: 130px;
		padding-left: 90px;
		padding-right: 90px;
		position: relative;
		z-index: 1;
	}

	.contenedor-nosotros{
		width: 100%;
		margin: auto;
		height: auto;
	}

	.contenedor-texto-nosotros{
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.contenedor-texto-nosotros h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.parrafo-nosotros-2{
		float: right;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: right;
		margin-top: 30px;
	}

	.contenedor-valores h2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 24px;
		color: #282828;
		text-align: left;
	}

	.cont-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 20px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cont-valores .valor{
		width: 30%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 40px;
	}

	.cont-valores .valor img{
		width: 60px;
		height: 60px;
		background-color: transparent;
		float: left;
	}

	.cont-valores .valor p{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 10px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: left;
	}




	#servicios{
		width: 100%;
		background-color: transparent;
		height:auto;
		float: left;
		margin-top: 0px;
	}

	.seccion-servicios{
		width: 100%;
		height: auto;
		background-color: #1c3650;
		float: left;
		padding-top: 0;
		padding-left: 0;
		position: relative;
	}

	.contenedor-titulo-texto-servicios{
		float: left;
		height: 100%;
		width: 100%;
		height: auto;
		padding-right: 90px;
		padding-left: 90px;
		left: 0px;
		top: 0px;
		position: relative;
		background-color: transparent;
		z-index: 10;
		margin-top: 160px;
		margin-bottom: 0px;
	}

	.contenedor-titulo-texto-servicios .t1-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 38px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.contenedor-titulo-texto-servicios .t2-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 58px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -15px;
		letter-spacing: 2px;
	}

	.contenedor-titulo-texto-servicios p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#ffffff;
		float: left;
		height: auto;
		width: 100%;
		background-color: transparent;
		margin-top: 40px;
		text-align: justify;
	}

	.contenedor-titulo-texto-servicios .p-servicios-2{
		margin-top: 20px;
	}

	.contenedor-iconos-servicios{
		margin-top: 40px;
		float: left;
		height: auto;
		background-color: transparent;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.contenedor-iconos-servicios .circulos-is{
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 2px #b79c57;
		position: relative;
		cursor: default;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 20px;
	}

	.circulos-is img{
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 35px;
	}

	.circulos-is span{
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 80px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		line-height: 14px;
		font-size: 12px;
		letter-spacing:.5px;
		color:#ffffff;
		text-align: center;
	}

	.contenedor-servicios{
		width: 100%;
		float: left;
		height: auto;
		position: relative;
		background-color: transparent;
		margin-left: 0px;
		padding-left: 90px;
		padding-right: 90px;
		padding-top: 80px;
		padding-bottom: 130px;
	}

	.contenedor-servicios1-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		position: relative;
		display: inline-flex;
		justify-content: left;
		flex-wrap: wrap;
	}

	.servicio{
		width: 30%;
		height: 350px;
		float: left;
		background-color: #b79c57;
		border-radius: 0px;
		position: relative;
		overflow: hidden;
		border: none;
		margin-left: 12px;
		margin-right: 12px;
		margin-bottom: 30px;
	}

	.servicio figure{
		width: 100%;
		height: 100%;
		float: left;
		background-color: transparent;
		background-size: cover;
		overflow: hidden;
		border: none;
		transform: scale(1,1);
		transition: transform ease .1s;
		-webkit-transition: transform ease .1s;
		-moz-transition: transform ease .1s;
		-o-transition: transform ease .1s;
		transition: transform ease .2s;
	}

	.servicio figure img{
		width: 100%;
		height: 100%;
		float: left;
		object-fit: cover;
		object-position: center;
		background-color: transparent;
	}

	.servicio h1{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		font-family: 'Hind Siliguri';
		font-weight: 700;
		font-size: 28px;
		letter-spacing:2px;
		line-height: 36px;
		color:#1c3650;
		text-align: center;
		/*text-shadow: 3px 3px 5px #282828;*/
	}

	.servicio .titulo-serv-ag{
		height: auto;
		font-size: 20px;
		line-height: 20px;
	}

	.servicio figure:hover,
	.servicio h1:hover ~ figure{
		transform: scale(1.18,1.18);
		transition: transform ease .2s;
	}

	.servicio:hover h1{
		background-color: #b79c57;
		color: #ffffff;
	}





	#contacto{
		width: 100%;
		background-color: transparent;
		height:0px;
		float: left;
		margin-top: 0px;
	}

	.seccion-contacto-cita{
		width: 100%;
		height: auto;
		padding-top: 160px;
		padding-bottom: 160px;
		padding-left: 90px;
		padding-right: 90px;
		float: left;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
	}

	.contenedor-general-contacto{
		width: 100%;
		margin: auto;
		height: auto;
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita{
		float: left;
		width: 100%;
		height: 100%;
		border-right: solid 1px #ffffff; 
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.contenedor-navegacion-contacto-cita p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-botones-nav-contacto{
		width: 100%;
		height: auto;
		display: inline-flex;
		float: left;
		justify-content: space-between;
		background-color: transparent;
		margin-top: 80px;
	}

	.contenedor-botones-nav-contacto input[type="radio"]{
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label{
		font-family: 'Hind Siliguri';
		border-bottom: solid 1px #ffffff;
		height: 60px;
		width: 50%;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		transition: all .1s ease;
		position: relative;
		padding-right: 40px;
		padding-left: 40px;
	}

	.label-agendar-cita{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: url('../imagenes/contacto-cita-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.label-anadir-comentario{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background: url('../imagenes/contacto-comentario-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.contenedor-botones-nav-contacto label span{
		font-family: 'Hind Siliguri';
		position: absolute;
		height: 40px;
		font-size: 40px;
		font-weight: 400;
		float: left;
		color: #1c3650;
		text-align: center;
		background-color: transparent;
		left: 40px;
		top:0px;
		bottom: 0px;
		margin: auto;
		overflow: hidden;
	}

	.contenedor-botones-nav-contacto label h2{
		font-family: 'Hind Siliguri';
		font-size: 28px;
		height: 42px;
		font-weight: 600;
		letter-spacing: 1px;
		float: left;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin: auto;
		background-color: transparent;
		text-align: center;
		color: #1c3650;
	}

	.contenedor-botones-nav-contacto input[type="radio"]:checked + label{
		background-color:#b79c57;
		color: #ffffff;
	}
    
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label span,
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label h2{
		color: #ffffff;
	}

	.contenedor-formularios-contacto{
		width: 100%;
		float: left;
		height: 540px;
		background-color: transparent;
		overflow:hidden;
		position: relative;
		margin-top: 80px;
	}

	.formulario-agendar-cita-contacto{
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto.mueve-formulario-cita{
		display: inline-block;
		position: absolute;
		left: -100%;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto{
		position: absolute;
		display: inline-block;
		left:100%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto.mueve-formulario-comentario{
		position: absolute;
		display: inline-block;
		left:0%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto h1,
	.formulario-comentario-contacto h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 28px;
		color:#00001b;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.formulario-agendar-cita-contacto form,
	.formulario-comentario-contacto form{
		padding-left: 0px;
		margin-top: 40px;
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.titulo-campo{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 14px;
		color:#282828;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: .5px;
		padding-left: 5px;
	}

	.contenedor-nombre-contacto-cita,
	.contenedor-nombre-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.contenedor-apellido-contacto-cita,
	.contenedor-apellido-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
	}

	.contenedor-nombre-contacto-cita input[type='text'],
	.contenedor-apellido-contacto-cita input[type='text'],
	.contenedor-nombre-comentario-contacto input[type='text'],
	.contenedor-apellido-comentario-contacto input[type='text']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-ctfh-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contenedor-correo-contacto-cita,
	.contenedor-telefono-contacto-cita{
		width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
	}

	.contenedor-fecha-contacto-cita,
	.contenedor-hora-contacto-cita{
        width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 40px;
	}

	.contenedor-correo-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-telefono-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-correo-contacto-cita input[type='email'],
	.contenedor-telefono-contacto-cita input[type='tel'],
	.contenedor-fecha-contacto-cita input[type='date'],
	.contenedor-correo-comentario-contacto input[type='email'],
	.contenedor-telefono-comentario-contacto input[type='tel']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-hora-contacto-cita select{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-nota-contacto-cita p{
		margin-top: 40px;
		text-align: left;
		float: left;
		position: relative;
		width: 100%;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .5px;
		color:#00001b;
		line-height: 16px;
		background-color: transparent;
	}

	.contenedor-texto-comentario-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
		margin-top: 40px;
	}

	.contenedor-texto-comentario-contacto textarea{
		height: 100px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
    
	.contenedor-boton-contacto-cita,
	.contenedor-boton-contacto-comentario{
		height: auto;
		float: left;
		margin-top: 80px;
		margin-right: 0px;
		display: inline-flex;
		justify-content: flex-end;
		width: 100%;
	}

	.contenedor-boton-contacto-cita img,
	.contenedor-boton-contacto-comentario img{
		height: 48px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		display: none;
		visibility: hidden;
	}

	.contenedor-boton-contacto-comentario img.muestra-loader,
	.contenedor-boton-contacto-cita img.muestra-loader{
		display: inline-block;
		visibility: visible;
	}

	.contenedor-boton-contacto-cita input[type='submit'],
	.contenedor-boton-contacto-comentario input[type="submit"]{
		position: relative;
		font-family: 'Hind Siliguri';
		font-weight: 500;
		font-size: 18px;
		letter-spacing:.5px;
		color:#ffffff;
		float: right;
		background-color: #1c3650;
		border: none;
		height:48px;
		width: 200px;
		outline: none;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border-radius: 10px;
	}

	.contenedor-boton-contacto-cita input[type='submit']:hover,
	.contenedor-boton-contacto-comentario input[type="submit"]:hover{
		color:#ffffff;
		background-color: #b79c57;
	}
}

















@media only screen and (max-width: 980px){

	.seccion-inicio{
		width: 100%;
		height: 100vh;
		float: left;
		background-color: #ffffff;
		position: relative;
	}
	
	.contenedor-general-slider{
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		background-color: transparent;
		top: 0px;
		overflow: hidden;
	}

	.contenedor-themis{
		position: #ffffff;
		width: 46%;
		height: 100%;
		float: right;
		padding-left: 0px;
		background-color: transparent;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}

	.contenedor-themis img{
		position: absolute;
		right: -210px;
		bottom: -180px;
		height: 110%;
		background-color: transparent;
		animation: contenedor-themis;
		animation-duration: 20s;
		animation-iteration-count: 1;
	}

	@keyframes contenedor-themis{
		0%{right: -100%;}
		10%{right: -210px;}
		100%{right: -210px;}
	}

	.contenedor-titulos-portada{
		width: 100%;
		background-color:#1c3650;
		float: left;
		height:100%;
		position: relative;
		overflow: hidden;
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.img-portada{
		width: 100%;
		height: 100%;
		float: left;
		background: url("../assets/portada-index-1.webp");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
	}

	.titulos{
		position: absolute;
		margin: auto;
		background-color: transparent;
		width: 100%;
		height: 300px;
		float: left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: auto;
		margin-bottom: auto;
		margin: auto;
		padding-left: 70px;
		padding-right: 70px;
	}

	.texto-superior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 60px;
		animation: animatitulosuperior;
		animation-duration: 4s;
		animation-iteration-count: 1;
		
	}

	@keyframes animatitulosuperior {
		0%{
			opacity: 0;
			margin-left: -50px;
		}

		60%{
			opacity: 0;
			margin-left: -50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-superior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 300;
		text-align: left;
		font-size: 18px;
		letter-spacing: 4px;
		text-decoration: none;
  		color: #ffffff;
	}

	.linea-a{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: left;
	}

	.linea-titulos-1{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-1 .enlaces-individuales,
	.linea-titulos-2 .enlaces-individuales{
		width: auto;
		background-color: transparent;
		height: auto;
		text-decoration: none;
		transform: scale(1,1);
		transition: transform ease .1s;
	}

	.linea-titulos-1 .enlaces-individuales img{
		background-color: transparent;
		width: auto;
		height: 30px;
	}

	.linea-titulos-2 .enlaces-individuales img{
		background-color: transparent;
		width: auto;
		height: 25px;
	}

	.linea-titulos-1 .enlaces-individuales:hover,
	.linea-titulos-2 .enlaces-individuales:hover{
		transform: scale(1.1,1.1);
	}

	.texto-inferior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 60px;
		animation: animatituloinferior;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}

	@keyframes animatituloinferior {
		0%{
			opacity: 0;
			margin-left: 50px;
		}

		60%{
			opacity: 0;
			margin-left: 50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-inferior-titulo h1{
		width: auto;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		text-align: right;
		font-size: 18px;
		letter-spacing: 3px;
		text-decoration: none;
		color: #ffffff;
	}

	.linea-b{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: right;
	}

	.enlace-fiscal{
		animation: animaenlaceFiscal;
		animation-duration: 6s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceFiscal {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
		
	}

	.enlace-amparo{
		animation: animaenlaceAmparo;
		animation-duration: 7.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceAmparo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-mercantil{
		animation: animaenlaceMercantil;
		animation-duration: 9s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceMercantil {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-corporativo{
		animation: animaenlaceCorporativo;
		animation-duration: 10.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceCorporativo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	.enlace-laboral{
		animation: animaenlaceLaboral;
		animation-duration: 12s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceLaboral {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	

	#nosotros{
		width: 100%;
		background-color: transparent;
		height:1px;
		float: left;
		position: relative;
		margin-top: -0;
	}

	.seccion-nosotros{
		width: 100%;
		float: left;
		height: auto;
		background-color: #ffffff;
		padding-top: 160px;
		padding-bottom: 130px;
		padding-left: 70px;
		padding-right: 70px;
		position: relative;
		z-index: 1;
	}

	.contenedor-nosotros{
		width: 100%;
		margin: auto;
		height: auto;
	}

	.contenedor-texto-nosotros{
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.contenedor-texto-nosotros h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		width: 100%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.parrafo-nosotros-2{
		float: right;
		margin-top: 10px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: right;
		margin-top: 30px;
	}

	.contenedor-valores h2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 24px;
		color: #282828;
		text-align: left;
	}

	.cont-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 20px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cont-valores .valor{
		width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 40px;
	}

	.cont-valores .valor img{
		width: 60px;
		height: 60px;
		background-color: transparent;
		float: left;
	}

	.cont-valores .valor p{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 10px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: left;
	}




	#servicios{
		width: 100%;
		background-color: transparent;
		height:auto;
		float: left;
		margin-top: 0px;
	}

	.seccion-servicios{
		width: 100%;
		height: auto;
		background-color: #1c3650;
		float: left;
		padding-top: 0;
		padding-left: 0;
		position: relative;
	}

	.contenedor-titulo-texto-servicios{
		float: left;
		height: 100%;
		width: 100%;
		height: auto;
		padding-right: 70px;
		padding-left: 70px;
		left: 0px;
		top: 0px;
		position: relative;
		background-color: transparent;
		z-index: 10;
		margin-top: 160px;
		margin-bottom: 0px;
	}

	.contenedor-titulo-texto-servicios .t1-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 38px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.contenedor-titulo-texto-servicios .t2-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 58px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -15px;
		letter-spacing: 2px;
	}

	.contenedor-titulo-texto-servicios p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#ffffff;
		float: left;
		height: auto;
		width: 100%;
		background-color: transparent;
		margin-top: 40px;
		text-align: justify;
	}

	.contenedor-titulo-texto-servicios .p-servicios-2{
		margin-top: 20px;
	}

	.contenedor-iconos-servicios{
		margin-top: 40px;
		float: left;
		height: auto;
		background-color: transparent;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.contenedor-iconos-servicios .circulos-is{
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 2px #b79c57;
		position: relative;
		cursor: default;
		margin-left: 35px;
		margin-right: 35px;
		margin-bottom: 20px;
	}

	.circulos-is img{
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 35px;
	}

	.circulos-is span{
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 80px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		line-height: 14px;
		font-size: 12px;
		letter-spacing:.5px;
		color:#ffffff;
		text-align: center;
	}

	.contenedor-servicios{
		width: 100%;
		float: left;
		height: auto;
		position: relative;
		background-color: transparent;
		margin-left: 0px;
		padding-left: 70px;
		padding-right: 70px;
		padding-top: 80px;
		padding-bottom: 130px;
	}

	.contenedor-servicios1-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		position: relative;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.servicio{
		width: 48%;
		height: 350px;
		float: left;
		background-color: #b79c57;
		border-radius: 0px;
		position: relative;
		overflow: hidden;
		border: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.servicio figure{
		width: 100%;
		height: 100%;
		float: left;
		background-color: transparent;
		background-size: cover;
		overflow: hidden;
		border: none;
		transform: scale(1,1);
		transition: transform ease .1s;
		-webkit-transition: transform ease .1s;
		-moz-transition: transform ease .1s;
		-o-transition: transform ease .1s;
		transition: transform ease .2s;
	}

	.servicio figure img{
		width: 100%;
		height: 100%;
		float: left;
		object-fit: cover;
		object-position: center;
		background-color: transparent;
	}

	.servicio h1{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		font-family: 'Hind Siliguri';
		font-weight: 700;
		font-size: 28px;
		letter-spacing:2px;
		line-height: 36px;
		color:#1c3650;
		text-align: center;
		/*text-shadow: 3px 3px 5px #282828;*/
	}

	.servicio .titulo-serv-ag{
		height: auto;
		font-size: 20px;
		line-height: 20px;
	}

	.servicio figure:hover,
	.servicio h1:hover ~ figure{
		transform: scale(1.18,1.18);
		transition: transform ease .2s;
	}

	.servicio:hover h1{
		background-color: #b79c57;
		color: #ffffff;
	}





	#contacto{
		width: 100%;
		background-color: transparent;
		height:0px;
		float: left;
		margin-top: 0px;
	}

	.seccion-contacto-cita{
		width: 100%;
		height: auto;
		padding-top: 160px;
		padding-bottom: 160px;
		padding-left: 70px;
		padding-right: 70px;
		float: left;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
	}

	.contenedor-general-contacto{
		width: 100%;
		margin: auto;
		height: auto;
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita{
		float: left;
		width: 100%;
		height: 100%;
		border-right: solid 1px #ffffff; 
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.contenedor-navegacion-contacto-cita p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-botones-nav-contacto{
		width: 100%;
		height: auto;
		display: inline-flex;
		float: left;
		justify-content: space-between;
		background-color: transparent;
		margin-top: 80px;
	}

	.contenedor-botones-nav-contacto input[type="radio"]{
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label{
		font-family: 'Hind Siliguri';
		border-bottom: solid 1px #ffffff;
		height: 60px;
		width: 50%;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		transition: all .1s ease;
		position: relative;
		padding-right: 40px;
		padding-left: 40px;
	}

	.label-agendar-cita{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: url('../imagenes/contacto-cita-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.label-anadir-comentario{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background: url('../imagenes/contacto-comentario-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.contenedor-botones-nav-contacto label span{
		font-family: 'Hind Siliguri';
		position: absolute;
		height: 40px;
		font-size: 40px;
		font-weight: 400;
		float: left;
		color: #1c3650;
		text-align: center;
		background-color: transparent;
		left: 40px;
		top:0px;
		bottom: 0px;
		margin: auto;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label h2{
		font-family: 'Hind Siliguri';
		font-size: 28px;
		height: 42px;
		font-weight: 600;
		letter-spacing: 1px;
		float: left;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin: auto;
		background-color: transparent;
		text-align: center;
		color: #1c3650;
	}

	.contenedor-botones-nav-contacto input[type="radio"]:checked + label{
		background-color:#b79c57;
		color: #ffffff;
	}
    
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label span,
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label h2{
		color: #ffffff;
	}

	.contenedor-formularios-contacto{
		width: 100%;
		float: left;
		height: 540px;
		background-color: transparent;
		overflow:hidden;
		position: relative;
		margin-top: 80px;
	}

	.formulario-agendar-cita-contacto{
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto.mueve-formulario-cita{
		display: inline-block;
		position: absolute;
		left: -100%;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto{
		position: absolute;
		display: inline-block;
		left:100%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto.mueve-formulario-comentario{
		position: absolute;
		display: inline-block;
		left:0%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto h1,
	.formulario-comentario-contacto h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 28px;
		color:#00001b;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.formulario-agendar-cita-contacto form,
	.formulario-comentario-contacto form{
		padding-left: 0px;
		margin-top: 40px;
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.titulo-campo{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 14px;
		color:#282828;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: .5px;
		padding-left: 5px;
	}

	.contenedor-nombre-contacto-cita,
	.contenedor-nombre-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.contenedor-apellido-contacto-cita,
	.contenedor-apellido-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
	}

	.contenedor-nombre-contacto-cita input[type='text'],
	.contenedor-apellido-contacto-cita input[type='text'],
	.contenedor-nombre-comentario-contacto input[type='text'],
	.contenedor-apellido-comentario-contacto input[type='text']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-ctfh-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contenedor-correo-contacto-cita,
	.contenedor-telefono-contacto-cita{
		width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
	}

	.contenedor-fecha-contacto-cita,
	.contenedor-hora-contacto-cita{
        width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 40px;
	}

	.contenedor-correo-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-telefono-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-correo-contacto-cita input[type='email'],
	.contenedor-telefono-contacto-cita input[type='tel'],
	.contenedor-fecha-contacto-cita input[type='date'],
	.contenedor-correo-comentario-contacto input[type='email'],
	.contenedor-telefono-comentario-contacto input[type='tel']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-hora-contacto-cita select{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-nota-contacto-cita p{
		margin-top: 40px;
		text-align: left;
		float: left;
		position: relative;
		width: 100%;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .5px;
		color:#00001b;
		line-height: 16px;
		background-color: transparent;
	}

	.contenedor-texto-comentario-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
		margin-top: 40px;
	}

	.contenedor-texto-comentario-contacto textarea{
		height: 100px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
    
	.contenedor-boton-contacto-cita,
	.contenedor-boton-contacto-comentario{
		height: auto;
		float: left;
		margin-top: 80px;
		margin-right: 0px;
		display: inline-flex;
		justify-content: flex-end;
		width: 100%;
	}

	.contenedor-boton-contacto-cita img,
	.contenedor-boton-contacto-comentario img{
		height: 48px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		display: none;
		visibility: hidden;
	}

	.contenedor-boton-contacto-comentario img.muestra-loader,
	.contenedor-boton-contacto-cita img.muestra-loader{
		display: inline-block;
		visibility: visible;
	}

	.contenedor-boton-contacto-cita input[type='submit'],
	.contenedor-boton-contacto-comentario input[type="submit"]{
		position: relative;
		font-family: 'Hind Siliguri';
		font-weight: 500;
		font-size: 18px;
		letter-spacing:.5px;
		color:#ffffff;
		float: right;
		background-color: #1c3650;
		border: none;
		height:48px;
		width: 200px;
		outline: none;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border-radius: 10px;
	}

	.contenedor-boton-contacto-cita input[type='submit']:hover,
	.contenedor-boton-contacto-comentario input[type="submit"]:hover{
		color:#ffffff;
		background-color: #b79c57;
	}
}

















@media only screen and (max-width: 780px){

	.seccion-inicio{
		width: 100%;
		height: 100vh;
		float: left;
		background-color: #ffffff;
		position: relative;
	}
	
	.contenedor-general-slider{
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		background-color: transparent;
		top: 0px;
		overflow: hidden;
	}

	.contenedor-themis{
		position: #ffffff;
		width: 46%;
		height: 100%;
		float: right;
		padding-left: 0px;
		background-color: transparent;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}

	.contenedor-themis img{
		position: absolute;
		right: -210px;
		bottom: -180px;
		height: 110%;
		background-color: transparent;
		animation: contenedor-themis;
		animation-duration: 20s;
		animation-iteration-count: 1;
	}

	@keyframes contenedor-themis{
		0%{right: -100%;}
		10%{right: -210px;}
		100%{right: -210px;}
	}

	.contenedor-titulos-portada{
		width: 100%;
		background-color:#1c3650;
		float: left;
		height:100%;
		position: relative;
		overflow: hidden;
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.img-portada{
		width: 100%;
		height: 100%;
		float: left;
		background: url("../assets/portada-index-1.webp");
		background-position: 30% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
	}

	.titulos{
		position: absolute;
		margin: auto;
		background-color:transparent;
		width: 100%;
		height: 550px;
		float: left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: auto;
		margin-bottom: auto;
		margin: auto;
		padding-left: 50px;
		padding-right: 50px;
	}

	.texto-superior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 60px;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		animation: animatitulosuperior;
		animation-duration: 4s;
		animation-iteration-count: 1;
		
	}

	@keyframes animatitulosuperior {
		0%{
			opacity: 0;
			margin-left: -50px;
		}

		60%{
			opacity: 0;
			margin-left: -50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-superior-titulo h1{
		width: 100%;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 300;
		text-align: center;
		font-size: 18px;
		letter-spacing: 4px;
		text-decoration: none;
  		color: #ffffff;
	}

	.linea-a{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: unset;
	}

	.linea-titulos-1{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-1 .enlaces-individuales,
	.linea-titulos-2 .enlaces-individuales{
		width: auto;
		background-color: transparent;
		height: auto;
		text-decoration: none;
		transform: scale(1,1);
		transition: transform ease .1s;
	}

	.linea-titulos-1 .enlaces-individuales img{
		background-color: transparent;
		width: 350px;
		height: auto;
	}

	.linea-titulos-2 .enlaces-individuales img{
		background-color: transparent;
		width: 350px;
		height: auto;
	}

	.linea-titulos-1 .enlace-fiscal img{
		width:350px;
		height: auto;
		margin-bottom: 30px;
	}

	.linea-titulos-1 .enlace-corporativo img{
		width:350px;
		height: auto;
		margin-bottom: 0px;
	}

	.linea-titulos-2 .enlace-mercantil img{
		width:350px;
		height: auto;
		margin-bottom: 20px;
	}

	
	.linea-titulos-2 .enlace-laboral img{
		width:350px;
		height: auto;
		margin-bottom: 20px;
	}
	
	.linea-titulos-2 .enlace-amparo img{
		width:350px;
		height: auto;
		margin-bottom: 0px;
	}

	.linea-titulos-1 .enlaces-individuales:hover,
	.linea-titulos-2 .enlaces-individuales:hover{
		transform: scale(1.1,1.1);
	}

	.texto-inferior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 60px;
		animation: animatituloinferior;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}

	@keyframes animatituloinferior {
		0%{
			opacity: 0;
			margin-left: 50px;
		}

		60%{
			opacity: 0;
			margin-left: 50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-inferior-titulo h1{
		width: 100%;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		text-align: center;
		font-size: 18px;
		letter-spacing: 3px;
		text-decoration: none;
		color: #ffffff;
	}

	.linea-b{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: right;
	}

	.enlace-fiscal{
		animation: animaenlaceFiscal;
		animation-duration: 6s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceFiscal {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
		
	}

	.enlace-amparo{
		animation: animaenlaceAmparo;
		animation-duration: 7.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceAmparo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-mercantil{
		animation: animaenlaceMercantil;
		animation-duration: 9s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceMercantil {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-corporativo{
		animation: animaenlaceCorporativo;
		animation-duration: 10.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceCorporativo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-laboral{
		animation: animaenlaceLaboral;
		animation-duration: 12s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceLaboral {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	

	#nosotros{
		width: 100%;
		background-color: transparent;
		height:1px;
		float: left;
		position: relative;
		margin-top: -0;
	}

	.seccion-nosotros{
		width: 100%;
		float: left;
		height: auto;
		background-color: #ffffff;
		padding-top: 160px;
		padding-bottom: 130px;
		padding-left: 50px;
		padding-right: 50px;
		position: relative;
		z-index: 1;
	}

	.contenedor-nosotros{
		width: 100%;
		margin: auto;
		height: auto;
	}

	.contenedor-texto-nosotros{
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.contenedor-texto-nosotros h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		width: 100%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.parrafo-nosotros-2{
		float: right;
		margin-top: 10px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: right;
		margin-top: 30px;
	}

	.contenedor-valores h2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 24px;
		color: #282828;
		text-align: left;
	}

	.cont-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 20px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cont-valores .valor{
		width: 46%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 40px;
	}

	.cont-valores .valor img{
		width: 60px;
		height: 60px;
		background-color: transparent;
		float: left;
	}

	.cont-valores .valor p{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 10px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: left;
	}




	#servicios{
		width: 100%;
		background-color: transparent;
		height:auto;
		float: left;
		margin-top: 0px;
	}

	.seccion-servicios{
		width: 100%;
		height: auto;
		background-color: #1c3650;
		float: left;
		padding-top: 0;
		padding-left: 0;
		position: relative;
	}

	.contenedor-titulo-texto-servicios{
		float: left;
		height: 100%;
		width: 100%;
		height: auto;
		padding-right: 50px;
		padding-left: 50px;
		left: 0px;
		top: 0px;
		position: relative;
		background-color: transparent;
		z-index: 10;
		margin-top: 160px;
		margin-bottom: 0px;
	}

	.contenedor-titulo-texto-servicios .t1-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 38px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.contenedor-titulo-texto-servicios .t2-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 58px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -15px;
		letter-spacing: 2px;
	}

	.contenedor-titulo-texto-servicios p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#ffffff;
		float: left;
		height: auto;
		width: 100%;
		background-color: transparent;
		margin-top: 40px;
		text-align: justify;
	}

	.contenedor-titulo-texto-servicios .p-servicios-2{
		margin-top: 20px;
	}

	.contenedor-iconos-servicios{
		margin-top: 40px;
		float: left;
		height: auto;
		background-color: transparent;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.contenedor-iconos-servicios .circulos-is{
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 2px #b79c57;
		position: relative;
		cursor: default;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 20px;
	}

	.circulos-is img{
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 35px;
	}

	.circulos-is span{
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 80px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		line-height: 14px;
		font-size: 12px;
		letter-spacing:.5px;
		color:#ffffff;
		text-align: center;
	}

	.contenedor-servicios{
		width: 100%;
		float: left;
		height: auto;
		position: relative;
		background-color: transparent;
		margin-left: 0px;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 80px;
		padding-bottom: 130px;
	}

	.contenedor-servicios1-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		position: relative;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.servicio{
		width: 48%;
		height: 350px;
		float: left;
		background-color: #b79c57;
		border-radius: 0px;
		position: relative;
		overflow: hidden;
		border: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.servicio figure{
		width: 100%;
		height: 100%;
		float: left;
		background-color: transparent;
		background-size: cover;
		overflow: hidden;
		border: none;
		transform: scale(1,1);
		transition: transform ease .1s;
		-webkit-transition: transform ease .1s;
		-moz-transition: transform ease .1s;
		-o-transition: transform ease .1s;
		transition: transform ease .2s;
	}

	.servicio figure img{
		width: 100%;
		height: 100%;
		float: left;
		object-fit: cover;
		object-position: center;
		background-color: transparent;
	}

	.servicio h1{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		font-family: 'Hind Siliguri';
		font-weight: 700;
		font-size: 28px;
		letter-spacing:2px;
		line-height: 36px;
		color:#1c3650;
		text-align: center;
		/*text-shadow: 3px 3px 5px #282828;*/
	}

	.servicio .titulo-serv-ag{
		height: auto;
		font-size: 20px;
		line-height: 20px;
	}

	.servicio figure:hover,
	.servicio h1:hover ~ figure{
		transform: scale(1.18,1.18);
		transition: transform ease .2s;
	}

	.servicio:hover h1{
		background-color: #b79c57;
		color: #ffffff;
	}





	#contacto{
		width: 100%;
		background-color: transparent;
		height:0px;
		float: left;
		margin-top: 0px;
	}

	.seccion-contacto-cita{
		width: 100%;
		height: auto;
		padding-top: 160px;
		padding-bottom: 160px;
		padding-left: 50px;
		padding-right: 50px;
		float: left;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
	}

	.contenedor-general-contacto{
		width: 100%;
		margin: auto;
		height: auto;
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita{
		float: left;
		width: 100%;
		height: 100%;
		border-right: solid 1px #ffffff; 
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.contenedor-navegacion-contacto-cita p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-botones-nav-contacto{
		width: 100%;
		height: auto;
		display: inline-flex;
		float: left;
		justify-content: space-between;
		background-color: transparent;
		margin-top: 80px;
	}

	.contenedor-botones-nav-contacto input[type="radio"]{
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label{
		font-family: 'Hind Siliguri';
		border-bottom: solid 1px #ffffff;
		height: 60px;
		width: 50%;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		transition: all .1s ease;
		position: relative;
		padding-right: 40px;
		padding-left: 40px;
	}

	.label-agendar-cita{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: url('../imagenes/contacto-cita-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.label-anadir-comentario{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background: url('../imagenes/contacto-comentario-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.contenedor-botones-nav-contacto label span{
		font-family: 'Hind Siliguri';
		position: absolute;
		height: 40px;
		font-size: 40px;
		font-weight: 400;
		float: left;
		color: #1c3650;
		text-align: center;
		background-color: transparent;
		left: 40px;
		top:0px;
		bottom: 0px;
		margin: auto;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label h2{
		font-family: 'Hind Siliguri';
		font-size: 28px;
		height: 42px;
		font-weight: 600;
		letter-spacing: 1px;
		float: left;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin: auto;
		background-color: transparent;
		text-align: center;
		color: #1c3650;
	}

	.contenedor-botones-nav-contacto input[type="radio"]:checked + label{
		background-color:#b79c57;
		color: #ffffff;
	}
    
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label span,
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label h2{
		color: #ffffff;
	}

	.contenedor-formularios-contacto{
		width: 100%;
		float: left;
		height: 560px;
		background-color: transparent;
		overflow:hidden;
		position: relative;
		margin-top: 80px;
	}

	.formulario-agendar-cita-contacto{
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto.mueve-formulario-cita{
		display: inline-block;
		position: absolute;
		left: -100%;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto{
		position: absolute;
		display: inline-block;
		left:100%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto.mueve-formulario-comentario{
		position: absolute;
		display: inline-block;
		left:0%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto h1,
	.formulario-comentario-contacto h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 28px;
		color:#00001b;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.formulario-agendar-cita-contacto form,
	.formulario-comentario-contacto form{
		padding-left: 0px;
		margin-top: 40px;
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.titulo-campo{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 14px;
		color:#282828;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: .5px;
		padding-left: 5px;
	}

	.contenedor-nombre-contacto-cita,
	.contenedor-nombre-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.contenedor-apellido-contacto-cita,
	.contenedor-apellido-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
	}

	.contenedor-nombre-contacto-cita input[type='text'],
	.contenedor-apellido-contacto-cita input[type='text'],
	.contenedor-nombre-comentario-contacto input[type='text'],
	.contenedor-apellido-comentario-contacto input[type='text']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-ctfh-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contenedor-correo-contacto-cita,
	.contenedor-telefono-contacto-cita{
		width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
	}

	.contenedor-fecha-contacto-cita,
	.contenedor-hora-contacto-cita{
        width: 48%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 40px;
	}

	.contenedor-correo-comentario-contacto{
		width: 48%;
		float: left;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-telefono-comentario-contacto{
		width: 48%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-correo-contacto-cita input[type='email'],
	.contenedor-telefono-contacto-cita input[type='tel'],
	.contenedor-fecha-contacto-cita input[type='date'],
	.contenedor-correo-comentario-contacto input[type='email'],
	.contenedor-telefono-comentario-contacto input[type='tel']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-hora-contacto-cita select{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-nota-contacto-cita p{
		margin-top: 40px;
		text-align: left;
		float: left;
		position: relative;
		width: 100%;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .5px;
		color:#00001b;
		line-height: 16px;
		background-color: transparent;
	}

	.contenedor-texto-comentario-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
		margin-top: 40px;
	}

	.contenedor-texto-comentario-contacto textarea{
		height: 100px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
    
	.contenedor-boton-contacto-cita,
	.contenedor-boton-contacto-comentario{
		height: auto;
		float: left;
		margin-top: 80px;
		margin-right: 0px;
		display: inline-flex;
		justify-content: flex-end;
		width: 100%;
	}

	.contenedor-boton-contacto-cita img,
	.contenedor-boton-contacto-comentario img{
		height: 48px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		display: none;
		visibility: hidden;
	}

	.contenedor-boton-contacto-comentario img.muestra-loader,
	.contenedor-boton-contacto-cita img.muestra-loader{
		display: inline-block;
		visibility: visible;
	}

	.contenedor-boton-contacto-cita input[type='submit'],
	.contenedor-boton-contacto-comentario input[type="submit"]{
		position: relative;
		font-family: 'Hind Siliguri';
		font-weight: 500;
		font-size: 18px;
		letter-spacing:.5px;
		color:#ffffff;
		float: right;
		background-color: #1c3650;
		border: none;
		height:48px;
		width: 200px;
		outline: none;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border-radius: 10px;
	}

	.contenedor-boton-contacto-cita input[type='submit']:hover,
	.contenedor-boton-contacto-comentario input[type="submit"]:hover{
		color:#ffffff;
		background-color: #b79c57;
	}
}



















@media only screen and (max-width: 580px){

	.seccion-inicio{
		width: 100%;
		height: 100vh;
		float: left;
		background-color: #ffffff;
		position: relative;
	}
	
	.contenedor-general-slider{
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		background-color: transparent;
		top: 0px;
		overflow: hidden;
	}

	.contenedor-themis{
		position: #ffffff;
		width: 46%;
		height: 100%;
		float: right;
		padding-left: 0px;
		background-color: transparent;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}

	.contenedor-themis img{
		position: absolute;
		right: -210px;
		bottom: -180px;
		height: 110%;
		background-color: transparent;
		animation: contenedor-themis;
		animation-duration: 20s;
		animation-iteration-count: 1;
	}

	@keyframes contenedor-themis{
		0%{right: -100%;}
		10%{right: -210px;}
		100%{right: -210px;}
	}

	.contenedor-titulos-portada{
		width: 100%;
		background-color:#1c3650;
		float: left;
		height:100%;
		position: relative;
		overflow: hidden;
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.img-portada{
		width: 100%;
		height: 100%;
		float: left;
		background: url("../assets/portada-index-1.webp");
		background-position: 30% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
	}

	.titulos{
		position: absolute;
		margin: auto;
		background-color: transparent;
		width: 100%;
		height: 500px;
		float: left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: auto;
		margin-bottom: auto;
		margin: auto;
		padding-left: 30px;
		padding-right: 30px;
	}

	.texto-superior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 60px;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		animation: animatitulosuperior;
		animation-duration: 4s;
		animation-iteration-count: 1;
		
	}

	@keyframes animatitulosuperior {
		0%{
			opacity: 0;
			margin-left: -50px;
		}

		60%{
			opacity: 0;
			margin-left: -50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-superior-titulo h1{
		width: 100%;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 300;
		text-align: center;
		font-size: 18px;
		letter-spacing: 4px;
		text-decoration: none;
  		color: #ffffff;
	}

	.linea-a{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: unset;
	}

	.linea-titulos-1{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-1 .enlaces-individuales,
	.linea-titulos-2 .enlaces-individuales{
		width: auto;
		background-color: transparent;
		height: auto;
		text-decoration: none;
		transform: scale(1,1);
		transition: transform ease .1s;
	}

	.linea-titulos-1 .enlaces-individuales img{
		background-color: transparent;
		width: 300px;
		height: auto;
	}

	.linea-titulos-2 .enlaces-individuales img{
		background-color: transparent;
		width: 300px;
		height: auto;
	}

	.linea-titulos-1 .enlace-fiscal img{
		width:300px;
		height: auto;
		margin-bottom: 30px;
	}

	.linea-titulos-1 .enlace-corporativo img{
		width:300px;
		height: auto;
		margin-bottom: 0px;
	}

	.linea-titulos-2 .enlace-mercantil img{
		width:300px;
		height: auto;
		margin-bottom: 20px;
	}

	
	.linea-titulos-2 .enlace-laboral img{
		width:300px;
		height: auto;
		margin-bottom: 20px;
	}
	
	.linea-titulos-2 .enlace-amparo img{
		width:300px;
		height: auto;
		margin-bottom: 0px;
	}

	.linea-titulos-1 .enlaces-individuales:hover,
	.linea-titulos-2 .enlaces-individuales:hover{
		transform: scale(1.1,1.1);
	}

	.texto-inferior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 60px;
		animation: animatituloinferior;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}

	@keyframes animatituloinferior {
		0%{
			opacity: 0;
			margin-left: 50px;
		}

		60%{
			opacity: 0;
			margin-left: 50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-inferior-titulo h1{
		width: 100%;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		text-align: center;
		font-size: 18px;
		letter-spacing: 3px;
		text-decoration: none;
		color: #ffffff;
	}

	.linea-b{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: right;
	}

	.enlace-fiscal{
		animation: animaenlaceFiscal;
		animation-duration: 6s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceFiscal {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
		
	}

	.enlace-amparo{
		animation: animaenlaceAmparo;
		animation-duration: 7.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceAmparo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-mercantil{
		animation: animaenlaceMercantil;
		animation-duration: 9s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceMercantil {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-corporativo{
		animation: animaenlaceCorporativo;
		animation-duration: 10.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceCorporativo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-laboral{
		animation: animaenlaceLaboral;
		animation-duration: 12s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceLaboral {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	

	#nosotros{
		width: 100%;
		background-color: transparent;
		height:1px;
		float: left;
		position: relative;
		margin-top: -0;
	}

	.seccion-nosotros{
		width: 100%;
		float: left;
		height: auto;
		background-color: #ffffff;
		padding-top: 160px;
		padding-bottom: 130px;
		padding-left: 30px;
		padding-right: 30px;
		position: relative;
		z-index: 1;
	}

	.contenedor-nosotros{
		width: 100%;
		margin: auto;
		height: auto;
	}

	.contenedor-texto-nosotros{
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.contenedor-texto-nosotros h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		width: 100%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.parrafo-nosotros-2{
		float: right;
		margin-top: 10px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: right;
		margin-top: 30px;
	}

	.contenedor-valores h2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 24px;
		color: #282828;
		text-align: left;
	}

	.cont-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 20px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cont-valores .valor{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 40px;
	}

	.cont-valores .valor img{
		width: 60px;
		height: 60px;
		background-color: transparent;
		float: left;
	}

	.cont-valores .valor p{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 10px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: left;
	}




	#servicios{
		width: 100%;
		background-color: transparent;
		height:auto;
		float: left;
		margin-top: 0px;
	}

	.seccion-servicios{
		width: 100%;
		height: auto;
		background-color: #1c3650;
		float: left;
		padding-top: 0;
		padding-left: 0;
		position: relative;
	}

	.contenedor-titulo-texto-servicios{
		float: left;
		height: 100%;
		width: 100%;
		height: auto;
		padding-right: 30px;
		padding-left: 30px;
		left: 0px;
		top: 0px;
		position: relative;
		background-color: transparent;
		z-index: 10;
		margin-top: 160px;
		margin-bottom: 0px;
	}

	.contenedor-titulo-texto-servicios .t1-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 38px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.contenedor-titulo-texto-servicios .t2-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 58px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -15px;
		letter-spacing: 2px;
	}

	.contenedor-titulo-texto-servicios p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#ffffff;
		float: left;
		height: auto;
		width: 100%;
		background-color: transparent;
		margin-top: 40px;
		text-align: justify;
	}

	.contenedor-titulo-texto-servicios .p-servicios-2{
		margin-top: 20px;
	}

	.contenedor-iconos-servicios{
		margin-top: 40px;
		float: left;
		height: auto;
		background-color: transparent;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.contenedor-iconos-servicios .circulos-is{
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 2px #b79c57;
		position: relative;
		cursor: default;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 20px;
	}

	.circulos-is img{
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 35px;
	}

	.circulos-is span{
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 80px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		line-height: 14px;
		font-size: 12px;
		letter-spacing:.5px;
		color:#ffffff;
		text-align: center;
	}

	.contenedor-servicios{
		width: 100%;
		float: left;
		height: auto;
		position: relative;
		background-color: transparent;
		margin-left: 0px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 80px;
		padding-bottom: 130px;
	}

	.contenedor-servicios1-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		position: relative;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.servicio{
		width: 100%;
		height: 350px;
		float: left;
		background-color: #b79c57;
		border-radius: 0px;
		position: relative;
		overflow: hidden;
		border: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.servicio figure{
		width: 100%;
		height: 100%;
		float: left;
		background-color: transparent;
		background-size: cover;
		overflow: hidden;
		border: none;
		transform: scale(1,1);
		transition: transform ease .1s;
		-webkit-transition: transform ease .1s;
		-moz-transition: transform ease .1s;
		-o-transition: transform ease .1s;
		transition: transform ease .2s;
	}

	.servicio figure img{
		width: 100%;
		height: 100%;
		float: left;
		object-fit: cover;
		object-position: center;
		background-color: transparent;
	}

	.servicio h1{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		font-family: 'Hind Siliguri';
		font-weight: 700;
		font-size: 28px;
		letter-spacing:2px;
		line-height: 36px;
		color:#1c3650;
		text-align: center;
		/*text-shadow: 3px 3px 5px #282828;*/
	}

	.servicio .titulo-serv-ag{
		height: auto;
		font-size: 20px;
		line-height: 20px;
	}

	.servicio figure:hover,
	.servicio h1:hover ~ figure{
		transform: scale(1.18,1.18);
		transition: transform ease .2s;
	}

	.servicio:hover h1{
		background-color: #b79c57;
		color: #ffffff;
	}





	#contacto{
		width: 100%;
		background-color: transparent;
		height:0px;
		float: left;
		margin-top: 0px;
	}

	.seccion-contacto-cita{
		width: 100%;
		height: auto;
		padding-top: 160px;
		padding-bottom: 160px;
		padding-left: 30px;
		padding-right: 30px;
		float: left;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
	}

	.contenedor-general-contacto{
		width: 100%;
		margin: auto;
		height: auto;
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita{
		float: left;
		width: 100%;
		height: 100%;
		border-right: solid 1px #ffffff; 
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.contenedor-navegacion-contacto-cita p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-botones-nav-contacto{
		width: 100%;
		height: auto;
		display: inline-flex;
		float: left;
		justify-content: space-between;
		flex-wrap: wrap;
		background-color: transparent;
		margin-top: 80px;
	}

	.contenedor-botones-nav-contacto input[type="radio"]{
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label{
		font-family: 'Hind Siliguri';
		border-bottom: solid 1px #ffffff;
		height: 60px;
		width: 100%;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		transition: all .1s ease;
		position: relative;
		padding-right: 40px;
		padding-left: 40px;
	}

	.label-agendar-cita{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: url('../imagenes/contacto-cita-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.label-anadir-comentario{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background: url('../imagenes/contacto-comentario-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.contenedor-botones-nav-contacto label span{
		font-family: 'Hind Siliguri';
		position: absolute;
		height: 40px;
		font-size: 40px;
		font-weight: 400;
		float: left;
		color: #1c3650;
		text-align: center;
		background-color: transparent;
		left: 40px;
		top:0px;
		bottom: 0px;
		margin: auto;
		overflow: hidden;
		display: block;
		visibility: visible;
	}

	.contenedor-botones-nav-contacto label h2{
		font-family: 'Hind Siliguri';
		font-size: 28px;
		height: 42px;
		font-weight: 600;
		letter-spacing: 1px;
		float: left;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin: auto;
		background-color: transparent;
		text-align: center;
		color: #1c3650;
	}

	.contenedor-botones-nav-contacto input[type="radio"]:checked + label{
		background-color:#b79c57;
		color: #ffffff;
	}
    
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label span,
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label h2{
		color: #ffffff;
	}

	.contenedor-formularios-contacto{
		width: 100%;
		float: left;
		height: 850px;
		background-color: transparent;
		overflow:hidden;
		position: relative;
		margin-top: 80px;
	}

	.formulario-agendar-cita-contacto{
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto.mueve-formulario-cita{
		display: inline-block;
		position: absolute;
		left: -100%;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto{
		position: absolute;
		display: inline-block;
		left:100%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto.mueve-formulario-comentario{
		position: absolute;
		display: inline-block;
		left:0%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto h1,
	.formulario-comentario-contacto h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 28px;
		color:#00001b;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.formulario-agendar-cita-contacto form,
	.formulario-comentario-contacto form{
		padding-left: 0px;
		margin-top: 40px;
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.titulo-campo{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 14px;
		color:#282828;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: .5px;
		padding-left: 5px;
	}

	.contenedor-nombre-contacto-cita,
	.contenedor-nombre-comentario-contacto{
		width: 100%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.contenedor-apellido-contacto-cita,
	.contenedor-apellido-comentario-contacto{
		width: 100%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-nombre-contacto-cita input[type='text'],
	.contenedor-apellido-contacto-cita input[type='text'],
	.contenedor-nombre-comentario-contacto input[type='text'],
	.contenedor-apellido-comentario-contacto input[type='text']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-ctfh-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contenedor-correo-contacto-cita,
	.contenedor-telefono-contacto-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
	}

	.contenedor-telefono-contacto-cita{
		margin-top: 40px;
	}

	.contenedor-fecha-contacto-cita,
	.contenedor-hora-contacto-cita{
        width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 40px;
	}

	.contenedor-correo-comentario-contacto{
		width: 100%;
		float: left;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-telefono-comentario-contacto{
		width: 100%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-correo-contacto-cita input[type='email'],
	.contenedor-telefono-contacto-cita input[type='tel'],
	.contenedor-fecha-contacto-cita input[type='date'],
	.contenedor-correo-comentario-contacto input[type='email'],
	.contenedor-telefono-comentario-contacto input[type='tel']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-hora-contacto-cita select{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-nota-contacto-cita p{
		margin-top: 40px;
		text-align: left;
		float: left;
		position: relative;
		width: 100%;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .5px;
		color:#00001b;
		line-height: 16px;
		background-color: transparent;
	}

	.contenedor-texto-comentario-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
		margin-top: 40px;
	}

	.contenedor-texto-comentario-contacto textarea{
		height: 100px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
    
	.contenedor-boton-contacto-cita,
	.contenedor-boton-contacto-comentario{
		height: auto;
		float: left;
		margin-top: 80px;
		margin-right: 0px;
		display: inline-flex;
		justify-content: flex-end;
		width: 100%;
	}

	.contenedor-boton-contacto-cita img,
	.contenedor-boton-contacto-comentario img{
		height: 48px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		display: none;
		visibility: hidden;
	}

	.contenedor-boton-contacto-comentario img.muestra-loader,
	.contenedor-boton-contacto-cita img.muestra-loader{
		display: inline-block;
		visibility: visible;
	}

	.contenedor-boton-contacto-cita input[type='submit'],
	.contenedor-boton-contacto-comentario input[type="submit"]{
		position: relative;
		font-family: 'Hind Siliguri';
		font-weight: 500;
		font-size: 18px;
		letter-spacing:.5px;
		color:#ffffff;
		float: right;
		background-color: #1c3650;
		border: none;
		height:48px;
		width: 200px;
		outline: none;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border-radius: 10px;
	}

	.contenedor-boton-contacto-cita input[type='submit']:hover,
	.contenedor-boton-contacto-comentario input[type="submit"]:hover{
		color:#ffffff;
		background-color: #b79c57;
	}
}


















@media only screen and (max-width: 480px){

	.seccion-inicio{
		width: 100%;
		height: 100vh;
		float: left;
		background-color: #ffffff;
		position: relative;
	}
	
	.contenedor-general-slider{
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		background-color: transparent;
		top: 0px;
		overflow: hidden;
	}

	.contenedor-themis{
		position: #ffffff;
		width: 46%;
		height: 100%;
		float: right;
		padding-left: 0px;
		background-color: transparent;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}

	.contenedor-themis img{
		position: absolute;
		right: -210px;
		bottom: -180px;
		height: 110%;
		background-color: transparent;
		animation: contenedor-themis;
		animation-duration: 20s;
		animation-iteration-count: 1;
	}

	@keyframes contenedor-themis{
		0%{right: -100%;}
		10%{right: -210px;}
		100%{right: -210px;}
	}

	.contenedor-titulos-portada{
		width: 100%;
		background-color:#1c3650;
		float: left;
		height:100%;
		position: relative;
		overflow: hidden;
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.img-portada{
		width: 100%;
		height: 100%;
		float: left;
		background: url("../assets/portada-index-1.webp");
		background-position: 30% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .2;
	}

	.titulos{
		position: absolute;
		margin: auto;
		background-color: transparent;
		width: 100%;
		height: 460px;
		float: left;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: auto;
		margin-bottom: auto;
		margin: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	.texto-superior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 60px;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		animation: animatitulosuperior;
		animation-duration: 4s;
		animation-iteration-count: 1;
		
	}

	@keyframes animatitulosuperior {
		0%{
			opacity: 0;
			margin-left: -50px;
		}

		60%{
			opacity: 0;
			margin-left: -50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-superior-titulo h1{
		width: 100%;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 300;
		text-align: center;
		font-size: 18px;
		letter-spacing: 4px;
		text-decoration: none;
  		color: #ffffff;
	}

	.linea-a{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: unset;
	}

	.linea-titulos-1{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}

	.linea-titulos-1 .enlaces-individuales,
	.linea-titulos-2 .enlaces-individuales{
		width: auto;
		background-color: transparent;
		height: auto;
		text-decoration: none;
		transform: scale(1,1);
		transition: transform ease .1s;
	}

	.linea-titulos-1 .enlaces-individuales img{
		background-color: transparent;
		width: 250px;
		height: auto;
	}

	.linea-titulos-2 .enlaces-individuales img{
		background-color: transparent;
		width: 250px;
		height: auto;
	}

	.linea-titulos-1 .enlace-fiscal img{
		width:250px;
		height: auto;
		margin-bottom: 30px;
	}

	.linea-titulos-1 .enlace-corporativo img{
		width:250px;
		height: auto;
		margin-bottom: 0px;
	}

	.linea-titulos-2 .enlace-mercantil img{
		width:250px;
		height: auto;
		margin-bottom: 20px;
	}

	
	.linea-titulos-2 .enlace-laboral img{
		width:250px;
		height: auto;
		margin-bottom: 20px;
	}
	
	.linea-titulos-2 .enlace-amparo img{
		width:250px;
		height: auto;
		margin-bottom: 0px;
	}

	.linea-titulos-1 .enlaces-individuales:hover,
	.linea-titulos-2 .enlaces-individuales:hover{
		transform: scale(1.1,1.1);
	}

	.texto-inferior-titulo{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 60px;
		animation: animatituloinferior;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}

	@keyframes animatituloinferior {
		0%{
			opacity: 0;
			margin-left: 50px;
		}

		60%{
			opacity: 0;
			margin-left: 50px;
		}

		100%{
			opacity: 1;
			margin-left: 0px;;
		}
	}

	.texto-inferior-titulo h1{
		width: 100%;
		background-color: transparent;
		height: auto;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		text-align: center;
		font-size: 18px;
		letter-spacing: 3px;
		text-decoration: none;
		color: #ffffff;
	}

	.linea-b{
		width: 20px;
		background-color: #ffffff;
		height: 1px;
		float: right;
	}

	.enlace-fiscal{
		animation: animaenlaceFiscal;
		animation-duration: 6s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceFiscal {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
		
	}

	.enlace-amparo{
		animation: animaenlaceAmparo;
		animation-duration: 7.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceAmparo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-mercantil{
		animation: animaenlaceMercantil;
		animation-duration: 9s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceMercantil {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	.enlace-corporativo{
		animation: animaenlaceCorporativo;
		animation-duration: 10.5s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceCorporativo {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}


	.enlace-laboral{
		animation: animaenlaceLaboral;
		animation-duration: 12s;
		animation-iteration-count: 1;
	}

	@keyframes animaenlaceLaboral {
		0%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		65%{
			opacity: 0;
			transform: scale(.8,.8);
		}

		100%{
			opacity: 1;
			transform: scale(1,1);
		}
	}

	

	#nosotros{
		width: 100%;
		background-color: transparent;
		height:1px;
		float: left;
		position: relative;
		margin-top: -0;
	}

	.seccion-nosotros{
		width: 100%;
		float: left;
		height: auto;
		background-color: #ffffff;
		padding-top: 160px;
		padding-bottom: 130px;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
		z-index: 1;
	}

	.contenedor-nosotros{
		width: 100%;
		margin: auto;
		height: auto;
	}

	.contenedor-texto-nosotros{
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.contenedor-texto-nosotros h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		width: 100%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.parrafo-nosotros-2{
		float: right;
		margin-top: 10px;
	}

	.parrafo-nosotros-1,
	.parrafo-nosotros-2{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: right;
		margin-top: 30px;
	}

	.contenedor-valores h2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 24px;
		color: #282828;
		text-align: left;
	}

	.cont-valores{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 20px;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cont-valores .valor{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-bottom: 40px;
	}

	.cont-valores .valor img{
		width: 60px;
		height: 60px;
		background-color: transparent;
		float: left;
	}

	.cont-valores .valor p{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 10px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.2px;
		color:#282828;
		text-align: left;
	}




	#servicios{
		width: 100%;
		background-color: transparent;
		height:auto;
		float: left;
		margin-top: 0px;
	}

	.seccion-servicios{
		width: 100%;
		height: auto;
		background-color: #1c3650;
		float: left;
		padding-top: 0;
		padding-left: 0;
		position: relative;
	}

	.contenedor-titulo-texto-servicios{
		float: left;
		height: 100%;
		width: 100%;
		height: auto;
		padding-right: 20px;
		padding-left: 20px;
		left: 0px;
		top: 0px;
		position: relative;
		background-color: transparent;
		z-index: 10;
		margin-top: 160px;
		margin-bottom: 0px;
	}

	.contenedor-titulo-texto-servicios .t1-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 38px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.contenedor-titulo-texto-servicios .t2-servicios{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 58px;
		color:#ffffff;
		float: left;
		width: 100%;
		background-color: transparent;
		margin-top: -15px;
		letter-spacing: 2px;
	}

	.contenedor-titulo-texto-servicios p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#ffffff;
		float: left;
		height: auto;
		width: 100%;
		background-color: transparent;
		margin-top: 40px;
		text-align: justify;
	}

	.contenedor-titulo-texto-servicios .p-servicios-2{
		margin-top: 20px;
	}

	.contenedor-iconos-servicios{
		margin-top: 40px;
		float: left;
		height: auto;
		background-color: transparent;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.contenedor-iconos-servicios .circulos-is{
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background-color: transparent;
		border: solid 2px #b79c57;
		position: relative;
		cursor: default;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 20px;
	}

	.circulos-is img{
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 35px;
	}

	.circulos-is span{
		position: absolute;
		bottom: 15px;
		right: 0;
		left: 0;
		margin: auto;
		background-color: transparent;
		width: 80px;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		line-height: 14px;
		font-size: 12px;
		letter-spacing:.5px;
		color:#ffffff;
		text-align: center;
	}

	.contenedor-servicios{
		width: 100%;
		float: left;
		height: auto;
		position: relative;
		background-color: transparent;
		margin-left: 0px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 80px;
		padding-bottom: 130px;
	}

	.contenedor-servicios1-2{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		position: relative;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.servicio{
		width: 100%;
		height: 350px;
		float: left;
		background-color: #b79c57;
		border-radius: 0px;
		position: relative;
		overflow: hidden;
		border: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.servicio figure{
		width: 100%;
		height: 100%;
		float: left;
		background-color: transparent;
		background-size: cover;
		overflow: hidden;
		border: none;
		transform: scale(1,1);
		transition: transform ease .1s;
		-webkit-transition: transform ease .1s;
		-moz-transition: transform ease .1s;
		-o-transition: transform ease .1s;
		transition: transform ease .2s;
	}

	.servicio figure img{
		width: 100%;
		height: 100%;
		float: left;
		object-fit: cover;
		object-position: center;
		background-color: transparent;
	}

	.servicio h1{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		font-family: 'Hind Siliguri';
		font-weight: 700;
		font-size: 28px;
		letter-spacing:2px;
		line-height: 36px;
		color:#1c3650;
		text-align: center;
		/*text-shadow: 3px 3px 5px #282828;*/
	}

	.servicio .titulo-serv-ag{
		height: auto;
		font-size: 20px;
		line-height: 20px;
	}

	.servicio figure:hover,
	.servicio h1:hover ~ figure{
		transform: scale(1.18,1.18);
		transition: transform ease .2s;
	}

	.servicio:hover h1{
		background-color: #b79c57;
		color: #ffffff;
	}





	#contacto{
		width: 100%;
		background-color: transparent;
		height:0px;
		float: left;
		margin-top: 0px;
	}

	.seccion-contacto-cita{
		width: 100%;
		height: auto;
		padding-top: 160px;
		padding-bottom: 160px;
		padding-left: 20px;
		padding-right: 20px;
		float: left;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
	}

	.contenedor-general-contacto{
		width: 100%;
		margin: auto;
		height: auto;
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita{
		float: left;
		width: 100%;
		height: 100%;
		border-right: solid 1px #ffffff; 
		background-color: transparent;
	}

	.contenedor-navegacion-contacto-cita h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 48px;
		letter-spacing:-1px;
		color:#1c3650;
		text-align: left;
		background-color: transparent;
		width: 100%;
		margin-bottom: 40px;
	}

	.contenedor-navegacion-contacto-cita p{
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:.5px;
		color:#282828;
		text-align: justify;
		background-color: transparent;
	}

	.contenedor-botones-nav-contacto{
		width: 100%;
		height: auto;
		display: inline-flex;
		float: left;
		justify-content: space-between;
		flex-wrap: wrap;
		background-color: transparent;
		margin-top: 80px;
	}

	.contenedor-botones-nav-contacto input[type="radio"]{
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label{
		font-family: 'Hind Siliguri';
		border-bottom: solid 1px #ffffff;
		height: 60px;
		width: 100%;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		transition: all .1s ease;
		position: relative;
		padding-right: 40px;
		padding-left: 40px;
	}

	.label-agendar-cita{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: url('../imagenes/contacto-cita-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.label-anadir-comentario{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background: url('../imagenes/contacto-comentario-2.svg');
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 105% 50%;
	}

	.contenedor-botones-nav-contacto label span{
		font-family: 'Hind Siliguri';
		position: absolute;
		height: 40px;
		font-size: 40px;
		font-weight: 400;
		float: left;
		color: #1c3650;
		text-align: center;
		background-color: transparent;
		left: 40px;
		top:0px;
		bottom: 0px;
		margin: auto;
		overflow: hidden;
		display: none;
		visibility: hidden;
	}

	.contenedor-botones-nav-contacto label h2{
		font-family: 'Hind Siliguri';
		font-size: 28px;
		height: 42px;
		font-weight: 600;
		letter-spacing: 1px;
		float: left;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		margin: auto;
		background-color: transparent;
		text-align: center;
		color: #1c3650;
	}

	.contenedor-botones-nav-contacto input[type="radio"]:checked + label{
		background-color:#b79c57;
		color: #ffffff;
	}
    
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label span,
	.contenedor-botones-nav-contacto input[type="radio"]:checked + label h2{
		color: #ffffff;
	}

	.contenedor-formularios-contacto{
		width: 100%;
		float: left;
		height: 850px;
		background-color: transparent;
		overflow:hidden;
		position: relative;
		margin-top: 80px;
	}

	.formulario-agendar-cita-contacto{
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto.mueve-formulario-cita{
		display: inline-block;
		position: absolute;
		left: -100%;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto{
		position: absolute;
		display: inline-block;
		left:100%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: all .5s ease;
	}

	.formulario-comentario-contacto.mueve-formulario-comentario{
		position: absolute;
		display: inline-block;
		left:0%;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		transition: all .5s ease;
	}

	.formulario-agendar-cita-contacto h1,
	.formulario-comentario-contacto h1{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 28px;
		color:#00001b;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: 1px;
	}

	.formulario-agendar-cita-contacto form,
	.formulario-comentario-contacto form{
		padding-left: 0px;
		margin-top: 40px;
		width: 100%;
		float: left;
		background-color: transparent;
	}

	.titulo-campo{
		font-family: 'Hind Siliguri';
		font-weight: 600;
		font-size: 14px;
		color:#282828;
		float: left;
		width: 100%;
		background-color: transparent;
		letter-spacing: .5px;
		padding-left: 5px;
	}

	.contenedor-nombre-contacto-cita,
	.contenedor-nombre-comentario-contacto{
		width: 100%;
		float: left;
		height: auto;
		background-color: transparent;
	}

	.contenedor-apellido-contacto-cita,
	.contenedor-apellido-comentario-contacto{
		width: 100%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-nombre-contacto-cita input[type='text'],
	.contenedor-apellido-contacto-cita input[type='text'],
	.contenedor-nombre-comentario-contacto input[type='text'],
	.contenedor-apellido-comentario-contacto input[type='text']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-ctfh-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
		float: left;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contenedor-correo-contacto-cita,
	.contenedor-telefono-contacto-cita{
		width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
	}

	.contenedor-telefono-contacto-cita{
		margin-top: 40px;
	}

	.contenedor-fecha-contacto-cita,
	.contenedor-hora-contacto-cita{
        width: 100%;
		height: auto;
		background-color: transparent;
		float: left;
		margin-top: 40px;
	}

	.contenedor-correo-comentario-contacto{
		width: 100%;
		float: left;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-telefono-comentario-contacto{
		width: 100%;
		float: right;
		height: auto;
		background-color: transparent;
		margin-top: 40px;
	}

	.contenedor-correo-contacto-cita input[type='email'],
	.contenedor-telefono-contacto-cita input[type='tel'],
	.contenedor-fecha-contacto-cita input[type='date'],
	.contenedor-correo-comentario-contacto input[type='email'],
	.contenedor-telefono-comentario-contacto input[type='tel']{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-hora-contacto-cita select{
		margin-top: 0px;
		height: 38px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding-left: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		text-transform: capitalize;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}

	.contenedor-nota-contacto-cita p{
		margin-top: 40px;
		text-align: left;
		float: left;
		position: relative;
		width: 100%;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .5px;
		color:#00001b;
		line-height: 16px;
		background-color: transparent;
	}

	.contenedor-texto-comentario-contacto{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
		margin-top: 40px;
	}

	.contenedor-texto-comentario-contacto textarea{
		height: 100px;
		position: relative;
		width: 100%;
		float: left;
		border:solid 1px #c1c1c1;
		padding: 5px;
		outline: none;
		transition: ease all .5s;
		font-family: 'Hind Siliguri';
		font-weight: 400;
		font-size: 18px;
		letter-spacing:.5px;
		color:#282828;
		border-radius: 10px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}
    
	.contenedor-boton-contacto-cita,
	.contenedor-boton-contacto-comentario{
		height: auto;
		float: left;
		margin-top: 80px;
		margin-right: 0px;
		display: inline-flex;
		justify-content: flex-end;
		width: 100%;
	}

	.contenedor-boton-contacto-cita img,
	.contenedor-boton-contacto-comentario img{
		height: 48px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		display: none;
		visibility: hidden;
	}

	.contenedor-boton-contacto-comentario img.muestra-loader,
	.contenedor-boton-contacto-cita img.muestra-loader{
		display: inline-block;
		visibility: visible;
	}

	.contenedor-boton-contacto-cita input[type='submit'],
	.contenedor-boton-contacto-comentario input[type="submit"]{
		position: relative;
		font-family: 'Hind Siliguri';
		font-weight: 500;
		font-size: 18px;
		letter-spacing:.5px;
		color:#ffffff;
		float: right;
		background-color: #1c3650;
		border: none;
		height:48px;
		width: 200px;
		outline: none;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border-radius: 10px;
	}

	.contenedor-boton-contacto-cita input[type='submit']:hover,
	.contenedor-boton-contacto-comentario input[type="submit"]:hover{
		color:#ffffff;
		background-color: #b79c57;
	}
}