/*General*/
html {
   width: 100%;
   height: 100%;
   margin: 0px;
   padding: 0px;
   overflow-x: hidden;
}

body {
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   font-size: normal;
   font-smooth: always;
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
}

button:focus {
   outline: 0;
}

a {
   text-decoration: none;
   -moz-transition: all linear 0.3s;
   -webkit-transition: all linear 0.3s;
   -o-transition: all linear 0.3s;
   transition: all linear 0.3s;
}

a:hover {
   text-decoration: none;
}

img {
   max-width: 100%;
}

ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

input[type='text'],
input[type='password'],
input[type='email'],
textarea {
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   font-weight: 500;
   color: #7e7e7e;
   border-width: 1px;
   border-style: solid;
   padding: 0 15px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -moz-transition: border linear 0.3s;
   -webkit-transition: border linear 0.3s;
   -o-transition: border linear 0.3s;
   transition: border linear 0.3s;
}

textarea {
   padding: 15px;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
textarea:focus {
   background: rgba(62, 212, 255, 0.5);
   border-color: #9ccf00 !important;
   outline: none;
   color: #333;
}

.btn {
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   font-weight: 600;
   width: 120px;
   height: 40px;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
   -moz-transition: background 0.3s linear;
   -webkit-transition: background 0.3s linear;
   -o-transition: background 0.3s linear;
   transition: background 0.3s linear;
}

.btn:focus {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   outline: none;
}

.cover {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.8);
   z-index: 2;
}

.container {
   position: relative;
   z-index: 3;
}

a.idiomaMenu {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   font-size: 12px;
   color: black;
}

a:active.idiomaMenu {
   color: #9ccf00;
}

a:hover.idiomaMenu {
   color: #9ccf00;
}

/*Header*/
/*Top nav left*/
.top-nav {
   color: #333;
   line-height: 30px;
   border-bottom: 1px solid #9ccf00;
}

/*Top left Menu*/
.top-left {
   float: left;
}

.top-left ul > li {
   display: inline-block;
   margin-right: 15px;
}

.top-left a {
   font-size: 16px;
   color: #333;
}

.top-left a:hover {
   color: #9ccf00;
}

/*Top Right Menu*/
.top-right {
   float: right;
}

.top-right p:before {
   content: '\f041';
   font-family: 'FontAwesome';
   font-size: 16px;
   color: #9ccf00;
   margin-right: 10px;
}

.top-right p {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   font-size: 14px;
}

.top-right p > span {
   margin-left: 5px;
   font-style: italic;
   font-weight: 400;
}

/*Nagivation*/
.nav > li > a {
   padding: 10px 7px;
}

#main-nav {
   padding: 5px 0;
}

/*Affix*/
#main-nav.affix {
   position: fixed;
   top: 0;
   width: 100%;
   background-color: rgba(255, 255, 255, 0.9);
   color: #fff;
   z-index: 10;
   -moz-box-shadow: 0 1px 2px #ebebeb;
   -webkit-box-shadow: 0 1px 2px #ebebeb;
   box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
   transition: all 0.3s;
}

.navbar {
   margin: 0;
}

#main-nav .navbar-header a {
   /*background-color: #9CCF00;*/
   color: #fff;
}
/*Toggle Menu*/
#main-nav .navbar-toggle {
   background-color: #9ccf00;
}

#main-nav .navbar-toggle span {
   background-color: #fff;
}

/*Main Menu*/
#main-nav .navbar-right {
   margin-top: 40px;
}

#main-nav .navbar-right li > a {
   font-family: 'Raleway', sans-serif;
   font-size: 20px;
   font-weight: 700;
   line-height: 30px;
   color: #555;
   padding-top: 0;
   padding-bottom: 0;
   text-transform: uppercase;
}

#main-nav .navbar-right li > a:focus {
   color: #9ccf00;
   background: none;
   outline: none;
}

#main-nav .navbar-nav > li > a:hover,
#main-nav .navbar-nav > li.active > a {
   color: #9ccf00;
   background: none;
}

.idioma-mobile {
   padding-top: 8px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 5px;
   margin-right: 5px;
}

.navbar-brand {
   float: left;
   height: 100%;
   padding: 0px 0px;
   font-size: 18px;
   line-height: 20px;
}

/*Search Form*/
.search-form {
   padding: 10px;
   position: absolute;
   bottom: -76px;
   right: 15px;
   z-index: 3;
   background: #fff;
   visibility: hidden;
   opacity: 0;
   transition: opacity 0.5s linear;
   -moz-box-shadow: 0 1px 2px #ebebeb;
   -webkit-box-shadow: 0 1px 2px #ebebeb;
   box-shadow: 0 1px 2px #ebebeb;
}

.search-form.visible {
   visibility: visible;
   opacity: 1;
}

