/* fonts
------------------------------------------------------------------------------------------------------  */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* body
------------------------------------------------------------------------------------------------------  */
body {
    margin: 0 auto;
    width: 100%;
    padding: 0px;
	font-size: 18px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
}


	/* row
	------------------------------------------------------------------------------------------------------  */
	.row{
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}

	/* cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_90     { float: left; margin: 0px; padding: 0px; width: 90%; }
	.col_80     { float: left; margin: 0px; padding: 0px; width: 80%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_70     { float: left; margin: 0px; padding: 0px; width: 70%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_65     { float: left; margin: 0px; padding: 0px; width: 65%; }
	.col_60     { float: left; margin: 0px; padding: 0px; width: 60%; }
	.col_55     { float: left; margin: 0px; padding: 0px; width: 55%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_45     { float: left; margin: 0px; padding: 0px; width: 45%; }
	.col_40     { float: left; margin: 0px; padding: 0px; width: 40%; }
	.col_35     { float: left; margin: 0px; padding: 0px; width: 35%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_30     { float: left; margin: 0px; padding: 0px; width: 30%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }
	.col_10     { float: left; margin: 0px; padding: 0px; width: 10%; }


	/* contents
	------------------------------------------------------------------------------------------------------  */
	.content{
		margin: 0 auto;
		width: 95%;
	    max-width: 1200px;
	}
	.content-full{
		margin: 0 auto;
		width: 100%;
	    max-width: 1600px;
	}


	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
		font-size: 55px;
		line-height: 55px;
		font-weight: 600;
	}
	h2{
		font-size: 32px;
		line-height: 32px;
		font-weight: 600;
	}
	h3{
		font-size: 23px;
		line-height: 24px;
		font-weight: 600;
	}
	h4{
		font-size: 19px;
		line-height: 24px;
	}
	p{
		margin: 0px;
		padding: 0px;
	}


	/* tools
	------------------------------------------------------------------------------------------------------  */
	a {
		cursor:pointer;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;		
	}
	.text-center{
		text-align: center;
	}
	.text-white{
		color: #fff;
	}
	.link{
		color: #2a2a2a;
		text-decoration: none;
	}
	.link:hover{
		color: #12d8d3;
	}
	.link-corpo{
		color: #12d8d3;
		text-decoration: none;
	}
	.link-corpo:hover{
		text-decoration: underline;
	}
	.btn{
		color: #12d8d3;
		text-decoration: none;
		cursor: pointer;
		padding: 10px 18px;
		background-image: url('../img/btn-flechas.png');
		background-position: 90% center;
		background-repeat: no-repeat;
		background-size: 24px;
		padding-right: 45px;
		font-size: 18px;
		font-weight: 500;
		border-radius: 50px;
	}
	.btn:hover{
		background-image: url('../img/btn-flechas-blanco.png');
		border: 1px solid #fff;
		color: #fff;
	}
	.btn-oscuro{
		color: #12d8d3;
		text-decoration: none;
		cursor: pointer;
		padding: 10px 18px;
		background-image: url('../img/btn-flechas.png');
		background-position: 90% center;
		background-repeat: no-repeat;
		background-size: 24px;
		padding-right: 45px;
		font-size: 18px;
		font-weight: 500;
		border-radius: 50px;
	}
	.btn-oscuro:hover{
		background-image: url('../img/btn-flechas-blanco.png');
		border: 1px solid #12d8d3;
		background-color: #12d8d3;
		color: #fff;
	}

	.btn-landing{
		color: #12d8d3;
		text-decoration: none;
		cursor: pointer;
		padding: 10px 18px;
		background-color: #2a2a2a;
		background-image: url('../img/btn-flechas.png');
		background-position: 95% center;
		background-repeat: no-repeat;
		background-size: 24px;
		padding-right: 70px;
		font-size: 18px;
		font-weight: 500;
		border-radius: 50px;
	}
	.btn-landing:hover{
		background-image: url('../img/btn-flechas-blanco.png');
		border: 1px solid #12d8d3;
		color: #fff;
	}

	/* pull
	------------------------------------------------------------------------------------------------------  */
	#pull{
		display: none;
		float: right;
		margin-left: 30px;
		margin-top: 10px;
	}
	#pull img{
		width: 35px;
	}
	#pull img:hover{
		opacity: 0.8;
	}




	/* header
	------------------------------------------------------------------------------------------------------  */
	#header{
		float: left;
		position: fixed;
		width: 100%;
		padding: 30px 0px;
		padding-bottom: 15px;
		background: rgba(0,0,0,0.1);
		z-index: 99999;
	}
	#header #logo{
		display: inline-block;
	}
	#header #logo img{
		width: 210px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;		
	}
	#header #menu-desktop{
		float: right;
		text-align: right;
		width: 100%;
		list-style: none;
		margin-top: 25px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;		
	}
	#header #menu-desktop li{
		display: inline-block;
		margin-left: 10px;
	}
	#header #menu-desktop li a{
		color: #fff;
		font-size: 14px;
		letter-spacing: 0.2px;
		text-decoration: none;
	}
	#header #menu-desktop li a:hover{
		color: #12d8d3;
	}
	.header-interior{
		background: rgba(255,255,255,1) !important;
	}
	.header-interior #telefonos a:hover{
		color: #000 !important;
	}
	.header-interior #menu-desktop li a{
		color: #2a2a2a !important;
	}
	.header-interior #menu-desktop li a:hover{
		color: #12d8d3 !important;
	}
	.header-interior #idiomas a{
		color: #2a2a2a !important;
	}
	.header-interior #idiomas a:hover{
		color: #12d8d3 !important;
	}
	#header #telefono_responsive{
		display: none;
		float: right;
		margin-left: 20px;
		margin-right: -15px;
		margin-top: 7px;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		background-color: #fff;
		border: 3px solid #12d8d3;
		text-align: center;
		padding-top: 8px;
		box-sizing: border-box;
	}
	#header #telefono_responsive img{
		width: 20px;
	}



	/* resenas
	------------------------------------------------------------------------------------------------------  */
	#resenas{
		float: left;
		width: 100%;
		padding: 5em 0em;
	}	
	#resenas .img-google{
		width: 160px;
	}
	#resenas .califica{
		display: inline-block;
		width: 100%;
		margin-top: 10px;
	}
	#resenas .califica .num{
		display: inline-block;
		width: auto;
		margin-right: 10px;
	}
	#resenas .califica .stars{
		display: inline-block;
		width: auto;
	}
	#resenas .califica .stars img{
		width: 90px;
	}
	#resenas .califica .total{
		font-size: 16px;
	}
	#resenas .box-resenas{
		display: inline-block;
		width: 100%;
		margin-top: 2em;
		
	}
	#resenas .box-resenas .box-cavas{
		float: left;
		width: 100%;
		overflow: hidden;
	}

	#resenas .box-resenas .slick-prev, #resenas .box-resenas .slick-arrow{
		display: none !important;
	}
	#resenas .box-resenas .box-cavas .resena{
		display: inline-block;
		vertical-align: top;
		width: 18%;
		margin: 0px 0.3%;
		padding: 1.875em 0em;
		padding-bottom: 2.5em;
		text-align: center;
		background-color: var(--color-white);
		border-radius: 4px;
		text-align: center;
	}
	#resenas .box-resenas .box-cavas .resena .foto{
		display: inline-block;
		width: 60px;
		height: 60px;
		border-radius: 100%;
		background-color: var(--color-primary);
		border: 1px solid var(--color-primary);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 19px;
		font-weight: bold;
		box-sizing: border-box;
		color: #fff;
		background-color: #444 !important;		
	}
	#resenas .box-resenas .box-cavas .resena .nombre{
		display: inline-block;
		width: 100%;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		margin: 10px 0px;
	}
	#resenas .box-resenas .box-cavas .resena .txt{
		display: inline-block;
		width: 100%;
		padding: 0px 2.3em;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.4em;
		text-align: justify;
		box-sizing: border-box;
	}

	#resenas .content-btn{
		margin-top: 20px;
	}

	#resenas-todas{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 3em;
		text-align: center;
	}
	#resenas-todas h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-primary)
	}
	#resenas-todas .box-tit{
		width: 100%;
		background-image: url('../img/personaje-resena.png');
		background-repeat: no-repeat;
		background-position: 95% bottom;	
		border: 7px solid var(--color-primary);
		min-height: 230px;
		padding: 30px 0px;
		box-sizing: border-box;
	}
	@media only screen and (max-width: 720px) {
		#resenas-todas .box-tit{
			background-position: 95% bottom;	
			background-size: 140px;
			min-height: 450px;
			padding-bottom: 80px;
		}
		#resenas-todas .box-tit .las_stars .content-stars-general {
			float: left;
		}
		
	}
	#resenas-todas .box-tit .las_stars{
		display: inline-block;
		width: 100%;
		max-width: 680px;
		text-align: center;
		padding: 0px 30px;
		box-sizing: border-box;
	}
	#resenas-todas .box-tit .las_stars .literal{
		width: 100%;
		font-size: 30px;
		line-height: 35px;
		font-weight: 900;
		margin-bottom: 20px;
		color: var(--color-primary);
		text-shadow: 0px 0px 10px var(--color-white);
	}
	#resenas-todas .box-tit .las_stars .content-stars-general {
		display: inline-block;	
		text-align: center;
		margin-top: 10px;
	}
	#resenas-todas .box-tit .las_stars .content-stars-general .stars-general{
		display: inline-block;
		width: auto;
		text-align: center;
	}
	#resenas-todas .box-tit .las_stars .content-stars-general .stars-general .num{
		float: left;
		margin-right: 11px;
		font-weight: 600;
		color: var(--color-primary);
		font-size: 19px;
	}
	#resenas-todas .box-tit .las_stars .content-stars-general .stars-general img{
		float: left;
		width: 20px;
	}
	#resenas-todas .box-tit .las_stars .content-stars-general .total-resenas{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#resenas-todas .las_resenas{
		display: inline-block;
		padding-bottom: 2em;
		margin: 0px 10%;
	}
	
	#resenas-todas .las_resenas .item{
		float: left;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		padding: 25px 0%;
		border-radius: 5px;
		background-color: #f0f0f0;
		margin-top: 10px;
	}
	#resenas-todas .las_resenas .item .col_izq{
		float: left;
		width: 30%;
	}
	
	@media only screen and (max-width: 530px) {
	
		#resenas-todas .las_resenas .item .col_izq{
			width: 100%;
		}
		#resenas-todas .las_resenas .item .txt{
			width: 100% !important;
		}
		
	}
	
	#resenas-todas .las_resenas .item .col_izq .nombre{
		display: inline-block;
		width: 100%;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		padding: 10px 0px;
	}
	#resenas-todas .las_resenas .item .col_izq .foto{
		margin: 0 auto;
		width: 60px;
		height: 60px;
		border-radius: 100%;
		border: 1px solid #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		font-weight: 900;
		color: #fff;
		padding-top: 17px;
		font-size: 23px;
		box-sizing: border-box;
		background-color: #444 !important;
	}
	#resenas-todas .las_resenas .item .col_izq .stars{
		margin: 0 auto;
		width: 60px;
		text-align: center;
	}
	#resenas-todas .las_resenas .item .col_izq .stars img{
		float: left;
		width: 12px;
	}
	#resenas-todas .las_resenas .item .txt{
		float: left;
		width: 70%;
		font-size: 0.8em;
		line-height: 20px;
		text-align: left;
		font-weight: 300;
		color: var(--color-darkgrey);
		box-sizing: border-box;
		padding: 10px 30px;
	}
	
	

	


	/* menu-responsive
	------------------------------------------------------------------------------------------------------  */
	#menu-responsive{
		display: none;	
	}
	#menu-responsive ul{
		float: left;
		width: 100%;
		text-align: center;
		list-style: none;
		margin-top: 30px;
		background-color: #000;
		padding: 40px 0px;
		box-sizing: border-box;
	}
	#menu-responsive ul li{
		float: left;
		width: 100%;
		
	}
	#menu-responsive ul li a{
		display: inline-block;
		color: #fff;
		width: 90%;
		padding:8px 5%;
		text-decoration: none;
		border: 1px solid #fff;
		box-sizing: border-box;
		margin-bottom: 5px;
		border-radius: 50px;
	}


	#header #telefonos{
		float: right;
		margin-top: 3px;
		background-image: url('../img/ico-tel.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 14px;
		font-size: 18px;
		font-weight: 700;
		padding-left: 22px;
		color: #12d8d3;
	}
	#header #telefonos a{
		color: #12d8d3;
		text-decoration: none;
	}
	#header #telefonos a:hover{
		color: #fff;
	}
	#header #idiomas{
		float: right;
		margin-top: 5px;
		margin-left: 25px;
	}
	#header #idiomas a{
		float: right;
		font-size: 16px;
		color: #fff;
		text-decoration: none;
		margin-left: 10px;
	}
	#header #idiomas a:hover{
		color: #12d8d3;
	}




	/* home
	------------------------------------------------------------------------------------------------------  */
	#home{
		float: left;
		width: 100%;
		background-image: url('../img/back-home.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 50px;
	}
	#home h1{
		display: inline-block;
		width: 100%;
		text-align: center;
		color: #fff;	
		margin: 0px;	
		margin-top: 300px;
		margin-bottom: 20px;
	}
	#home .abstract{
		display: inline-block;
		width: 100%;
		text-align: center;
		color: #fff;		
		font-weight: 200;
		font-size: 28px;
	}
	#home .abstract p{
		margin: 0px;
		padding: 0px;
	}
	#home .box-btn{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	#home .box-home{	
		display: inline-block;
		margin-top: 100px;
		width: 100%;
		text-align: center;
		background: rgba(18,216,211,0.9);
		padding: 40px;
		box-sizing: border-box;
		border-radius: 5px;
	}
	#home .box-home .tit{	
		display: inline-block;
		width: 100%;
		color: #fff;
		font-weight: 600;
		font-size: 24px;
	}
	#home .box-home .texto{		
		display: inline-block;
		margin-top: 15px;
		width: 100%;
		color: #2a2a2a;
		font-weight: 300;
		font-size: 19px;
	}
	#home .box-scroll{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	#home .box-scroll img{
		width: 50px;
	}






	/* servicios
	------------------------------------------------------------------------------------------------------  */
	#servicios{
		float: left;
		width: 100%;
		padding: 100px 0px;
		padding-bottom: 0px;
		text-align: center;
	}	
	#servicios .caption{
		display: inline-block;
		width: 100%;
		text-align: center;
		font-size: 14px;
		letter-spacing: 2px;
	}
	#servicios h2{
		display: inline-block;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 15px;
		text-align: center;
		color: #12d8d3;
	}
	#servicios .descripcion{
		display: inline-block;
		width: 90%;
		max-width: 700px;
		text-align: center;
		font-weight: 200;
	}
	#servicios .box-servicios{
		display: inline-block;
		width: 100%;
		margin-top: 70px;
	}
	#servicios .box-servicios .servicio{
		display: inline-block;
		width: 31.8%;
		margin: 0.5%;
		box-sizing: border-box;
		height: 300px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 11px;
		text-decoration: none;
		text-align: left;
		border-radius: 4px;
	}
	#servicios .box-servicios .servicio .box-textos{
		display: table;
		position: relative;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		padding: 40px;
		box-sizing: border-box;
		border-radius: 4px;
	}
	#servicios .box-servicios .servicio .box-textos h3{
		display: table-cell;
		width: 100%;
		color: #12d8d3;
		vertical-align: bottom;
	}
	#servicios .box-servicios .servicio:hover .box-textos{
		background: rgba(18,216,211,0.9);
	}

	#servicios .box-servicios .servicio:hover .box-textos h3{
		color: #fff;
	}
	#servicios .box-servicios .servicio:hover .box-textos .saber-mas{
		display: table-cell;
	}
	#servicios .box-servicios .servicio .box-textos .saber-mas{
		display: none;
		width: 100%;
		vertical-align: bottom;
	}
	#servicios .box-servicios .servicio .box-textos .saber-mas img{
		float: right;
		width: 40px;
		transition: all 1s ease;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;		
	}

	#servicios .box-servicios .back-servicio-empresarial{
		background-image: url('../img/servicio-empresarial.jpg');
	}
	#servicios .box-servicios .back-servicio-familiar{
		background-image: url('../img/servicio-familiar.jpg');
	}
	#servicios .box-servicios .back-servicio-financiera{
		background-image: url('../img/servicio-financiera.jpg');
	}
	#servicios .box-servicios .back-servicio-mutuas{
		background-image: url('../img/servicio-mutuas.jpg');
	}
	#servicios .box-servicios .back-servicio-infracciones{
		background-image: url('../img/servicio-infracciones.jpg');
	}
	#servicios .box-servicios .back-servicio-tecnica{
		background-image: url('../img/servicio-tecnica.jpg');
	}


	#servicios .box-servicios .servicio-texto{
		display: inline-block;
		width: 31.8%;
		margin: 0.5%;
		box-sizing: border-box;
		height: 300px;
		margin-bottom: 11px;
		text-align: left;
		border-radius: 10px;
		background-color: #f0f0f0;
		border: 5px solid #12d8d3;
	}
	#servicios .box-servicios .servicio-texto .box-textos{
		display: table;
		position: relative;
		width: 100%;
		height: 100%;
		padding: 40px;
		box-sizing: border-box;
		border-radius: 4px;
	}
	#servicios .box-servicios .servicio-texto .box-textos h3{
		display: table-cell;
		width: 100%;
		color: #12d8d3;
		vertical-align: bottom;
	}	


	/* box-contacto
	------------------------------------------------------------------------------------------------------  */

	#box-contacto{
		display: inline-block;
		width: 99%;
		margin-top: 90px;
		margin-bottom: 90px;
	}
	#box-contacto .caja{
		display: inline-block;
		width: 100%;
		border: 1px solid #f0f0f0;
		background-color: #fff;
		box-sizing: border-box;
		box-shadow: 0px 10px 20px #ccc;
		border-radius: 4px;
	}
	#box-contacto .caja .textos{
		float: left;
		width: 60%;
		padding-left: 40px;
		box-sizing: border-box;
		height: 120px;
		text-align: left;
	}
	#box-contacto .caja .textos .los-textos{
		display: table;
		width: 100%;
		height: 100%;
		text-align: left;
	}
	#box-contacto .caja .textos .los-textos .txts{
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 100%;
	}
	#box-contacto .caja .textos .los-textos .txts .tit{
		display: inline-block;
		width: 100%;
		font-size: 26px;
		font-weight: 600;
		color: #2a2a2a;
	}
	#box-contacto .caja .textos .los-textos .txts .txt{
		display: inline-block;
		width: 100%;
		font-size: 18px;
		font-weight: 200;
		color: #2a2a2a;
	}
	#box-contacto .caja .tels{
		float: left;
		width: 20%;
		height: 120px;
	}
	#box-contacto .caja .tels .los-tels{
		display: table;
		width: 100%;
		height: 100%;
		background-color: #2a2a2a;
		background-image: url('../img/triangulo-blanco.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 10px;
		border-left: 1px solid #fff;
		text-align: center;
	}
	#box-contacto .caja .tels .los-tels a{
		text-decoration: none;
		color :#12d8d3;
	}
	#box-contacto .caja .tels .los-tels a:hover{
		color :#fff;
	}
	#box-contacto .caja .tels .los-tels span{
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 100%;
		font-size: 18px;
		line-height: 18px;
		color: #12d8d3;
	}
	#box-contacto .caja .tels .los-tels span img{
		width: 16px;
	}
	#box-contacto .caja .escribir{
		float: left;
		width: 20%;
		height: 120px;
	}
	#box-contacto .caja .escribir .los-btns{
		display: table;
		width: 100%;
		height: 100%;
		background-color: #2a2a2a;
		background-image: url('../img/triangulo-blanco.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 10px;
		border-left: 1px solid #fff;
		text-align: center;
	}
	#box-contacto .caja .escribir .los-btns .btn{
		display: table-cell;
		vertical-align: middle;
		color: #12d8d3;
		border: 0px;
		padding-left: 0px;
		border-radius: 0px;
		background-position: 80% center;
	}
	#box-contacto .caja .escribir .los-btns .btn:hover{
		color: #fff;
	}




	.box-donaciones{
		display: inline-block;
		width: 99%;
		margin-top: 90px;
		margin-bottom: 90px;
		padding: 20px 0px;
		border-bottom: 4px solid #f0f0f0;
		text-align: center;

	}
	.box-donaciones .titulo-donacion{
		display: inline-block;
		width: 100%;
		background-color: #f0f0f0;
		border-radius: 4px;
		padding: 25px 0px;
	}
	.box-donaciones .titulo-donacion .tit{
		display: inline-block;
		margin: 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
		color: #12d8d3;
		font-size: 30px;
	}
	.box-donaciones .titulo-donacion span{
		display: inline-block;
		margin: 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
		font-size: 14px;
		color: #000;
	}
	.box-donaciones .donacion{
		display: inline-block;
		padding: 10px 10px;
		box-sizing: border-box;
		vertical-align: middle;
		text-align: center;
	}
	.box-donaciones .donacion .content-img{
		display: table;
		vertical-align: middle;
		height: 100%;
		text-align: center;
	}
	.box-donaciones .donacion .content-img img:hover{
		opacity: 0.7;
	}




	/* interior
	------------------------------------------------------------------------------------------------------  */

	#interior{
		display: inline-block;
		width: 100%;
		margin-top: 135px;
	}
	#interior #back-interior{
		display: inline-block;
		width: 100%;
		height: 500px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#interior .direcciones{
		text-align: right;
		padding: 40px;
		background-color: #f0f0f0;
		box-sizing: border-box;
		height: auto !important;
		font-size: 14px;
	}
	#interior .back-cap-formulario{
		display: inline-block;
		width: 100%;
		background-color: #12d8d3;
		margin-top: -5px;
	}
	#interior .back-cap-formulario .cap-formulario{
		float: right;
		width: 100%;
		max-width: 600px;
		text-align: right;
		padding: 50px;
		padding-top: 140px;
		box-sizing: border-box;
	}

	#interior .back-cap-formulario .cap-formulario img{
		display: inline-block;
		width: 12px;
		margin-top: 30px;
	}
	#interior .back-cap-formulario .cap-formulario .cap{
		display: inline-block;
		width: 100%;
		font-size: 14px;
		color: #2a2a2a;
		font-weight: 400;
	}
	#interior .back-cap-formulario .cap-formulario .tit{
		display: inline-block;
		width: 100%;
		font-size: 26px;
		color: #fff;
		font-weight: 600;
	}
	#interior .back-cap-formulario .cap-formulario .txt{
		display: inline-block;
		width: 100%;
		margin-top: 15px;
		font-size: 16px;
		color: #fff;
		font-weight: 300;
	}
	
	
	#interior-detective-girona{
		display: table !important;
		width: 100%;
		margin-top: 135px;
		padding: 50px 0px;
		max-width: 1200px;
		font-size: 16px;
		line-height: 22px;
	}
	#interior-detective-girona h2{
		color: #12d8d3 !important;
	}
	#interior-detective-girona .text16{
		font-size: 20px !important;
    	line-height: 25px;
	}



	#interior .box-contenido{
		display: inline-block;
		width: 100%;
		max-width: 600px;
		padding: 50px 0px;
		padding-left: 80px;
		box-sizing: border-box;
	}
	#interior .box-contenido-landing{
		max-width: 90%;
		width: 90%;
	}
	#interior .box-contenido .caption{
		display: inline-block;
		width: 100%;
		color: #2a2a2a;
		font-size: 24px;
		font-weight: 300;
	}
	#interior .box-contenido h1{
		display: inline-block;
		width: 100%;
		font-size: 45px;
		line-height: 48px;
		color: #12d8d3;
	}
	#interior .box-contenido .descripcion{
		display: inline-block;
		width: 100%;
		color: #2a2a2a;
		font-size: 16px;
		line-height: 22px;
		font-weight: 400;
		text-align: justify;
	}
	#interior .box-contenido .descripcion ul{
		margin-left: -20px;
	}



	/* faqs
	------------------------------------------------------------------------------------------------------  */
	.faqs .box-contenido{
		margin: 0px;
		padding: 0px !important;
		width: 100%;
		max-width: 100% !important;
	}
	.box-faq{
		display: inline-block;
		width: 100%;
		margin-bottom: 30px;
		border: 1px solid #f0f0f0;		
		border-radius: 5px;
	}
	.box-faq h3{	
		display: inline-block;
		width: 100%;
		margin: 0px;
		padding: 30px;
		box-sizing: border-box;
		background-color: #f0f0f0;	
	}
	.box-faq .textos{		
		display: inline-block;
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
		margin: 0px;
		color: #2a2a2a;
		font-size: 16px;
		line-height: 22px;
		font-weight: 400;
		text-align: justify;		

	}
	.box-faq .textos h4{		
		display: inline-block;
		width: 100%;
		margin: 0px;
		margin-bottom: 10px;
	}






	/* interior
	------------------------------------------------------------------------------------------------------  */

	#formulario{
		display: inline-block;
		width: 100%;
		padding-top: 60px;
		margin-top: -8px;
		padding-bottom: 80px;
		background-color: #f0f0f0;
	}
	#formulario .box-form{
		width: 48%;
	}
	#formulario .box-form label{
		display: inline-block;
		width: 100%;
	}
	#formulario .box-form input{
		display: inline-block;
		width: 100%;
	}
	#formulario .box-form textarea{
		display: inline-block;
		width: 100%;
		height: 201px;
	}
	#formulario .box-form-left{
		float: left;
	}
	#formulario .box-form-right{
		float: right;
	}



	/* form
	------------------------------------------------------------------------------------------------------  */
	form{
		width: 100%;
		font-size: 16px;
	}
	form .btn{
		display: inline-block;
		margin-top: 20px;
		color: #12d8d3;
		text-decoration: none;
		cursor: pointer;
		padding: 10px 18px;
		background-image: url('../img/btn-flechas.png');
		background-position: 90% center;
		background-repeat: no-repeat;
		background-size: 24px;
		padding-right: 45px;
		font-size: 18px;
		font-weight: 500;
		border-radius: 50px;
		background-color: #2a2a2a;
	}
	form .btn:hover{
		background-image: url('../img/btn-flechas-blanco.png');
		border: 0px solid #2a2a2a;
		color: #fff;
	}	
	form label{
		float: left;
		width: 90%;
		margin-top: 10px;
		box-sizing: border-box;
	}
	form input,textarea{
		float: left;
		width: 100%;
		margin-top: 10px;
		padding: 12px 20px;
		font-size: 15px;
		font-weight: 300;
		background-color: #fff;
		border: 0px;
		border-radius: 8px;
		outline: none;
		box-sizing: border-box;
	}
	.empty{
		display: inline-block;
		width: 100%;
		height: 20px;
	}
	form .loschecks{
		float: left;
		width: 100%;
		font-size: 14px;
		padding: 5px 0px;
	}
	.msgs_form{
		float:left; 
		clear:both; 
		display: none; 
		text-align:left; 
		margin-top:5px; 
		color:#fff; 
		padding:5px 10px; 
		background-color:#c00;
		font-size: 13px;
		font-weight: 300;
	}		  
	.msgs_send{
		float:left; 
		clear: left; 
		width: auto; 
		display: none; 
		margin-top: 5px;
		font-size:15px;
		background-color: #5cac20;
		color: #fff;
		padding: 10px 10px;
		text-transform: uppercase;
		font-weight: 700;
	}
	#confirm_send{
		display: none;
		margin-top: 20px;
		border: 1px solid #333;
		padding: 20px;
		box-sizing: border-box;
	}

		  
	/* pre-footer
	------------------------------------------------------------------------------------------------------  */
	#pre-footer{
		float: left;
		width: 100%;
		padding: 30px 0px;
		text-align: left;
		font-size: 15px;
		letter-spacing: 0px;
		background-color: #f0f0f0;
		color: #2a2a2a;
	}
	#pre-footer ul{
		color: #2a2a2a;
		text-decoration: none;
		margin-left: -20px;
	}
	#pre-footer ul li{
		margin-bottom: 8px;
	}
	#pre-footer ul li a{
		text-decoration: none;
		color: #2a2a2a;
	}
	#pre-footer ul li a:hover{
		text-decoration: underline;
	}


	/* footer
	------------------------------------------------------------------------------------------------------  */
	#footer{
		float: left;
		width: 100%;
		padding: 30px 0px;
		text-align: center;
		font-size: 15px;
		letter-spacing: 0px;
		background-color: #dddcdc;
		color: #2a2a2a;
	}
	#footer .item{
		display: inline-block;
	}




