first commit

contactform/Readme.txt

@@ -0,0 +1,2 @@
+Fully working PHP/AJAX contact form is available in the pro version.
+You can buy it from: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/

contactform/contactform.js

@@ -0,0 +1,118 @@
+jQuery(document).ready(function($) {
+  "use strict";
+
+  //Contact
+  $('form.contactForm').submit(function() {
+    var f = $(this).find('.form-group'),
+      ferror = false,
+      emailExp = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;
+
+    f.children('input').each(function() { // run all inputs
+
+      var i = $(this); // current input
+      var rule = i.attr('data-rule');
+
+      if (rule !== undefined) {
+        var ierror = false; // error flag for current input
+        var pos = rule.indexOf(':', 0);
+        if (pos >= 0) {
+          var exp = rule.substr(pos + 1, rule.length);
+          rule = rule.substr(0, pos);
+        } else {
+          rule = rule.substr(pos + 1, rule.length);
+        }
+
+        switch (rule) {
+          case 'required':
+            if (i.val() === '') {
+              ferror = ierror = true;
+            }
+            break;
+
+          case 'minlen':
+            if (i.val().length < parseInt(exp)) {
+              ferror = ierror = true;
+            }
+            break;
+
+          case 'email':
+            if (!emailExp.test(i.val())) {
+              ferror = ierror = true;
+            }
+            break;
+
+          case 'checked':
+            if (! i.is(':checked')) {
+              ferror = ierror = true;
+            }
+            break;
+
+          case 'regexp':
+            exp = new RegExp(exp);
+            if (!exp.test(i.val())) {
+              ferror = ierror = true;
+            }
+            break;
+        }
+        i.next('.validation').html((ierror ? (i.attr('data-msg') !== undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');
+      }
+    });
+    f.children('textarea').each(function() { // run all inputs
+
+      var i = $(this); // current input
+      var rule = i.attr('data-rule');
+
+      if (rule !== undefined) {
+        var ierror = false; // error flag for current input
+        var pos = rule.indexOf(':', 0);
+        if (pos >= 0) {
+          var exp = rule.substr(pos + 1, rule.length);
+          rule = rule.substr(0, pos);
+        } else {
+          rule = rule.substr(pos + 1, rule.length);
+        }
+
+        switch (rule) {
+          case 'required':
+            if (i.val() === '') {
+              ferror = ierror = true;
+            }
+            break;
+
+          case 'minlen':
+            if (i.val().length < parseInt(exp)) {
+              ferror = ierror = true;
+            }
+            break;
+        }
+        i.next('.validation').html((ierror ? (i.attr('data-msg') != undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');
+      }
+    });
+    if (ferror) return false;
+    else var str = $(this).serialize();
+    var action = $(this).attr('action');
+    if( ! action ) {
+      action = 'contactform/contactform.php';
+    }
+    $.ajax({
+      type: "POST",
+      url: action,
+      data: str,
+      success: function(msg) {
+        // alert(msg);
+        if (msg == 'OK') {
+          $("#sendmessage").addClass("show");
+          $("#errormessage").removeClass("show");
+          $('.contactForm').find("input, textarea").val("");
+        } else {
+          $("#sendmessage").removeClass("show");
+          $("#errormessage").addClass("show");
+          $('#errormessage').html(msg);
+        }
+
+      }
+    });
+    return false;
+  });
+
+});

css/nivo-slider-theme.css

@@ -0,0 +1,466 @@
+.slider-area {
+    color: #fff;
+    position: relative;
+    text-align: center;
+}
+
+.slider-content {
+    padding: 180px 60px;
+}
+
+.nivo-caption::after {
+    background: #444 none repeat scroll 0 0;
+    content: "";
+    height: 100%;
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    z-index: -1;
+}
+
+.layer-1-2 {
+    margin: 20px 0;
+}
+
+.layer-1-1 h2 {
+    color: #fff;
+    font-size: 32px;
+    font-weight: 700;
+}
+
+.layer-1-2 h1 {
+    color: #fff;
+    font-size: 50px;
+    font-weight: 700;
+    line-height: 60px;
+}
+
+.layer-1-3 {
+    margin: 50px 0 0;
+}
+
+.layer-1-3 a.ready-btn {
+    border: 1px solid #fff;
+    border-radius: 30px;
+    color: #fff;
+    border: 1px solid #0c7c1b !important;
+    background: #0c7c1b;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 27px;
+    font-weight: 600;
+    padding: 10px 20px;
+    text-align: center;
+    text-transform: uppercase;
+    transition: all 0.4s ease 0s;
+    z-index: 222;
+}
+
+.layer-1-3 a.ready-btn:hover {
+    background: transparent !important;
+    border: 1px solid #fff !important;
+}
+
+.layer-1-3 a.ready-btn2 {
+    border: 1px solid #fff;
+    border-radius: 30px;
+    color: #fff;
+    border: 1px solid #f48266 !important;
+    background: #f48266;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 27px;
+    font-weight: 600;
+    margin-top: 30px;
+    padding: 10px 20px;
+    text-align: center;
+    text-transform: uppercase;
+    transition: all 0.4s ease 0s;
+    z-index: 222;
+}
+
+.layer-1-3 a.ready-btn2:hover {
+    background: transparent !important;
+    border: 1px solid #fff !important;
+}
+
+.layer-1-3 a.ready-btn3 {
+    border: 1px solid #fff;
+    border-radius: 30px;
+    color: #fff;
+    border: 1px solid #8ebe20 !important;
+    background: #8ebe20;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 27px;
+    font-weight: 600;
+    margin-top: 30px;
+    padding: 10px 20px;
+    text-align: center;
+    text-transform: uppercase;
+    transition: all 0.4s ease 0s;
+    z-index: 222;
+}
+
+.layer-1-3 a.ready-btn3:hover {
+    background: transparent !important;
+    border: 1px solid #fff !important;
+}
+
+.layer-1-3 a.ready-btn4 {
+    border: 1px solid #fff;
+    border-radius: 30px;
+    color: #fff;
+    border: 1px solid #069ba2 !important;
+    background: #069ba2;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 27px;
+    font-weight: 600;
+    margin-top: 30px;
+    padding: 10px 20px;
+    text-align: center;
+    text-transform: uppercase;
+    transition: all 0.4s ease 0s;
+    z-index: 222;
+}
+
+.layer-1-3 a.ready-btn4:hover {
+    background: transparent !important;
+    border: 1px solid #fff !important;
+}
+
+.ready-btn.right-btn {
+    position: absolute;
+    bottom: 50px;
+    background: #2CB978;
+    border: 1px solid #2CB978 !important;
+}
+
+.ready-btn.right-btn:hover {
+    background: transparent !important;
+    border: 1px solid #fff !important;
+}
+
+.nivo-controlNav {
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+    z-index: 8;
+}
+
+.nivo-directionNav {
+    display: block;
+}
+
+.nivo-controlNav a {
+    background: transparent none repeat scroll 0 0;
+    border: 2px solid #fff;
+    box-shadow: none;
+    display: inline-block;
+    font-size: 0;
+    height: 2px;
+    margin: 5px 3px;
+    opacity: 1;
+    text-align: center;
+    text-indent: inherit;
+    vertical-align: top;
+    width: 20px;
+}
+
+.nivo-controlNav a:hover,
+.nivo-controlNav a.active {
+    background: #fff none repeat scroll 0 0;
+    border-color: #2CB978;
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    -ms-transform: rotate(180deg);
+}
+
+
+/* Normal desktop :992px. */
+
+@media (min-width: 1400px) and (max-width:1920px) {
+    .slider-content {
+        padding: 340px 0;
+    }
+}
+
+
+/* Normal desktop :992px. */
+
+@media (min-width: 992px) and (max-width: 1169px) {
+    .slider-content {
+        padding: 144px 0;
+    }
+}
+
+
+/* Tablet desktop :768px. */
+
+@media (min-width: 768px) and (max-width: 991px) {
+    .slider-content {
+        padding: 93px 0;
+    }
+    .layer-1-2 h1 {
+        font-size: 22px;
+        line-height: 24px;
+    }
+    .layer-1-3 a.ready-btn {
+        font-size: 14px;
+        margin-top: 20px;
+        padding: 10px 20px;
+    }
+}
+
+@media (max-width: 767px) {
+    .nivo-directionNav {
+        display: none;
+    }
+    .slider-content {
+        padding: 46px 0px;
+    }
+    .layer-1-2 {
+        margin: 10px 0;
+    }
+    .layer-1-1 h2 {
+        font-size: 14px;
+        line-height: 16px;
+    }
+    .layer-1-2 h1 {
+        font-size: 14px;
+        line-height: 16px;
+    }
+    .layer-1-3 a.ready-btn {
+        font-size: 12px;
+        margin-top: 10px;
+        padding: 8px 10px;
+    }
+    .layer-1-3 {
+        margin: 10px 0 0;
+    }
+    .nivo-controlNav {
+        bottom: -8px;
+    }
+}
+
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+    .slider-content {
+        padding: 70px 0px;
+    }
+    .layer-1-1 h2,
+    .layer-1-2 h1 {
+        font-size: 24px;
+        line-height: 30px;
+    }
+}
+
+
+/* -------------------------------------
+preview-1
+---------------------------------------- */
+
+.preview-1 .nivoSlider {
+    position: relative;
+    background: url(../lib/nivo-slider/img/loading.gif) no-repeat 50% 50%;
+}
+
+.preview-1 .nivoSlider img {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    display: none;
+}
+
+.preview-1 .nivoSlider a {
+    border: 0;
+    display: block;
+}
+
+.preview-1 .nivo-controlNav {
+    text-align: center;
+    padding: 20px 0;
+}
+
+.preview-1 .nivo-controlNav a {
+    display: inline-block;
+    width: 22px;
+    height: 22px;
+    background: url(../lib/nivo-slider/img/bullets.png) no-repeat;
+    text-indent: -9999px;
+    border: 0;
+    margin: 0 2px;
+}
+
+.preview-1 .nivo-controlNav a.active {
+    background-position: 0 -22px;
+}
+
+.preview-1 .nivo-directionNav a {
+    display: block;
+    width: 30px;
+    height: 30px;
+    background: url(../lib/nivo-slider/img/arrows.png) no-repeat;
+    text-indent: -9999px;
+    border: 0;
+    opacity: 0;
+    -webkit-transition: all 200ms ease-in-out;
+    -moz-transition: all 200ms ease-in-out;
+    -o-transition: all 200ms ease-in-out;
+    transition: all 200ms ease-in-out;
+}
+
+.preview-1:hover .nivo-directionNav a {
+    opacity: 1;
+}
+
+.nivo-prevNav {
+    left: 15px;
+}
+
+.nivo-nextNav {
+    right: 15px;
+}
+
+.preview-1 a.nivo-nextNav {
+    background-position: -30px 0;
+}
+
+.preview-1 .nivo-caption {
+    font-family: Helvetica, Arial, sans-serif;
+}
+
+.preview-1 .nivo-caption a {
+    color: #fff;
+    border-bottom: 1px dotted #fff;
+}
+
+.preview-1 .nivo-caption a:hover {
+    color: #fff;
+}
+
+.preview-1 .nivo-controlNav.nivo-thumbs-enabled {
+    width: 100%;
+}
+
+.preview-1 .nivo-controlNav.nivo-thumbs-enabled a {
+    width: auto;
+    height: auto;
+    background: none;
+    margin-bottom: 5px;
+}
+
+.preview-1 .nivo-controlNav.nivo-thumbs-enabled img {
+    display: block;
+    width: 120px;
+    height: auto;
+}
+
+.preview-1 .nivo-controlNav {
+    position: relative;
+    z-index: 99999;
+    bottom: 68px;
+}
+
+.preview-1 .nivo-controlNav a {
+    border: 5px solid #fff;
+    display: inline-block;
+    height: 18px;
+    margin: 0 5px;
+    text-indent: -9999px;
+    width: 18px;
+    line-height: 8px;
+    background: #3c3c3c;
+    cursor: pointer;
+    position: relative;
+    z-index: 9;
+    border-radius: 100%;
+    opacity: 0;
+    z-index: -999;
+}
+
+.preview-1:hover .nivo-controlNav a {
+    opacity: 1;
+    z-index: 999999;
+}
+
+.preview-1 .nivo-controlNav a:hover,
+.preview-1 .nivo-controlNav a.active {
+    background: #000;
+    cursor: pointer;
+}
+
+
+/* -------------------------------------
+preview-2
+---------------------------------------- */
+
+.preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-prevNav {
+    left: 50px;
+}
+
+.preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-nextNav {
+    right: 50px;
+}
+
+.preview-2 .nivoSlider .nivo-directionNav a.nivo-prevNav {
+    font-size: 0;
+}
+
+.preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav {
+    font-size: 0;
+}
+
+.preview-2 .nivo-directionNav a.nivo-prevNav::before {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    color: #ffffff;
+    content: "";
+    cursor: pointer;
+    font: 300 50px/50px FontAwesome;
+    position: absolute;
+    text-align: center;
+    top: 50%;
+    transition: all 8s ease-in 0s;
+    z-index: 9;
+    font-weight: 100;
+    left: 0px;
+    width: 50px;
+    border: 1px solid #fff;
+    border-radius: 50%;
+    font-size: 30px;
+}
+
+.preview-2 .nivo-directionNav a.nivo-nextNav:hover:before,
+.preview-2 .nivo-directionNav a.nivo-prevNav:hover:before {
+    border-color: #2CB978;
+    color: #fff;
+    background: #2CB978;
+}
+
+.preview-2 .nivo-directionNav a.nivo-nextNav::before {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    border: 1px solid #fff;
+    border-radius: 50%;
+    color: #ffffff;
+    content: "";
+    cursor: pointer;
+    font: 100 30px/50px FontAwesome;
+    height: 50px;
+    position: absolute;
+    right: 0px;
+    text-align: center;
+    top: 50%;
+    transition: all 300ms ease-in 0s;
+    width: 50px;
+    z-index: 9;
+    font-size: 30px;
+}
+
+.niceties.preview-2 {
+    position: relative;
+    height: 100%;
+}

css/responsive.css

@@ -0,0 +1,299 @@
+@media (min-width: 1920px) {
+  .work-right-text {
+    padding: 150px 150px;
+  }
+}
+
+/* Normal desktop :992px. */
+
+@media (min-width: 992px) and (max-width: 1169px) {
+  .slider-content {
+    padding: 146px 0;
+  }
+  .work-right-text {
+    padding: 40px 0;
+  }
+  .work-right-text h2 {
+    font-size: 18px;
+    line-height: 28px;
+  }
+}
+
+/* Tablet desktop :768px. */
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .main-menu ul.navbar-nav li {
+    display: inline-block;
+    padding: 0 8px;
+  }
+  .layer-1-1 h2 {
+    font-size: 24px;
+  }
+  .layer-1-2 h1 {
+    font-size: 31px;
+    line-height: 38px;
+    padding: 0px 30px;
+  }
+  .stick .main-menu ul.navbar-nav li a {
+    padding: 24px 0px;
+  }
+  .tab-menu ul.nav li a {
+    padding: 10px 16px;
+  }
+  .suscribe-input input {
+    width: 60%;
+  }
+  .suscribe-input button {
+    width: 40%;
+  }
+  .team-content.text-center>h4 {
+    font-size: 20px;
+  }
+  .sus-btn {
+    margin-left: 0;
+  }
+  .suscribe-text h3 {
+    font-size: 16px;
+    padding-right: 20px;
+  }
+  .work-right-text h5 {
+    font-size: 14px;
+    line-height: 22px;
+  }
+  .work-right-text {
+    padding: 36px 0;
+  }
+  .work-right-text h2 {
+    font-size: 14px;
+    line-height: 22px;
+  }
+  .work-right-text .ready-btn {
+    font-size: 13px;
+    padding: 7px 20px;
+    margin-top: 5px;
+  }
+  .single-awesome-portfolio {
+    width: 33.33%;
+  }
+  .widget-product a img {
+    display: block;
+    float: none;
+    width: 100%;
+  }
+  .widget-product .product-info {
+    display: block;
+    float: none;
+    padding-left: 0;
+    width: 100%;
+    margin-top: 20px;
+  }
+  .map-column {
+    margin-left: 0;
+    padding-right: 40px;
+  }
+  .post-information .entry-meta {
+    font-size: 13px;
+    padding: 5px 0;
+  }
+  .post-information .entry-meta span a {
+    padding: 4px 0;
+  }
+  .service-pic {
+    margin-bottom: 30px;
+    text-align: center;
+  }
+  .single-add-itms {
+    width: 50%;
+  }
+  .left-sidebar-title>h4 {
+    font-size: 18px;
+  }
+  .contact-form {
+    margin-top: 0px;
+  }
+  .search-option input {
+    width: 67%;
+  }
+}
+
+/* small mobile :320px. */
+
+@media (max-width: 767px) {
+
+  .header-area {
+    height: 60px !important;
+    background: #000;
+  }
+  .navbar-header a.navbar-brand, .stick .navbar-header a.navbar-brand {
+    display: inline-block;
+    height: 60px  !important;
+    padding: 9px 0;
+  }
+  .navbar-default .navbar-toggle, .stick .navbar-default .navbar-toggle {
+    padding: 15px 0;
+  }
+  .nav.navbar-nav.navbar-right, .stick .nav.navbar-nav.navbar-right {
+    background-color: #252525;
+    padding: 0;
+    margin-top: 0;
+  }
+  .main-menu ul.navbar-nav li, .stick .main-menu ul.navbar-nav li {
+    display: block;
+  }
+  .main-menu ul.navbar-nav li a, .stick .main-menu ul.navbar-nav li a {
+    padding: 10px 2px;
+  }
+  .main-menu ul.navbar-nav li.active a::after, .stick .main-menu ul.navbar-nav li.active a::after {
+    border: 0px solid #fff;
+  }
+  .logo {
+    height: inherit;
+    left: 0;
+    padding: 0;
+    position: absolute;
+    top: -6px;
+    z-index: 999999;
+  }
+  .logo a {
+    padding: 0;
+  }
+
+  .slider-area {
+    margin-top: 60px;
+  }
+
+  .slider-content h2 {
+    font-size: 18px !important;
+    line-height: 24px !important;
+  }
+  .slider-content h1 {
+    font-size: 20px !important;
+    line-height: 26px !important;
+  }
+
+  .layer-1-3 a.ready-btn {
+    padding: 8px 15px;
+  }
+  .section-headline h2 {
+    font-size: 30px;
+  }
+  .well-middle .single-well {
+    margin-top: 30px;
+  }
+  .single-skill {
+    margin-bottom: 40px;
+  }
+  .tab-menu {
+    margin-top: 30px;
+  }
+  .tab-menu ul.nav li a {
+    padding: 8px 6px;
+  }
+  .wellcome-text {
+    margin: 0px;
+    padding: 70px 0px;
+  }
+  .subs-feilds {
+    width: 100%;
+  }
+  .suscribe-input input {
+    width: 60%;
+  }
+  .suscribe-input button {
+    font-size: 15px;
+    padding: 14px 10px;
+    width: 40%;
+  }
+  .section-headline h3 {
+    font-size: 25px;
+  }
+  .well-text>h2 {
+    font-size: 18px;
+  }
+  .well-text p {
+    display: none;
+  }
+  .single-team-member {
+    margin-bottom: 30px;
+  }
+  .service-right {
+    width: 100%;
+  }
+  .service-images:hover .overly-text {
+    display: none;
+  }
+  .portfolio-area {
+    padding-top: 0px;
+  }
+  .project-menu li a {
+    padding: 8px 12px;
+    margin: 10px 4px;
+  }
+  .pri_table_list {
+    margin-bottom: 30px;
+  }
+  .single-awesome-project, .portfolio-2 .single-awesome-project {
+    width: 100%;
+    float: none;
+  }
+  .single-blog {
+    margin-bottom: 30px;
+  }
+  .sus-btn {
+    margin-left: 0;
+    margin-top: 30px;
+  }
+  .contact-form {
+    margin-top: 30px;
+  }
+  .head-team h5 {
+    font-size: 22px;
+  }
+  .footer-content {
+    margin-bottom: 30px;
+  }
+  .header-bottom h1 {
+    font-size: 30px;
+    margin-bottom: 0;
+  }
+  .page-area .slider-content {
+    padding: 100px 0;
+  }
+  .search-option input {
+    width: 74%;
+  }
+  .header-bottom h2 {
+    font-size: 20px;
+    margin-bottom: 0;
+  }
+  li.threaded-comments {
+    margin-left: 0;
+  }
+}
+
+/* Large Mobile :480px. */
+
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+  .submitbtn {
+    float: none;
+    width: 99.8%;
+  }
+  .icons-bottom ul li a {
+    height: 40px;
+    line-height: 37px;
+    width: 40px;
+  }
+  .blog-post-dlc ul li {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  .awesome-portfolio-content .portfolio-2 {
+    width: 50%;
+  }
+  .gallary-details .single-awesome-portfolio {
+    width: 50%;
+  }
+  .tab-menu ul.nav li a {
+    padding: 8px 20px;
+  }
+}

css/style.css

@@ -0,0 +1,2572 @@
+/*-----------------------------------------------------------------------------------
+   CSS INDEX
+  ===================
+
+  1. Theme Default CSS (body, link color, section etc)
+  2. Header Area
+   2.1 Stick menu Area
+  3. About Area
+  4.Services Area
+  5.Skill Area
+  6.Faq Area
+  7.Wellcome Area
+  8.Team Area
+  9.Review Area
+  10.Portfolio Area
+  11. Pricing Table
+  12. Testimonials area
+  13. Review Area
+  14. Quote area
+  15.Footer Area
+  16.Home Page-2 Area
+  17.Home Page 3  CSS
+  18.Blog CSS
+  17.Blog Details CSS
+
+-----------------------------------------------------------------------------------*/
+
+
+/*----------------------------------------*/
+
+
+/*  1.  Theme default CSS
+/*----------------------------------------*/
+
+.check {
+    -webkit-appearance: checkbox;
+}
+
+html {
+    position: relative;
+    min-height: 100%;
+}
+
+body {
+    /* height: 100%;
+    padding-bottom: 70px; */
+    margin-bottom: 60px;
+}
+
+.imgRadius {
+    width: 300px;
+    height: 300px;
+    border-radius: 50%;
+    margin-top: 10%;
+    margin-left: -163px;
+    left: 50%;
+    top: 50%;
+    position: absolute;
+}
+
+.floatleft {
+    float: left;
+}
+
+.floatright {
+    float: right;
+}
+
+.alignleft {
+    float: left;
+    margin-right: 15px;
+    margin-bottom: 15px;
+}
+
+.alignright {
+    float: right;
+    margin-left: 15px;
+    margin-bottom: 15px;
+}
+
+.aligncenter {
+    display: block;
+    margin: 0 auto 15px;
+}
+
+a:focus {
+    outline: 0px solid;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+}
+
+.fix {
+    overflow: hidden;
+}
+
+p {
+    margin: 0 0 15px;
+    color: #444;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: 'Raleway', sans-serif;
+    margin: 0 0 15px;
+    color: #444;
+    font-weight: 500;
+}
+
+h1 {
+    font-size: 48px;
+    line-height: 50px;
+}
+
+h2 {
+    font-size: 38px;
+    line-height: 40px;
+}
+
+h3 {
+    font-size: 30px;
+    line-height: 32px;
+}
+
+h4 {
+    font-size: 24px;
+    line-height: 26px;
+}
+
+h5 {
+    font-size: 20px;
+    line-height: 22px;
+}
+
+h6 {
+    font-size: 16px;
+    line-height: 20px;
+}
+
+a {
+    transition: all 0.3s ease 0s;
+    text-decoration: none;
+}
+
+a:hover {
+    color: #2CB978;
+    text-decoration: none;
+}
+
+a:active,
+a:hover {
+    outline: 0 none;
+}
+
+body {
+    background: #fff none repeat scroll 0 0;
+    color: #444;
+    font-family: 'Open Sans', sans-serif;
+    font-size: 14px;
+    text-align: left;
+    overflow-x: hidden;
+    line-height: 22px;
+}
+
+
+/* Back to top button */
+
+.back-to-top {
+    position: fixed;
+    display: none;
+    background: #2cb978;
+    color: #fff;
+    padding: 6px 12px 9px 12px;
+    font-size: 16px;
+    border-radius: 2px;
+    right: 15px;
+    bottom: 15px;
+    transition: background 0.5s;
+}
+
+@media (max-width: 768px) {
+    .back-to-top {
+        bottom: 15px;
+    }
+}
+
+.back-to-top:focus {
+    background: #2CB978;
+    color: #fff;
+    outline: none;
+}
+
+.back-to-top:hover {
+    background: #000;
+    color: #fff;
+}
+
+.clear {
+    clear: both;
+}
+
+ul {
+    list-style: outside none none;
+    margin: 0;
+    padding: 0;
+}
+
+input,
+select,
+textarea,
+input[type="text"],
+input[type="date"],
+input[type="url"],
+input[type="email"],
+input[type="password"],
+input[type="tel"],
+button,
+button[type="submit"] {
+    -moz-appearance: none;
+    box-shadow: none !important;
+}
+
+div#preloader {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 99999;
+    width: 100%;
+    height: 100%;
+    overflow: visible;
+    /*background: #fff url('../assets/loader.gif') no-repeat center center;*/
+    background: #fff url('../img/preloader.gif') no-repeat center center;
+}
+
+::-moz-selection {
+    background: #2cb978;
+    text-shadow: none;
+}
+
+::selection {
+    background: #2cb978;
+    text-shadow: none;
+}
+
+.area-padding {
+    padding: 70px 0px 80px;
+}
+
+.area-padding-2 {
+    padding: 70px 0px 50px;
+}
+
+.padding-2 {
+    padding-bottom: 90px;
+}
+
+.section-headline h2 {
+    display: inline-block;
+    font-size: 40px;
+    font-weight: 600;
+    margin-bottom: 70px;
+    position: relative;
+    text-transform: capitalize;
+}
+
+.section-headline h2::after {
+    border: 1px solid #333;
+    bottom: -20px;
+    content: "";
+    left: 0;
+    margin: 0 auto;
+    position: absolute;
+    right: 0;
+    width: 40%;
+}
+
+.sec-head {
+    display: inline-block;
+    font-size: 17px;
+    font-weight: 600;
+    margin-bottom: 0;
+    padding: 0 0 10px;
+    text-transform: uppercase;
+    transition: all 0.4s ease 0s;
+}
+
+
+/*--------------------------------*/
+
+
+/*  2. Header top Area
+/*--------------------------------*/
+
+.header-area {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: auto;
+    background: rgba(0, 0, 0, 0.40);
+    z-index: 9;
+}
+
+.navbar-header a.navbar-brand {
+    display: inline-block;
+    height: 70px;
+    padding: 15px 0;
+}
+
+.main-menu ul.navbar-nav li {
+    display: inline-block;
+    padding: 0px 13px;
+}
+
+.main-menu ul.navbar-nav li a {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    color: #fff;
+    font-size: 15px;
+    font-weight: 500;
+    padding: 24px 0px;
+    letter-spacing: 1px;
+}
+
+.main-menu ul.navbar-nav li.active>a::after {
+    border: 1px solid #fff;
+    bottom: 0px;
+    content: "";
+    left: 0;
+    position: absolute;
+    width: 100%;
+}
+
+.main-menu ul.navbar-nav li.active a:hover {
+    background: none;
+    color: #fff;
+}
+
+.main-menu ul.navbar-nav li.active a:focus {
+    color: #fff;
+}
+
+.main-menu ul.navbar-nav li.active a {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    color: #fff;
+    position: relative;
+}
+
+.main-menu ul.navbar-nav li a:hover {
+    color: #2CB978;
+}
+
+.navbar {
+    border: medium none;
+    margin-bottom: 0;
+}
+
+.navbar-default {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+}
+
+.main-menu ul.navbar-default .navbar-nav>.active>a,
+.navbar-default .navbar-nav>.active>a:hover,
+.navbar-default .navbar-nav>.active>a:focus {
+    background: none;
+    color: #333;
+}
+
+.navbar-default .navbar-toggle {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    border: medium none;
+    border-radius: 0;
+    padding: 25px 0px;
+}
+
+.navbar-default .navbar-nav>li>a:hover,
+.navbar-default .navbar-nav>li>a:focus {
+    background-color: transparent;
+    color: #fff;
+}
+
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+    background: none;
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+    background-color: #fff;
+    width: 30px;
+    height: 2px;
+}
+
+.top-right.text-right {
+    float: right;
+    position: relative;
+    top: 24px;
+    margin-left: 20px;
+}
+
+.top-right.text-right>li {
+    float: right;
+    margin: 0px 8px;
+}
+
+.top-right.text-right li a {
+    color: #fff;
+}
+
+.main-menu .dropdown ul {
+    background: #000;
+}
+
+.main-menu .dropdown ul li {
+    display: block;
+}
+
+.dropbtn {
+    background-color: #4CAF50;
+    color: white;
+    padding: 16px;
+    font-size: 16px;
+    border: none;
+}
+
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #f1f1f1;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+    z-index: 1;
+}
+
+.dropdown-content a {
+    color: black;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+}
+
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+
+
+/*--------------------------------*/
+
+
+/* 2.1. Stick menu
+/*--------------------------------*/
+
+.header-area.stick {
+    background-color: rgba(0, 0, 0, 0.84);
+    height: 70px;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1000;
+}
+
+.stick .navbar-header a.navbar-brand {
+    display: inline-block;
+    height: 90px;
+}
+
+.stick .navbar-brand>img {
+    display: none;
+}
+
+.stick .navbar-brand.sticky-logo>img {
+    display: block;
+}
+
+.sticky-logo h1 {
+    color: #fff;
+    padding: 0;
+    margin: 0;
+    font-size: 36px;
+    font-weight: bold;
+    line-height: 1;
+}
+
+.sticky-logo h1 span {
+    color: #2cb978;
+}
+
+.stick .main-menu ul.navbar-nav li.active>a::after {
+    border: 1px solid #fff;
+    bottom: 0px;
+    content: "";
+    left: 0;
+    position: absolute;
+    width: 100%;
+}
+
+.stick .main-menu ul.nav>li>a:hover {
+    color: #fff;
+}
+
+.stick .main-menu ul.navbar-nav li.active a {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    color: #fff;
+    position: relative;
+}
+
+.stick .mainmenu ul#nav>li:hover>a,
+.stick .mainmenu ul#nav li .mega-menu,
+.stick .mainmenu ul#nav li ul.sub-menu {
+    background-color: #f5f5f5;
+    color: #fff;
+    outline: medium none;
+}
+
+.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover,
+.mainmenu ul#nav li .mega-menu span>a:hover,
+.stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
+    color: #fff;
+}
+
+.stick .logo {
+    height: 20px;
+}
+
+.stick .logo a {
+    margin-top: 0px;
+}
+
+.stick .main-menu ul.nav>li>a {
+    color: #fff;
+    line-height: 22px;
+    padding: 24px 0px;
+    text-transform: capitalize;
+    letter-spacing: 1px;
+}
+
+.stick .navbar-default .navbar-toggle .icon-bar {
+    background-color: #fff;
+    width: 30px;
+    height: 2px;
+}
+
+.stick .navbar-default .navbar-toggle {
+    padding: 10px 0px;
+}
+
+
+/*------------------------------
+  3. About Area
+--------------------------------*/
+
+.about-area {
+    background-color: #f9f9f9;
+}
+
+.single-well>a {
+    display: block;
+}
+
+.single-well ul li {
+    color: #444;
+    display: block;
+    padding: 5px 0;
+}
+
+.single-well ul li i {
+    color: #2CB978;
+    padding-right: 10px;
+    font-size: 12px;
+}
+
+.single-well p {
+    color: #444;
+}
+
+
+/*--------------------------------*/
+
+
+/* 4.Services Area
+/*--------------------------------*/
+
+.services-icon {
+    color: #444;
+    display: inline-block;
+    font-size: 36px;
+    line-height: 36px;
+    margin-bottom: 20px;
+}
+
+.section-headline.services-head>h2 {
+    margin-bottom: 25px;
+}
+
+.services-details {
+    padding-top: 40px;
+    transition: all 0.5s ease 0s;
+}
+
+.services-details:hover h4,
+.services-details:hover .services-icon {
+    color: #2CB978;
+}
+
+.row.second-row {
+    margin-top: 40px;
+}
+
+.section-head>h2 {
+    color: #333;
+}
+
+.single-services>h4 {
+    color: #444;
+    font-size: 24px;
+    font-weight: 500;
+}
+
+.single-services>p {
+    color: #333;
+    font-size: 14px;
+}
+
+
+/*----------------------------------------
+  5.Skill Area
+----------------------------------------*/
+
+.our-skill-area {
+    position: relative;
+}
+
+.our-skill-area {
+    background: rgba(248, 248, 248, 0.8) url("../assets/carousel-inicio/background-slider.jpg") no-repeat fixed center top / cover;
+}
+
+.test-overly {
+    background: rgba(0, 0, 0, 0.46);
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.progress-h4 {
+    color: #fff;
+    font-weight: 500;
+}
+
+
+/*----------------------------------------
+  6.Faq Area
+----------------------------------------*/
+
+.faq-details .panel-heading {
+    padding: 0;
+}
+
+.panel-default>.panel-heading {
+    background-color: transparent;
+    border: medium none;
+    color: #333;
+}
+
+.faq-details h4.check-title a {
+    color: #333;
+    display: block;
+    font-weight: 700;
+    letter-spacing: 2px;
+    margin-left: 40px;
+    padding: 6px 10px;
+    text-decoration: none;
+}
+
+.panel-body {
+    padding: 15px 15px 0px 50px;
+}
+
+.faq-details h4.check-title {
+    color: #444;
+    font-size: 18px;
+    font-weight: 500;
+    margin-bottom: 0;
+}
+
+.faq-details a span.acc-icons {
+    position: relative;
+}
+
+.faq-details a span.acc-icons::before {
+    color: #333;
+    content: "";
+    font-family: fontawesome;
+    font-size: 24px;
+    height: 40px;
+    left: -51px;
+    line-height: 39px;
+    position: absolute;
+    text-align: center;
+    top: -10px;
+    width: 42px;
+}
+
+.faq-details h4.check-title a.active,
+.faq-details a.active span.acc-icons::before {
+    color: #2CB978;
+}
+
+.faq-details a.active span.acc-icons::before {
+    content: "";
+    font-family: fontawesome;
+    font-size: 24px;
+    height: 40px;
+    left: -51px;
+    line-height: 39px;
+    position: absolute;
+    text-align: center;
+    top: -10px;
+    width: 42px;
+}
+
+.second-row {
+    margin-top: 30px;
+}
+
+.event-content.head-team h4 {
+    background: transparent none repeat scroll 0 0;
+    color: #333;
+    padding: 30px 0 10px;
+    font-weight: 500;
+    text-transform: capitalize;
+}
+
+.tab-menu .nav-tabs>li>a:hover {
+    border-color: #eee #eee #ddd;
+}
+
+.tab-menu {
+    display: block;
+    text-align: center;
+}
+
+.tab-menu ul.nav {
+    margin: 0;
+    padding: 0;
+}
+
+.tab-menu ul.nav li {
+    border: medium none;
+    display: inline-block;
+}
+
+.tab-content {
+    border: 1px solid #ccc;
+    padding: 0 15px 15px;
+}
+
+.tab-menu ul.nav li a {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    border-radius: 0;
+    color: #444;
+    display: block;
+    font-weight: 500;
+    margin-right: 5px;
+    padding: 10px 20px;
+    font-family: raleway;
+    font-size: 18px;
+}
+
+.tab-menu ul li.active a,
+.tab-menu ul li.hover a,
+.tab-menu ul li.focus a {
+    border-bottom: 1px solid #fff;
+    color: #2CB978 !important;
+}
+
+.tab-menu .nav-tabs {
+    border-bottom: none;
+}
+
+.tab-main-img a {
+    position: relative;
+    display: block;
+}
+
+.tab-main-img a:hover span.events-offer {
+    height: 20%;
+}
+
+.tab-main-img a span.events-offer {
+    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
+    bottom: 0;
+    color: #fff;
+    content: "";
+    font-size: 20px;
+    font-weight: 700;
+    height: 0%;
+    left: 0;
+    line-height: 70px;
+    padding: 0;
+    position: absolute;
+    text-align: left;
+    transition: all 0.5s ease 0s;
+    width: 100%;
+    padding: 0px 10px;
+}
+
+
+/*----------------------------------------
+ 7.Wellcome Area Css
+----------------------------------------*/
+
+.wellcome-area {
+    background: rgba(248, 248, 248, 0.8) url("../assets/carousel-inicio/background-slider.jpg");
+    background-size: auto;
+    background-position: center top;
+    /*background-repeat: no-repeat;*/
+    /*background-attachment: fixed;*/
+}
+
+.well-bg {
+    position: relative;
+}
+
+.wellcome-text {
+    margin: 70px 0;
+    padding: 30px 40px;
+}
+
+.well-text>h2 {
+    color: #fff;
+    font-size: 44px;
+    font-weight: 500;
+    line-height: 50px;
+}
+
+.well-text p {
+    font-size: 18px;
+    font-style: italic;
+    color: #fff;
+}
+
+.wellcome-text .section-headline p {
+    margin-bottom: 0;
+}
+
+.subs-feilds {
+    border: 1px solid #fff;
+    display: inline-block;
+    height: 52px;
+    margin-top: 30px;
+    width: 60%;
+    border-radius: 30px;
+    overflow: hidden;
+}
+
+.suscribe-input input {
+    background: transparent none repeat scroll 0 0;
+    border: medium none;
+    color: #fff;
+    float: left;
+    font-size: 15px;
+    line-height: 24px;
+    padding: 11px 15px;
+    width: 70%;
+    height: 50px;
+}
+
+.suscribe-input button {
+    background: #2CB978 none repeat scroll 0 0;
+    border: medium none;
+    border-radius: 0 20px 20px 0;
+    color: #fff;
+    float: left;
+    font-size: 20px;
+    font-weight: 700;
+    padding: 14px 20px;
+    width: 30%;
+}
+
+.suscribe-input button:hover {
+    background: #fff none repeat scroll 0 0;
+    color: #2CB978;
+}
+
+
+/*----------------------------------------
+ 8.Team Area Css
+----------------------------------------*/
+
+.team-member {
+    background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
+    display: block;
+    margin-right: -15px;
+    padding: 10px;
+    position: relative;
+    overflow: hidden;
+}
+
+.team-member::before {
+    background: rgba(0, 0, 0, 0) url("../img/team/team01.jpg") repeat scroll 0 0;
+    content: "";
+    display: block;
+    height: 100%;
+    left: 0;
+    margin-right: -15px;
+    padding: 10px;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    z-index: -1;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: top center;
+    transition: 5s;
+    transform: scale(1);
+}
+
+.team-member:hover.team-member::before {
+    transform: scale(1.2);
+}
+
+.single-team-member {
+    border: 1px solid #ddd;
+}
+
+.team-left-text h4 {
+    color: #fff;
+    font-size: 30px;
+    font-weight: 700;
+    text-transform: uppercase;
+}
+
+.team-left-text p {
+    color: #fff;
+    font-size: 17px;
+    line-height: 26px;
+}
+
+.email-news {
+    display: block;
+    margin: 30px 0;
+    overflow: hidden;
+    text-align: center;
+    width: 100%;
+}
+
+.email-news .email_button input {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    border: 1px solid #fff;
+    color: #fff;
+    float: left;
+    font-size: 13px;
+    padding: 8px;
+    width: 81%;
+}
+
+.email-news .email_button>button {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    border: 1px solid #fff;
+    color: #fff;
+    float: left;
+    font-size: 16px;
+    padding: 8px 12px;
+    text-align: center;
+}
+
+.email-news .email_button>button:hover {
+    background: #2CB978;
+    border: 1px solid #fff;
+    color: #fff;
+}
+
+.team-left-icon ul li {
+    display: inline-block;
+}
+
+.team-left-icon ul li a:hover {
+    color: #2CB978;
+    background: #fff;
+    border: 2px solid #fff;
+}
+
+.team-left-icon ul li a {
+    border: 2px solid #fff;
+    color: #fff;
+    display: block;
+    font-size: 16px;
+    height: 40px;
+    line-height: 37px;
+    margin: 0 3px;
+    width: 40px;
+}
+
+.team-member-carousel .single-team-member {
+    overflow: hidden;
+    width: 100%;
+}
+
+.single-team-member:hover .team-img a:after {
+    opacity: 1;
+}
+
+.single-team-member:hover .team-social-icon {
+    top: 45%;
+    opacity: 1;
+}
+
+.team-img {
+    position: relative;
+}
+
+.team-img>a {
+    display: block;
+}
+
+.team-img>a::after {
+    background: rgba(0, 0, 0, 0.70);
+    bottom: 0;
+    content: "";
+    height: 100%;
+    left: 0;
+    position: absolute;
+    transition: all 0.5s ease 0s;
+    width: 100%;
+    opacity: 0;
+}
+
+.team-social-icon {
+    left: 50%;
+    margin-left: -61px;
+    opacity: 0;
+    position: absolute;
+    top: 30%;
+    transition: 1.3s;
+}
+
+.team-social-icon ul li {
+    display: inline-block;
+}
+
+.team-social-icon ul li a {
+    border: 1px solid #fff;
+    border-radius: 50%;
+    color: #fff;
+    display: block;
+    font-size: 14px;
+    height: 34px;
+    line-height: 35px;
+    margin: 0 3px;
+    width: 34px;
+}
+
+.team-social-icon ul li a:hover {
+    color: #fff;
+    border: 1px solid #2CB978;
+    background: #2CB978;
+}
+
+.team-content {
+    padding: 10px 0px;
+}
+
+.team-content>h4,
+.team-content>p {
+    color: #444;
+    margin-bottom: 5px;
+}
+
+.team-content.head-team p {
+    margin-bottom: 0;
+}
+
+.team-left-icon.text-center {
+    margin-bottom: 20px;
+}
+
+.head-team h4 {
+    display: inline-block;
+    font-size: 25px;
+    font-weight: 600;
+    padding-bottom: 10px;
+    text-transform: uppercase;
+}
+
+
+/*--------------------------------*/
+
+
+/*  9.review Area
+/*--------------------------------*/
+
+.reviews-area {
+    background: url(../img/background/bg1.jpg);
+    overflow: hidden;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: top center;
+    background-attachment: fixed;
+    width: 100%;
+    height: auto;
+    position: relative;
+}
+
+.work-left-text {
+    background: #2CB978 none repeat scroll 0 0;
+}
+
+.work-left-text {
+    width: 50%;
+}
+
+.work-right-text {
+    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
+    float: right;
+    height: 100%;
+    overflow: hidden;
+    padding: 71px 0;
+    width: 50%;
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+
+.work-right-text h2 {
+    color: #fff;
+    text-transform: uppercase;
+    font-size: 24px;
+}
+
+.work-right-text h5 {
+    color: #fff;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 34px;
+    text-transform: uppercase;
+}
+
+.work-right-text .sus-btn {
+    margin-left: 0;
+    margin-top: 20px;
+}
+
+.single-awesome-4 {
+    display: block;
+    float: left;
+    overflow: hidden;
+    width: 33.33%;
+}
+
+.single-awesome-4 .add-actions {
+    padding: 10px 20px;
+}
+
+
+/*----------------------------------------
+ 10.Portfolio Area Css
+----------------------------------------*/
+
+.pst-content {
+    padding-left: 10px;
+}
+
+.project-menu {
+    margin-bottom: 40px;
+    text-align: center;
+}
+
+.project-menu li {
+    display: inline-block;
+}
+
+.project-menu li a {
+    background: #fff none repeat scroll 0 0;
+    border: 1px solid #444;
+    border-radius: 20px;
+    color: #444;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 14px;
+    font-weight: 500;
+    margin: 0 4px;
+    padding: 6px 15px;
+    text-transform: capitalize;
+    transition: all 0.3s ease 0s;
+}
+
+.project-menu li a.active,
+.project-menu li a:hover {
+    border-color: #2CB978;
+    background: #2CB978;
+    color: #fff;
+    text-decoration: none;
+}
+
+.single-awesome-portfolio {
+    float: left;
+    overflow: hidden;
+    padding: 15px;
+    width: 25%;
+    position: relative;
+}
+
+.single-awesome-project {
+    overflow: hidden;
+    margin-bottom: 30px;
+}
+
+.first-item {
+    margin-bottom: 30px;
+}
+
+.awesome-img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.awesome-img>a {
+    display: block;
+    position: relative;
+}
+
+.single-awesome-project:hover .awesome-img>a::after {
+    opacity: 1;
+}
+
+.single-awesome-project:hover .add-actions {
+    opacity: 1;
+    bottom: 0;
+}
+
+.awesome-img>a::after {
+    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
+    content: "";
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    opacity: 0;
+    transition: 0.4s;
+}
+
+.add-actions {
+    background: rgba(0, 0, 0, 0.06) none repeat scroll 0 0;
+    bottom: 30px;
+    display: block;
+    height: 100%;
+    left: 0;
+    opacity: 0;
+    overflow: hidden;
+    padding: 10px 15px;
+    position: absolute;
+    transition: all 0.4s ease 0s;
+    width: 100%;
+}
+
+.project-dec {
+    display: block;
+    height: 100%;
+    width: 100%;
+}
+
+.project-dec a {
+    display: block;
+    height: 100%;
+    width: 100%;
+}
+
+.project-dec h4 {
+    margin-bottom: 5px;
+}
+
+.project-dec h4:hover {
+    color: #fff;
+}
+
+.project-dec h4 {
+    color: #ddd;
+    font-size: 24px;
+    margin-top: -45px;
+    padding-top: 50%;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: 800;
+}
+
+.project-dec span {
+    color: #ddd;
+    font-size: 13px;
+}
+
+.project-action-btn {
+    display: block;
+    height: 100%;
+    text-align: center;
+    transition: all 1s ease 0s;
+    width: 100%;
+}
+
+.project-action-btn li {
+    display: block;
+    height: 100%;
+    width: 100%;
+}
+
+.project-action-btn li a {
+    display: block;
+    height: 100%;
+    width: 100%;
+}
+
+
+/*----------------------------------------*/
+
+
+/* 11. Pricing Area
+/*----------------------------------------*/
+
+.pricing-area {
+    background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
+}
+
+.pri_table_list {
+    border: 1px solid #ccc;
+    text-align: center;
+    transition: all 0.4s ease 0s;
+    background: #fff;
+}
+
+.pri_table_list h3 span {
+    font-size: 16px;
+}
+
+.pri_table_list ol li {
+    border-bottom: 1px solid #ccc;
+    color: #666;
+    padding: 12px 15px;
+    position: relative;
+    text-align: left;
+}
+
+.pri_table_list li.check.cross::after {
+    content: "\f00d";
+    font-family: fontawesome;
+    font-size: 14px;
+    position: absolute;
+    right: 50px;
+    top: 12px;
+    color: indianred;
+}
+
+.pri_table_list li.check::after {
+    content: "\f00c";
+    font-family: fontawesome;
+    font-size: 14px;
+    position: absolute;
+    right: 50px;
+    top: 12px;
+    color: #2CB978;
+}
+
+.pri_table_list button {
+    background: #444 none repeat scroll 0 0;
+    border: 1px solid #444;
+    color: #fff;
+    margin-bottom: 25px;
+    padding: 10px 35px;
+    text-transform: uppercase;
+    transition: all 0.4s ease 0s;
+    border-radius: 30px;
+}
+
+.pri_table_list>h3 {
+    color: #333;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 25px;
+    padding: 30px 0 20px;
+    text-transform: uppercase;
+    transition: all 0.4s ease 0s;
+}
+
+.pri_table_list ol {
+    list-style: outside none none;
+    margin: 0;
+    padding: 0 0 25px;
+}
+
+.pri_table_list.active {
+    transition: all 0.4s ease 0s;
+    position: relative;
+    overflow: hidden;
+}
+
+.saleon {
+    background: #2CB978 none repeat scroll 0 0;
+    color: #fff;
+    font-size: 13px;
+    font-weight: 700;
+    left: -26px;
+    padding: 2px 25px;
+    position: absolute;
+    text-transform: uppercase;
+    top: 16px;
+    transform: rotate(-45deg);
+    -webkit-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    -o-transform: rotate(-45deg);
+    -moz-transform: rotate(-45deg);
+}
+
+.pri_table_list>button:hover {
+    background-color: #fff;
+    border: 1px solid #333;
+    color: #333;
+}
+
+.active>h3 {
+    background: #f5f5f5 none repeat scroll 0 0;
+    color: #333;
+    transition: all 0.4s ease 0s;
+}
+
+.active>button {
+    background: #2CB978 none repeat scroll 0 0;
+    border: 1px solid #2CB978;
+    color: #fff;
+    transition: 0.4s;
+}
+
+.active>button:hover {
+    background: #333 none repeat scroll 0 0;
+    border: 1px solid #333;
+    color: #fff;
+    transition: 0.4s;
+}
+
+
+/*----------------------------------------
+ 12.Testimonial Area Css
+----------------------------------------*/
+
+.testimonials-area {
+    background: rgba(0, 0, 0, 0) url("../assets/carousel-inicio/background-slider3.jpg") no-repeat fixed center top / cover;
+    height: auto;
+    width: 100%;
+}
+
+.testi-inner {
+    position: relative;
+    width: 100%;
+    height: auto;
+    z-index: 1;
+}
+
+.testi-overly {
+    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    z-index: -1;
+}
+
+.quate {
+    border: 1px dotted #fff;
+    border-radius: 50%;
+    color: #fff;
+    display: inline-block;
+    font-size: 24px;
+    height: 70px;
+    line-height: 70px;
+    width: 70px;
+}
+
+.quate:hover {
+    color: #fff;
+}
+
+.testi-img img {
+    border: 1px dotted rgba(0, 0, 0, 0.05);
+    border-radius: 2px;
+    height: 80px;
+    margin: 0 auto;
+    padding: 5px;
+    transition: background 0.6s ease-out 0s;
+    width: 80px !important;
+}
+
+.testi-text p {
+    color: #fff;
+    font-size: 16px;
+    line-height: 1.5em;
+    margin: 20px 0;
+    letter-spacing: 1px;
+}
+
+.testi-text h6 {
+    color: #fff;
+    font-size: 20px;
+}
+
+.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
+    background: #fff none repeat scroll 0 0;
+    display: inline-block;
+    height: 8px;
+    width: 8px;
+    -moz-transition: 0.4s;
+    -webkit-transition: 0.4s;
+    -o-transition: 0.4s;
+    -ms-transition: 0.4s;
+    transition: 0.4s;
+    border-radius: 50%;
+}
+
+.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
+    bottom: -30px;
+    display: block;
+    left: 50%;
+    margin-left: -20px;
+    position: absolute;
+}
+
+.testimonial-content {
+    margin-bottom: 15px;
+}
+
+.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
+    display: inline-block;
+    margin: 0 3px;
+}
+
+.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
+    background: #2CB978;
+}
+
+.testi-text.text-center>h6 {
+    color: #fff;
+    font-size: 20px;
+    font-weight: 700;
+    text-transform: uppercase;
+}
+
+.guest-rev {
+    color: #ddd;
+    font-size: 16px;
+}
+
+.guest-rev>a {
+    color: #2CB978;
+    font-size: 14px;
+}
+
+
+/*--------------------------------*/
+
+
+/*  13.Blog Area
+/*--------------------------------*/
+
+.blog-area {
+    height: auto;
+    width: 100%;
+}
+
+.blog-text h4 a {
+    color: #444;
+    text-decoration: none;
+}
+
+.blog-text h4 {
+    color: #444;
+    margin-bottom: 15px;
+}
+
+.blog-btn {
+    border-bottom: 1px dotted #444;
+    color: #444;
+    text-decoration: none;
+}
+
+.blog-btn {
+    border-bottom: 1px dotted #444;
+    color: #444;
+    display: inline-block;
+    padding: 0 1px 5px 0;
+    position: relative;
+    text-decoration: none;
+}
+
+.blog-btn {
+    position: relative;
+}
+
+.blog-btn::after {
+    content: "\f178";
+    font-family: fontawesome;
+    position: absolute;
+    right: -20px;
+    top: 1px;
+    transition: all 0.3s ease 0s;
+}
+
+.blog-btn:hover::after {
+    right: -30px;
+}
+
+.blog-btn:hover {
+    color: #333;
+    text-decoration: none;
+}
+
+.blog_meta span.date_type i {
+    margin-left: 5px;
+}
+
+.blog-meta span.comments-type {
+    margin-left: 5px;
+}
+
+.blog-meta span i {
+    padding-right: 10px;
+}
+
+.blog-content .blog-meta {
+    border-bottom: 1px dotted #333;
+}
+
+.blog-meta {
+    border-bottom: 1px dotted #fff;
+    padding: 10px 0;
+}
+
+.comments-type>a,
+.date-type,
+.blog-meta span.comments-type {
+    color: #333;
+    letter-spacing: 1px;
+    margin-right: 5px;
+}
+
+.blog-meta .comments-type i {
+    padding-right: 0 !important;
+}
+
+.blog-content-right .comments-type>a,
+.blog-content-right .date-type,
+.blog-content-right .blog-meta span.comments-type,
+.blog-content-right .blog-text p {
+    color: #fff;
+    letter-spacing: 1px;
+}
+
+.single-blog .ready-btn {
+    border: 1px solid #444;
+    border-radius: 30px;
+    color: #444;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 15px;
+    font-weight: 500;
+    margin-top: 10px;
+    padding: 10px 20px;
+    text-align: center;
+    text-transform: uppercase;
+    transition: all 0.4s ease 0s;
+}
+
+.single-blog .ready-btn:hover {
+    border: 1px solid #2CB978;
+    color: #fff;
+}
+
+
+/*------------------------------
+  13. Quote area
+--------------------------------*/
+
+.suscribe-area {
+    background: #42c689 none repeat scroll 0 0;
+    padding: 30px 0;
+}
+
+.suscribe-text {
+    display: block;
+    padding: 10px 0;
+}
+
+.suscribe-text h3 {
+    color: #fff;
+    display: inline-block;
+    font-size: 20px;
+    font-weight: 600;
+    margin: 0;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+}
+
+.sus-btn {
+    background: #fff none repeat scroll 0 0;
+    border: 2px solid #fff;
+    color: #2CB978;
+    display: inline-block;
+    font-size: 16px;
+    font-weight: 700;
+    margin-left: 100px;
+    padding: 10px 20px;
+    text-decoration: none;
+    text-transform: uppercase;
+    border-radius: 30px;
+}
+
+.sus-btn:hover {
+    background: #2CB978 none repeat scroll 0 0;
+    border: 2px solid #fff;
+    color: #fff;
+}
+
+
+/*--------------------------------*/
+
+
+/*  14.Contact Area
+/*--------------------------------*/
+
+.contact-area {
+    height: auto;
+    width: 100%;
+}
+
+.contact-content {
+    padding: 100px;
+    background: #000 none repeat scroll 0 0;
+}
+
+.contact-content-right {
+    padding: 100px;
+}
+
+.contact-form input[type="text"],
+.contact-form input[type="email"] {
+    border: 1px solid #ccc;
+    border-radius: 0;
+    color: #444;
+    height: 40px;
+    margin-bottom: 16px;
+    padding-left: 20px;
+    width: 100%;
+}
+
+.comentarios {
+    border: 1px solid #ccc;
+    border-radius: 0;
+    color: #444;
+    height: 140px;
+    padding: 20px;
+    width: 100%;
+}
+
+.botonEnviar {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    border: 1px solid #ccc;
+    color: #444;
+    font-size: 16px;
+    font-weight: 700;
+    margin-top: 8px;
+    padding: 12px 30px;
+    text-transform: uppercase;
+    transition: all 0.3s ease 0s;
+    border-radius: 30px;
+}
+
+.botonEnviar:hover {
+    color: #fff;
+    border: 1px solid #2CB978;
+    background: #2CB978;
+}
+
+.contact-form #sendmessage {
+    color: #2CB978;
+    border: 1px solid #2CB978;
+    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:out-of-range {
+    background-color: darkred;
+    color: red;
+}
+
+.contact-form.valid {
+    border: 0.2px solid green;
+}
+
+.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;
+}
+
+.single-icon i {
+    font-size: 24px;
+    width: 50px;
+    height: 50px;
+    border: 1px solid #444;
+    line-height: 46px;
+    border-radius: 50%;
+    margin-bottom: 20px;
+}
+
+.single-icon p {
+    font-size: 16px;
+    line-height: 30px;
+}
+
+.contact-icon {
+    margin-bottom: 40px;
+}
+
+#google-map {
+    height: 370px;
+    margin-bottom: 20px;
+}
+
+
+/*----------------------------------------*/
+
+
+/*  15. Footer Area
+/*----------------------------------------*/
+
+.footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    /* Set the fixed height of the footer here */
+    /* height: 60px; */
+    background-color: #f5f5f5;
+}
+
+
+/* 
+.footer-area {
+    padding: 40px 0;
+    background: #f9f9f9;
+}
+
+.footer-head p {
+    color: #444;
+}
+
+.footer-head h4 {
+    color: #444;
+    font-size: 16px;
+    letter-spacing: 2px;
+    padding-bottom: 10px;
+    text-transform: uppercase;
+}
+
+.footer-logo {
+    padding-bottom: 20px;
+}
+
+.footer-logo h2 {
+    color: #222;
+    padding: 0;
+    margin: 0;
+    font-size: 36px;
+    font-weight: bold;
+    line-height: 1;
+}
+
+.footer-logo h2 span {
+    color: #2CB978;
+}
+
+.footer-icons ul li {
+    display: inline-block;
+}
+
+.footer-icons ul li a {
+    border: 1px solid #444;
+    color: #444;
+    display: block;
+    font-size: 16px;
+    height: 40px;
+    line-height: 38px;
+    margin-right: 5px;
+    text-align: center;
+    width: 40px;
+    border-radius: 50%;
+}
+
+.flicker-img>a {
+    float: left;
+    padding: 1px;
+    width: 33.33%;
+}
+
+.footer-icons {
+    margin-top: 30px;
+}
+
+.footer-contacts p span {
+    color: #2CB978;
+    font-weight: 700;
+}
+
+.popular-tag ul li {
+    display: inline-block;
+}
+
+.footer-content {
+    display: block;
+    overflow: hidden;
+}
+
+.popular-tag ul li a:hover,
+.footer-icons ul li a:hover {
+    background: #2CB978;
+    border: 1px solid #2CB978;
+    color: #fff;
+}
+
+.popular-tag ul li a {
+    border: 1px solid #444;
+    border-radius: 30px;
+    color: #444;
+    display: block;
+    font-size: 13px;
+    font-weight: 600;
+    margin: 5px 3px;
+    padding: 5px 10px;
+    position: relative;
+    text-decoration: none;
+    text-transform: capitalize;
+    transition: all 0.4s ease 0s;
+    width: 70px;
+    text-align: center;
+}
+
+.footer-area-bottom {
+    background: #f1f1f1 none repeat scroll 0 0;
+    /* padding: 15px 0; */
+
+
+/* } */
+
+.copyright-text a:hover {
+    text-decoration: underline;
+    color: #2CB978;
+}
+
+.copyright-text a {
+    color: #444;
+}
+
+.copyright>p {
+    margin-bottom: 0;
+    color: #444;
+}
+
+.copyright a,
+.credits a {
+    color: #2CB978;
+}
+
+.credits {
+    padding-top: 5px;
+    text-align: center;
+}
+
+*/
+/*----------------------------------------*/
+
+
+/*  16.Home Page 2  CSS
+/*----------------------------------------*/
+
+.header-bg {
+    background: url(../img/banner.jpg);
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: top center;
+    background-attachment: fixed;
+    height: 270px;
+}
+
+.header-bg.home-2 {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.home-overly {
+    background: rgba(0, 0, 0, 0.50);
+    height: 100%;
+    position: absolute;
+    width: 100%;
+}
+
+.home-2 .layer-1-3,
+.home-3 .layer-1-3 {
+    margin: 10px 0 0;
+}
+
+
+/*----------------------------------------*/
+
+
+/*  17.Home Page 3  CSS
+/*----------------------------------------*/
+
+.home-video {
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    z-index: -1;
+}
+
+.header-image.home-3 {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.table {
+    width: 100%;
+    height: 100%;
+    display: table;
+}
+
+.table-cell {
+    width: 100%;
+    height: 100%;
+    display: table-cell;
+    vertical-align: middle;
+}
+
+
+/*----------------------------------------
+  18. Blog page
+----------------------------------------*/
+
+.page-area {
+    position: relative;
+}
+
+.blog-page .banner-box {
+    margin-bottom: 40px;
+}
+
+.search-option input {
+    border: medium none;
+    padding: 6px 15px;
+    width: 80%;
+}
+
+
+/* .search-option {
+  border: 1px solid #ccc;
+  height: 42px;
+  margin-bottom: 30px;
+} */
+
+.search-option button {
+    background: transparent none repeat scroll 0 0;
+    border: medium none;
+    font-size: 20px;
+    padding: 8px 23px;
+}
+
+.search-option button:hover {
+    color: #2CB978;
+}
+
+.left-blog h4 {
+    border-bottom: 1px solid #ddd;
+    color: #444;
+    font-size: 17px;
+    font-weight: 500;
+    margin-bottom: 0;
+    padding: 15px 10px;
+    text-transform: uppercase;
+}
+
+.left-blog {
+    background: #f9f9f9 none repeat scroll 0 0;
+    margin-bottom: 30px;
+    overflow: hidden;
+    padding-bottom: 20px;
+}
+
+.left-blog li {
+    border-bottom: 1px solid #ddd;
+    display: block;
+}
+
+.left-blog ul li a:hover {}
+
+.left-blog ul li a {
+    color: #444;
+    display: block;
+    font-size: 14px;
+    padding: 10px;
+    text-transform: capitalize;
+}
+
+.recent-single-post {
+    border-bottom: 1px solid #ddd;
+    display: block;
+    overflow: hidden;
+    padding: 15px 10px;
+}
+
+.ready-btn {
+    border: 1px solid #fff;
+    border-radius: 30px;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 17px;
+    font-weight: 600;
+    margin-top: 30px;
+    padding: 12px 40px;
+    text-align: center;
+    text-transform: uppercase;
+    transition: all 0.4s ease 0s;
+    z-index: 222;
+}
+
+.ready-btn:hover {
+    color: #fff;
+    background: #2CB978;
+    border: 1px solid #2CB978;
+    text-decoration: none;
+}
+
+.post-img {
+    display: inline-block;
+    float: left;
+    padding: 0 5px;
+    width: 35%;
+}
+
+.pst-content {
+    display: inline-block;
+    float: left;
+    width: 65%;
+}
+
+.pst-content p a:hover,
+.left-blog ul li a:hover {
+    color: #2CB978;
+}
+
+.blog-page .single-blog {
+    margin-bottom: 40px;
+}
+
+.pst-content p a {
+    color: #444;
+    font-size: 15px;
+}
+
+.header-bottom h1,
+.header-bottom h2 {
+    color: #fff;
+}
+
+.blog-tags {
+    padding: 1px 0;
+}
+
+.left-blog li:last-child {
+    border-bottom: 0;
+}
+
+.popular-tag.left-blog ul li a:hover {
+    color: #fff;
+}
+
+.popular-tag.left-side-tags.left-blog ul {
+    padding: 0 10px;
+}
+
+.blog-1 .banner-box {
+    margin-bottom: 30px;
+}
+
+.left-tags .left-side-tags ul li {
+    border-bottom: 0;
+}
+
+.left-tags .left-side-tags ul li a {
+    padding: 3px 10px;
+    width: auto;
+}
+
+.left-side-tags h4 {
+    margin-bottom: 15px;
+}
+
+
+/*----------------------------------------*/
+
+
+/*  19.	Blog Details css
+/*----------------------------------------*/
+
+.post-information h2 {
+    color: #363636;
+    font-size: 22px;
+    text-transform: uppercase;
+}
+
+.post-information {
+    padding: 20px 0;
+}
+
+.post-information .entry-meta span a {
+    color: #444;
+    display: inline-block;
+    padding: 10px 0;
+}
+
+.entry-meta span a:hover {
+    color: #2CB978;
+}
+
+.post-information .entry-meta {
+    border-bottom: 1px solid #ccc;
+    margin: 20px 0;
+}
+
+.post-information .entry-meta span i {
+    padding: 0 10px;
+}
+
+.entry-content>p {
+    color: #444;
+}
+
+.entry-meta>span {
+    color: #444;
+}
+
+.entry-content blockquote {
+    background: #fff none repeat scroll 0 0;
+    border-left: 5px solid #2CB978;
+    font-size: 17.5px;
+    font-style: italic;
+    margin: 0 0 20px 40px;
+    padding: 22px 20px;
+}
+
+.pagination>.active>a,
+.pagination>.active>span,
+.pagination>.active>a:hover,
+.pagination>.active>span:hover,
+.pagination>.active>a:focus,
+.pagination>.active>span:focus {
+    background-color: #2CB978;
+    border-color: #2CB978;
+    color: #fff;
+    cursor: default;
+    z-index: 3;
+}
+
+.social-sharing {
+    background: #fff none repeat scroll 0 0;
+    border: 1px solid #ccc;
+    display: block;
+    margin: 30px 0;
+}
+
+.social-sharing>h3 {
+    display: inline-block;
+    font-size: 18px;
+    margin: 0;
+    padding: 20px 10px;
+}
+
+.sharing-icon {
+    display: inline-block;
+    float: right;
+    padding: 13px 10px;
+}
+
+.sharing-icon a {
+    border: 1px solid #444;
+    color: #444;
+    display: block;
+    float: left;
+    font-size: 18px;
+    height: 34px;
+    line-height: 30px;
+    margin-left: 10px;
+    text-align: center;
+    width: 34px;
+}
+
+.sharing-icon a:hover {
+    color: #2CB978;
+    border: 1px solid #2CB978;
+}
+
+.single-blog .author-avatar {
+    float: left;
+    margin-right: 10px;
+}
+
+.single-blog .author-description h2 {
+    font-size: 18px;
+    margin: 0;
+    padding: 0 0 5px;
+}
+
+.author-info {
+    background: #fff none repeat scroll 0 0;
+    float: left;
+    margin: 30px 0;
+    padding: 15px;
+    width: 100%;
+}
+
+.single-post-comments {
+    margin-bottom: 60px;
+    max-width: 650px;
+}
+
+.comments-heading h3,
+h3.comment-reply-title {
+    border-bottom: 1px solid #e8e8e9;
+    color: #444;
+    font-size: 18px;
+    margin: 0 0 20px;
+    padding: 0 0 5px;
+    text-transform: uppercase;
+}
+
+.comments-list ul li {
+    margin-bottom: 25px;
+}
+
+.comments-list-img {
+    float: left;
+    margin-right: 15px;
+}
+
+.comments-content-wrap {
+    color: #42414f;
+    font-size: 12px;
+    line-height: 1;
+    margin: 0 0 15px 80px;
+    padding: 10px;
+    position: relative;
+}
+
+.author-avatar {
+    display: inline-block;
+    float: left;
+    width: 10%;
+}
+
+.author-description h2 {
+    color: #777;
+    font-size: 20px;
+    text-transform: uppercase;
+}
+
+.author-description h2 a {
+    color: #000;
+}
+
+.comments-content-wrap span b {
+    margin-right: 5px
+}
+
+.comments-content-wrap span a:hover {}
+
+span.post-time {
+    margin-right: 5px
+}
+
+.comments-content-wrap p {
+    color: #909295;
+    line-height: 18px;
+    margin-bottom: 5px;
+    margin-top: 15px;
+}
+
+li.threaded-comments {
+    margin-left: 50px
+}
+
+.comment-respond {
+    margin-top: 60px;
+}
+
+h3.comment-reply-title {}
+
+span.email-notes {
+    color: #42414f;
+    display: block;
+    font-size: 12px;
+    margin-bottom: 10px;
+}
+
+.comment-respond p {
+    color: #444;
+    margin-bottom: 5px;
+}
+
+.comment-respond input[type=text],
+.comment-respond input[type=email] {
+    border: 1px solid #e5e5e5;
+    border-radius: 0;
+    height: 32px;
+    margin-bottom: 15px;
+    padding: 0 0 0 10px;
+    width: 100%;
+}
+
+.comment-respond textarea#message-box {
+    border: 1px solid #e5e5e5;
+    border-radius: 0;
+    max-width: 100%;
+    padding: 10px;
+    height: 130px;
+    width: 100%;
+}
+
+.comment-respond input[type="submit"] {
+    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
+    border: 1px solid #2CB978;
+    border-radius: 20px;
+    box-shadow: none;
+    color: #444;
+    display: inline-block;
+    font-size: 12px;
+    font-weight: 700;
+    height: 40px;
+    line-height: 14px;
+    margin-top: 20px;
+    padding: 10px 15px;
+    text-shadow: none;
+    text-transform: uppercase;
+    transition: all 0.3s ease 0s;
+    white-space: nowrap;
+}
+
+.comments-content-wrap span a {
+    color: #000;
+}
+
+.comments-content-wrap span a:hover {
+    color: #2CB978;
+}
+
+.comment-respond input[type=submit]:hover {
+    border: 1px solid #2CB978;
+    color: #fff;
+    background: #2CB978;
+}
+
+.single-blog .blog-pagination {
+    border-top: 1px solid #e5e5e5;
+    margin: 0;
+    padding-top: 30px;
+}
+
+.pad {
+    padding-top: 17px;
+}
+
+.pad-re {
+    padding-top: 20px;
+}
+
+
+/*----------------------------------------
+ .End CSS
+----------------------------------------*/
+
+
+/*invertir color de flechas de carousel*/
+
+.right.carousel-control,
+.left.carousel-control,
+.carousel-indicators {
+    filter: invert(100%)!important;
+}
+
+
+/* Validaciones formularios */
+
+
+/* .error {
+    color: red;
+}
+
+.valid {
+    border: 0.2px solid green;
+}
+
+input:valid.contact-form {
+    border-color: green;
+}
+
+input:invalid.contact-form {
+    border-color: red;
+} */
+
+
+/* The hero image */
+
+.hero-image {
+    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
+    background-image: url("../img/banner.jpg");
+    /* Set a specific height */
+    height: 40%;
+    width: 100%;
+    /* Position and center the image to scale nicely on all screens */
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    position: relative;
+}
+
+.colorBlack {
+    color: black;
+}
+
+.grecaptcha-badge {
+    visibility: collapse !important;
+}

css/styleAsesoria.css

@@ -0,0 +1,429 @@
+hr {
+    background-color: #2CB978;
+    height: 1px;
+}
+
+.fa-anchor,
+.fa-coffee {
+    font-size: 200px
+}
+
+.pa {
+    padding-top: 100px;
+}
+
+.padinBo {
+    padding-bottom: 100px;
+}
+
+.bannerEmpresa {
+    padding-top: 100px;
+}
+
+.container-1 {
+    width: 100%;
+}
+
+.bg-img {
+    background-image: url("../img/blog/img1.jpg");
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-size: cover;
+    background-color: #2CB978;
+}
+
+.bg-imgd {
+    background-color: gray;
+    min-height: 250px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    position: relative;
+}
+
+.paddi {
+    padding-left: 30px;
+    padding-right: 30px;
+}
+
+
+/* Full-width input fields */
+
+
+/* input[type=text],select,input[type=email],input[type=number],input[type=date],textarea,input[type=time]{
+  width: 100%;
+  padding: 10px;
+  margin: 5px 0 15px 0;
+  border: none;
+  background: #f1f1f1;
+} */
+
+
+/* input[type=text]:focus,select:focus,input[type=email]:focus {
+  background-color: #ddd;
+  outline: none;
+} */
+
+
+/* Set a style for the submit button */
+
+.btnA {
+    background-color: #2CB978;
+    color: white;
+    padding: 16px 20px;
+    border: none;
+    cursor: pointer;
+    width: 100%;
+    opacity: 0.9;
+    radius: 10px;
+}
+
+.btnA:hover {
+    opacity: 1;
+}
+
+
+/* listas de bodega-html */
+
+#lista2 {
+    counter-reset: li;
+    list-style: none;
+    *list-style: decimal;
+    font: 20px 'trebuchet MS', 'lucida sans';
+    padding: 50;
+    margin-bottom: 4em;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
+}
+
+#lista2 ol {
+    margin: 0 0 100 2em;
+    color: #fff;
+}
+
+#lista2 li {
+    position: relative;
+    display: block;
+    padding: .4em .4em .4em 2em;
+    *padding: .4em;
+    margin: .5em 0;
+    background: #ddd;
+    color: #444444;
+    text-decoration: none;
+    border-radius: .10em;
+    transition: all .3s ease-out;
+}
+
+#lista2 li:hover {
+    background: #eee;
+}
+
+#lista2 li:hover:before {
+    transform: rotate(360deg);
+}
+
+#lista2 li:before {
+    content: counter(li);
+    counter-increment: li;
+    color: #fff;
+    position: absolute;
+    left: -1.3em;
+    top: 50%;
+    margin-top: -1.3em;
+    background: #2CB978;
+    height: 2em;
+    width: 2em;
+    line-height: 2em;
+    border: .2em solid #fff;
+    text-align: center;
+    font-weight: bold;
+    border-radius: 2em;
+    transition: all .3s ease-out;
+}
+
+
+/* Fin de las listas */
+
+
+/* Botón */
+
+.button-con {
+    border-radius: 50px;
+    background-color: #4CAF50;
+    /* Green */
+    padding: 16px 32px;
+    text-align: center;
+    display: inline-block;
+    border: 0px;
+    font-size: 16px;
+    margin: 4px 2px;
+    -webkit-transition-duration: 0.4s;
+    /* Safari */
+    transition-duration: 0.4s;
+    cursor: pointer;
+}
+
+.button-con1:hover {
+    background-color: white;
+    color: black;
+    border: 1px solid #2cb978;
+}
+
+.button-con1 {
+    background-color: #2cb978;
+    color: white;
+}
+
+.button-ase {
+    border-radius: 50px;
+    background-color: #4CAF50;
+    /* Green */
+    padding: 16px 32px;
+    text-align: center;
+    display: inline-block;
+    border: 0px;
+    font-size: 16px;
+    margin: 4px 2px;
+    -webkit-transition-duration: 1s;
+    /* Safari */
+    transition-duration: 0.4s;
+    cursor: pointer;
+}
+
+.button-ase1 {
+    background-color: white;
+    color: black;
+    border: 1px solid #c8c7c7;
+}
+
+.button-ase1:hover {
+    background-color: #2cb978;
+    color: white;
+    border: 1px solid #2cb978;
+}
+
+.colorWhu {
+    color: white;
+}
+
+
+/* margin imgs empres.html */
+
+.img-margin-left {
+    margin-top: 80px;
+    margin-left: 120px;
+}
+
+.img-margin-right {
+    margin-left: 80px;
+}
+
+.img-to {
+    margin-top: 80px;
+}
+
+.imgEmpresa:hover {
+    animation: shake 0.5s;
+    animation-iteration-count: infinite;
+}
+
+@keyframes shake {
+    0% {
+        transform: translate(1px, 1px) rotate(0deg);
+    }
+    10% {
+        transform: translate(-1px, -2px) rotate(-1deg);
+    }
+    20% {
+        transform: translate(-3px, 0px) rotate(1deg);
+    }
+    30% {
+        transform: translate(3px, 2px) rotate(0deg);
+    }
+    40% {
+        transform: translate(1px, -1px) rotate(1deg);
+    }
+    50% {
+        transform: translate(-1px, 2px) rotate(-1deg);
+    }
+    60% {
+        transform: translate(-3px, 1px) rotate(0deg);
+    }
+    70% {
+        transform: translate(3px, 1px) rotate(-1deg);
+    }
+    80% {
+        transform: translate(-1px, -1px) rotate(1deg);
+    }
+    90% {
+        transform: translate(1px, 2px) rotate(0deg);
+    }
+    100% {
+        transform: translate(1px, -2px) rotate(-1deg);
+    }
+}
+
+img {
+    vertical-align: middle;
+}
+
+
+/* Position the image container (needed to position the left and right arrows) */
+
+.container {
+    position: relative;
+}
+
+.conG {
+    background-color: #f8f8f8;
+}
+
+
+/* Hide the images by default */
+
+.mySlides {
+    display: none;
+}
+
+
+/* Add a pointer when hovering over the thumbnail images */
+
+.cursor {
+    cursor: pointer;
+}
+
+
+/* Next & previous buttons */
+
+.prev,
+.next {
+    cursor: pointer;
+    position: absolute;
+    top: 40%;
+    width: auto;
+    padding: 16px;
+    margin-top: -50px;
+    color: white;
+    font-weight: bold;
+    font-size: 20px;
+    border-radius: 0 3px 3px 0;
+    user-select: none;
+    -webkit-user-select: none;
+}
+
+
+/* Position the "next button" to the right */
+
+.next {
+    right: 0;
+    border-radius: 3px 0 0 3px;
+}
+
+
+/* On hover, add a black background color with a little bit see-through */
+
+.prev:hover,
+.next:hover {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+
+
+/* Number text (1/3 etc) */
+
+.numbertext {
+    color: #f2f2f2;
+    font-size: 12px;
+    padding: 8px 12px;
+    position: absolute;
+    top: 0;
+}
+
+
+/* Container for image text */
+
+.caption-container {
+    text-align: center;
+    background-color: #222;
+    padding: 2px 16px;
+    color: white;
+}
+
+.row:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
+
+/* Six columns side by side */
+
+.column {
+    float: left;
+    width: 16.66%;
+}
+
+
+/* Add a transparency effect for thumnbail images */
+
+.demo {
+    opacity: 0.6;
+}
+
+.active,
+.demo:hover {
+    opacity: 1;
+}
+
+.gallery-tam {
+    max-width: 800px;
+}
+
+div.transbox {
+    margin: 30px;
+    background-color: #ffffff;
+    opacity: 0.6;
+    filter: alpha(opacity=60);
+    /* For IE8 and earlier */
+}
+
+.transbox-form {
+    background-color: #ffffff;
+    opacity: 0.9;
+    filter: alpha(opacity=60);
+}
+
+div.transbox p,
+h1 {
+    margin: 5%;
+    font-weight: bold;
+    color: #000000;
+}
+
+.container-asesoria {
+    background-color: #fff;
+    padding-top: 20px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    padding-left: 20px;
+}
+
+.carousel-inner img {
+    width: 100%;
+    /* Set width to 100% */
+    margin: auto;
+    min-height: 200px;
+}
+
+
+/* Hide the carousel text when the screen is less than 600 pixels wide */
+
+@media (max-width: 600px) {
+    .carousel-caption {
+        display: none;
+    }
+}
+
+.centrado {
+    padding-left: auto;
+    padding-right: auto;
+}