/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
	font-family: Gotham;
	src: url("../fonts/Gotham-Thin.otf") format("opentype");
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: Gotham;
	src: url("../fonts/Gotham-XLight.otf") format("opentype");
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: Gotham;
	src: url("../fonts/Gotham-Light.otf") format("opentype");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: Gotham;
	src: url("../fonts/Gotham-Book.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: Gotham;
	src: url("../fonts/Gotham-Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: Gotham;
	src: url("../fonts/Gotham-Bold.otf") format("opentype");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: Gotham;
	src: url("../fonts/Gotham-Black.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
}
   
   
body{
	background:#000;
	font-family: Gotham;
	padding-top: 92px;
}
.navbar {
	padding:20px 0;
	background:#fff;
	font-weight:500;
	font-size:15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	li {
		a{
			color:#959595;
			text-shadow: none;
			padding:15px 10px;
			&:hover{
				background:inherit;
				color:#123450;
			}
		}		
		&.active{
			a{
				color:#123450;
			}			
		}
		&.navbar-text{
			margin:15px 0;
			font-weight: 400;
			color: #959595;
		}
	}
	
	.navbar-brand{
		padding:4px 0 0 40px;
	}
	#appmenu-navbar{
		padding:0 20px 0 0;		
	}
}
/*
.container{
	background:rgba(0,0,0,0.2)
}*/
button {
	font-weight:500!important;
	margin: 0 5px;
	border-radius:0!important;
	&.btn1 {
		background:#006292;
		color:#fff;
		border:2px solid #000;
		padding: 5px 25px;
	}
	&.btn2 {
		background:#fff;
		color:#000;
		border:2px solid #000;
		padding: 4px 24px;
	}
	&.btn3{
		background:transparent;
		color:#000;
		border:2px solid #000;
		padding: 5px 40px;
	}
}

.fp-main{
	position: relative;
    z-index: 1;
	.fp-main-image{
		background-image:url(/img/main_large.png);
		position: relative;
		background-size: cover !important;
		background-position: center top;
		min-height: 442px;
		&:before {
			content: "";
			display: block;
			padding-bottom: 45.4018%;
		}
	}
	.fp-main-wrapper{
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		.container{
			height: 100%;
			position: relative;
			.content{    
				position: relative;
				top: 40%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				font-size:40px;
				font-weight:200;
				color:#fff;
				text-align: center;
				.content-title{
					font-size:60px;
					width:100%; /*titulo de 1er grafico */
					margin:0 auto;
					margin-bottom:75px;
				}
				.col-md-4{
					background-repeat:no-repeat;
					background-position:center top;
					padding-top: 150px;
					color:#fff;
				/*	
                    &.content1{
						background-image:url(/img/que-hacemos-logo.png);
					}
*/
					&.content2{
						background-image:url(/img/como-hacemos-logo.png);
					}
					&.content3{
						background-image:url(/img/por-que-hacemos.png);
					}
				}
			}
		}
	}
}
.fp-mainSuite{
	position: relative;
    z-index: 1;
	.fp-main-image{
		background-image:url(/img/suite.png);
		position: relative;
		background-size: cover !important;
		background-position: center top;
		min-height: 442px;
		&:before {
			content: "";
			display: block;
			padding-bottom: 45.4018%;
		}
	}
	.fp-main-wrapper{
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		.container{
			height: 100%;
			position: relative;
			.content{    
				position: relative;
				top: 40%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				font-size:40px;
				font-weight:200;
				color:#fff;
				text-align: center;
				.content-title{
					font-size:60px;
					width:100%; /*titulo de 1er grafico */
					margin:0 auto;
					margin-bottom:75px;
				}
				.col-md-4{
					background-repeat:no-repeat;
					background-position:center top;
					padding-top: 150px;
					color:#fff;
				/*	
                    &.content1{
						background-image:url(/img/que-hacemos-logo.png);
					}
*/
					&.content2{
						background-image:url(/img/como-hacemos-logo.png);
					}
					&.content3{
						background-image:url(/img/por-que-hacemos.png);
					}
				}
			}
		}
	}
}

.fp-mainPYME{
	position: relative;
    z-index: 1;
	.fp-main-image{
		background-image:url(/img/que-como-porque-background.png);
		position: relative;
		background-size: cover !important;
		background-position: center top;
		min-height: 442px;
		&:before {
			content: "";
			display: block;
			padding-bottom: 45.4018%;
		}
	}
	.fp-main-wrapper{
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		.container{
			height: 100%;
			position: relative;
			.content{    
				position: relative;
				top: 40%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				font-size:40px;
				font-weight:200;
				color:#fff;
				text-align: center;
				.content-title{
					font-size:60px;
					width:100%; /*titulo de 1er grafico */
					margin:0 auto;
					margin-bottom:75px;
				}
				.col-md-4{
					background-repeat:no-repeat;
					background-position:center top;
					padding-top: 150px;
					color:#fff;
				/*	
                    &.content1{
						background-image:url(/img/que-hacemos-logo.png);
					}
*/
					&.content2{
						background-image:url(/img/como-hacemos-logo.png);
					}
					&.content3{
						background-image:url(/img/por-que-hacemos.png);
					}
				}
			}
		}
	}
}


.fp-register{
	background: #1A1A1A;
    padding: 70px 0;
	.container{
		text-align: center;
	    color: #fff;
		.content-title{
		    font-size: 33px;
		    font-weight: 600;
		}
		.content-desc{
		    font-size: 25px;
		    font-weight: 300;
		    padding: 10px 0 20px;
		}
		button{
			font-size:22px;
		}
	}
}
.fp-submain{
	background:#666;
	color:#fff;
	text-align:center;
	padding:25px 0;
    font-size: 28px;
    font-weight: 200;
}
.fp-fast,.fp-accurate,.fp-secure,.fp-teamrodrigo{
	.container {
	    padding: 55px 0 0 80px;
	    .content-title{
	    	font-size: 30px;
		    font-weight: 600;
		    line-height: 1;
	        padding: 0 100px 0 0;
	    }
	    .content-desc{
    	    color: #666;
		    padding: 40px 0;
		    font-size: 20px;
	        font-weight: 300;
	    }
	}
	&.fp-fast{
		background: #fff;
		.container {
	    	.content-title{
			    color: #006292;
			}
		}
	    .content1{
	    	height: 375px;
	    	background-repeat:no-repeat;
			background-position:right bottom;
	    	background-image: url(/img/rapido-facil-img.png);
	    }
	    
	}
	&.fp-secure{
		background: #fff;
		.container {
	    	.content-title{
			    color: #006292;
			}
		}
	    .content1{
	    	height: 375px;
	    	background-repeat:no-repeat;
			background-position:right bottom;
	    	background-image: url(/img/rapido-facil-img2.png);
	    }
	    
	}
	
	
	&.fp-accurate1,&.fp-accurate,&.fp-teamrodrigo{
		background: #EFEFEF;
		.container {
	    	.content-title{
			    color: #666;
			}
		}
	    .content1{
	    	height: 375px;
	    	background-repeat:no-repeat;
			background-position:left bottom;
	    }
	}
	&.fp-accurate{		
	    .content1{
	    	background-image: url(/img/medicion-exacta-img.png);
	    }
	}
	&.fp-accurate1{		
	    .content1{
	    	background-image: ;
	    }
	}
	&.fp-teamrodrigo{		
	    .content1{
	    	background-image: url(/img/persona-img.png);
	    }
	}
}
.fp-whatwedo, .fp-howwedo, .fp-whywedo, .fp-whoweare{
	background:#fff;
	.container{
		padding: 80px 30px;
		border-bottom:2px solid #808080;
		.content{
			text-align:center;
			color:#666;
			.content1{
				font-size:30px;
				font-weight:600;
			}
			.separator1{
				background:#006292;
				width:75px;
				height:4px;
				margin: 40px auto;
			}
			.content2{
				font-size:18px;
				font-weight:300;
			    width: 67%;
			    margin: 0 auto 50px;
			}
			.col-md-4{
				.content-icon{
					height: 130px;
					width: 150px;
    				margin: 40px auto;
    				background-repeat: no-repeat;
    				background-position: center;
				}
				.content-title{
				    font-size: 25px;
	    			line-height: 1em;
				    width: 67%;
				    margin: 0 auto;
				}
				.content-desc{
				    font-size: 18px;
    				font-weight: 300;
				    width: 85%;
				    margin: 0 auto;
				}
				&.content3{
					.content-icon{
						background-image: url(/img/exposicion-actual-riesgo-logo.png);
					}
				}
				&.content4{
					.content-icon{
						background-image: url(/img/gestion-riesgo-mercado-logo.png);
					}
				}
				&.content5{
					.content-icon{
						background-image: url(/img/exposicion-luego-gestion-logo.png);
					}
				}
			}
		}		
		&.nobottom{
			border-bottom:none;
		}
	}
}
.fp-ourteam{
	position: relative;
    z-index: 1;
	.fp-ourteam-image{
		/*background-image:url(/img/nuestro-equipo-background.png);*/
		background-color:#006292;
		position: relative;
		background-size: cover !important;
		background-position: center top;
		min-height: 542px;
		&:before {
			content: "";
			display: block;
			padding-bottom: 39.0407%;
		}
	}
	.fp-ourteam-wrapper{
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		.container{
			height: 100%;
			position: relative;
			.content{    
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				color:#fff;
    			width: 100%;
				.content-title{
				    font-size: 50px;
				    font-weight: 300;
				    text-align: center;
				}
			}
		}
	}
}
.fp-contactus{
	position: relative;
    z-index: 1;
	.fp-contactus-image{
		background-image:url(/img/que-como-porque-background.png);
		position: relative;
		background-size: cover !important;
		background-position: center top;
		min-height: 542px;
		&:before {
			content: "";
			display: block;
			padding-bottom: 50.4018%;
		}
	}
	.fp-contactus-wrapper{
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		.container{
			height: 100%;
			position: relative;
			.content{    
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				color:#fff;
    			width: 100%;
				.content-title{
					font-size:35px;
					font-weight: 600;
					margin-bottom:60px;
				}
			}
			.row{
				.form-group{
				    margin-bottom: 30px;
					label{
						text-align: left!important;		
					    font-weight: 300;
	    				font-size: 20px;			
					}
					.form-control{
						border-radius: 0;
					}
					.content1{
						text-align: right;
					    margin: 20px 0 0;
					    button{
					    	font-size: 20px;
    						font-weight: 400!important;
					    }
					}
				}
			}
		}
	}
}
.fp-footer{
	background: #666;
	color:#fff;
    padding: 40px 0;
    .container{
	    line-height: 1.8em;
    	font-weight: 300;
    	ul{
		    display: inline-block;
    	}
    }	
}