/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700);
/* Variables */
/* Generic styles */
/* general */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input, textarea {
  -webkit-border-radius: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, main {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  font-family: 'Source Sans Pro', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: lighter; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  text-decoration: none;
  outline: none;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

a:hover, a:focus, img:focus, button:focus, .btn:focus {
  outline: none;
  text-decoration: none;
  color: #000; }

::-moz-selection, ::-moz-selection {
  background-color: #000;
  color: #fff;
  text-shadow: none; }

::-moz-selection, ::selection {
  background-color: #000;
  color: #fff;
  text-shadow: none; }

.max-1700 {
  max-width: 1700px;
  width: 100%;
  margin: 0 auto; }

.max-1140 {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto; }

#scrollUp {
  bottom: 0px;
  right: 10px;
  padding: 5px 10px;
  background: #000;
  background-color: #239c49;
  color: #fff; }

/*===== Preloader ===*/
#preloader {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 99990;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out; }
  #preloader .status {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 102px;
    height: 200px;
    opacity: 0;
    -webkit-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    width: 200px; }

#preloader.active {
  visibility: visible;
  opacity: 1; }
  #preloader.active .status {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

#loading {
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
  visibility: hidden;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  width: 100%;
  z-index: 99980; }
  #loading .loading-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    width: 100%; }
    #loading .loading-wrapper .loading-content {
      text-align: center;
      -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
      transform: translateY(-50px);
      -webkit-transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
      -o-transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1); }
      #loading .loading-wrapper .loading-content .loading-text {
        margin-top: 16px;
        font-size: 9pt; }

#loading.active {
  visibility: visible;
  opacity: 1; }
  #loading.active .loading-wrapper .loading-content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.modal-header {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-bottom: 0; }

.modal-title strong {
  font-weight: bold; }

.modal-body p {
  padding-bottom: 1.25rem; }

.modal-footer .btn-primary {
  background-color: #239c49;
  color: #fff;
  border: 0;
  padding: .75rem 2rem;
  font-size: 1rem;
  border-radius: 0px; }

