/*@import "iconfont.css";*/
@import "line-icons.css";
@import "animate.min.css";

/*-----------------------------------------------------------------------------------*/
/* index
/*-----------------------------------------------------------------------------------*/

	/*-----------------------------------------------------------------------------------*/
	/*	01 GENERAL
	/*	02 KEY COLOR
	/*	03 NAVBAR
	/*	04 HEADER
	/*	05 BRAND
	/*	06 PURCHASE
	/*	07 Invalidez
	/*	08 MEDICOS
	/*	09 PROPIETARIO
	/*	10 ARRENDATARIO
	/*	11 AUTO
	/*	12 VIDA
	/*	13 AHORRO
	/*	14 PAYOFF
	/*	15 MÁS INFORMACIÓN
	/*	16 DETAIL
	/*	17 FEATURES
	/*	18 SOCIAL
	/*	19 GET-IT
	/*	20 MEDIA QUERIES
	/* 		2000
	/* 		1366
	/* 		1024
	/* 		992
	/*		768
	/* 		640
	/* 		480
	/* 		400
	/* 		Retina
	/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	01 GENERAL
/*-----------------------------------------------------------------------------------*/

	body{
		text-align: center;
		font-family: 'Source Sans Pro', sans-serif;
		outline: none;
	}

	:focus {outline:none; box-shadow: none;}
	a:focus {
		outline:none;
		-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1);
		box-shadow: 0 0 1px rgba(0,0,0,0.2);
	}

	h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
		color: #3a3a3a;
		font-weight: 700;
		font-family: 'Source Sans Pro', sans-serif;
	}

	h1.text-color-h1 {
		font-size: 40px;
		color: #27b0da;
	}

	h2.cap-font {
		text-align: justify;
	}
	p{
		font-size: 1.2em;
	}

	p.text-color-p {
		font-size: 29px;
		color: #1157a1;
	}

	.lead{
		font-weight: 300;
	}

	button {
		display: inline-block;
		margin-bottom: 0;
		margin-bottom: 10px;
		padding: 6px 12px;
		border: 1px solid transparent;
		border-radius: 4px;
		border-radius: 5px;
		vertical-align: middle;
		text-align: center;
		white-space: nowrap;
		font-weight: normal;
		font-size: 14px;
		line-height: 1.428571429;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

	.visibility{
		visibility: hidden;
	}

	.animated{
		visibility: visible!important;
	}

	.boton-top{
		display: none;
		width: 50px;
		text-align: center;
		color: #fff;
		background: #096ab2;
		cursor: pointer;
		padding: 10px;
		position: fixed;
		bottom: 50px;
		right: 50px;
		z-index: 100;
	}

	.item-inner a {
		text-align: justify;
		font-size: 1.2em;
	}

	#sub-inner-menu {
		list-style-type: none;
		text-align: justify;
	}
	.item-subinner a {
		font-size: 1.2em;
	}

	.preloader:after {
		background-color:#1aa5d5;
	}

	/* PRELOADER */
.fullscreen_block.hided {
    opacity: 0;
}

.preloader {
    position: fixed !important;
    z-index: 7777 !important;
    left: 0;
    top: 0;
    display: block !important;
    width: 100%;
    height: 100%;
    margin: 0;
    pointer-events: none;
    background: #ffffff;
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
}

.preloader.load_done {
    opacity: 0;
}

.preloader:before,
.preloader:after {
    content: '';
    position: fixed;
    left: 0;
    top: 50%;
    display: block !important;
    width: 100%;
    height: 6px;
    margin: -3px 0 0 0;
    pointer-events: none;
    /*background:#e6e6e6;*/
    z-index: 8888 !important;
}

.preloader:after {
    width: 0%;
    transition: width 2s;
    -webkit-transition: width 2s;
    pointer-events: none;
    z-index: 9999 !important;
}

.preloader.hided,
.preloader.hided:before,
.preloader.hided:after {
    display: none !important;
    z-index: -99;
}

.preloader.la-animate:after {
    visibility: visible;
    opacity: 0.999;
    width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*	02 KEY COLOR
/*-----------------------------------------------------------------------------------*/

	/*---- Typography ----*/
	header h1,
	.payoff h1,
	.details .carousel,
	.social a:hover{
		color: #0bf397;
	}

	.features p{
		color: #fff;
	}

	/*---- Background ----*/

	.detail .carousel-indicators .active {
		background: #096ab2;
	}

	.features {
		background: #1aa5d5;
	}

/*-----------------------------------------------------------------------------------*/
/*	03 NAVBAR
/*-----------------------------------------------------------------------------------*/

	nav.navbar{
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		position: fixed;
		top: 0px;
		margin-bottom: 0px;
		padding: 10px 0px 10px 0px;
		width: 100%;
		border-radius: 0px;
		transition: all 0.2s;
	}

	.navbar-nav{
		float: right;
	}

	nav.navbar.fixed-to-top{
		top: 0px;
	}

	.navbar-default{
		border: none;
		border-bottom: 1px solid #eee;
		background: #fff;
		opacity: 0.95;
	}

	.navbar-default .navbar-nav>li>a {
		color: #aaa;
		font-size: 1.2em;
	}

	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
		color: #3A3A3A;
		cursor: pointer;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}

	.navbar-default .navbar-brand{
		color: #333333;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 2em;
		font-family: 'Source Sans Pro', sans-serif;
		padding: 0px;
	}

