a {color: #4fa909;}
a:hover, a:active, a:focus {color: #2dca98;outline: none;text-decoration: none;}
body {background: #fff;color: #666666;font-family: "Open Sans", sans-serif;}
h1{color: #4fa909;}
h1, h2, h3, h4, h5, h6 {font-family: "Poppins", sans-serif;font-weight: 400;margin: 0 0 20px 0;padding: 0;}
p {padding: 0;margin: 0 0 30px 0;}
#pyramid{background: #fff;padding: 30px 0;}
#preloader {position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;overflow: visible;background: #fff url("../img/preloader.svg") no-repeat center center;}
.active-menu:before {content: "";position: absolute;width: 100%;height: 2px;bottom: 0;left: 0;background-color: #4fa909;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;
                     /*visibility: hidden;*/
                     /*-webkit-transform: scaleX(0);*/
                     /*transform: scaleX(0);*/
}
.back-item-menu{background-color: #d5d5d5;}
.back-to-top {position: fixed;display: none;background: rgba(0, 0, 0, 0.2);color: #fff;padding: 6px 12px 9px 12px;font-size: 16px;border-radius: 2px;right: 15px;bottom: 15px;transition: background 0.5s;}
.back-to-top:focus {background: rgba(0, 0, 0, 0.2);color: #fff;outline: none;}
.back-to-top:hover {background: #4fa909;color: #fff;}.copyright{background-color: #212529;color: #fff;padding: 10px;font-size: 12px;}
.fa-facebook {background: #3B5998;color: white;padding: 20px;font-size: 30px;text-align: center;text-decoration: none;margin: 5px 2px;}
.fa-instagram {background: #125688;color: white;padding: 20px;font-size: 30px;text-align: center;text-decoration: none;margin: 5px 2px;}
.fa-twitter {background: #55ACEE;color: white;padding: 20px;font-size: 30px;text-align: center;text-decoration: none;margin: 5px 2px;}
.fa-youtube {background: #bb0000;color: white;padding: 20px;font-size: 30px;text-align: center;text-decoration: none;margin: 5px 2px;}
#header {padding: 45px 0;height: 115px;background-color: #fff;position: fixed;left: 0;top: 0;right: 0;transition: all 0.5s;z-index: 997;border-bottom: 1px solid #ddd;}
#header #logo {float: left;}
#header #logo h1 {font-size: 36px;margin: 0;padding: 6px 0;line-height: 1;font-family: "Poppins", sans-serif;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;}
#header #logo h1 a, #header #logo h1 a:hover {color: #fff;}
#header #logo img {padding: 0;margin: -41px 0 0 41px;max-height: 110px;}
#header.header-fixed {background: #fff;padding: 40px 0;height: 110px;border-bottom: 1px solid #ddd;/*transition: all 0.5s;*/}
#header.header-fixed #logo img {padding: 0;margin: -41px 0 0 41px;max-height: 110px}
@media (max-width:1145px) {
    #header #logo img {padding: 0;margin: -35px 0 0 41px;max-height: 90px;}
    #header.header-fixed #logo img {padding: 0;margin: -35px 0 0 41px;max-height: 90px;}
}
@media (max-width: 768px) {
    .back-to-top {bottom: 15px;}
    #header #logo h1 {font-size: 26px;}
    #hero h1 {font-size: 28px;line-height: 36px;}
    #hero h2 {font-size: 18px;line-height: 24px;margin-bottom: 30px;}
}
#hero {width: 100%;height: 100vh;background: url(../img/hero-bg.jpg) top center;background-size: cover;position: relative;}
@media (min-width: 1024px) {
    #hero {background-attachment: fixed;}
}
#hero:before {content: "";background: rgba(0, 0, 0, 0.6);position: absolute;bottom: 0;top: 0;left: 0;right: 0;}
#hero .hero-container {position: absolute;bottom: 0;top: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;}
#hero h1 {margin: 30px 0 10px 0;font-size: 48px;font-weight: 700;line-height: 56px;text-transform: uppercase;color: #fff;}
#hero h2 {color: #eee;margin-bottom: 50px;font-size: 24px;}
#hero .btn-get-started {font-family: "Poppins", sans-serif;text-transform: uppercase;font-weight: 500;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 8px 28px;border-radius: 50px;transition: 0.5s;margin: 10px;border: 2px solid #fff;color: #fff;}
#hero .btn-get-started:hover {background: #4fa909;border: 2px solid #4fa909;}
.nav-menu, .nav-menu * {margin: 0;padding: 0;list-style: none;}
.nav-menu ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;}
.nav-menu li {position: relative;white-space: nowrap;}
.nav-menu > li {float: left;}
.nav-menu li:hover > ul,.nav-menu li.sfHover > ul {display: block;}
.nav-menu ul ul {top: 0;left: 100%;}
.nav-menu ul li {min-width: 180px;}
.sf-arrows .sf-with-ul {padding-right: 25px;}
.sf-arrows .sf-with-ul:after {content: "\f107";position: absolute;right: 15px;font-family: FontAwesome;font-style: normal;font-weight: normal;}
.sf-arrows ul .sf-with-ul:after {content: "\f105";}
#nav-menu-container {float: right;margin: 5px 40px 0 0;}
@media (max-width: 1233px) {
    #nav-menu-container {margin: 5px 15px 0 0;}
}
@media (max-width: 1210px) {
    #nav-menu-container {margin: 5px 5px 0 0;}
}
@media (max-width: 1110px) {
    #nav-menu-container {display: none;}
}
.nav-menu a {padding: 0 5px 10px 5px;text-decoration: none;display: inline-block;color: #040505;font-family: "Poppins", sans-serif;font-weight: 400;text-transform: uppercase;font-size: 13px;outline: none;}
.nav-menu > li {margin-left: 5px;}
@media (max-width: 1210px) {
    .nav-menu > li {margin-left: -2px;}
}
.nav-menu > li > a:before {content: "";position: absolute;width: 100%;height: 2px;bottom: 0;left: 0;background-color: #4fa909;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .menu-active > a:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);}
.nav-menu ul {margin: 4px 0 0 0;border: 1px solid #e7e7e7;}
.nav-menu ul li {background: #fff;}
.nav-menu ul li:first-child {border-top: 0;}
.nav-menu ul li a {padding: 10px;color: #333;transition: 0.3s;display: block;font-size: 13px;text-transform: none;}
.nav-menu ul li a:hover, .nav-menu ul li a:active {background: #4fa909;color: #fff;}
.nav-menu ul ul {margin: 0;}
#mobile-nav-toggle {position: fixed;right: 0;top: 0;z-index: 999;margin: 35px 35px 0 0;border: 0;background: none;font-size: 40px;display: none;transition: all 0.4s;outline: none;cursor: pointer;}
#mobile-nav-toggle i {color: #4fa909;}
@media (max-width: 1110px) {
    #mobile-nav-toggle {display: inline;}
}
#mobile-nav {position: fixed;top: 0;padding-top: 18px;bottom: 0;z-index: 998;background: rgba(52, 59, 64, 0.9);left: -260px;width: 260px;overflow-y: auto;transition: 0.4s;}
#mobile-nav ul {padding: 0;margin: 0;list-style: none;}
#mobile-nav ul li {position: relative;}
#mobile-nav ul li a {color: #fff;font-size: 16px;overflow: hidden;padding: 10px 22px 10px 15px;position: relative;text-decoration: none;width: 100%;display: block;outline: none;}
#mobile-nav ul li a:hover {color: #fff;}
#mobile-nav ul li li {padding-left: 30px;}
#mobile-nav ul .menu-has-children i {position: absolute;right: 0;z-index: 99;padding: 15px;cursor: pointer;color: #fff;}
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #4fa909;}
#mobile-nav ul .menu-item-active {color: #4fa909;}
#mobile-body-overly {width: 100%;height: 100%;z-index: 997;top: 0;left: 0;position: fixed;background: rgba(52, 59, 64, 0.9);display: none;}
body.mobile-nav-active {overflow: hidden;}
body.mobile-nav-active #mobile-nav {left: 0;}
body.mobile-nav-active #mobile-nav-toggle {color: #fff;}
.section-header .section-title {font-size: 32px;color: #111;text-transform: uppercase;text-align: center;font-weight: 700;margin-bottom: 40px;}
.section-header .section-description {text-align: center;padding-bottom: 40px;color: #999;}

/* About Us Section
--------------------------------*/
/*#about {
    background: #fff;
    padding: 80px 0;
}

#about .about-container .background {
    min-height: 300px;
    background: url(../img/about-img.jpg) center top no-repeat;
    margin-bottom: 10px;
}

#about .about-container .content {
    background: #fff;
}

#about .about-container .title {
    color: #333;
    font-weight: 700;
    font-size: 32px;
}

@media (max-width: 768px) {
    #about .about-container .title {
        padding-top: 15px;
    }
}

#about .about-container p {
    line-height: 26px;
}

#about .about-container p:last-child {
    margin-bottom: 0;
}

#about .about-container .icon-box {
    background: #fff;
    background-size: cover;
    padding: 0 0 30px 0;
}

#about .about-container .icon-box .icon {
    float: left;
    background: #fff;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #4fa909;
}

#about .about-container .icon-box .icon i {
    color: #4fa909;
    font-size: 24px;
}

#about .about-container .icon-box .title {
    margin-left: 80px;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: uppercase;
}

#about .about-container .icon-box .title a {
    color: #111;
}

#about .about-container .icon-box .description {
    margin-left: 80px;
    line-height: 24px;
    font-size: 14px;
}*/

/* Facts Section
--------------------------------*/
#facts {background: #f7f7f7;padding: 30px 0 0;}
#facts .counters span {font-size: 48px;display: block;color: #4fa909;}
#facts .counters p {padding: 0;margin: 0 0 20px 0;font-family: "Poppins", sans-serif;font-size: 14px;}
#about {background: #fff;background-size: cover;padding: 50px 0 0;}
#about .box {padding: 50px 20px;margin-bottom: 50px;text-align: center;border: 1px solid #e6e6e6;height: 250px;position: relative;background: #fafafa;}
#about .icon {position: absolute;top: -36px;left: calc(50% - 36px);transition: 0.2s;border-radius: 50%;border: 6px solid #fff;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;width: 72px;height: 72px;background: #4fa909;}
#about .icon a {display: inline-block;}
#about .icon i {color: #fff;font-size: 24px;}
#about .box:hover .icon {background: #fff;border: 2px solid #4fa909;}
#about .box:hover .icon i {color: #4fa909;}
#about .box:hover .icon a {color: #4fa909;}
#about .title {font-weight: 700;font-size: 18px;margin-bottom: 15px;text-transform: uppercase;}
#about .title a {color: #111;}
#about .description {font-size: 14px;line-height: 24px;margin-bottom: 10px;}
.btn-primary {color: #fff;background-color: #4fa909;border-color: #4fa909;padding: 10px 15px;border-radius: 5px;}
.btn-primary:active:hover, .btn-primary:hover{color: #4fa909;background-color: #fff;border-color: #4fa909;}
#call-to-action {background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/call-to-action-bg.jpg) fixed center center;background-size: cover;padding: 80px 0;}
#call-to-action .cta-title {color: #fff;font-size: 28px;font-weight: 700;}
#call-to-action .cta-text {color: #fff;}
@media (min-width: 769px) {
    #call-to-action .cta-btn-container {display: flex;align-items: center;justify-content: flex-end;}
}
#call-to-action .cta-btn {font-family: "Poppins", sans-serif;text-transform: uppercase;font-weight: 500;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 8px 30px;border-radius: 50px;transition: 0.5s;margin: 10px;border: 2px solid #fff;color: #fff;}
#call-to-action .cta-btn:hover {background: #4fa909;border: 2px solid #4fa909;}
#portfolio {background: #fff;padding: 10px 0;background: #f7f7f7;}
#portfolio #portfolio-wrapper {padding-right: 15px;}
#portfolio .portfolio-item {position: relative;height: 300px;overflow: hidden !important;margin-bottom: 15px;transition: all 350ms ease;transform: scale(1);}
#portfolio .portfolio-item a {display: block;}
#portfolio .portfolio-item img {position: absolute;top: 0;transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);}
#portfolio .portfolio-item .details {height: 60px;background: #4fa909;position: absolute; left:15; right: 0; bottom: 0px;transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);display: block;}
#portfolio .portfolio-item .details h4 {font-size: 13px;color: #fff;padding: 8px;margin: 0;}
#portfolio .portfolio-item .details span {display: block;color: #fff;font-size: 13px;padding-left: 8px;}
#team {background: #f7f7f7;padding: 80px 0 60px 0;}
#team .member {text-align: center;margin-bottom: 20px;}
#team .member .pic {margin-bottom: 15px;overflow: hidden;height: 260px;}
#team .member .pic img {max-width: 100%;}
#team .member h4 {font-weight: 700;margin-bottom: 2px;font-size: 18px;}
#team .member span {font-style: italic;display: block;font-size: 13px;}
#team .member .social {margin-top: 15px;}
#team .member .social a {color: #b3b3b3;}
#team .member .social a:hover {color: #4fa909;}
#team .member .social i {font-size: 18px;margin: 0 2px;}
#contact {background: #f7f7f7;padding: 80px 0 40px 0;}
#contact #google-map {height: 300px;margin-bottom: 20px;}
#contact .info {color: #333333;}
#contact .info i {font-size: 32px;color: #4fa909;float: left;}
#contact .info p {padding: 0 0 10px 50px;margin-bottom: 20px;line-height: 22px;font-size: 14px;}
#contact .info .email p {padding-top: 5px;}
#contact .social-links {padding-bottom: 20px;}
#contact .social-links a {font-size: 18px;display: inline-block;background: #333;color: #fff;line-height: 1;padding: 8px 0;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
#contact .social-links a:hover {background: #4fa909;color: #fff;}
#contact .form #sendmessage {color: #4fa909;border: 1px solid #4fa909;display: none;text-align: center;padding: 15px;font-weight: 600;margin-bottom: 15px;}
#contact .form #errormessage {color: red;display: none;border: 1px solid red;text-align: center;padding: 15px;font-weight: 600;margin-bottom: 15px;}
#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {display: block;}
#contact .form .validation {color: red;display: none;margin: 0 0 20px;font-weight: 400;font-size: 13px;}
#contact .form input, #contact .form textarea {border-radius: 0;box-shadow: none;font-size: 14px;}
#contact .form button[type="submit"] {background: #4fa909;border: 0;padding: 10px 24px;color: #fff;transition: 0.4s;}
#contact .form button[type="submit"]:hover {background: #51d8ad;}
#footer {background: #4fa909;padding: 25px 0;color: #fff;font-size: 14px;}
#footer .copyright {text-align: center;}
#footer .credits {padding-top: 10px;text-align: center;font-size: 13px;color: #ccc;}
.fecha_calendario{margin-bottom: 15px;}
@media (max-width: 768px) {
    .noticias{height: 300px !important;}
}
@media (min-width: 769px) {
    .noticias{height: 250px !important;}
}
@media (max-width: 475px) {
    .noticias{height: 210px !important;}
}
@media (max-width: 400px) {
    .noticias{height: 180px !important;}
}
@media screen and (min-width: 768px){
    .carousel-indicators {bottom: 30px;}
}