@import url(http://fonts.googleapis.com/css?family=ebrima:400,200,300,700);



@import url(http://fonts.googleapis.com/css?family=Advent+Pro:400,100,200,300,500,600,700);





/*========================

=======Typography=========

==========================*/

body {

  font-family: 'ebrima', sans-serif;

  font-size: 18px;

  color: #333333;

  background-color: #fff;

  font-weight:300;

}


h7 {

  font-family: 'ebrima', sans-serif;

  font-size: 20px;

  color: #333333;

}



ul {

  list-style: none;

  margin:0;

  padding:0;

}




.navbar-nav li a:hover, 

.navbar-nav li a:focus {

  outline:none;

  outline-offset: 0;

  text-decoration:none;  

  background: transparent;

}



a {

  color: #84b043;

  text-decoration: none;

  -webkit-transition: 300ms;

  -moz-transition: 300ms;

  -o-transition: 300ms;

  transition: 300ms;

}







h1, h2, h3, h4, h5, h6 {

 font-family: 'ebrima', sans-serif;

 font-weight:100;

}




span {

	font-weight:300;

}



.default-bg {	

	background-color:#fff;

}

.default-bg2 {	

	background-color:#0d6436;

}

.entry-header {

	padding-top:85px;

	padding-bottom:10px;

}



.entry-header h2 {

	margin-top:0;

	font-size:35px;

}



textarea {

	resize:none

}



.navbar-toggle {

	margin-top:19px;

	margin-right:20px;

	border:1px solid #fff;

}



.navbar-toggle .icon-bar {

	background-color:#fff;

}

/*========================

========Inicio CSS==========

==========================*/

.navbar-brand {

	height:72px;

}



.navbar-brand h1 {

	margin-top:-3px;

}



#navigation .navbar-fixed-top {

	background-color:#ffffff;

}

/*menu*/

#navigation .navbar-right li a {

	font-size:16px;

	font-weight:400;

	text-transform:uppercase;

	position:relative;

	padding:25px 21px;

	font-family: 'ebrima', sans-serif;	

}
#navigation .navbar-right li a:hover{ 
	color: #0d6436;
	transition: all .3s;

}
/*submenu*/
#navigation .navbar-right .submenu {
	position: absolute;
	background: #84b043;
	width: 230%;
	display: none;
	}

#navigation .navbar-right .submenu li a {
display: block;
	padding: 10px;
	color: #fff;
	font-family: 'ebrima', sans-serif;
	text-decoration:none;
	}
	
#navigation .navbar-right li:hover .submenu{ 
	display: block;

}

#navigation .submenu li a:hover{ 
	color: #0d6436;
	transition: all .3s;

}

#navigation .navbar-right .active .submenu li a {
display: block;
	padding: 10px;
	color: #fff;
	font-family: 'ebrima', sans-serif;
	text-decoration:none;
	}
	


#navigation .navbar-right .active .submenu li a:hover{ 
	color: #0d6436;
	transition: all .3s;

}

#navigation .submenu .seleccionado li a { 
	color: #0d6436;

}




#navigation .navbar-right li a.active, 



#navigation .navbar-right li a:focus, 

#navigation .navbar-right li.active a  {

	color:#0d6436;	

}




.navbar-right li.active:before {

	position:absolute;

	content:"";

	height:3px;

	background-color:#eeeeee;

	bottom:-2px;

	left:0;

	right:0;

	margin-top:41px;

}



.navbar-right li.active:after {

	position:absolute;

	content:"";

	height:3px;

	background-color:#aba8b7;

	bottom:-5px;

	left:0;

	right:0;

}



.navbar-right li a.border:before {

	color: #E3E3E3;

	content: "|";

	font-size: 12px;

	position:absolute;

	top:28px;

	left:0;

}



#main-carousel  .item {

	background-position: center top;

	background-repeat: no-repeat;

	background-size: cover;

}

#main-carousel h1 {

	font-size:80px;

	font-weight:700;

	color:#ffffff;

}

#main-carousel h1 span {

	color:#ffffff;

	font-weight:700;

}


#main-carousel h2 {

	font-size:102px;

	font-weight:700;

	color:#ffffff;

}



#main-carousel h2 span {

	color:#ffffff;

	font-weight:700;

}





.carousel-caption {

	bottom: 50%;

	font-size: 23px;

	font-weight: 100;

	left: 15%;

	margin-bottom: -160px;

	right: 15%;

	text-align: left;

}



.carousel-caption  .slide-info {

	width:74%;

}



.carousel-caption i {

	background-color: #ffe401;

	border-radius: 50%;

	color: #242525;

	font-size: 48px;

	font-weight: 400;

	height: 62px;

	line-height: 64px;

	margin-left: 48px;

	overflow: hidden;

	padding: 1px 0 0 9px;

	text-align: center;

	width: 62px;	

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}







#main-carousel .carousel-caption:hover i {

	-moz-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	transform: rotate(90deg);

}



#main-carousel .carousel-indicators .active {

	background-color:#bbbbbb;

}




/*=========================

========Objetivo CSS========

===========================*/




.objetivo-details {

	margin-top: 70px;

	overflow: hidden;

	margin-bottom:60px;

	height:100%;

}



.objetivo-image {

	padding-right:0;

	height:100%;

}



.objetivo-image img {

	width:100%;

}



.objetivo-content {	

	padding: 17px 50px 10px;

	font-weight:300;

	height:100%;

}