/*-----------------------------------------------------------------------------------*/
/*	04 HEADER
/*-----------------------------------------------------------------------------------*/

	header{
		padding: 300px 0px 0px 0px;
		height: 900px;
		background: url('../img/cliente/arrendatario.jpg');
		background-color: white!important;
		background-size: cover;
		background-repeat: no-repeat;
		color: white;
	}

	header h1{
		text-transform: uppercase;
		font-weight: 700;
		font-weight: 300;
		font-size: 100px;
		font-family: 'Source Sans Pro', sans-serif;

	}

	header p.lead{
		font-size: 36px;
	}


	header .carousel-iphone{
		margin-right: auto;
		margin-left: auto;
		width: 320px;
		height: 672px;
		background: url('../img/iphone-front.png') no-repeat;
		background-size: 100%;

	}

	header .carousel {
		position: relative;
		margin-right: auto;
		margin-left: auto;
		padding: 95px 0px 0px 4px;
		width: 282px;
	}

	header .carousel-indicators .active {
		width: 15px;
		height: 15px;
		background: #444444;
	}

	header .carousel-indicators {
		bottom: -63px;
	}

	header .carousel-indicators li {
		display: inline-block;
		margin: 1px;
		width: 15px;
		height: 15px;
		border: 1px solid #666666;
		border-radius: 10px;
		text-indent: -999px;
		cursor: pointer;
	}

/*-----------------------------------------------------------------------------------*/
/*	05 BRAND
/*-----------------------------------------------------------------------------------*/

	/*VACIO*/

/*-----------------------------------------------------------------------------------*/
/*	06 PURCHASE
/*-----------------------------------------------------------------------------------*/

	.purchase{
		overflow: hidden;
		padding: 100px 0px 100px 0px;
		min-height: 200px;
	}

	.purchase button.app-store{
		width: 152px;
		height: 52px;
		background: url(../img/cliente/logo_medium.png) no-repeat 0px 5px;
		color: white;
	}

/*-----------------------------------------------------------------------------------*/
/*	07 Invalidez
/*-----------------------------------------------------------------------------------*/

	.invalidez{
		overflow: hidden;
		padding: 300px 0px 150px 0px;
		min-height: 850px;
		min-width: 100%;
		background: url('../img/cliente/invalidez.jpg');
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
		background-repeat: no-repeat;
		color: white;
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}

	.invalidez h1{
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.8em;
	}

/*-----------------------------------------------------------------------------------*/
/*	Retiro
/*-----------------------------------------------------------------------------------*/

	.retiro{
		overflow: hidden;
		padding: 300px 0px 150px 0px;
		min-height: 850px;
		min-width: 100%;
		background: url('../img/cliente/retiro.jpg');
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
		background-repeat: no-repeat;
		color: white;
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}

	.retiro h1{
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.8em;
	}

/*-----------------------------------------------------------------------------------*/
/*	08 MEDICOS
/*-----------------------------------------------------------------------------------*/

	.medicos{
		overflow: hidden;
		padding: 300px 0px 150px 0px;
		min-height: 850px;
		min-width: 100%;
		background: url('../img/cliente/medicos.jpg');
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
		background-repeat: no-repeat;
		color: white;
	}

	.medicos h1{
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.8em;
	}

/*-----------------------------------------------------------------------------------*/
/*	09 PROPIETARIO
/*-----------------------------------------------------------------------------------*/

	.propietarios{
		overflow: hidden;
		padding: 300px 0px 150px 0px;
		min-height: 850px;
		min-width: 100%;
		background: url('../img/cliente/propietario.jpg');
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
		background-repeat: no-repeat;
		color: white;
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}

	.propietarios h1{
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.8em;
	}

/*-----------------------------------------------------------------------------------*/
/*	10 ARRENDATARIO
/*-----------------------------------------------------------------------------------*/

	.arrendatario{
		overflow: hidden;
		padding: 300px 0px 150px 0px;
		min-height: 850px;
		min-width: 100%;
		background: url('../img/cliente/arrendatario.jpg');
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
		background-repeat: no-repeat;
		color: white;
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}

	.arrendatario h1{
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.8em;
	}

/*-----------------------------------------------------------------------------------*/
/*	11 AUTO
/*-----------------------------------------------------------------------------------*/

	.auto{
		overflow: hidden;
		padding: 300px 0px 150px 0px;
		min-height: 850px;
		min-width: 100%;
		background: url('../img/cliente/seguro_de_auto.jpg');
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
		background-repeat: no-repeat;
		color: white;
	}

	.auto h1{
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.8em;
	}