.modal-footer .btn-primary:hover {
  background-color: #000;
  color: #fff; }

.modal-title {
  color: #239c49; }

.verde {
  color: #239c49 !important; }

.bg-verde {
  background-color: #239c49; }

.bg-gris {
  background-color: #f3f3f3; }

/* btns */
.btn-outline-secondary {
  color: #777;
  border-color: #ced4da; }

.btn-outline-secondary:hover {
  color: white;
  border-color: #ced4da;
  background-color: #239c49; }

.btn {
  padding: .375rem .5rem; }

/* header title */
.header-title-white {
  color: #fff;
  padding: 1rem 0 1.2rem 0; }
  .header-title-white strong {
    font-weight: bold; }

.seccion-pb {
  padding-bottom: 3rem; }

.radio-lg {
  height: calc(2.25rem + 2px); }

@media (max-width: 991px) {
  html {
    font-size: 15px; }
  .max-1140 {
    max-width: 100%; } }

@media (max-width: 767px) {
  html {
    font-size: 14px; } }

@media (max-width: 480px) {
  html {
    font-size: 13px; } }

.generics p {
  color: #777;
  font-size: .9rem;
  padding-bottom: 1.25rem; }

.generics label {
  color: #777; }

.generics .bg-image {
  height: 14rem;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: relative;
  background-position: center center; }

.generics .logo-energy-consilium {
  background: url("../assets/energy-consilium-logo-parrafos.png");
  width: 135px;
  height: 12px;
  background-size: 135px 12px;
  display: inline-block;
  margin: 0 2px; }

.generics .new-head {
  padding-top: 2rem;
  color: white;
  background-color: #239c49;
  padding-bottom: 1rem;
  margin-bottom: 3rem; }

.generics .lead {
  font-style: italic;
  color: #239c49;
  display: block;
  margin-bottom: .65rem; }

.generics ul {
  margin-left: 1rem;
  padding-bottom: 1.25rem; }

.generics ul li {
  color: #777;
  font-size: .9rem; }

.generics a {
  color: #777; }

.generics a:hover {
  color: #239c49; }

.generics .btn-primary {
  background-color: #239c49;
  color: #fff;
  border: 0;
  padding: .75rem 2rem;
  font-size: 1rem;
  border-radius: 0px; }

.generics .btn-primary:hover, .generics .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #777;
  color: #fff; }

.generics .btn-sm {
  padding: .45rem 1.3rem;
  font-size: 1rem; }

.generics h3 {
  color: #777; }

.generics h4 {
  color: #777;
  margin-bottom: .5rem; }

.generics h5 {
  line-height: 1.8rem;
  font-weight: lighter;
  font-size: 1.2rem;
  margin-bottom: 2.5rem;
  color: #777; }

.generics strong {
  font-weight: 700; }

@media (max-width: 640px) {
  .generics .logo-energy-consilium {
    width: 100px;
    height: 9px;
    background-size: 100px 9px;
    display: inline-block;
    margin: 0 2px; } }

.generics-pt {
  padding-top: 15rem; }

@media (min-width: 768px) {
  .col-1-5 {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px; } }

.col-1-5 {
  padding-right: 15px;
  padding-left: 15px; }

/* Content styles */
/* top header */
.top {
  color: #239c49;
  background-color: #fff; }
  .top a {
    color: #98989a; }
  .top a:hover {
    color: #239c49; }
  .top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .top ul li {
      display: block; }
  .top .topIndex {
    z-index: 1; }
  .top .dropdown-item.active:hover {
    background-color: white; }
  .top .hiFont {
    font-size: .98rem;
    padding-right: .5rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .top .loFont {
    font-size: .8rem;
    padding-left: 20%;
    padding-right: .5rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .top .hi {
    max-width: 18.75rem;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .top .lo {
    max-width: 10rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  @media (max-width: 767px) {
    .top {
      text-align: center; }
      .top h5 {
        display: none; }
      .top .btn {
        padding: .375rem .2rem .175rem .2rem; } }
  @media (max-width: 767px) {
    .top .hi {
      max-width: 14rem; }
    .top .lo {
      max-width: 9rem; } }

/* header */
header {
  background-color: #98989a; }
  header a {
    color: #fff; }

.header-title {
  color: #239c49 !important;
  margin-bottom: 2rem; }
  .header-title h3 {
    font-size: 1.7rem;
    font-weight: normal; }

/* navbar header */
.navbar-dark {
  padding: 0; }
  .navbar-dark .navbar-nav .btn-clients {
    display: none; }
  .navbar-dark .navbar-nav .nav-link {
    color: white;
    font-weight: 700; }
  .navbar-dark .navbar-nav .active {
    color: #97f4b4 !important;
    background-color: #98989a; }
  .navbar-dark .navbar-nav .dropdown-menu {
    background-color: #98989a;
    font-weight: thin;
    border: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .85rem; }
  @media (max-width: 991px) {
    .navbar-dark .navbar-nav {
      text-align: center; }
      .navbar-dark .navbar-nav .dropdown-menu {
        text-align: center;
        font-size: .85rem; } }
  @media (max-width: 575px) {
    .navbar-dark .navbar-nav .btn-clients {
      display: block; } }
  .navbar-dark .navbar-nav .dropdown-item:focus, .navbar-dark .navbar-nav .dropdown-item:hover {
    color: white;
    background-color: #98989a; }
  @media (max-width: 991px) {
    .navbar-dark .navbar-toggler {
      border: none; }
    .navbar-dark .navbar {
      text-align: center; } }

.nav-link {
  padding: .5rem 1rem !important; }

.carousel-header .carousel-inner {
  height: calc(100vh - 13rem);
  min-height: 480px; }

.carousel-header .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 15px 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000\9;
  background-color: #777;
  border: 2px solid #fff;
  border-radius: 10px; }

.carousel-header .carousel-indicators .active {
  background-color: #239c49;
  border-color: #239c49; }

.carousel-header .carousel-item {
  height: 32rem;
  background-color: #777; }

.carousel-header .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%; }

.carousel-header .fill {
  background-attachment: relative;
  background-position: center center;
  min-height: 100%;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

@media (max-width: 768px) {
  .carousel-header .carousel-item {
    height: 15rem; } }

/* Footer */
/* clientes */
.clientes {
  padding-bottom: 4rem; }
  .clientes .btn-clients {
    display: none; }
  .clientes a:hover {
    color: #239c49; }
  @media (max-width: 575px) {
    .clientes .btn-clients {
      display: block; } }

.bg-verde-clientes {
  background-color: #afcda3; }

/* contacto */
.contacto {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .contacto .icono1 {
    background: url("../assets/icono1.jpg") no-repeat left top; }
  .contacto .icono2 {
    background: url("../assets/icono2.jpg") no-repeat left top; }
  .contacto .icono3 {
    background: url("../assets/icono3.jpg") no-repeat left top; }
  .contacto ul li {
    font-size: .9rem;
    padding-left: 25px;
    padding-bottom: 6px;
    list-style: none;
    margin: 0; }
  .contacto ul li img {
    display: none; }
  .contacto .map-wrapper {
    width: 100%;
    height: 200px; }
    .contacto .map-wrapper #map {
      width: 100%;
      height: 100%; }
  @media (min-width: 1199px) {
    .contacto .map-wrapper {
      width: 100%;
      height: 250px; } }
  @media (max-width: 991px) {
    .contacto .map-wrapper {
      height: 150px;
      margin-bottom: 1.5rem;
      margin-top: 1rem; } }
  @media (max-width: 767px) {
    .contacto ul {
      text-align: center; }
    .contacto ul li {
      padding: 0; }
    .contacto ul li img {
      display: block;
      margin: 0 auto;
      margin-top: 10px; }
    .contacto .icono1, .contacto .icono2, .contacto .icono3 {
      background: none; } }
  .contacto .contacto-height {
    padding-top: 1.5rem; }
  .contacto a {
    color: #000; }
  .contacto a:hover {
    color: #239c49; }
  .contacto .contacto-logo h6 {
    font-size: .55rem;
    text-align: center;
    padding-top: .5rem; }
  .contacto .contacto-logo img {
    padding-bottom: 1rem;
    max-width: 200px; }

/* footer */
footer {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 1rem; }
  footer p {
    font-size: .8rem; }
  footer a {
    color: #fff; }
  footer a:hover {
    color: #239c49; }

/* Sections */
/* areas */
.areas-bg {
  background: url("../assets/energy-consilium-areas.jpg") no-repeat center bottom;
  height: 163px;
  background-color: #97989a; }

#areas h4 {
  font-weight: bold; }

/* valores */
#valores h4 {
  font-weight: 700; }

/* equipo */
.equipo .carousel-inner {
  height: 70vh; }

.equipo h4 {
  color: #239c49;
  font-weight: 700; }

.equipo img {
  margin-bottom: 1.25rem; }

/* servicios */
.servicios-mob {
  display: none; }

.bg-verde-servicios {
  background-color: #00923d; }

.servicios img {
  margin: 0 auto; }

.servicios .container {
  position: relative; }

.servicios .header-title-white {
  padding: 0;
  margin: 0 auto;
  z-index: 1;
  position: absolute;
  right: 0;
  width: 100%;
  padding-top: 1rem; }

@media (max-width: 767px) {
  .servicios .servicios-desk {
    display: none; }
  .servicios .servicios-mob {
    display: block; } }

@media (max-width: 575px) {
  .servicios .header-title-white {
    position: static; } }

@media (max-width: 767px) {
  .bg-verde-servicios {
    background-color: #019b29; } }

/* publicaciones */
.menu-publicaciones .card {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0; }

.menu-publicaciones .card-header {
  border-top: none;
  border-bottom: none;
  background-color: #f3f3f3;
  color: #777; }

.menu-publicaciones .card-header i {
  padding-top: 4px; }

.menu-publicaciones .list-group-item {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 0;
  font-size: .85rem; }

.menu-publicaciones .active {
  border: none; }

.menu-publicaciones .active a {
  color: #239c49; }

.publicaciones .card-bg {
  background-color: rgba(0, 0, 0, 0.15);
  background-position: center center;
  min-height: 100%;
  width: 100%;
  min-width: 16.66667%;
  background-size: cover; }

.publicaciones .card-title {
  color: #777; }

.publicaciones .card {
  margin-bottom: 2rem; }

.publicaciones .align-right {
  text-align: right; }

.publicaciones .list-items {
  margin: 4px 0; }
  .publicaciones .list-items .item {
    font-size: .75rem;
    color: #888; }

.publicaciones .view-more {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }
  .publicaciones .view-more .btn {
    padding: .365rem 1.25rem;
    font-size: .95rem; }

.publicaciones .header-title {
  margin: 1rem 0;
  font-weight: bold; }

.publicaciones .table td, .publicaciones .table th {
  padding: .2rem 0; }

.publicaciones table tr td i {
  font-size: .4rem; }

@media (max-width: 767px) {
  .publicaciones .card {
    text-align: center; }
  .publicaciones .align-right {
    text-align: center; }
  .publicaciones .view-more {
    border-left: none;
    margin-bottom: 1rem; } }

/* modal publications */
.modal .modal-xl {
  max-width: 1140px; }

@media screen and (max-width: 1199px) {
  .modal .modal-dialog {
    margin: 0.2rem; } }

/* pricing */
.pricing {
  /* Hover Effects on Card */ }
  .pricing .card {
    border: none;
    border-radius: 1rem;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); }
  .pricing hr {
    margin: 1.5rem 0; }
  .pricing .card-title {
    margin: 0.5rem 0;
    letter-spacing: .1rem;
    font-weight: bold; }
  .pricing .card-price {
    font-size: 3rem;
    margin: 0; }
  .pricing .card-price .period {
    font-size: 0.8rem; }
  .pricing ul li {
    margin-bottom: 1rem; }
  .pricing .text-muted {
    opacity: 0.7; }
  .pricing .btn {
    font-size: 80%;
    border-radius: 5rem;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    opacity: 0.7;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  @media (min-width: 992px) {
    .pricing .card:hover {
      margin-top: -.25rem;
      margin-bottom: .25rem;
      -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3); }
    .pricing .card:hover .btn {
      opacity: 1; } }

.payments {
  margin: 16px 0; }
  .payments .mod-payment {
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    margin-bottom: 16px;
    padding: 1.25rem; }
    .payments .mod-payment .title {
      font-weight: bold; }
    .payments .mod-payment hr {
      margin: .85rem 0; }
    .payments .mod-payment .description {
      color: gray; }