.search-form input {
   height: 40px;
   width: 275px;
   border-color: #e8e8e8;
}

/*Main Slider*/
#slider {
   margin: 0;
   padding: 0;
   position: relative;
}

.flexslider {
   border: 0 !important;
}

#slider.flexslider .slides > li img {
}

.modal-small {
   width: 200px;
   margin-left: -100px;
}

.modal-large {
   width: 900px;
}

.modal {
   text-align: center;
   padding: 0 !important;
}

.modal:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
   display: inline-block;
   text-align: left;
   vertical-align: middle;
}

@media screen and (min-width: 320px) and (max-width: 520px) {
   .modal-lg {
      max-width: 400px;
   }
}

/*login*/
/*

.modal-content {
   
    margin: 30px auto !important;
}

.modal-portafolio {
    width: 800px !important;
    margin: 30px auto !important;
}

.modal-portafolio h4 {
    font-size: 1.5em;
    font-weight: 700;
}

.modal {
  text-align: center;
  padding: 0!important;
}



.modal-body {
    max-height: 80vh; 
}

.modal-sm {
    width: 300px;
}

.modal-content h4 {
    font-size: 1.5em;
    font-weight: 700;
}

.modal-sm {
    width: 400px;
}

*/
.login-box-body {
   padding: 15px 20px;
}

.login-box-body {
   padding: 15px 30px;
}

.login-box-msg,
.register-box-msg {
   margin: 0px;
   text-align: center;
   padding: 0px 20px 20px;
}

.btn-green,
.btn-green:hover {
   background-color: #9ccf00;
   color: #fff;
}

.btn {
   padding: 10px 20px;
}

.btn-block {
   display: block;
   width: 100%;
}

/*Slider Caption*/
#slider .caption {
   position: absolute;
   width: 600px;
   top: 50%;
}

#slider .caption h2 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 48px;
   text-transform: uppercase;
}

#slider .caption span {
   padding: 0 10px;
   background-color: #69734d;
   color: #9ccf00;
}

#slider .caption p {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 800;
   font-size: 30px;
   font-style: italic;
   margin-top: 40px;
   color: #9ccf00;
   padding-top: 55%;
}

#slider .caption button {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 17px;
   margin-top: 20px;
   background-color: #9ccf00;
   color: #fff;
   border: 1px solid #fff;
}

#slider .caption button:hover {
   background-color: #fff;
   border: 1px solid #9ccf00;
   transition: 0.3s;
   color: #9ccf00;
}

#homestats {
   padding-top: 30px;
}

#homestats .about-heading {
   text-align: center;
}

#homestats .about-heading h2 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 45px;
   text-transform: uppercase;
}

#homestats .about-heading p {
   margin-top: 20px;
   line-height: 25px;
   color: #474646;
   margin-bottom: 50px;
}

#homestats .about-left {
   position: relative;
   z-index: 2;
}

#homestats .about-right:before {
   content: '';
   border: 8px solid #e5eef0;
   width: 120%;
   height: 95%;
   position: absolute;
   right: 0;
   top: 0;
}

#homestats .about-right {
   position: relative;
   padding: 0 80px 150px 80px;
}

#homestats .about-right-heading h1 {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   padding-top: 100px;
   text-transform: uppercase;
}

#homestats .about-right-boot:before {
   /*content: "\f080";*/
   font-family: 'FontAwesome';
   font-size: 45px;
   padding: 65px 30px 0 0;
   float: left;
   color: #9ccf00;
}

#homestats .about-right-wrapper {
   padding-left: 0 0 50px 78px;
   position: relative;
   left: 0;
   top: 75px;
}

#homestats .about-right-wrapper a {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   color: #282828;
}

#homestats .about-right-wrapper a:hover {
   color: #9ccf00;
}

#homestats .about-right-wrapper p {
   line-height: 28px;
   margin-top: 20px;
   color: #474646;
}

#homestats .about-right-best:before {
   content: '\f201';
   font-family: 'FontAwesome';
   font-size: 45px;
   padding: 65px 30px 0 0;
   float: left;
   color: #9ccf00;
}

#homestats .about-right-support:before {
   content: '\f025';
   font-family: 'FontAwesome';
   font-size: 45px;
   padding: 65px 30px 0 0;
   float: left;
   color: #9ccf00;
}

