/*-----------------------------------------------------------------------------------*/
/* GENERAL
/*-----------------------------------------------------------------------------------*/
html {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

body {
	font-family: 'Lato', sans-serif;
	color:#333;
	font-size:100%;
	background:#FFF;
}
@media (max-width: 300px) { 
	body {
	width:300px;
	overflow-x: hidden;
	}

}


a {
	font-size:14px;
	-webkit-transition: color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
}

h1{
	font-size: 2em;
	font-weight: 600; 
	color:#666;
}
/*h2:before{
	visibility: visible;
	content:'';
	display:block;
	position:relative;
	background:#2b6ba8;
	height:2px;
	width:10%;
	margin:-10px 0 10px 0;
}*/
h2{
	font-size: 3em;
	font-weight: 400; 	
	color:#2b6ba8;
}
h3{
	font-size: 1.6em;
	font-weight: 600; 
	color:#666;
}
/*h4:before{
	visibility: visible;
	content:'';
	display:block;
	position:relative;
	background:#2b6ba8;
	height:2px;
	width:10%;
	margin:10px 0 10px 0;
}*/
h4{
	font-size: 2.5em;
	font-weight: 400; 	
	color:#2b6ba8;
}

p{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight: 400; 
	color:#333;
	margin-bottom:22px;
	
}

.visibility{
	visibility: hidden;
}

.animated{
	visibility: visible!important;
}

/*-----------------------------------------------------------------------------------*/
/*	KEY COLOR
/*-----------------------------------------------------------------------------------*/

.light	{ color:#f0f5fd;}
.med	{ color:#abc5df;}
.dark	{ color:#2b6ba8;}


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

@media (min-width: 768px) {
	.navbar-brand{
		float: left;
		padding: 22px 10px;
		}
}
@media (max-width: 767px) {
	.navbar-brand{
		float: left;
		padding: 10px 0px;
		}
}	
	
ul.navbar-nav{
/*	margin-top:55px;*/
}

@media (min-width: 1200px) {
	.nav > li > a {
	position: relative;
	display: block;
	padding: 0px 21px;
	}
}

@media (max-width: 1199px) {
	.nav > li > a {
	position: relative;
	display: block;
	padding: 0px 26px;
	}
}

ul.navbar-nav li a:hover{
	background: none ;
	color: #666;
}
ul.navbar-nav li.active a{
	background: none ;
	color: #666;
}
.navbar-nav>li>a{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;	/*SemiBold*/
	color: #c1c1c1; /* #666 */
	font-size: 14px;
	text-transform: uppercase;
}

@media (min-width: 990px) {
	.dropdown-menu{
		background-color:#abc5df;
		box-shadow: none;
		border: none;
		margin-left:-80px;
		margin-top:10px!important;
		}
	.dropdown-menu:before{
	  content: '';
	  position: absolute;
	  top: -8px;
	  left: 50%;
	/*  margin-left: -85px;*/
	  width: 0; height: 0;
	  border-bottom: 8px solid #abc5df;
	  border-right: 8px solid transparent;
	  border-left: 8px solid transparent;
		
		}	
	.active ul.dropdown-menu > li > a{
		font-family: 'Raleway', sans-serif;
		font-weight: 400;	
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
	}
	.active ul.dropdown-menu > li > a:hover{	
		color: #262626;
	}
	.dropdown-menu > li > a{
		font-family: 'Raleway', sans-serif;
		font-weight: 400;	
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
	}	
}
@media (max-width: 989px) {
	.navbar-collapse {
		border-top: 2px  solid #f0f5fd; 
/*		margin-top:25px;*/
		}
	.nav > li{ margin:10px 0;}
	.dropdown-menu{
		margin-top:0px!important;
		}
	.dropdown-menu > li > a{
		font-family: 'Raleway', sans-serif;
		font-weight: 400;	
		color: #2b6ba8;
		font-size: 12px;
		text-transform: uppercase;
		line-height: 10px!important
	}
	
	p {
		margin-left: 15px;
		margin-right: 15px;
	}
}

.navbar{
  margin-bottom: 0px;
}

.navbar-nav {
  margin-bottom: 0px;
}
.nav-border-top{
	padding-top:55px;
	border-top: 7px solid #2b6ba8;
}

.navbar-toggle {
border-color: #dddddd;
}
.navbar-toggle .icon-bar {
  background-color: #cccccc;
}


/*-----------------------------------------------------------------------------------*/
/* LAYOUT
/*-----------------------------------------------------------------------------------*/

.callout{
	width:100%;
	height: auto;
	background-color:#f0f5fd;
	-webkit-transition: background-color 300ms ease-in-out;
	-moz-transition: background-color 300ms ease-in-out;
	-ms-transition: background-color 300ms ease-in-out;
	-o-transition: background-color 300ms ease-in-out;
	transition: background-color 300ms ease-in-out;
	
}
.callout:hover{
	background-color:#abc5df;
	cursor:pointer
}

.callout header{
	width:300px;
	min-height:190px;
	padding:30px 15px 10px 30px;
	}
.link{
	position:relative;
	width:100%;
	height:50px;
}
.btn{
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
	background-color:#abc5df;
	padding:5px 10px;
	border-radius: 0px;
	right:0px;
	position:absolute;
	min-width:100px;
	text-align:center;
}
.btn span{ 
	font-size:16px;
	font-weight:700;
	margin-right:2px;
}

.callout:hover a.btn{
	background-color:#2b6ba8;
}

.btn:hover{
	color:#FFF;
	background-color:#2b6ba8;
	}

article p { text-align:justify;}


/*-----------------------------------------------------------------------------------*/
/* CARROUSEL
/*-----------------------------------------------------------------------------------*/




.slide1{ background-image:url(../images/bg-grad.png), url(../images/home.jpg);}
.slide2{ background-image:url(../images/bg-grad.png), url(../images/bg-slide-2.png);}



@media (min-width: 1200px) {
	.carousel header{	
		width:35%;
		padding:60px 30px;
	}	
	
	.item { 
			background-position: top right, top right;
			background-repeat: no-repeat;
			background-size:100%;		
			width:100%;		
			height: 355px;	
			margin-bottom:23px;
	}
}
@media (min-width: 990px) and (max-width: 1199px) {
	.carousel header{	
		width:35%;
		padding:30px;
	}	
	
	.item { 
			background-position: top left, top right;
			background-repeat: no-repeat;
			background-size:100%;		
			width:100%;		
			height: 295px;	
			margin-bottom:23px;
	}
}
@media (min-width: 640px) and (max-width: 989px) {
	body {
		font-size:70%;
		}
	
	.carousel header{	
		width:60%;
		padding:30px;
	}	

	.item { 	
			background-position:top left, top right;
			background-repeat: no-repeat;
			background-size:160%;		
			width:100%;		
			height: 295px;	
			margin-bottom:23px;
	}
	.callout{ margin-bottom:20px}

	.callout header{
		width:300px;
		padding:30px 30px 0 20px;
		}	

}

@media (min-width: 420px) and (max-width: 639px) {
	body {
		font-size:60%;
		}
	
	.carousel header{	
		width:60%;
		padding:10px 20px;
	}	

	.item { 	
			background-position:top left, top right;
			background-repeat: no-repeat;
			background-size:160%;
			width:100%;		
			height: 180px;	
			margin-bottom:23px;
	}
	.callout{ margin-bottom:20px}
}
@media (max-width: 419px) {
	body {
		font-size:60%;
		}
	
	.carousel header{	
		width:100%;
		padding:10px 20px;
	}	

	.item { 	
			background-position:top left, top right;
			background-repeat: no-repeat;
			background-size:180%;
			width:100%;		
			height: 150px;	
			margin-bottom:20px;
	}
	.callout{ margin-bottom:20px}
}



/* fade slide
---------------------*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


/*********************************************/
/**************Header Interna****************/
/*******************************************/


/*.item-about{
	height:265px;
}*/

.slide-about{background-image:url(../images/bg-grad.png), url(../images/about.jpg);}
.slide-team{background-image:url(../images/bg-grad.png), url(../images/founder.jpg);}
.slide-corporate-finance{background-image:url(../images/bg-grad.png), url(../images/offer1.jpg);}
.slide-corporate-finance-research{background-image:url(../images/bg-grad.png), url(../images/offer1.jpg);}
.slide-corporate-finance-development{background-image:url(../images/bg-grad.png), url(../images/offer2.jpg);}
.slide-advisors{background-image:url(../images/bg-grad.png), url(../images/pexels-spacex.jpg);}
.slide-contact{background-image:url(../images/bg-grad.png), url(../images/contact.jpg);}
.slide-report{background-image:url(../images/bg-grad.png), url(../images/report.jpg);}

@media (min-width: 1200px) {
	.header-interna{
		width:40%;
		padding:60px 0px 60px 30px;
	}	
	
	.interna-item { 
			background-position: top right, top right;
			background-repeat: no-repeat;
			background-size:100%;		
			width:100%;		
			height: 265px;	
			margin-bottom:23px;
	}
}
@media (min-width: 990px) and (max-width: 1199px) {
	.header-interna{	
		width:40%;
		padding:22px;
	}	
	
	.interna-item { 
			background-position: top left, top right;
			background-repeat: no-repeat;
			background-size:100%;		
			width:100%;		
			height: 218px;	
			margin-bottom:23px;
	}
}
@media (min-width: 640px) and (max-width: 989px) {
	body {
		font-size:70%;
		}
	
	.header-interna{	
		width:60%;
		padding:30px;
	}	

	.interna-item { 	
			background-position:top left, top left;
			background-repeat: no-repeat;
			background-size:145%;		
			width:100%;		
			height: 200px;	
			margin-bottom:23px;
	}
	.callout{ margin-bottom:20px}

	.callout header{
		width:300px;
		padding:30px 30px 0 20px;
		}	

}

@media (min-width: 420px) and (max-width: 639px) {
	body {
		font-size:60%;
		}
	
	.header-interna{	
		width:60%;
		padding:10px 20px;
	}	

	.interna-item { 	
			background-position:top left, top left;
			background-repeat: no-repeat;
			background-size:170%;
			width:100%;		
			height: 150px;	
			margin-bottom:23px;
	}
	.callout{ margin-bottom:20px}
}
@media (max-width: 419px) {
	body {
		font-size:60%;
		}
	
	.header-interna{	
		width:100%;
		padding:10px 20px;
	}	

	.interna-item { 	
			background-position:top left, top left;
			background-repeat: no-repeat;
			background-size:238%;
			width:100%;		
			height: 150px;	
			margin-bottom:20px;
	}
}

/*********************************************/
/********************************************/
/*******************************************/

.ul-our-offer{
	font-size:12px;
	color:#707070;
	line-height:16px;
	padding:0px 5px;
	font-weight:400;
}

.ul-our-offer li{
	list-style-type: none;
	margin-bottom:4px;}
	
.ul-our-offer li:before {
	font-weight:bold;
	margin-right:3px;
	content:"› ";
}

.ul-our-offer li:first-child{
	font-size:14px;
	margin-bottom:8px;
	margin-left:-5px;
	color:#333333;
}

.ul-our-offer li:first-child:before {
	content: normal;
}

.manager{
	padding: 30px 15px 0 30px !important; 
	width:293px !important;}

.manager div.img{
	float:left;
}
.manager div.h{
	float:left;
	width:140px;
	padding-left:15px;
}

.manager div.h h3{ font-size:14px; text-transform:none;}

.manager div.h h4{ font-size:16px;}

@media (max-width: 410px) {
	.manager{
		padding: 30px 15px 0 30px !important; 
		width: auto !important;
	}	
}

@media (min-width: 1200px) {
	.manager{
		padding: 30px 15px 0 30px !important; 
		width:355px !important;
	}
		
	.manager div.h{
		float:left;
		width:200px;
		padding-left:15px;
	}
}

.advisor{
	padding: 30px 15px 0 30px !important; 
	width:293px !important;}

.advisor div.img{
	float:left;
	min-width: 40%;
}
.advisor div.h{
	float:left;
	width:140px;
	padding-left:15px;
}

.advisor div.h h3{ font-size:14px; text-transform:none;}

.advisor div.h h4{ font-size:16px;}

@media (max-width: 410px) {
	.advisor{
		padding: 30px 15px 0 30px !important; 
		width: auto !important;
	}	
}

@media (min-width: 1200px) {
	.advisor{
		padding: 30px 15px 0 30px !important; 
		width:100% !important;
	}
		
	.advisor div.h{
		float:left;
		width:200px;
		padding-left:15px;
	}
}

.contact input{
	margin-bottom:5px;
}
.contact textarea{
	margin-bottom:13px;
}

.contact-mail a{
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	color:#bfd2e5;
}

.contact-phone{
	border-top:#f0f5fd 1px solid;
	font-family: 'Raleway', sans-serif;
	color:#999999;
	font-weight:300;
	font-size:22px;
	line-height:24px;
	padding-top:5px;
	margin-top:5px;
}

.article-col{
	-webkit-columns: 2 auto;
     -moz-columns: 2 auto;
          columns: 2 auto;
  -webkit-column-rule: 1px solid white;
     -moz-column-rule: 1px solid white;
         column-rule: 1px solid white;
}
.article-col p{ 
	padding:0 15px;
}

.article-col2 {
	width: 364px;
	float: left;
	margin: 10px 0 30px 25px;
}
.article-col2 p {
	margin-bottom: 15px;
	color: #333333;
}

@media (max-width: 767px) {
	.article-col{
	-webkit-columns: 1 auto;
     -moz-columns: 1 auto;
          columns: 1 auto;
  -webkit-column-rule: 1px solid white;
     -moz-column-rule: 1px solid white;
         column-rule: 1px solid white;
}
	
}


/*-----------------------------------------------------------------------------------*/
/* FOOTER
/*-----------------------------------------------------------------------------------*/


footer{
	margin-top:50px;
	}
footer a		{	color:#666	}	
footer a:hover	{	color:#2b6ba8	}		
	
.foot-border-bot{
	border-top:7px solid #333;
}	


/* Clases útiles */

.clearAll{
	display: block;
	clear: both;
	line-height: 1px;
	height: 1px;
	font-size: 1px;
	clear: both;
	width: 100%;
}
.clear {
	clear: both;
}

.margin-top-30{
	margin-top:30px;
}

.padding-0{padding:0px;}

.margin-top-30 a img:hover{
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
	opacity: 0.7;
    filter: alpha(opacity=70);
	}

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.pie{
	font-size:14px;
	-webkit-transition: color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
	color:#666;	
}