.objetivo-content h2 {

	font-size:48px;

	font-weight:100;

	margin-bottom:20px;

}



.objetivo-content h2 span {

	font-weight:300;

}









/*=========================

========Nosotros CSS========

===========================*/

.about-bg {

	background-color: #84b043;

	height: 275px;

	overflow: hidden;

	position: absolute;

	width: 100%;

}



.about-details {

	margin-top: 70px;

	overflow: hidden;

	margin-bottom:60px;

	height:540px;

}

.about-details-2 {

	margin-top: 70px;

	overflow: hidden;


}



.about-image {

	padding-right:0;

	height:100%;

}



.about-image img {

	width:100%;

}



.about-content {	

	padding: 17px 50px 10px;

	font-weight:300;

	height:100%;

}




.about-content h2 {

	font-size:48px;

	font-weight:100;

	margin-bottom:20px;

}



.about-content h2 span {

	font-weight:300;

}



.our-team h2 {

	font-size: 48px;

	margin-bottom: 60px;

	text-align: center;

}



.team-member {

	position:relative;

}



.team-member:hover .overlay2 {

	bottom: 58px;

	opacity: 1;

}



.overlay2, .team-member:hover .overlay2s {

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	

}

.single-member {

	font-size: 24px;

	font-weight: 300;

}



.single-member h3 {

	color: #0C0C0C;

	font-size: 36px;

	font-weight: 300;

	text-transform:capitalize;

	margin-bottom:0;

}



.overlay2 {

	bottom: 22%;

	left:0;

	opacity: 0;

	position: absolute;

	right:0;	

}



.overlay2  ul li{

	float:right;

	width:33.33%

}



.overlay2  ul li a {	

	color: #FFFFFF;

	display: block;

	font-size: 54px;

	padding: 17px;

	text-align: center;

	width: 100%;

}



.overlay2  ul li a.leer-mas {

	

	background-color: #00Bfff;

}

.overlay2  ul li a:hover {

	color: #000;

}





/*=========================
========Clients CSS========
===========================*/

 .asociados ul {
	display: flex;
	 
	}
.asociados ul li a {
	display: block;
	padding: 5px 5px;
	 
	}
.asociados2 ul li a {
	display: flex;
	padding: 5px 5px;
	 
	}



#clients-carousel {
	padding-bottom:105px;
}

#clients-carousel .item {
	font-size:0;
	text-align:center;
}

#clients-carousel .item ul li {
	display:inline-block;
	width:25%;
}

#clients-carousel .item img {
	opacity:0.6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#clients-carousel .item img:hover {
	opacity:1;
}

.client-left, 
.client-right {	
	color: #ABABAB;
	font-size: 60px;
	position: absolute;
	top: -13%;
}

.client-left:hover, 
.client-right:hover {
	color: #FFE401;
}

.client-left {
	left:-20px;
}

.client-right {
	right:-20px;
}




/*=========================

========Footer CSS========

===========================*/





.contact-section {

	background-color:#84b043;

	padding:40px 0;	

}



.contact-section h2 {

	color:#fff;

	text-transform:uppercase;

	margin-bottom:30px;

}



.form-control {

	background-color:#fff;

	border:1px solid #454545;

	font-size:18px;

	min-height:50px;

	color:#9f9f9f;

	

}



.float-left {

	float:left;

	width:32%;

	margin-right:2%;

	margin-bottom:16px;	

}



.float-left.subject-field {

	margin-right:0;

}



textarea.form-control {

	float:left;

	padding:13px 20px;

}



.form-control:focus {

	border:1px solid #00Bfff;

	box-shadow:none;

}



.btn-submit {

	background-color: #198942;

	border: medium none;

	color: #fff;

	font-size: 18px;

	padding: 12px 30px;

	text-transform: uppercase;

	border-radius:4px;

	margin-top:20px;

} 



.btn-submit:hover {

	background-color:#0d6436;
	color: #fff;

}



.contact-details ul li {

	color:#fff;

	margin-bottom:10px;

}



.contact-details ul li span {

	padding-left:30px;

	display:block;

}



.contact-details ul li i {

	float:left; 

	color:#fff;

	margin-top:5px;

}



.bottom {	

	color:#ffffff;

	padding-top:20px;	

	padding-bottom:20px;	

	font-size:14px;	

}



.bottom a {

	color:#010101;

	font-weight:600;

}



.bottom a:hover {

	text-decoration:underline;

}



/*Carousel Fade CSS*/

.carousel.carousel-fade .item {

  -webkit-transition: opacity 0.5s ease-in-out;

  -moz-transition: opacity 0.5s ease-in-out;

  -ms-transition: opacity 0.5s ease-in-out;

  -o-transition: opacity 0.5s ease-in-out;

  transition: opacity 0.5s ease-in-out;

  opacity:0;

}



.carousel.carousel-fade .active.item {

  opacity:1;

}



.carousel.carousel-fade .active.left,

.carousel.carousel-fade .active.right {

  left: 0;

  z-index: 2;

  opacity: 0;

}



.carousel.carousel-fade .next,

.carousel.carousel-fade .prev {

  left: 0;

  z-index: 1;

}



.piepagina ul{

	width:220px;

	height:38px;

	display:block;

	margin:0 auto;

	padding:0;

	list-style:none;

}

.piepagina li{

	float:left;

}

.piepagina li a{

	width:38px;

	height:38px;

	display:block;

	margin-left:6px;

}









/*---- Contactenos NOTA ----*/







.color{

	color:#fff;

	font-size: 14px;

}