.about-right-boot p {
   text-align: justify;
   line-height: 22px;
   margin: 0 0 30px;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
   #slider .caption {
      position: relative;
      width: 250px;
      top: 55%;
   }

   #slider .caption h2 {
      font-size: 15px;
   }

   #slider .caption p {
      font-size: 10px;
      font-style: italic;
      margin: 0;
      padding: 0;
      color: #9ccf00;
      margin-top: -12%;
   }

   #slider .caption .btn {
      width: 80px;
      height: 20px;
      font-size: 10px;
      margin-top: 5px;
      padding: 0;
   }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
   #slider .caption {
      position: absolute;
      width: 450px;
      top: 50%;
   }

   #slider .caption h2 {
      font-size: 24px;
   }

   #slider .caption p {
      font-size: 16px;
      font-style: italic;
      margin-top: 15px;
      color: #9ccf00;
   }

   #slider .caption .btn {
      width: 110px;
      height: 30px;
      font-size: 12px;
      margin-top: 15px;
   }
}

/*Control Nav*/
#slider .flex-control-nav {
   position: absolute;
   display: inline;
   z-index: 2;
}

#slider .flex-control-nav li {
   margin: 5px;
   display: inline-block;
}

#slider .flex-control-paging li a {
   background: #fff;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   border: 1px solid #9ccf00;
}

#slider .flex-control-paging li a:hover {
   background: #9ccf00;
}

#slider .flex-control-paging li a.flex-active {
   background: #9ccf00;
   width: 12px;
   height: 12px;
}

/*About*/
#about {
   padding-top: 80px;
}

#about .about-heading {
   text-align: center;
}

#about .about-heading h2 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 45px;
   text-transform: uppercase;
}

#about .about-heading p {
   margin-top: 20px;
   line-height: 25px;
   color: #474646;
   margin-bottom: 50px;
}

#about .about-left {
   position: relative;
   z-index: 2;
}

#about .about-right:before {
   content: '';
   border: 8px solid #e5eef0;
   width: 120%;
   height: 88%;
   position: absolute;
   right: 0;
   top: 10px;
}

#about .about-right {
   position: relative;
   padding: 0 80px 100px 80px;
}

#about .about-right-heading h1 {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   padding-top: 100px;
   text-transform: uppercase;
}

#about .about-right-boot:before {
   /*content: "\f080";*/
   font-family: 'FontAwesome';
   font-size: 45px;
   padding: 65px 30px 0 0;
   float: left;
   color: #9ccf00;
}

#about .about-right-wrapper {
   padding-left: 0 0 50px 78px;
   position: relative;
   left: 0;
   top: 75px;
}

#about .about-right-wrapper a {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   color: #282828;
}

#about .about-right-wrapper a:hover {
   color: #9ccf00;
}

#about .about-right-wrapper p {
   line-height: 28px;
   margin-top: 20px;
   color: #474646;
}

#about .about-right-best:before {
   content: '\f201';
   font-family: 'FontAwesome';
   font-size: 45px;
   padding: 65px 30px 0 0;
   float: left;
   color: #9ccf00;
}

#about .about-right-support:before {
   content: '\f025';
   font-family: 'FontAwesome';
   font-size: 45px;
   padding: 65px 30px 0 0;
   float: left;
   color: #9ccf00;
}

.about-right-boot p {
   text-align: justify;
   line-height: 22px;
   margin: 0 0 30px;
}

/*team*/

/*About*/
#team {
   margin-top: 70px;
}

#teambg {
   background-color: rgb(247, 247, 247);
   padding-top: 60px;
   padding-bottom: 60px;
}

#teambg .pm-staff-profile-image {
   width: 150px;
   height: 150px;
   background-color: #c6c6c6;
   border-radius: 50%;
   display: inline-block;
}

#teambg .pm-staff-profile-details {
   padding: 20px 20px;
}

#teambg .pm-staff-profile-name {
   font-size: 24px;
   text-transform: capitalize;
   color: #9ccf00;
}

#teambg .pm-staff-profile-title {
   text-transform: capitalize;
   color: #4b4b4b;
   font-weight: 500;
   padding: 12px 0px;
}

#teambg .pm-staff-profile-bio {
   text-transform: capitalize;
   color: #4b4b4b;
   font-weight: 100;
}

#team .team-heading {
   text-align: center;
}

#team .team-heading h2 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 45px;
   text-transform: uppercase;
}

#team .team-heading p {
   margin-top: 20px;
   line-height: 25px;
   color: #474646;
   margin-bottom: 50px;
}

#team .team-left {
   position: relative;
   z-index: 2;
}

#team .team-right:before {
   content: '';
   border: 8px solid #e5eef0;
   width: 120%;
   height: 100%;
   position: absolute;
   right: 0;
   top: 0;
}

#team .team-right {
   position: relative;
   padding: 0 80px 150px 80px;
}

#team .team-right-heading h1 {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   padding-top: 100px;
   text-transform: uppercase;
}

#team .team-right-boot:before {
   /*content: "\f080";*/
   font-family: 'FontAwesome';
   font-size: 45px;
   padding: 65px 30px 0 0;
   float: left;
   color: #9ccf00;
}

