@import url(http://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);
@import url(http://fonts.googleapis.com/css?family=Cardo:400,400italic,700);
/* ==========================================================================
Typography
========================================================================== */
p {  font-size: 16px;  line-height: 24px;  color: #707273;   font-weight: 400;}
h1 {  font-size: 65px;  color: #2d3033; }
h2 {  font-size: 40px;  color: #2d3033; }
h3 {  font-size: 28px;  color: #2d3033;  font-weight: 300; }
h4 {  font-size: 22px;  color: #2d3033;  font-weight: 400; }
h5 {  font-size: 14px;  color: #2d3033;  text-transform: uppercase;  font-weight: 700; }
.btn {  background-color: #83c638;  color: #fff;  font-size: 18px;  font-weight: 600;  border: 0;  font-family: 'Lato', sans-serif;  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;  border-radius: 2px;  display: inline-block;  text-transform: uppercase;   }
.btn:hover, .btn:focus {background-color: #83c638; color: #fff; }
.btn-large { padding: 15px 40px; }
.easing {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.easing:hover {opacity:0.9;}
.bg-green {background-color: #83c638;}
.bg-dark {background-color: #303b47;}
.bg-blue {background-color: #205aa7;}

/* ==========================================================================
	General Styles
========================================================================== */
a {  color: #e84545; }
a:hover, a:focus {  text-decoration: none;  -moz-transition: background-color, color, 0.3s;  -o-transition: background-color, color, 0.3s;  -webkit-transition: background-color, color, 0.3s;
  transition: background-color, color, 0.3s; }
body {  font-family: 'Lato', sans-serif;  font-weight: 400;  font-style: normal;  color:#707273;  font-size: 16px;}
ul, ol {  margin: 0;  padding: 0; }
ul li {  list-style: none; }
.section {  padding: 40px 0; }
.no-padding {  padding: 0; }
.no-gutter [class*=col-] {  padding-right: 0;  padding-left: 0; }

/* ==========================================================================
	$Header
========================================================================== */

#header {  position: fixed;  width: 100%;  z-index: 999;   top:0px;}
#header .primary-nav {display: inline-block;}
#header .secundary-nav {}
#header .header-content { margin: 0 auto; max-width: 1170px; padding: 20px 0; width: 100%; -moz-transition: padding 0.3s; -o-transition: padding 0.3s; -webkit-transition: padding 0.3s;
 transition: padding 0.3s;  border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
#header .logo {float: left; }
#header.fixed {background-color: rgba(34, 41, 49, 1); }
#header.fixed .header-content {border-bottom: 0;  padding: 25px 0; }
#header.fixed .nav-toggle {top: 10px; }
.navigation.open {  opacity: 0.9;  visibility: visible;  -moz-transition: opacity 0.5s;  -o-transition: opacity 0.5s;  -webkit-transition: opacity 0.5s;  transition: opacity 0.5s; }
.navigation {  float: right; padding-top: 15px;}
.navigation li {display: inline-block; }
.navigation a { color: rgba(255, 255, 255, 0.75); font-size: 14px; font-weight: 400; margin-left: 40px; text-transform: uppercase; font-family: 'Lato', sans-serif;
 border-bottom:solid 1px transparent; padding-bottom: 10px}
.navigation a:hover, .navigation a.active {color: #fff; border-bottom:solid 1px #fff;}
.nav-toggle {  display: none;  height: 44px;  overflow: hidden;  position: fixed;  right: 5%;  text-indent: 100%;  top: 10px;  white-space: nowrap;  width: 44px;  z-index: 99999;
  -moz-transition: all 0.3s;  -o-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; }
.nav-toggle:before, .nav-toggle:after { border-radius: 0%; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -moz-transform: translateZ(0); -ms-transform: translateZ(0);
 -webkit-transform: translateZ(0); transform: translateZ(0); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; }
.nav-toggle:before { background-color: #83c638; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.nav-toggle:after { background-color: #83c638; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0);
 -moz-transition-duration: 0s; -o-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; }
.nav-toggle span { background-color: #fff; bottom: auto; display: inline-block; height: 3px; left: 50%; position: absolute; right: auto; top: 50%; width: 18px; z-index: 10; 
  -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.nav-toggle span:before, .nav-toggle span:after { background-color: #fff; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 100%; -moz-transform: translateZ(0);
 -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;
 -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.nav-toggle span:before { -moz-transform: translateY(-6px) rotate(0deg); -ms-transform: translateY(-6px) rotate(0deg); -webkit-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg); }
.nav-toggle span:after { -moz-transform: translateY(6px) rotate(0deg); -ms-transform: translateY(6px) rotate(0deg); -webkit-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); }
.nav-toggle.close-nav:before { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.nav-toggle.close-nav:after { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.nav-toggle.close-nav span { background-color: rgba(255, 255, 255, 0); }
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after { background-color: #fff; }
.nav-toggle.close-nav span:before { -moz-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); }
.nav-toggle.close-nav span:after { -moz-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); }

/* ==========================================================================
  $Language
========================================================================== */

.secundary-nav > li > a {padding-top: 5px; padding-bottom: 5px;}
.secundary-nav > li > a > img {display: inline;}
.secundary-nav .btn {  background-color: transparent;  border: 0 none;  border-radius: 2px;  color: #fff;  display: inline-block;  font-family: "Lato",sans-serif;  font-size: 18px;  font-weight: 600;
  text-transform: uppercase;  border:1px solid rgba(255, 255, 255, 0.15);}
.secundary-nav .btn-primary.active, .secundary-nav .btn-primary:active, .open > .dropdown-toggle.btn-primary {  background-color: transparent;  border-color: rgba(255, 255, 255, 0.15);  color: #fff;}
.secundary-nav > li > a:focus, 
.secundary-nav > li > a:hover {background-color: transparent;text-decoration: none;}
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary.focus:active, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open > .dropdown-toggle.btn-primary.focus, 
.open > .dropdown-toggle.btn-primary:focus, 
.open > .dropdown-toggle.btn-primary:hover {
  background-color: transparent;  border-color: rgba(255, 255, 255, 0.15);  color: #fff;}
.secundary-nav .btn:hover {  background-color: transparent;  border: 0 none;  border-radius: 2px;  color: #fff;  display: inline-block;  font-family: "Lato",sans-serif;
  font-size: 18px;  font-weight: 600;  text-transform: uppercase;  border:1px solid rgba(255, 255, 255, 0.15);}
.dropdown-menu {  background-clip: padding-box;  background-color: transparent;  border: 1px solid rgba(0, 0, 0, 0.15);  border-radius: 4px;  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.176);
  border:1px solid rgba(255, 255, 255, 0.15);  display: none;  float: left;  font-size: 14px;  left: 0;  list-style: outside none none;  margin: 2px 0 0;  min-width: 71px;
  padding: 5px 0;  position: absolute;  text-align: left;  top: 100%;  z-index: 1000;}
.dropdown-menu > li {  display: block;  width: 100%;}
.dropdown-menu > li > a {  clear: both;  color: #fff;  display: block;  font-weight: 400;  line-height: 1.42857;  padding: 3px 15px;  white-space: nowrap;  margin-left: 0!important;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: transparent;color:#fff;text-decoration: none;}
.dropdown-menu a:hover, .dropdown-menu a.active {border-bottom: 1px solid transparent;color: #fff;opacity: 0.7;}

/* ==========================================================================
	$Texto sobre carousel
========================================================================== */

.banner {  background-image: url(../images/banner.jpg);  background-position: center top;  background-repeat: no-repeat;  -moz-background-size: cover;  -o-background-size: cover;
  -webkit-background-size: cover;  background-size: cover;  min-height: 750px; }
.banner-text {  padding-top: 0%; }
.banner-text h1 { color: #fff; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase;  font-size: 46px; margin-bottom: 20px;}
.banner-text p { color: #fff; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 1.5; margin-top: 20px; }
.banner-text .btn.btn-large {  background-color: #83c638;  color: #fff;  font-size: 14px;  border: 0;  font-family: 'Lato', sans-serif;  font-weight: 400;  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;  border-radius: 2px;  display: inline-block;  text-transform: uppercase;   margin-top:20px;  letter-spacing: 0.1em;  }
.banner-text .btn.btn-large:hover, .banner-text .btn.btn-large:focus {background-color: #222931; color: #fff; }
.banner-text .btn.btn-large { padding: 15px 40px; }

/* ==========================================================================
	$Features
========================================================================== */

.feature {margin-bottom: 50px; }
.feature-content {padding: 0 15px;margin-top: 30px; }
.feature:hover .icon, .feature:hover .feature-content h5, .feature:hover .feature-content p {color: #83c638;}
.feature .icon {color: #232a32; font-size: 60px; }
.features.section {padding:0;}
#features, #download {background-color:#fff; position: relative; z-index: 2}
.feature-content h5 {color:#232a32; font-size: 24px; font-family: 'Lato', sans-serif;  font-weight: 700;}


/* ==========================================================================
	$Works
========================================================================== */

.work { -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; min-height: 350px; overflow: hidden;
 position: relative; visibility: hidden; }
.work .overlay { background: rgba(232, 69, 69, 0.9); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; -moz-transition: opacity, 0.3s; -o-transition: opacity, 0.3s;
 -webkit-transition: opacity, 0.3s; transition: opacity, 0.3s; }
.work .overlay-caption { position: absolute; text-align: center; top: 50%; width: 100%; -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.work h5, .work p, .work img { -moz-transition: all, 0.5s; -o-transition: all, 0.5s; -webkit-transition: all, 0.5s; transition: all, 0.5s; }
.work h5, .work p { color: #fff; margin: 0; opacity: 0; }
.work h5 { margin-bottom: 5px; -moz-transform: translate3d(0, -200%, 0); -ms-transform: translate3d(0, -200%, 0); -webkit-transform: translate3d(0, -200%, 0);
 transform: translate3d(0, -200%, 0); }
.work p { -moz-transform: translate3d(0, 200%, 0); -ms-transform: translate3d(0, 200%, 0); -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); }
.work-box:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.work-box:hover .overlay { opacity: 1; }
.work-box:hover .overlay h5, .work-box:hover .overlay p { opacity: 1; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0); }

/* ==========================================================================
	$Teams
========================================================================== */

.person img {width: 100%;}
.person-content { margin-top: 20px; }
.person h4 {  font-weight: 400;  font-family: 'Lato', sans-serif; font-size: 20px; color:#343b43; }
.person h5 { color: #83c638; font-size: 13px; font-weight: 400; margin-bottom: 20px; }
#teams {background-color: #f0f0f0; overflow: hidden; position: relative; z-index: 2;}

/* ==========================================================================
	$Testimonials
========================================================================== */

.testimonials {  position: relative;  padding-bottom: 20px;background-color: #fff; overflow: hidden; z-index: 2;}
.testimonials .container-fluid {background-color: #fff;}
.testimonials blockquote { border: 0; margin: 0; padding: 20px 7% 0; }
.testimonials h5 { color: #222931; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 18px; line-height: normal; text-transform: uppercase; margin-bottom: 40px;}
.testimonials p { color: #222931; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; margin-bottom: 20px;}
.testimonials cite { color: #fff; display: block; font-size: 13px; font-style: normal; font-weight: 600; margin-top: 30px; text-transform: uppercase; }
.spacer {width: 100%; position: relative; height: 60px;}

/* ==========================================================================
  Estructuras
========================================================================== */

#estructuras {background-color: #fff; overflow: hidden; z-index: 2; position: relative; padding-bottom:20px;}
#estructuras .container-fluid {padding:0;}
#estructuras blockquote { border: 0; margin: 0; padding: 20px 5% 0; }
#estructuras h5 { color: #fff; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 18px; line-height: normal; text-transform: uppercase; margin-bottom: 20px;}
#estructuras p { color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; margin-bottom: 20px;}
#estructuras cite { color: #fff; display: block; font-size: 13px; font-style: normal; font-weight: 600; margin-top: 30px; text-transform: uppercase; }
#estructuras img {width: 100%;}
#estructuras .padding-image {padding:0;}
#estructuras hr.recurso {width: 60px; margin:0; height: 2px; border:0; background-color: #fff; margin-bottom: 20px;} 
#estructuras .global { background-image: url(../images/estructura-global.jpg); background-position: center top; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover;
 -webkit-background-size: cover; background-size: cover; min-height: 780px; }
#estructuras .letitles hr.recurso { background-color: #83c638; border: 0 none; height: 2px; margin: 20px auto; width: 60px;}

/* ==========================================================================
  Divisiones
========================================================================== */

#divisiones {background-color: #fff; overflow: hidden; z-index: 2; position: relative; padding-bottom:20px;}
#divisiones .container-fluid {padding:0;}
#blanco {background-color: #fff; overflow: hidden; z-index: 2; position: relative; margin-top: -20px; width: 100%;}
#alianzas {background-color: #fff; overflow: hidden; z-index: 2; position: relative; margin-top: 20px; width: 100%;}
#alianza {background-color: #fff; overflow: hidden; z-index: 2; position: relative; margin-top: 20px; width: 100%;}
#alianze {background-color: #fff; overflow: hidden; z-index: 2; position: relative; margin-top: 20px; width: 100%;}
#asia {background-color: #fff; overflow: hidden; z-index: 2; position: relative; margin-top: 20px; width: 100%;}
img.logitos {max-width: auto!important; width: auto!important; position: absolute; left: -50px; top:0;}
#divisiones blockquote { border: 0; margin: 0; padding: 20px 5% 0; }
#divisiones h5 { color: #fff; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 18px; line-height: normal; text-transform: uppercase; margin-bottom: 20px;}
#divisiones p { color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; text-align: left; float: left; width: 100%; display: block;}
#divisiones cite { color: #fff; display: block; font-size: 13px; font-style: normal; font-weight: 600; margin-top: 30px; text-transform: uppercase; }
#divisiones em {font-size: 22px;}
#divisiones img {float: left; max-width: 100%; padding:10px; border:1px solid #fff; margin-bottom: 20px;}
#divisiones .padding-image {padding:0;}
#divisiones hr.recurso {width: 60px; margin:0; height: 2px; border:0; background-color: #fff; margin-bottom: 20px;} 
#divisiones .global { background-image: url(../images/estructura-global.jpg); background-position: center top;
 background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; min-height: 780px; }
#divisiones .letitles hr.recurso { background-color: #83c638; border: 0 none; height: 2px; margin: 20px auto; width: 60px;}
.lasimagenes { background-position: center top; background-repeat: no-repeat; background-size: 100%; bottom: 0; height: 100%; left: 0; position: relative;
 width: 100%; background-color: rgba(34, 41, 49, 1); min-height: 500px;}
.tabinterna { padding: 40px; background-color: rgba(34, 41, 49, 1); overflow: hidden;}

#pdgd {background-image: url(../img/pdgd.jpg);}
#pmd {background-image: url(../img/pmd.jpg);}
#ppgd {background-image: url(../img/ppgd.jpg);}
#pgcd {background-image: url(../img/pgcd.jpg);}
#pgo {background-image: url(../img/pgo.jpg);}
#pad {background-image: url(../img/pad.jpg);}
#pfd {background-image: url(../img/pfd.jpg);}
#partd {background-image: url(../img/partd.jpg);}

/* ==========================================================================
	$Download
========================================================================== */

.download h3 {  margin-top: 0;   font-family: 'Lato', sans-serif;  font-weight: 700;  color:#525457;  font-size: 32px;}
.download p {  font-size: 20px;  line-height: 22.4px;  color: #6c7279;   font-weight: 400;}
.download .btn {  margin-top: 30px; }
.download .redes {  margin: 0 auto;  text-align: center;  width: 16%;}

/* ==========================================================================
	$Footer
========================================================================== */

.footer {  text-align: center; position: relative; z-index: 2}
.footer-top {  background-color: #222931;  padding-top: 50px; }
.footer-bottom {  background-color: #222931;  padding: 20px 0; }
.footer-bottom .container {border-top:1px solid #4a5056; padding-top: 20px;}
.footer .footer-col {  margin-bottom: 20px; }
.footer h5 {  color: #fff; font-size: 18px;  font-family: 'Lato', sans-serif; text-align: left;  margin-top: 25px;}
.footer .logo {margin-top: 0px;}
.footer .firma p {font-family: 'Lato', sans-serif; color:#888888; font-size: 14px; line-height: 18px; text-align: center;}
.footer .firma p a {font-family: 'Lato', sans-serif; color:#888888; font-size: 14px; font-weight: 400; text-decoration: none;}
.footer h5 {  margin-bottom: 20px; }
.footer p {  font-family: 'Lato', sans-serif; color:#888888; font-size: 14px; font-weight: 400; text-align: left;}
.footer a {  color: #fff; }
.footer a:hover {  color: #83c638; }
.footer .footer-share {  margin-top: 0; }
.footer .footer-share li {  display: inline-block;  float: none; }
.footer .footer-share a {  border-radius: 100%;  border-width: 1px;  color: #fff;}
.footer .fa-heart {  color: #83c638;  font-size: 11px;  margin: 0 2px; }
.footer hr.recurso {  background-color: #83c638;  border: 0 none;  display: table-caption;  height: 3px;  margin-bottom: 10px;  margin-top: 0;  text-align: left; width: 60px;}
.social-icons, .footer .footer-share {  margin-top: 30px; }
.social-icons li, .footer .footer-share li {float: left; }
.social-icons a, .footer .footer-share a { border: 1px solid #e8ecee; border-radius: 100%; color: #c6cacc; display: block; font-size: 18px; height: 40px;
 line-height: 40px; margin-right: 5px; text-align: center; width: 40px; }
.social-icons a:hover, .footer .footer-share a:hover { background-color: #83c638; border-color: #83c638; color: #fff; }

/* ==========================================================================
  Newsletter
========================================================================== */

#newsletter .navbar-form .input-group > .form-control {  background-color: #303b47;  border: 0;  color: #fff;  font-family: 'Lato', sans-serif;   font-size: 14px;
  font-weight: 400;  height: 40px;  margin-left: 0;}
#newsletter .input-group-btn:last-child > .btn, #newsletter .input-group-btn:last-child > .btn-group {  color: #fff;  font-family: 'Lato', sans-serif;   font-size: 14px;
  font-weight: 400;  margin-left: 5px;  padding: 10px 30px;}
#newsletter .navbar-form.navbar-left {padding:0; margin:0;}
#newsletter .navbar-form .input-group {float: left;}
#newsletter .form-control::-moz-placeholder {  color: #fff;  opacity: 1;}
#newsletter p {float: left;}

/* ==========================================================================
	$Utilities
========================================================================== */
.work:nth-child(1) {
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }
.work:nth-child(2) {
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }
.work:nth-child(3) {
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }
.work:nth-child(4) {
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }
.work:nth-child(5) {
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }
.work:nth-child(6) {
  -moz-animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; }
.work:nth-child(7) {
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }
.work:nth-child(8) {
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.animated {
  visibility: visible; }

/* ==========================================================================
	Font Icon (http://www.elegantthemes.com/blog/freebie-of-the-week/free-line-style-icons)
========================================================================== */
@font-face {
  font-family: "elegant-theme-line";
  src: url('../fonts/elegant-theme-line.ttf?1439850014') format('truetype'), url('../fonts/elegant-theme-line.eot?1439850014') format('embedded-opentype'), url('../fonts/elegant-theme-line.svg?1439850014') format('svg'), url('../fonts/elegant-theme-line.woff?1439850014') format('woff'); }
.icon {  font-family: 'elegant-theme-line';  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-mobile:before {
  content: "\e000"; }

.icon-laptop:before {
  content: "\e001"; }

.icon-desktop:before {
  content: "\e002"; }

.icon-tablet:before {
  content: "\e003"; }

.icon-phone:before {
  content: "\e004"; }

.icon-document:before {
  content: "\e005"; }

.icon-documents:before {
  content: "\e006"; }

.icon-search:before {
  content: "\e007"; }

.icon-clipboard:before {
  content: "\e008"; }

.icon-newspaper:before {
  content: "\e009"; }

.icon-notebook:before {
  content: "\e00a"; }

.icon-book-open:before {
  content: "\e00b"; }

.icon-browser:before {
  content: "\e00c"; }

.icon-calendar:before {
  content: "\e00d"; }

.icon-presentation:before {
  content: "\e00e"; }

.icon-picture:before {
  content: "\e00f"; }

.icon-pictures:before {
  content: "\e010"; }

.icon-video:before {
  content: "\e011"; }

.icon-camera:before {
  content: "\e012"; }

.icon-printer:before {
  content: "\e013"; }

.icon-toolbox:before {
  content: "\e014"; }

.icon-briefcase:before {
  content: "\e015"; }

.icon-wallet:before {
  content: "\e016"; }

.icon-gift:before {
  content: "\e017"; }

.icon-bargraph:before {
  content: "\e018"; }

.icon-grid:before {
  content: "\e019"; }

.icon-expand:before {
  content: "\e01a"; }

.icon-focus:before {
  content: "\e01b"; }

.icon-edit:before {
  content: "\e01c"; }

.icon-adjustments:before {
  content: "\e01d"; }

.icon-ribbon:before {
  content: "\e01e"; }

.icon-hourglass:before {
  content: "\e01f"; }

.icon-lock:before {
  content: "\e020"; }

.icon-megaphone:before {
  content: "\e021"; }

.icon-shield:before {
  content: "\e022"; }

.icon-trophy:before {
  content: "\e023"; }

.icon-flag:before {
  content: "\e024"; }

.icon-map:before {
  content: "\e025"; }

.icon-puzzle:before {
  content: "\e026"; }

.icon-basket:before {
  content: "\e027"; }

.icon-envelope:before {
  content: "\e028"; }

.icon-streetsign:before {
  content: "\e029"; }

.icon-telescope:before {
  content: "\e02a"; }

.icon-gears:before {
  content: "\e02b"; }

.icon-key:before {
  content: "\e02c"; }

.icon-paperclip:before {
  content: "\e02d"; }

.icon-attachment:before {
  content: "\e02e"; }

.icon-pricetags:before {
  content: "\e02f"; }

.icon-lightbulb:before {
  content: "\e030"; }

.icon-layers:before {
  content: "\e031"; }

.icon-pencil:before {
  content: "\e032"; }

.icon-tools:before {
  content: "\e033"; }

.icon-tools-2:before {
  content: "\e034"; }

.icon-scissors:before {
  content: "\e035"; }

.icon-paintbrush:before {
  content: "\e036"; }

.icon-magnifying-glass:before {
  content: "\e037"; }

.icon-circle-compass:before {
  content: "\e038"; }

.icon-linegraph:before {
  content: "\e039"; }

.icon-mic:before {
  content: "\e03a"; }

.icon-strategy:before {
  content: "\e03b"; }

.icon-beaker:before {
  content: "\e03c"; }

.icon-caution:before {
  content: "\e03d"; }

.icon-recycle:before {
  content: "\e03e"; }

.icon-anchor:before {
  content: "\e03f"; }

.icon-profile-male:before {
  content: "\e040"; }

.icon-profile-female:before {
  content: "\e041"; }

.icon-bike:before {
  content: "\e042"; }

.icon-wine:before {
  content: "\e043"; }

.icon-hotairballoon:before {
  content: "\e044"; }

.icon-globe:before {
  content: "\e045"; }

.icon-genius:before {
  content: "\e046"; }

.icon-map-pin:before {
  content: "\e047"; }

.icon-dial:before {
  content: "\e048"; }

.icon-chat:before {
  content: "\e049"; }

.icon-heart:before {
  content: "\e04a"; }

.icon-cloud:before {
  content: "\e04b"; }

.icon-upload:before {
  content: "\e04c"; }

.icon-download:before {
  content: "\e04d"; }

.icon-target:before {
  content: "\e04e"; }

.icon-hazardous:before {
  content: "\e04f"; }

.icon-piechart:before {
  content: "\e050"; }

.icon-speedometer:before {
  content: "\e051"; }

.icon-global:before {
  content: "\e052"; }

.icon-compass:before {
  content: "\e053"; }

.icon-lifesaver:before {
  content: "\e054"; }

.icon-clock:before {
  content: "\e055"; }

.icon-aperture:before {
  content: "\e056"; }

.icon-quote:before {
  content: "\e057"; }

.icon-scope:before {
  content: "\e058"; }

.icon-alarmclock:before {
  content: "\e059"; }

.icon-refresh:before {
  content: "\e05a"; }

.icon-happy:before {
  content: "\e05b"; }

.icon-sad:before {
  content: "\e05c"; }

.icon-facebook:before {
  content: "\e05d"; }

.icon-twitter:before {
  content: "\e05e"; }

.icon-googleplus:before {
  content: "\e05f"; }

.icon-rss:before {
  content: "\e060"; }

.icon-tumblr:before {
  content: "\e061"; }

.icon-linkedin:before {
  content: "\e062"; }

.icon-dribbble:before {
  content: "\e063"; }


/* ==========================================================================
  Scroll
========================================================================== */

.scroll-to-top{-webkit-transition:all .3s; -moz-transition:all .3s;transition:all .3s; background:#343b43; border-radius:0px 0; bottom:10px; color:#fff;display:block; height:9px; opacity:0; padding:13px 0 35px; 
  position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:999; border: solid 1px white;}
.scroll-to-top:hover{filter: alpha(opacity=100);opacity:1;}
a:hover#scrollToTop, a:focus#scrollToTop{color:#fff!important; text-decoration: none!important;}
.scroll-to-top.visible{filter: alpha(opacity=75);opacity:.75}
.scroll-to-top i {color:#fff;} .scroll-to-top i:hover, .scroll-to-top i:focus {text-decoration: none!important;}

@media only screen and (max-device-width: 1024px) {
 .scroll-to-top {display:none;}
 .site-hero_3 {height: 10px;}
}

/* ==========================================================================
  pretop
========================================================================== */

.pretop {background-color:#24292f; position: fixed; top: 0; z-index: 999; width: 100%; padding:10px 0;}
.pretop ul li {list-style: outside none;}
.pretop ul li {float: right; margin-right: 30px;}
.pretop .right {float: right; padding:0;}
.pretop ul li a {color: #c2c4c6; text-align: right;}
.pretop ul li a:hover, .pretop ul li a:active, .pretop ul li a:focus {color: #fff;}
.pretop ul li:first-child {margin-right: 0;}


/* ==========================================================================
  Carousel
========================================================================== */

 #myCarousel hr.recurso {width: 60px; margin:0 auto; height: 2px; border:0; background-color: #fff;} 
 .carousel-indicators .active {background-color: #83c638; border-color: #83c638;}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .icon-navigate_before2,
.carousel-control .icon-navigate_next2 {  position: absolute;  top: 45%;  z-index: 5;  display: inline-block;  font-size: 80px;}
.carousel-control .icon-prev,
.carousel-control .icon-navigate_before2 {  left: 50%;  margin-left: -10px;}
.carousel-control .icon-next,
.carousel-control .icon-navigate_next2 {  right: 50%;  margin-right: -10px;}
.carousel-control .icon-prev,
.carousel-control .icon-next {  width: 20px;  height: 20px;  margin-top: -10px;  font-family: serif;}
.carousel-control .icon-prev:before {  content: '\2039';}
.carousel-control .icon-next:before {  content: '\203a';}

@media screen and (max-width: 768px) {
.carousel-control .icon-navigate_next2, .carousel-control .icon-navigate_before2, .carousel-control .icon-next, .carousel-control .icon-prev { width:30px; height:30px; margin-top:-10px; font-size:30px }
.carousel-control .icon-navigate_before2, .carousel-control .icon-prev { margin-left:-10px }
.carousel-control .icon-navigate_next2, .carousel-control .icon-next { margin-right:-10px }
.carousel-caption { right:20%; left:20%; padding-bottom:30px }
.carousel-indicators { bottom:20px }
.carousel-caption { right: 5%; left: 5%; padding-bottom: 30px; padding: 20px!important; width: 90%; }
.carousel-indicators { bottom: 20px;  }
#myCarousel .carousel-control.left {display: none;}
#myCarousel .carousel-control.right {display: none;}
}

.carousel-caption {top:25%;}
.letitles h2 {  font-family: 'Lato', sans-serif;  font-weight: 700;  color:#232a32;  font-size: 24px;}
.letitles h3 {  font-family: 'Lato', sans-serif;  font-weight: 700;  color:#525457;  font-size: 20px; text-transform: uppercase;}
.letitles {margin-bottom: 40px;}
.letitles hr.recurso {width: 60px; margin:20px auto; height: 2px; border:0; background-color: #83c638;} 
#nosotros {background-color: #fff; overflow: hidden; z-index: 2; position: relative;}
.container-fluid.bg-green {background-color: #83c638; overflow: hidden; z-index: 2; position: relative;}
.overflow {overflow: hidden; }
.carousel {overflow: hidden; position: relative; z-index: 2;}

/* ==========================================================================
  Otras Areas de alcance
========================================================================== */

.carousel-showmanymoveone .carousel-inner {margin:0 auto; width: 90%;}
#otrasareas .carousel-indicators {background-color: #dedede; bottom:0;}
#slider-text{  padding-top: 40px;  display: block;}
#slider-text .col-md-6{  overflow: hidden;}
#slider-text h2 {  font-family: 'Lato', sans-serif;  font-weight: 400;  font-size: 30px;  letter-spacing: 3px;  margin: 30px auto;  padding-left: 40px;}
#slider-text h2::after{  border-top: 2px solid #c7c7c7;  content: "";  position: absolute;  bottom: 35px;  width: 100%;  }
.badge {  background: #b20c0c;  position: absolute;  height: 40px;  width: 40px;  border-radius: 50%;  line-height: 31px;  font-family: 'Lato', sans-serif;  font-weight: 300;
  font-size: 14px;  border: 2px solid #FFF;  box-shadow: 0 0 0 1px #b20c0c;  top: 5px; right: 25%;}
#slider-control img{  padding-top: 60%;  margin: 0 auto;}

@media screen and (max-width: 992px){
#slider-control img {  padding-top: 70px;  margin: 0 auto;}
}

.carousel-showmanymoveone .carousel-control {  width: 4%;  background-image: none;}
.carousel-showmanymoveone .carousel-control.left {  margin-left: 5px;}
.carousel-showmanymoveone .carousel-control.right {  margin-right: 5px;}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4,
.carousel-showmanymoveone .cloneditem-5 {  display: none;}

@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {    left: -50%;  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {    left: 50%;  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {   left: 0;  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {    display: block;  }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {    -webkit-transform: translate3d(50%, 0, 0);    transform: translate3d(50%, 0, 0);    left: 0;  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {    -webkit-transform: translate3d(-50%, 0, 0);    transform: translate3d(-50%, 0, 0);    left: 0;  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    left: 0;  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {    left: -16.666%;  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {    left: 16.666%;  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {    left: 0;  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3,
  .carousel-showmanymoveone .carousel-inner .cloneditem-4,
  .carousel-showmanymoveone .carousel-inner .cloneditem-5,
  .carousel-showmanymoveone .carousel-inner .cloneditem-6  {    display: block;  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {    -webkit-transform: translate3d(16.666%, 0, 0);    transform: translate3d(16.666%, 0, 0);    left: 0;  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {    -webkit-transform: translate3d(-16.666%, 0, 0);    transform: translate3d(-16.666%, 0, 0);    left: 0;  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    left: 0;  }
}

/* ==========================================================================
  Contacto
========================================================================== */

#contacto {background-color:#fff; position: relative; z-index: 2}
.titulo_contacto {padding:0 15px; position: relative; margin-bottom: 40px}
.titulo_contacto h3 {  font-family: 'Lato', sans-serif;  font-size: 400;  font-size: 28px;   color:#343b43;}
.titulo_contacto span.left {float: left}
.titulo_contacto span.right {float: right}
.btn.green { float: right; font-weight: 400; min-width: 150px; padding: 10px; text-transform: inherit; font-family: 'Lato', sans-serif; font-size: 14px;
 letter-spacing: 0.1em; text-transform: uppercase;}
.btn.green:hover, .btn.green:focus { background-color: #222931;}
.flexslider .flex-control-nav {bottom: 0px!important;}
.carousel-inner > .item {background-color: #f0f0f0;}
.map-container {padding:10px; border: solid 1px #dedede;}

/* ==========================================================================
  Text Rotator
========================================================================== */

.text-container { min-height: 140px; overflow: hidden; position: relative;z-index: 2; background-color: #fff;}
#text-rotator {list-style: none;  padding: 0px; width:100%; border-radius:7px; box-shadow: 0 #ccc; margin:0 auto color:#fff; text-align: center; font-family: 'Lato', sans-serif;  font-size: 400;  font-size: 32px; }
#text-rotator li { display: none; padding: 50px 20px;}
#jquery-script-menu {position: fixed;height: 90px;width: 100%;top: 0;left: 0;border-top: 5px solid #316594;background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);z-index: 999999;padding: 10px 0;
-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.jquery-script-center {width: 960px;margin: 0 auto;}
.jquery-script-center ul {width: 212px;float:left;line-height:45px;margin:0;padding:0;list-style:none;}
.jquery-script-center a {  text-decoration:none;}
.jquery-script-ads {width: 728px;height:90px;float:right;}
.jquery-script-clear {clear:both;height:0;}
.item {background-color: #e3e3e3}

/* ==========================================================================
  Fast Tracking
========================================================================== */

#fast-tracking {min-width: 220px; max-width: 480px; margin:0 auto;}
#fast-tracking .fast-title h3 { color: #fff; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase;  letter-spacing: 0.1em;}
#fast-tracking .fast-title {float:left; padding:0 30px;}
#fast-tracking .fast-form {display: inline-block; padding: 5px 0;}
#fast-tracking .fast-form .navbar-form.navbar-left .input-group > .form-control {height: 38px; background-color: transparent; border:1px solid #fff;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset;}
#fast-tracking .form-control::-moz-placeholder {color:#fff;}
#fast-tracking .fast-form .navbar-form.navbar-left .input-group-btn > .btn.btn-default {background-color: transparent; border:solid 1px #fff; height: 38px;}


/* ==========================================================================
  Destacados
========================================================================== */

#destacados { float: none;  width: 100%;  margin: 0 auto;  border:0;}
#destacados .zoom { display: block; height: 100%; overflow: hidden; width: 100%;}
#destacados .img {width: 100%;}
#destacados .interno { overflow: hidden; text-shadow: 1px 1px 2px rgb(0, 0, 0);}
#destacados .zoom .vermas .interno { color: #fff; display: block; position: relative; text-decoration: none; width: 90%;}
.tab-content { float: none; margin-bottom: 40px; margin-top: 20px; padding-left: 15px; padding-right: 15px;}
.tab-content > .tab-pane { color: #fff; text-align: center;}
.tab-content > .tab-pane h3 { color: #fff; font-weight: 700; text-align: left;}
.nav-tabs > li > a:hover {border-color: #eee #eee #ddd;}
.nav > li > a:focus, .nav > li > a:hover {background-color: transparent; text-decoration: none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border: 2px solid #222931; border-radius: 0px; background-color: #222931;}
.nav-tabs > li.active > a {background-color: #222931!important; color:#fff!important;}
.nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {border: 2px solid #dedede; border-radius: 0px; }
#divisiones .nav-tabs > li a:hover {background-color: #222931; color:#fff!important; border: 2px solid #222931;}

@media only screen and (max-width: 1280px) and (min-width: 767px) {
#destacados .img { margin-bottom: 10px; margin-top: 10px;}
#destacados .zoom .vermas { width: 100%;}
#destacados .zoom .vermas .interno { height: 25%;}
#destacados .zoom .vermas:hover .interno { height: 92%;}
}
@media only screen and (max-width: 768px) and (min-width: 598px) {
#destacados .img { margin-bottom: 10px; margin-top: 10px;}
#destacados .zoom .vermas { width: 100%;}
#destacados .zoom .vermas .interno { height: 20%;}
#destacados .zoom .vermas:hover .interno { height: 92%;}
}
@media only screen and (max-width: 599px) and (min-width: 460px) {
#destacados .img { margin-bottom: 10px; margin-top: 10px;}
#destacados .zoom .vermas { width: 100%;}
#destacados .zoom .vermas .interno { height: 6%;}
#destacados .zoom .vermas:hover .interno { height: 92%;}
}
@media only screen and (max-width: 460px) and (min-width: 320px) {
#destacados .img { margin-bottom: 10px; margin-top: 10px;}
#destacados .zoom .vermas { width: 100%;}
#destacados .zoom .vermas .interno { height: 10%;}
#destacados .zoom .vermas:hover .interno { height: 92%;}
#divisiones .nav-tabs > li { padding: 0px;}
}
#divisiones .center-block {  display: block;  margin-left: auto;  margin-right: auto;  padding-left: 15px;  padding-right: 15px;}
#divisiones .nav-tabs > li {  float: left;  margin-bottom: -1px;}
#divisiones .nav-tabs > li {  float: none;  margin-bottom: -1px;  width: 12% !important;  text-align: center;  display: inline-block;}
#divisiones .nav-tabs > li.active > a, #divisiones .nav-tabs > li.active > a:hover, #divisiones .nav-tabs > li.active > a:focus {
  background-color: transparent;  color: #232a32;  cursor: pointer;}
#divisiones .nav-tabs > li > a {  color: #232a32;  margin-right: 2px;}
#divisiones .nav-tabs > li > a {  display: block;  padding: 0;  position: relative;}
#divisiones .nav > li > a {  display: block;  padding: 10px 5px;  position: relative;  font-size: 14px;}


.icon-small{  height:auto;  margin:0;  padding:0;}
.icon-medium{  height:auto;  margin:0;  padding:0;}
.img-thumbnail {border:0; border-radius: 0;}


/* ==========================================================================
  $Html Lightbox Galery
========================================================================== */

#html5-watermark {display: none!important;} 
.lightboxcontainer {width:100%; text-align:left;}
.lightboxleft {width: 40%;float:left;}
.lightboxright {width: 60%; float:left;}
.lightboxright iframe {min-height: 390px;}
.divtext {margin: 36px;}


@media (max-width: 800px) {

  .lightboxleft {width: 100%;}
  .lightboxright {width: 100%;}
  .divtext { margin: 12px; }

}
/* comienza index con video */

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.parallax { 
  height: 400px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  background-image: url(../images/img_parallax.jpg);
}

.videoWrapper .video-container .texto {
  position: absolute;
    z-index: 1;
    top: 45%;
    left: 15%;
}
.videoWrapper .video-container .texto h1 {
    font-weight: 700;
    color: white;
    font-size: 40px;
}
.videoWrapper .video-container .texto h2 {
  font-size: 24px;
    line-height: 24px;
    color: white;
    font-weight: 400;
}