/* claim_whatsapp*/

#claim_whatsapp{
	display: none;
	position: absolute;
	position: fixed;
	z-index: 99999999;
	width: 110px;
	height: 110px;
	bottom: 20px;
	right: 20px;
	border-radius: 100%;
	background-color: #333;
	border: 3px solid #12d8d3;
	text-align: center;
	box-shadow: 0px 0px 10px #999;
}
#claim_whatsapp:hover{
	background-color: #12d8d3;
	border: 3px solid #12d8d3;
	box-shadow: 0px 0px 10px #999;
}
#claim_whatsapp:hover a{
	color: #fff !important;
}
#claim_whatsapp img{
	margin: 0 auto;
	width: 28px;
	margin-top: 12px;
	margin-bottom: 4px;
}
#claim_whatsapp a{
	text-decoration: none;
	display: inline-block;
	color: #12d8d3;
	text-align: center;
	width: 100%;
	font-size: 14px;
	line-height: 12px;
	font-weight: 300;
}
#claim_whatsapp a span{
	display: inline-block;
	margin-top: 5px;
	font-size: 9px;
	font-weight: 500;
}
/* claim_whatsapp (end)*/





        /* Cookies
	------------------------------------------------------------------------------------------------------  */

	#container_cookies {
		width: 100%;
		background-color: rgba(0,0,0,0.9);
		position: fixed;
		bottom: 0px;
		border-top: 1px solid #12d8d3;
		z-index: 99999999999999999999;
	}
	#container_cookies .mensaje {
		margin: 0 auto;
		width: 100%;
		max-width: 975px;
		text-align: justify;
		font-size: 13px;
		color: #fff;
		padding: 25px 50px 25px 50px;            
	}
	#container_cookies .mensaje .txt {
		padding-right: 225px;
		line-height: 18px;    
		float: left;
		padding-bottom: 25px;
	}
	#container_cookies .mensaje a {
		color: #12d8d3;
		text-decoration: none !important;             
	}
	#container_cookies .mensaje a:hover {
		text-decoration: underline;
	}
	#container_cookies .acepto {
		float: right;            
		padding: 8px 25px;
		background-color: #eee;
		cursor: pointer;                        
		color: #000;   
		font-size: 14px;     
		margin-top: -80px;
	}
	#container_cookies .acepto:hover {
		background-color: #bbb;
	}
	



	/* marcador validacion formulario */
	.warning {
		border: 1px solid #c00 !important;
	}


	/* video container responsive */
	#video .embed-container {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
			max-width: 100%;
	}
	#video .embed-container iframe, #video .embed-container object, #video .embed-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
	}






	/* responsive
	------------------------------------------------------------------------------------------------------  */

	@media only screen and (max-width: 1180px) {
	
		h1{
			font-size: 40px;
			line-height: 45px;
		}
		h2{
			font-size: 25px;
			line-height: 28px;
		}
		h3{
			font-size: 18px;
			line-height: 20px;
		}		
		h4{
			font-size: 16px;
			line-height: 19px;
		}
		#menu-desktop{
			display: none;
		}
		#header{
			padding-bottom: 30px;
		}
		#header #logo img{
			width: 150px;
		}
		#pull{
			display: inline-block;
		}
		#header #telefonos{
			margin-top: 16px;
		}	
		#header #idiomas{
			margin-top: 18px;
		}
		
	}


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

		#interior .box-contenido{
			width: 90%;
			max-width: 100%;
			padding: 50px 0px;
			padding-left: 60px;
		}
		#formulario{
			padding: 70px 50px;
			box-sizing: border-box;
		}
	

	}

	@media only screen and (max-width: 1024px) {
    
		/* Cookies */
		
		#container_cookies .acepto {
			margin-top: 0;
			float: left;
			margin-bottom: 15px;
		}
		#container_cookies .mensaje .txt {
			padding-right: 90px;
		}
	
		#box-contacto .caja .textos{
			width: 50%;
		}
		#box-contacto .caja .tels{
			width: 25%;
		}
		#box-contacto .caja .escribir{
			width: 25%;
		}

	}


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

		#box-contacto .caja .textos{
			width: 100%;
			padding-left: 0px;
		}
		#box-contacto .caja .textos .los-textos{
			text-align: center;
		}
		#box-contacto .caja .tels{
			width: 50%;
		}
		#box-contacto .caja .escribir{
			width: 50%;
		}
		#footer .item{
			width: 100%;
		}

	}	


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

		#interior .col_60, #interior .col_40 {
			width: 100%;
		}
		#interior #back-interior{
			height: 250px;
		}
		#interior .box-contenido h1{
			font-size: 32px;
			line-height: 35px;
		}
		#cap-desktop{
			display: none !important;
		}
		#cap-mobile{
			display: inline-block !important;
			margin-top: 50px;
		}
		#cap-mobile .back-cap-formulario .cap-formulario{
			float: left;
			width: 100%;
			max-width: 100%;
			text-align: left;
			padding: 50px;
			padding-top: 70px;
		}
	
	}


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

		#servicios .box-servicios .servicio, #servicios .box-servicios .servicio-texto{
			width: 48%;
			margin: 0.5%;
			height: 300px;
			margin-bottom: 6px;
		}

	}


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

		#formulario .box-form{
			width: 100%;
		}
		#formulario .box-form-right{
			float: left;
		}

	}


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

		body {
			font-size: 16px;
		}
		#header #telefonos{
			display: none;
		}	
		#header #telefono_responsive{
			display: inline-block;
		}		
		#home h1{
			margin-top: 200px;
		}
		#home .abstract{
			font-size: 22px;
		}		
		#home .box-home .tit{	
			font-size: 22px;
		}
		#home .box-home .texto{		
			font-size: 16px;
		}
		#box-contacto .caja .textos .los-textos .txts .tit{
			font-size: 22px;
		}
		#box-contacto .caja .textos .los-textos .txts .txt{
			font-size: 16px;
		}
		#pre-footer{
			padding-bottom: 50px;
		}
		#pre-footer .col_50{
			width: 100%;
			text-align: center;
		}
		#pre-footer ul{
			list-style: none;
		}
		#pre-footer #btn-girona{
			font-size: 13px;
		}
	
	}

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

		#servicios .box-servicios .servicio, #servicios .box-servicios .servicio-texto{
			width: 98%;
			margin: 0px;
			height: 200px;
			margin-bottom: 6px;
		}

	}