#team .team-right-wrapper {
   padding-left: 0 0 50px 78px;
   position: relative;
   left: 0;
   top: 75px;
}

#team .team-right-wrapper a {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   color: #282828;
}

#team .team-right-wrapper a:hover {
   color: #9ccf00;
}

#team .team-right-wrapper p {
   line-height: 28px;
   margin-top: 20px;
   color: #474646;
}

#team .team-right-best:before {
   content: '\f201';
   font-family: 'FontAwesome';
   font-size: 45px;
   padding: 65px 30px 0 0;
   float: left;
   color: #9ccf00;
}

#team .team-right-support:before {
   content: '\f025';
   font-family: 'FontAwesome';
   font-size: 45px;
   padding: 65px 30px 0 0;
   float: left;
   color: #9ccf00;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
   #about {
      padding: 0;
   }

   #about .about-heading h2 {
      margin-top: 30px;
      font-size: 27px;
   }

   #about .about-heading p {
      margin-top: 20px;
      font-size: 12px;
      line-height: 20px;
   }

   #about .about-right:before {
      content: '';
      border: 8px solid #e5eef0;
      width: 100%;
      height: 100%;
   }

   #about .about-right {
      position: relative;
      padding: 0px 15px 0px 15px;
      margin-top: 20px;
   }

   #about .about-right-heading h1 {
      padding-top: 20px;
      font-size: 25px;
      text-align: center;
   }

   #about .about-right-boot:before {
      font-size: 30px;
      padding: 20px 20px 0 0;
   }

   #about .about-right-wrapper {
      position: relative;
      left: 0;
      top: 35px;
   }

   #about .about-right-wrapper a > h3 {
      font-size: 20px;
   }

   #about .about-right-wrapper p {
      margin-top: 20px;
      font-size: 13px;
   }

   #about .about-right-best {
      margin-top: 40px;
   }

   #about .about-right-best:before {
      font-size: 30px;
      padding: 20px 20px 0 0;
   }

   #about .about-right-support {
      margin-top: 40px;
   }

   #about .about-right-support:before {
      font-size: 30px;
      padding: 20px 20px 0 0;
   }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
   #about {
      margin-top: 50px;
      padding: 0;
   }

   #about .about-heading h2 {
      margin-top: 30px;
      font-size: 30px;
   }

   #about .about-heading p {
      margin-top: 20px;
      line-height: 20px;
   }

   #about .about-right:before {
      content: '';
      border: 8px solid #e5eef0;
      width: 100%;
      height: 100%;
   }

   #about .about-right {
      position: relative;
      padding: 0px 15px 0px 15px;
      margin-top: 20px;
   }

   #about .about-right-heading h1 {
      padding-top: 20px;
      font-size: 25px;
      text-align: center;
   }

   #about .about-right-boot:before {
      font-size: 30px;
      padding: 20px 20px 0 0;
   }

   #about .about-right-wrapper {
      position: relative;
      left: 0;
      top: 35px;
   }

   #about .about-right-wrapper a > h3 {
      font-size: 20px;
   }

   #about .about-right-wrapper p {
      margin-top: 20px;
      font-size: 13px;
   }

   #about .about-right-best {
      margin-top: 40px;
   }

   #about .about-right-best:before {
      font-size: 30px;
      padding: 20px 20px 0 0;
   }

   #about .about-right-support {
      margin-top: 40px;
   }

   #about .about-right-support:before {
      font-size: 30px;
      padding: 20px 20px 0 0;
   }
}

/*About bg*/
#about-bg {
   position: relative;
   background-image: url(../images/about/about2.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   /*margin-top: 100px;*/
   text-transform: uppercase;
   padding: 100px 0;
   color: #fff;
}

.about-bg-heading {
   font-family: 'Josefin', sans-serif;
   font-weight: 900;
   text-align: center;
   line-height: 40px;
   z-index: -2;
}

.about-bg-heading h1 {
   font-size: 40px;
}

.about-bg-heading p {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   font-weight: 400;
   font-size: 16px;
}

.about-bg-wrapper {
   color: #fff;
   text-align: center;
   margin-top: 30px;
   z-index: -2;
}

#about-bg .about-bg-wrapper .count {
   font-family: 'Raleway', sans-serif;
   font-weight: 900;
   font-size: 45px;
   margin-right: 20px;
   text-align: center;
   float: left;
   color: #9ccf00;
}

#about-bg .about-bg-wrapper p {
   font-family: 'Raleway', sans-serif;
   font-weight: 400;
   font-size: 16px;
   margin-top: 30px;
   float: left;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
   .about-bg-heading h1 {
      font-size: 28px;
   }

   .about-bg-wrapper {
      margin-left: 10%;
   }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
   .about-bg-heading h1 {
      font-size: 30px;
   }

   .about-bg-wrapper {
      margin-left: 35%;
   }
}