/*-----------------------------------------------------------------------------------*/
/*	12 VIDA
/*-----------------------------------------------------------------------------------*/

	.vida{
		overflow: hidden;
		padding: 300px 0px 150px 0px;
		min-height: 850px;
		min-width: 100%;
		background: url('../img/cliente/seguro_de_vida.jpg');
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-repeat: no-repeat;
		color: white;
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}

	.vida h1{
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.8em;
	}

/*-----------------------------------------------------------------------------------*/
/*	13 AHORRO
/*-----------------------------------------------------------------------------------*/

	.ahorro{
		overflow: hidden;
		padding: 300px 0px 150px 0px;
		min-height: 850px;
		min-width: 100%;
		background: url('../img/cliente/ahorro.jpg');
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-repeat: no-repeat;
		color: white;
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}

	.ahorro h1{
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.8em;
	}

/*-----------------------------------------------------------------------------------*/
/*	14 PAYOFF
/*-----------------------------------------------------------------------------------*/

	.payoff{
		overflow: hidden;
		padding: 230px 0px 150px 0px;
		min-height: 600px;
		background: url('../img/dunes.jpg');
		background-position: center top;
		background-repeat: repeat-x;
		color: white;
	}

	.payoff h1{
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.8em;
	}

/*-----------------------------------------------------------------------------------*/
/*	15 MÁS INFORMACIÓN
/*-----------------------------------------------------------------------------------*/

	.info-gmm, .info-sa, .info-sh, .info-sv {
		overflow: hidden;
	}

	.info-gmm, .info-sa, .info-sh, .info-sv {
		padding: 110px 0px 35px 0px;
	}

	.info-sh {
		background: #e3dfd8;
	}

	.info-sv {
		background: #F1FCF8;
	}

	.info-gmm {
		background: #eaebe6;
	}

	.info-sa {
		background: #e2f5db;
	}

	.info-gmm h1, .info-sa h1, .info-sh h1, .info-sv h1 {
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2.8em;
	}

	.block_img {
		float: right;
		margin-right: 60px;
	}

	.grid_wrapper {
		position: relative;
	}

	.bg-img1, .bg-img2, .bg-img3, .bg-img4, .bg-img5, .bg-img6,
	.bg-img7, .bg-img8, .bg-img9, .bg-img10, .bg-img11, .bg-img12,
	.bg-img13  .diagrama {
		position: relative;
		z-index: 2;
	}
	.bg-img1 {
		background: url('../img/mediator-img/more-info/gastos-medicos-1.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img2 {
		background: url('../img/mediator-img/more-info/gastos-medicos.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img3 {
		background: url('../img/mediator-img/more-info/arrendador.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img4 {
		background: url('../img/mediator-img/more-info/casa.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img5 {
		background: url('../img/mediator-img/more-info/terremoto.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img6 {
		background: url('../img/mediator-img/more-info/inundacion.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img7 {
		background: url('../img/mediator-img/more-info/robo-casa.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img8 {
		background: url('../img/mediator-img/more-info/auto.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img9 {
		background: url('../img/mediator-img/more-info/auto-robo.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img10 {
		background: url('../img/mediator-img/more-info/vida.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img11 {
		background: url('../img/mediator-img/more-info/ahorro-1.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img12 {
		background: url('../img/mediator-img/more-info/retiro-1.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.bg-img13 {
		background: url('../img/mediator-img/more-info/invalidez.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
	}
	.diagrama {
		background: url('../img/mediator-img/diagrama-invalidez.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0, 50% 0, 50% 0, 50% 0;
		background-repeat: repeat, repeat, repeat ,no-repeat;
		height: 295px;
	}

	.box_info {
		width: 50%;
		height: 400px;
		position: relative;
		float: left;
		padding: 60px;
		z-index: 2;
	}

	.box-color-gmm {
		background: rgba(234, 235, 230, 0.1);
	}

	.box-color-sh {
		background: rgba(227, 223, 216, 0.1);
	}

	.box-color-sv {
		background: rgba(228, 248, 241, 0.2);
	}

	.box-color-sa {
		background: rgba(226, 245, 219, 0.1);
	}

	.text_align {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.text_align h3 {
		color: #096ab2;
		font-family: 'Titillium Web', sans-serif;
		font-size: 30px;
		letter-spacing: 0px;
		text-align: left;
		margin: 0 auto;
		padding-bottom: 10px;
	}

	.text_align p {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		font-size: 16px;
		line-height: 24px;
		color: #4c4c4c;
		margin: 0 0 10px;
		text-align: justify;
	}

	.text_align ul li {
		text-align: left;
	}

	.text_align img {
		width: 100%;
		text-align: justify;
	}

	.text_align > p span.text_middle {
		font-size: 14px;
		font-weight: 200;
		padding: 0;
		margin: 0 auto;
		text-align: left;
	}

/*-----------------------------------------------------------------------------------*/
/*	 CONTACTO
/*-----------------------------------------------------------------------------------*/

	.contacto {
		overflow: hidden;
		padding: 110px 0px 35px 0px;
		background: rgba(17, 87, 161, 0.2);
	}

	.pl {
		padding-left: 35px;
	}
	.border_left {
		border-left: 1px solid rgba(255,255,255,0.5);
	}

	.form-control-name,
	.form-control-email,
	.form-control-comments {
		background: #ffffff;
		border: 2px solid #fff;
		border-radius: 3px;
		height: 60px;
		max-width: 100%;
		transition: all 0.3s;
		color: #27b0da;
		/*margin-top: 45px;*/
		font-size: 1.3em;
	}

	.form-control-name:focus,
	.form-control-email:focus,
	.form-control-comments:focus{
		color: #27b0da;
		border: 2px solid rgba(255, 255, 255, 0.4);
	}

	.features{
		padding: 100px 0px 20px 0px;
		text-align: center;
	}

	.features button.btn_send{
		/*width: 152px;
		height: 60px;
		background: url(../img/cliente/logo_medium.png) no-repeat 0px 5px;
		color: white;*/
		background: #fff;
		border: 2px solid #27b0da;
		border-radius: 3px;
		height: 60px;
		max-width: 100%;
		transition: all 0.3s;
	}

	.features button.btn_send:hover {
		border: 2px solid #1157a1;
		transition: all 0.3s;
	}

	.features button.btn_send:before {
		content: 'Enviar';
		color: #27b0da;
		font-size: 24pt;
		transition: all 0.3s;
	}

	.features button.btn_send:hover:before {
		color: #1157a1;
		font-size: 24pt;
		transition: all 0.3s;
	}

	.address {
		text-align: left;
	}

	.address ul {
		list-style-type: none;
	}

	.address ul li{
		text-align: right;
	}
/*-----------------------------------------------------------------------------------*/
/*	 NOSOTROS
/*-----------------------------------------------------------------------------------*/

	.nosotros {
		overflow: hidden;
		padding: 110px 0px 35px 0px;
		background: rgba(39, 176, 218, 0.1);
	}

/*-----------------------------------------------------------------------------------*/
/*	16 DETAIL
/*-----------------------------------------------------------------------------------*/

	.detail{
		overflow: hidden;
		padding: 50px 0px 0px 0px;
		min-height: 200px;
	}

	.detail .title{
		margin-bottom: 80px;
		text-align: center;
	}

	.detail .features .row{
		margin-bottom: 40px;
	}

	.detail .carousel h1{
		font-size: 3.8em;
		font-family: 'Titillium Web', sans-serif;
		color: #096ab2;

	}
	.detail .carousel h1, .detail p{
		text-align: left;
		font-weight: 300;
	}

	.detail p{
		color: #aaa;
	}

	.detail .carousel-control{
		background: none;
	}

	.detail .app-screenshot{
		overflow: hidden;
		overflow: hidden;
		margin-right: auto;
		margin-left: auto;
		padding-top: 95px;
		width: 320px;
		height: 450px;
		background: url('../img/iphone-front.png') no-repeat;
		background-size: 100%;
	}

	.detail .app-screenshot img{
		margin-right: auto;
		margin-left: auto;
		padding-left: 4px;
		width: 280px;
	}

	.detail .carousel-indicators {
		position: relative;
		bottom: 0;
		left: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		padding-bottom: 8px;
		width: 100%;
		border-top: 1px solid #eee;
		background: #ffffff;
	}

	.detail .carousel-indicators .active {
		width: 45px;
		height: 5px;
		border: none;
		border-radius: 0px;
	}

	.detail .carousel-indicators li {
		display: inline-block;
		margin: 1px;
		width: 45px;
		height: 5px;
		border: none;
		border-radius: 0px;
		background: #eeeeee;
		text-indent: -999px;
		cursor: pointer;
	}
	.circle-black {
		box-sizing: border-box;
		margin-right: auto;
		margin-left: 95px;
		margin-top: 35px;
		padding-top: 33px;
		width: 150px;
		height: 150px;
		border: 2px solid #096ab2;
		border-radius: 100%;
		text-align: center;
	}
	.circle-black i{
		margin-top: 3px;
		color: #096ab2;
		font-size: 5em;
	}

/*-----------------------------------------------------------------------------------*/
/*	17 FEATURES
/*-----------------------------------------------------------------------------------*/

	.features{
		overflow: hidden;
		padding: 150px 0px 150px 0px;
		min-height: 400px;
		color: black;
	}

	.features p {
		font-weight: 400;
		text-align: justify;
	}

	.features h2, .features h3{
		color: #ffffff;
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Titillium Web', sans-serif;
	}

	.features .circle{
		box-sizing: border-box;
		margin-right: auto;
		margin-left: auto;
		padding-top: 33px;
		width: 150px;
		height: 150px;
		border: 2px solid #ffffff;
		border-radius: 100%;
		text-align: center;

	}

	.features .circle-middle{
		box-sizing: border-box;
		margin-right: auto;
		margin-left: 100px;
		padding-top: 10px;
		width: 65px;
		height: 65px;
		border: 2px solid #ffffff;
		border-radius: 100%;
		text-align: center;

	}
	.circle-middle > i.middle {
		margin-top: 3px;
		color: #ffffff;
		font-size: 2.9em;
	}

	.features span.glyphicon, .features i{
		margin-top: 3px;
		color: #ffffff;
		font-size: 5em;
	}
	.features .circle-white{
		box-sizing: border-box;
		margin-right: auto;
		margin-left: auto;
		padding-top: 33px;
		width: 150px;
		height: 150px;
		border: 2px solid #ffffff;
		background: #fff;
		border-radius: 100%;
		text-align: center;

	}

	.features img{
		margin-top: 3px;
		width: 95px;
	}

	.features{
		padding: 100px 0px 20px 0px;
		text-align: center;
	}

	.features button.btn_join{
		/*width: 152px;
		height: 60px;
		background: url(../img/cliente/logo_medium.png) no-repeat 0px 5px;
		color: white;*/
		background: #fff;
		border: 2px solid #27b0da;
		border-radius: 3px;
		height: 60px;
		max-width: 100%;
		transition: all 0.3s;
	}

	.features button.btn_join:hover {
		border: 2px solid #1157a1;
		transition: all 0.3s;
	}

	.features button.btn_join:before {
		content: 'Únete';
		color: #27b0da;
		font-size: 24pt;
		transition: all 0.3s;
	}

	.features button.btn_join:hover:before {
		color: #1157a1;
		font-size: 24pt;
		transition: all 0.3s;
	}
	.features i.icon-color {
		color: #1aa5d5;
	}

/*-----------------------------------------------------------------------------------*/
/*	18 SOCIAL
/*-----------------------------------------------------------------------------------*/

	.social{
		overflow: hidden;
		padding: 80px 0px 150px 0px;
		min-height: 350px;
		background: url('../img/sea.jpg');
		background-position: center top;
		background-repeat: repeat-x;
		color: white;
	}

	.social h2{
		color: white;
	}

	.social a {
		margin-left: 10px;
		color: #FFF;
		font-size: 5em;
		transition: all 0.3s;
	}

	.social a:hover{
		text-decoration: none;
		cursor: pointer;

	}

/*-----------------------------------------------------------------------------------*/
/*	19 GET-IT
/*-----------------------------------------------------------------------------------*/

	.get-it{
		padding: 100px 0px 20px 0px;
		text-align: center;
	}

	.get-it button.app-store{
		/*width: 152px;
		height: 60px;
		background: url(../img/cliente/logo_medium.png) no-repeat 0px 5px;
		color: white;*/
		background: #fff;
		border: 2px solid #27b0da;
		border-radius: 3px;
		height: 60px;
		max-width: 100%;
		transition: all 0.3s;
	}

	.get-it button.app-store:hover {
		border: 2px solid #1157a1;
		transition: all 0.3s;
	}

	.get-it button.app-store:before {
		content: 'Contacta a un Asesor';
		color: #27b0da;
		font-size: 24pt;
		transition: all 0.3s;
	}

	.get-it button.app-store:hover:before {
		color: #1157a1;
		font-size: 24pt;
		transition: all 0.3s;
	}

	.get-it hr{
		margin-top: 3em;
		margin-bottom: 3em;
	}

	.get-it ul{
		list-style-type: none;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.get-it ul li{
		display: inline-block;
		margin-left:30px;
	}

	.get-it ul li:first-child{
		margin-left: 0px;
	}

	.get-it ul li a{
		color: #aaa;
		font-size: 1.2em;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}

	.get-it ul li a:hover{
		color: #3A3A3A;
		text-decoration: none;
		cursor: pointer;
	}

/*-----------------------------------------------------------------------------------*/
/*	20 MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
.address ul li p > .none, .address ul li p > .none-barr {
	display: none;
}
	/* 2560 */
		@media (max-width: 2560px) {
			.static-color {
				background: none;
				border-radius: 0;

			}
			.static-inner-color {
				background: rgba(255,255,255,0.8);
				border-radius: 3px;

				padding: 5px;
				padding-bottom: 15px;
			}
			.title_producto .brand_left,
			.title_producto .brand_right {
				margin-top: 10px;
			}
			.title_producto .name {
				font-size: 35px;
				padding-top: 10px;
			}
			.descripcion_producto {
				min-width: 100%;
			}
				.descripcion_producto .frase_producto,
				.descripcion_producto .texto_producto {
					text-align: justify;
				}

			.wrapper_form {
				padding: 15px 45px 0 45px;
				margin-bottom: 45px;
			}
			.circle-middle {
				left: -30px;
				position: relative;
			}
			.ajaxgif{
				left: 210px;
			}
			.msg{
				top: 2px;
			}
			.log-medigraf {
				padding-top: 10px;
				float: right;
				clear: both;
			}

		}
	/* 2000 */
		@media (max-width: 2000px) {
			.static-color {
				background: none;
				border-radius: 0;

			}
			.static-inner-color {
				background: rgba(255,255,255,0.8);
				border-radius: 3px;

				padding: 5px;
				padding-bottom: 15px;
			}
			.title_producto .brand_left,
			.title_producto .brand_right {
				margin-top: 10px;
			}
			.title_producto .name {
				font-size: 35px;
				padding-top: 10px;
			}
			.descripcion_producto {
				min-width: 100%;
			}
				.descripcion_producto .frase_producto,
				.descripcion_producto .texto_producto {
					text-align: justify;
				}

			.wrapper_form {
				padding: 15px 45px 0 45px;
				margin-bottom: 45px;
			}
			.circle-middle {
				left: -30px;
				position: relative;
			}
			.ajaxgif{
				left: 210px;
			}
			.msg{
				top: 2px;
			}

		}

	/* 1366 */
		@media (max-width: 1366px) {
			.static-color {
				background: none;
				border-radius: 0;

			}
			.static-inner-color {
				background: rgba(255,255,255,0.8);
				border-radius: 3px;

				padding: 5px;
				padding-bottom: 15px;
			}
			.title_producto .brand_left,
			.title_producto .brand_right {
				margin-top: 10px;
			}
			.title_producto .name {
				font-size: 35px;
				padding-top: 10px;
			}
			.descripcion_producto {
				min-width: 100%;
			}
				.descripcion_producto .frase_producto,
				.descripcion_producto .texto_producto {
					text-align: justify;
				}
		}

	/* 1024 */
		@media (max-width: 1024px) {
			.static-color {
				background: none;
				border-radius: 0;

			}
			.static-inner-color {
				background: rgba(255,255,255,0.8);
				border-radius: 3px;

				padding: 5px;
				padding-bottom: 15px;
			}
			.title_producto .brand_left,
			.title_producto .brand_right {
				margin-top: 10px;
			}
			.title_producto .name {
				font-size: 35px;
				padding-top: 10px;
			}
			.descripcion_producto {
				min-width: 100%;
			}
				.descripcion_producto .frase_producto,
				.descripcion_producto .texto_producto {
					text-align: justify;
				}

			.get-it {
				padding: 0px 0px 20px 0px;
			}
			.wrapper_form {
				padding: 15px 45px 0 45px;
				margin-bottom: 45px;
			}
			.features .circle-middle {
				margin-left: 50px;
			}
			.ajaxgif{
				left: 175px;
			}
			.msg{
				top: 2px;
			}
			.diagrama {
				height: 235px;
			}
		}

	/* 992 */
		@media (max-width:992px) {

			.detail .carousel h1, .detail p{
				text-align: center;
			}

			.detail p{
					margin-bottom: 60px;
			}

			header, .social{
				background-position-y: 0px;
				background-size: 200%;
			}

			.payoff{
				padding-top: 50px;
				padding-bottom: 50px;
				min-height: 200px;
			}

			.payoff h1{
				font-size: 24px;
			}

			/*
			.medicos, .invalidez, .propietarios{
				padding-top: 50px;
				padding-bottom: 50px;
				min-height: 700px;
			}

			.medicos, .invalidez, .propietarios h1{
				font-size: 24px;
			}*/

			.features .col-md-4{
				margin-bottom: 60px;
			}

			.static-color {
				background: rgba(255,255,255,0.8);
				border-radius: 3px;
				padding: 5px;
				padding-bottom: 15px;
				margin: 0 20px;
			}
			.static-inner-color {
				background: none;
				border-radius: 0;

			}
			.title_producto {
				font-size: 3em;
			}
			.ajaxgif{
				left: 25px;
			}

			.msg{
				top: 2px;
			}


		}

	/* 768 */
		@media (max-width:768px) {

			header{
				padding-bottom: 50px;
				min-height: 1000px;
				height: 100%;
			}

			.navbar-nav {
				float: left;
				text-align: left;
				margin:7.5px auto;
				width: 100%;
			}
			.caret {
				float: right;
				position: relative;
				top: 10px;
			}

			.static-color {
				margin: 0px 40px;
			}

			.title_producto {
				font-size: 3em;
				padding-top: 10px;
			}
			.descripcion_producto {
				min-width: 100%;
			}
				.descripcion_producto .frase_producto,
				.descripcion_producto .texto_producto {
					text-align: justify;
				}

			.block_img {
				margin-right: 180px;
			}

			.box_info {
				width: 100%;
			}
			.text_align {
				padding-bottom: 80px;
			}
			.diagrama {
				height: 400px;
			}
			.pl {
				padding-left: 0;
				margin: 0 auto;
				width: 90%;
			}
			.border_left {
				border-left: none;
			}
			.circle-middle {
				display: none;
			}

			.address ul, .address ul li {
				display: inline-block;
				vertical-align: top;
			}
			.address ul li p > .none {
				display: inline-block;
				padding-right: 10px;
			}
			.address ul li p > .none-barr {
				display: inline-block;
				padding-right: 10px;
				padding-left: 10px;
			}
			.btn-sm:first-child {
				margin-left: 15px;
				padding-left: 10px;
			}
			.btn-sm {
				margin-right: 0px;
				padding-right: 10px;
			}
			a.btn.btn-default.btn-sm,a.btn.btn-warning.btn-sm:first-child {
				/*margin-left: 15px;
				padding-left: 10px;*/
			}
			a.btn.btn-default.btn-sm,a.btn.btn-warning.btn-sm {
				/*margin-right: 0px;
				padding-right: 10px;*/
			}
			a.btn.btn-warning.btn-sm:first-child,
			a.btn.btn-default.btn-sm:first-child { margin: 5px auto; }
			.ajaxgif{
				left: 25px;
			}
			.msg{
				top: 70px;
			}
		}

	/* 640 */
		@media (max-width:640px){

			.static-color {
				background: rgba(255,255,255,0.8);
				border-radius: 3px;

				padding: 5px;
				padding-bottom: 15px;
				margin: 0 auto;
			}

			.static-inner-color {
				background: none;
				border-radius: 0;

			}

			.row {
				margin: 0 auto;
				clear: both;
			}
			.title_producto .name {
				font-size: 35px;
			}

			.descripcion_producto {
				min-width: 100%;
			}
				.descripcion_producto .frase_producto,
				.descripcion_producto .texto_producto {
					text-align: justify;
				}

			.block_img {
				margin-right: 120px;
			}
			.box_info {
				width: 100%;
			}
			.pl {
				padding-left: 0;
				margin: 0 auto;
				width: 95%;
			}
			.diagrama {
				height: 310px;
			}
			.ajaxgif{
				left: 25px;
			}
			.msg{
				top: 70px;
			}
		}

	/* 480 */
		@media (max-width:480px){

			.logo_main {
				padding-left: 15px;
			}

			header .carousel-iphone, .detail .app-screenshot{
				width: 280px;
			}

			header .carousel, .detail .app-screenshot img{
				padding-top: 85px;
				width: 245px;
			}

			.detail .app-screenshot img{
				margin-top: -12px;
				padding-top: 0px;
			}

			header{
				padding-top: 30px;
				padding-bottom: 0px;
			}

			header h1{
				font-size: 70px;
			}

			.purchase{
				padding-top: 50px;
			}

			.features .col-md-4{
				margin-bottom: 50px;
			}

			.static-color {
				background: rgba(255,255,255,0.8);
				border-radius: 3px;

				padding: 5px;
				padding-bottom: 15px;
				margin: 0 auto;
			}
			.static-inner-color {
				background: none;
				border-radius: 0;

			}

			.arrendatario, .propietarios, .invalidez, .vida, .ahorro, .retiro, .auto, .medicos{
				overflow: hidden;
				min-height: 300px;
			}

			.arrendatario {
				padding: 95px 0px 30px 40px;
				background: #e3dfd8;
			}

			.propietarios{
				padding: 95px 0px 30px 40px;
				background: #ffd3a9;
			}

			.invalidez {
				padding: 30px 0px 30px 40px;
				background: #f6f5fb;
			}

			.vida {
				padding: 30px 0px 30px 40px;
				background: #e4f8f1;
			}

			.ahorro {
				padding: 30px 0px 30px 40px;
				background: #dab79a;
			}

			.retiro {
				padding: 30px 0px 30px 40px;
				background: #def5fb;
			}

			.auto {
				padding: 30px 0px 30px 40px;
				background: #e2f5db;
			}

			.medicos {
				padding: 30px 0px 30px 40px;
				background: #eaebe6;
			}

			.row {
				position: relative;
				left: 0px;
				right: -20px;
				margin: 0 auto;
				clear: both;
			}
			.descripcion_producto {
				min-width: 100%;
			}
				.descripcion_producto .frase_producto,
				.descripcion_producto .texto_producto {
					text-align: justify;
				}



			.title_producto .name {
				font-size: 35px;
			}

			.subproductos ul {
				font-weight: 300;
				width: auto;
				float: left;
				font-size: 1.7em;
				color: #999;
				padding-left: 0px;
			}
			.boton {
				min-width: 50%;
			}

			.block_img {
				margin-right: 30px;
			}

			.box_info {
				width: 485px;
				margin-left: -15px;
			}

			.box-color-gmm,
			.box-color-sh,
			.box-color-sv,
			.box-color-s {
				background: none;
				margin-top: 55px;
				padding: 15px;
			}
			.boton-top {
				display: none;
				visibility: hidden;
				opacity: 0;
			}
			.diagrama {
				height: 215px;
			}
			.features {
				padding: 30px 0px 20px 0px;
			}
			.wrapper_form {
				width: 455px;
				padding: 0px;
				margin-left: -5px;
			}
			.ajaxgif{
				left: 25px;
			}
			.msg{
				top: 70px;
			}
		}

	/* 400 */
		@media (max-width:400px){

			.static-color {
				background: rgba(255,255,255,0.8);
				border-radius: 3px;

				padding: 5px;
				padding-bottom: 15px;
				margin: 0 auto;
			}

			.static-inner-color {
				background: none;
				border-radius: 0;

			}
			.title_producto .name {
				font-size: 35px;
			}

			.boton {
				min-width: 100%;
			}

			.block_img {
				margin: 0 auto;
			}

			.box_info {
				width: 405px;
				margin-left: -15px;
			}
			.box-color-gmm,
			.box-color-sh,
			.box-color-sv,
			.box-color-s {
				background: none;
				margin-top: 95px;
				padding: 15px;
			}

			.boton-top {
				display: none;
				visibility: hidden;
				opacity: 0;
			}

			.diagrama {
				height: 215px;
			}
			.features {
				padding: 30px 0px 20px 0px;
			}
			.wrapper_form {
				width: 385px;
				padding: 0px;
				margin-left: -5px;
			}
			.ajaxgif{
				left: 25px;
			}
			.msg{
				top: 70px;
			}
		}

	/* 360 */
		@media (max-width:360px){
			.block_img img {
				width: 100%;
			}
			.static-color {
				margin: 0 5px 0 -37px;
			}
			.boton {
				margin-left: -20px;
			}
			h1.text-color-h1 {
				font-size: 35px;
			}
			p.text-color-p {
				font-size: 20px;
			}
			.get-it button.app-store:before {
				content: 'Contacta a un Asesor';
				color: #27b0da;
				font-size: 19pt;
				transition: all 0.3s;
			}
			.boton-top {
				display: none;
				visibility: hidden;
				opacity: 0;
			}
			.box_info {
				width: 320px;
				margin-left: -15px;
				margin-right: -15px;
			}
			.box-color-gmm, .box-color-sh, .box-color-sv, .box-color-sa {
				background: none;
				margin-top: 95px;
				padding: 15px;
			}
			.text_align h3 {
				font-size: 25px;
			}
			.diagrama {
				height: 185px;
			}
			.circle-black {
				margin-right: auto;
				margin-left: auto;
			}
			.detail p {
				text-align: justify;
			}
			.detail ul li {
				color: #fff;
			}
			.wrapper_form {
				width: 295px;
				margin: 0 auto;
			}

		}

	/* 320 */
		@media (max-width:320px){
			.block_img img {
				max-width: 100%;
			}
			.box_info {
				max-width: 320px;
			}
		}

	/* 375 */
		@media (max-width:375px){
			.block_img img {
				width: 100%;
			}
			.static-color {
				margin: 0 5px 0 -37px;
			}
			.boton {
				margin-left: -20px;
			}
			h1.text-color-h1 {
				font-size: 35px;
			}
			p.text-color-p {
				font-size: 20px;
			}
			.get-it button.app-store:before {
				content: 'Contacta a un Asesor';
				color: #27b0da;
				font-size: 19pt;
				transition: all 0.3s;
			}
			.box_info {
				width: 375px;
				margin-left: -15px;
				margin-right: -15px;
			}
			.box-color-gmm, .box-color-sh, .box-color-sv, .box-color-sa {
				background: none;
				margin-top: 95px;
				padding: 15px;
			}
			.boton-top {
				display: none;
				visibility: hidden;
				opacity: 0;
			}
			.circle-black {
				margin-right: auto;
				margin-left: auto;
			}
			.text_align h3 {
				font-size: 25px;
			}
			h1.text-color-h1 {
				font-size: 35px;
			}
			p.text-color-p {
				font-size: 20px;
			}
			.detail p {
				text-align: justify;
			}
			.detail ul li p{
				color: #fff;
			}
			.diagrama {
				height: 185px;
			}
			.wrapper_form {
				width: 300px;
				margin: 0 auto;
			}
		}
		/* 414px */
		@media (max-width:414px){
			.wrapper_form {
				max-width: 350px;
				margin: 0 auto;
			}
		}
		/* 966px */
		@media (max-width:966px){
			.wrapper_form {
				max-width: 350px;
				margin: 0 auto;
			}
		}

	/* Retina */
		@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		    /* Retina-specific stuff here */
		    .purchasebutton.app-store, .get-it button.app-store{
		        /*background: url(../img/cliente/logo_medium.png) no-repeat 0px 5px;*/
		        color: white;
		    }
		}


/* AJAX Gif y mensajes de exito o fracaso */
	.ajaxgif{
	    position: absolute;
		top: 10px;
		width: 35px;
		z-index: 100;
	}
	.msg{
	    color: white;
		font-weight: bold;
		height: 35px;
		line-height: 32px;
		padding: 0 10px;
		position: absolute;
		right: -138px;
		text-transform: uppercase;
		min-width: 121px;
	}
	.msg_ok{
	    background: #589D05;
	}
	.msg_error{
	    background: red;
	}

.medigraf
	{
		width:18px;height:11px;
		background-image:url('../img/corp/sprite-logo.png');
		background-position: 0px 0px;
	}

.medigraf:hover
	{
		background-position: 0px -11px;
	}

.text-format {
	color: rgba(126, 124, 124, 0.6);
	text-align: left;
}
.text-format > img {
	width: 20px;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
}
.text-format .legend, .text-format img, .text-format .phone-mediator, .log-medigraf {
	display: inline-block;
	vertical-align: middle;
}
.text-format .legend {
	padding: 5px 10px;
}

.phone-mediator .phone_two:before {
	content: '|';
	padding-right: 15px;
	padding-left: 15px;
}
.phone-mediator .phone_two:after {
	content: '|';
	padding-left: 15px;
	padding-right: 15px;
}