/*Service*/
#service {
   /*margin-top: 100px;*/
   background-attachment: scroll;
   padding-bottom: 0px;
   padding-top: 0px;
}

#service .col-md-6 {
   padding: 0;
}

#service .service-heading {
   text-align: center;
}

#service .service-heading h2 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 45px;
   text-transform: uppercase;
}

#service .service-heading p {
   margin-top: 20px;
   line-height: 25px;
   color: #474646;
   margin-bottom: 50px;
}

.services-style-one {
   position: relative;
}

.services-style-one .outer-box {
   position: relative;
   background: #1c1c1c;
}

.services-style-one .service-block {
   position: relative;
   /*margin-bottom: 40px;*/
}

.services-style-one .services-column {
   position: relative;
   width: 50%;
   float: left;
   background: #f2f3f4;
}

.services-style-one .services-column .content-outer {
   position: relative;
   /*float: right;*/
   max-width: 500px;
   padding: 80px 20px 40px 40px;
}

.services-style-one .services-column .icon-box {
   font-size: 36px;
   margin-bottom: 15px;
   line-height: 1px;
   color: #9ccf00;
}

.services-style-one .services-column h4 {
   font-size: 14px;
   margin-bottom: 10px;
   color: #1c1c1c;
}

.services-style-one .services-column .text {
   font-size: 13px;
   color: #5a5a5a;
   text-align: justify;
}

/*mobile*/

.services-style-one .services-column-m {
   position: relative;
   float: left;
   background: #f2f3f4;
}

.services-style-one .services-column-m .content-outer {
   position: relative;
   /*float: right;*/
   max-width: 500px;
   padding: 80px 20px 40px 40px;
}

.services-style-one .services-column-m .icon-box {
   font-size: 36px;
   margin-bottom: 15px;
   line-height: 1px;
   color: #9ccf00;
}

.services-style-one .services-column-m h4 {
   font-size: 14px;
   margin-bottom: 10px;
   color: #1c1c1c;
}

.services-style-one .services-column-m .text {
   font-size: 13px;
   color: #bbbaba;
   text-align: justify;
}

.list-group-m div {
   padding: 10px 20px 5px 30px;
   background-color: #1c1c1c;
}

.services-style-one .services-column-right {
   position: relative;
   width: 50%;
   float: left;
   background: #1c1c1c;
}

.services-style-one .services-column-right .content-outer {
   position: relative;
   float: right;
   max-width: 700px;
   padding: 80px 20px 40px 40px;
}

.services-style-one .services-column-right .icon-box {
   font-size: 36px;
   margin-bottom: 15px;
   line-height: 1px;
   color: white;
}

.services-style-one .services-column-right h4 {
   font-size: 14px;
   margin-bottom: 10px;
   color: #9e9b9b;
}

.services-style-one .services-column-right .text {
   font-size: 14px;
   color: #bbbaba;
   text-align: justify;
}

.services-style-one .content-column {
   position: relative;
   float: left;
   width: 50%;
   background: #1c1c1c;
}

.services-style-one .content-column .content-box {
   position: relative;
   float: left;
   padding: 80px 20px 40px 40px;
   max-width: 700px;
}

.services-style-one .content-column .sec-title h2 {
   color: #fff;
}

.services-style-one .content-column .sec-title h2 > span {
   border-bottom: 2px solid #9ccf00;
   padding-bottom: 5px;
}

.services-style-one .content-column .inner-box {
   position: relative;
}

.services-style-one .content-column .text {
   position: relative;
   margin: 30px 0;
   color: #999999;
   line-height: 25px;
}

a.btn.btn-large.btn-primary {
   background-color: #9ccf00;
   width: 120px;
   color: #fff;
   border-color: #9ccf00;
}

a.btn.btn-large.btn-primary:hover {
   background-color: #fff;
   color: #9ccf00;
   border-color: #fff;
}

.list-group {
   margin-bottom: 0px;
}

.list-group-item {
   border: none;
   background-color: #f2f3f4;
   padding: 5px 15px;
}

.serviceList {
   margin-left: 15px;
   margin-right: 15px;
}

.serviceList h2 {
   font-size: 16px;
   font-weight: 800;
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
   border: none;
   background-color: #9ccf00;
   color: #fff;
}

.services-style-one .services-column-right .text {
   line-height: 10pt;
}

/*Service Footer*/
#service .service-footer {
   background: #222222;
   padding: 30px 0;
}

#service .service-footer-left h3 {
   font-family: 'Raleway', sans-serif;
   font-weight: 600;
   font-size: 22px;
   color: #fff;
}

#service .service-footer-left h3 > span {
   color: #9ccf00;
}

#service .service-footer-left p {
   font-size: 16px;
   color: #9d9d9d;
}

#service .service-footer-right {
   float: right;
   line-height: 80px;
}

#service .service-footer-right button {
   background-color: #9ccf00;
   width: 180px;
   height: 50px;
   color: #fff;
}

#service .service-footer-right button:hover {
   background-color: #fff;
   color: #9ccf00;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
   #service {
      margin-top: 50px;
   }

   #service .service-heading h2 {
      font-size: 27px;
   }

   #service .service-heading p {
      font-size: 13px;
   }

   .services-style-one .content-column .content-box {
      padding: 200px 20px 100px 20px;
   }

   .serviceList {
      margin-left: 8px;
   }

   .services-style-one .services-column-right .text {
      text-align: left;
   }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
   #service {
      margin-top: 50px;
   }

   #service .service-heading h2 {
      font-size: 30px;
   }

   .services-style-one .content-column .content-box {
      padding: 200px 20px 100px 20px;
   }

   .serviceList {
      margin-left: 8px;
   }

   .services-style-one .services-column-right .text {
      text-align: left;
   }
}

/*sustentabilidad*/

#sustentabilidad {
   margin-top: 50px;
   margin-bottom: 40px;
}

#sustentabilidad .sust-heading h2 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 45px;
   text-transform: uppercase;
   text-align: center;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
   #sustentabilidad {
      margin-top: 50px;
   }

   #sustentabilidad .sust-heading h2 {
      font-size: 27px;
   }

   #sustentabilidad .sust-heading p {
      font-size: 13px;
   }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
   #portfolio {
      margin-top: 50px;
   }

   #portfolio .portfolio-heading h2 {
      font-size: 30px;
   }
}

/*Portfolio*/
#portfolio {
   margin-top: 60px;
}

#portfolio .portfolio-heading {
   text-align: center;
}

#portfolio .portfolio-heading h2 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 45px;
   text-transform: uppercase;
}

#portfolio .portfolio-heading p {
   margin-top: 20px;
   line-height: 25px;
   color: #474646;
   margin-bottom: 50px;
}

#portfolio .portfolio-thumbnail {
   position: relative;
}

/*#portfolio .portfolio-thumbnail img {
            width: 337px;
            height: 229px;
        }*/

#portfolio .portfolio-thumbnail .col-md-3 {
   padding: 0;
}

#portfolio .portfolio-thumbnail .caption {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-color: rgba(156, 207, 0, 0.7);
   opacity: 0;
   -moz-transition: opacity linear 0.3s;
   -webkit-transition: opacity linear 0.3s;
   -o-transition: opacity linear 0.3s;
   transition: opacity linear 0.3s;
}

#portfolio .portfolio-thumbnail .item:hover > .caption {
   opacity: 1;
}

#portfolio .caption i {
   width: 45px;
   height: 45px;
   line-height: 45px;
   text-align: center;
   color: #9ccf00;
   background-color: #fff;
   position: absolute;
   top: 45%;
   left: 50%;
   margin-top: -22px;
   margin-left: -22px;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}

#portfolio .caption div {
   font-family: 'Raleway', sans-serif;
   font-weight: 400;
   text-align: center;
   color: #fff;
   position: absolute;
   font-size: 17px;
   text-transform: capitalize;
   top: 55%;
   left: 25%;
   right: 25%;
}

div#proyectos {
   font-size: 9pt;
   text-align: justify;
}

.projectYear {
   border-bottom: 1px solid #ccc;
   font-weight: 900;
}

div#proyectos p {
   margin: 0 0 6px;
}

.tituloProyecto {
   margin: 20px;
   color: #9ccf00;
   font-weight: 900;
}

.proyectosList {
   margin: 10px;
}

.spacer {
   margin: 20px; /* define margin as you see fit */
}

button.btn.btn-info {
   background-color: #9ccf00;
   width: 120px;
   height: 40px;
   color: #fff;
   border-color: #9ccf00;
}

button.btn.btn-info:hover {
   background-color: #fff;
   color: #9ccf00;
   border-color: #fff;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
   #portfolio {
      margin-top: 50px;
   }

   #portfolio .portfolio-heading h2 {
      font-size: 27px;
   }

   #portfolio .portfolio-heading p {
      font-size: 13px;
   }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
   #portfolio {
      margin-top: 50px;
   }

   #portfolio .portfolio-heading h2 {
      font-size: 30px;
   }
}

/*Contact*/
#contact {
   margin-top: 100px;
}

#contact .contact-heading {
   text-align: center;
}

#contact .contact-heading h2 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 45px;
   text-transform: uppercase;
}

#contact .contact-heading p {
   margin-top: 20px;
   line-height: 25px;
   color: #474646;
   margin-bottom: 50px;
}

.validation {
   color: red;
   display: none;
   margin: 0 0 20px;
   font-weight: 400;
   font-size: 13px;
}

#sendmessage {
   color: green;
   border: 1px solid green;
   display: none;
   text-align: center;
   padding: 15px;
   font-weight: 600;
   margin-bottom: 15px;
}

.messageView {
   display: block !important;
}

#errormessage {
   color: red;
   display: none;
   border: 1px solid red;
   text-align: center;
   padding: 15px;
   font-weight: 600;
   margin-bottom: 15px;
}

#sendmessage.show,
#errormessage.show,
.show {
   display: block;
}

/*Get In Touch*/
#get-touch {
   margin-top: 100px;
}

#get-touch .get-touch-heading {
   text-align: center;
}

#get-touch .get-touch-heading h2 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 36px;
   text-transform: uppercase;
}

#get-touch .get-touch-heading p {
   margin-top: 20px;
   line-height: 25px;
   color: #474646;
   margin-bottom: 50px;
}

#get-touch .content {
   margin-top: 50px;
}

#get-touch .content .form input {
   height: 50px;
   width: 100%;
   border-color: #ebebeb;
}

#get-touch .content .form textarea {
   width: 100%;
   height: 180px;
   border-color: #ebebeb;
   margin-top: 20px;
}

#get-touch .content .form .submit {
   text-align: center;
}

#get-touch .content .form .submit .btn {
   margin-top: 25px;
   background-color: transparent;
   color: #7e7e7e;
   border-color: #9ccf00;
}

#get-touch .content .form .submit .btn:hover {
   background-color: #9ccf00;
   color: #fff;
}

/*Map*/
#google-map {
   position: relative;
   margin-top: 10px;
   height: 400px;
}

/*Client*/
#client {
   margin-top: 100px;
   text-align: center;
}

#client .col-md-2 {
   height: 100px;
}

#client span {
   height: 100%;
   display: inline-block;
   vertical-align: middle;
}

#client img {
   max-height: 100px;
   vertical-align: middle;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
   #contact {
      margin-top: 50px;
   }

   #contact .contact-heading h2 {
      font-size: 27px;
   }

   #contact .contact-heading p {
      font-size: 13px;
   }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
   #contact {
      margin-top: 50px;
   }

   #contact .contact-heading h2 {
      font-size: 30px;
   }
}

/*Footer*/
#footer {
   margin-top: 100px;
   /*background-color: #181818;*/
   /*padding: 50px 0;*/
}

#footer .footer-heading {
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   padding: 0 20px;
   color: #fff;
}

#footer .footer-heading h3 {
   font-size: 20px;
   text-transform: capitalize;
}

#footer .footer-heading span {
   border-bottom: 2px solid #9ccf00;
   padding-bottom: 8px;
}

#footer .footer-heading p {
   font-family: 'Open Sans', sans-serif;
   word-spacing: 3px;
   font-weight: 300;
   margin-top: 40px;
   color: #7e7e7e;
}

#footer .footer-heading ul {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-top: 30px;
}

#footer .footer-heading li {
   border-bottom: 1px solid #8b8b8b;
   padding: 10px 0;
}

#footer .footer-heading ul > li > a:before {
   content: '\f10c';
   font-family: 'FontAwesome';
   padding-right: 10px;
}

#footer .footer-heading ul > li > a {
   font-family: 'Open Sans', sans-serif;
   font-weight: 300;
   font-size: 15px;
   padding-top: 9px;
   padding-bottom: 9px;
   color: #7e7e7e;
}

#footer .footer-heading ul > li > a:hover {
   color: #9ccf00;
}

#footer .insta img {
   float: left;
   width: 100px;
   height: 100px;
}

.credits a {
   color: #fff;
}

/*Bottom Footer*/
#bottom-footer {
   background-color: #282828;
   padding: 20px 0;
   color: #474646;
}

#bottom-footer .footer-right ul > li > a {
   color: #8e8e8e;
}

#bottom-footer .footer-right ul > li > a:hover {
   color: #9ccf00;
}

/*Carusel portafolio    */

#carousel-example-generic {
   margin: 20px auto;
   width: 400px;
}

#carousel-custom {
   margin: 20px auto;
}

#carousel-custom .carousel-indicators {
   margin: 10px 0 0;
   overflow: auto;
   position: static;
   text-align: left;
   white-space: nowrap;
   width: 100%;
}

#carousel-custom .carousel-indicators li {
   background-color: transparent;
   -webkit-border-radius: 0;
   border-radius: 0;
   display: inline-block;
   height: auto;
   margin: 0 !important;
   width: auto;
}

#carousel-custom .carousel-indicators li img {
   display: block;
   opacity: 0.5;
}

#carousel-custom .carousel-indicators li.active img {
   opacity: 1;
}

#carousel-custom .carousel-indicators li:hover img {
   opacity: 0.75;
}

#carousel-custom .carousel-outer {
   position: relative;
}

/*.imagenCarrousel {
    max-width: 80%;
}

.imagenCarrousel2 {
    max-width: 80%;
}*/

/* Mobile */
@media (max-width: 767px) {
   .slider-size {
      height: auto;
   }
   .slider-size > img {
      width: 80%;
   }
}

/* tablets */
@media (max-width: 991px) and (min-width: 768px) {
   .slider-size {
      height: auto;
   }
   .slider-size > img {
      width: 80%;
   }
}

/* laptops */
@media (max-width: 1023px) and (min-width: 992px) {
   .slider-size {
      max-height: 80%;
   }
   .slider-size > img {
      width: 80%;
   }
}

/* desktops */
@media (min-width: 1024px) {
   .slider-size {
      max-height: 80%;
   }
   .slider-size > img {
      width: 60%;
   }
}

.carousel-control:focus,
.carousel-control:hover {
   color: #9ccf00;
}

#myCarousel {
   margin-left: 50px;
   margin-right: 50px;
}

.item img {
   margin-left: auto;
   margin-right: auto;
}

.selected img {
   opacity: 0.5;
}

.carousel-caption {
   position: relative;
   left: auto;
   right: auto;
}

.carousel-control.left,
.carousel-control.right {
   background: none;
   border: none;
}

.carousel-control.left {
   margin-left: -25px;
}

.carousel-control.right {
   margin-right: -25px;
}

.carousel-control {
   width: 0%;
}

.carousel-indicators .active {
   width: 12px;
   height: 12px;
   margin: 0;
   background-color: #9ccf00;
}

#myCarouselSust {
   margin-left: 20px;
   margin-right: 20px;
}

span.fa.fa-chevron-right {
   font-size: 30px;
}

span.fa.fa-chevron-left {
   font-size: 30px;
}

.fa-chevron-left:before {
   color: #9ccf00;
}

.fa-chevron-right:before {
   color: #9ccf00;
}

@media screen and (min-width: 320px) and (max-width: 520px) {
   #myCarouselSust {
      margin-left: 0px;
      margin-right: 0px;
   }
}

.modal-dialog {
   width: 98%;
   height: 92%;
   padding: 0;
}

.modal-content {
   min-height: 99%;
}

#chartdiv {
   width: 100%;
   height: 500px;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
   #sustentabilidad {
      margin-top: 50px;
   }

   #sustentabilidad .sust-heading h2 {
      font-size: 27px;
   }

   #sustentabilidad .sust-heading p {
      font-size: 13px;
   }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
   #portfolio {
      margin-top: 50px;
   }

   #portfolio .portfolio-heading h2 {
      font-size: 30px;
   }
}

/*Portfolio*/
#destinos {
   margin-top: 80px;
}

#destinos .portfolio-heading {
   text-align: center;
}

#destinos .portfolio-heading h2 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 700;
   font-size: 45px;
   text-transform: uppercase;
}

#destinos .portfolio-heading p {
   margin-top: 20px;
   line-height: 25px;
   color: #474646;
   margin-bottom: 50px;
}

#destinos .portfolio-thumbnail {
   position: relative;
}

/*#portfolio .portfolio-thumbnail img {
            width: 337px;
            height: 229px;
        }*/

#destinos .portfolio-thumbnail .col-md-3 {
   padding: 0;
}

#destinos .portfolio-thumbnail .caption {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-color: rgba(156, 207, 0, 0.7);
   opacity: 0;
   -moz-transition: opacity linear 0.3s;
   -webkit-transition: opacity linear 0.3s;
   -o-transition: opacity linear 0.3s;
   transition: opacity linear 0.3s;
}

#destinos .portfolio-thumbnail .item:hover > .caption {
   opacity: 1;
}

#destinos .caption i {
   width: 45px;
   height: 45px;
   line-height: 45px;
   text-align: center;
   color: #9ccf00;
   background-color: #fff;
   position: absolute;
   top: 45%;
   left: 50%;
   margin-top: -22px;
   margin-left: -22px;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}

#destinos .caption div {
   font-family: 'Raleway', sans-serif;
   font-weight: 400;
   text-align: center;
   color: #fff;
   position: absolute;
   font-size: 17px;
   text-transform: capitalize;
   top: 55%;
   left: 25%;
   right: 25%;
}

#chartdiv a {
   visibility: hidden;
}

button.btn.btn-link {
   color: #474646 !important;
   text-align: left;
}

button.btn.btn-link:hover {
   color: #9ccf00 !important;
   text-decoration: none;
   background-color: transparent;
}