.blanco{
  color: #ffffff !important;
}

.azul-claro{
  color: #32bad6 !important;
}

.azul-oscuro{
  color: #2a5d8f !important;
}

#main-menu .navbar .nav > li:hover > a {
  color: #32bad6 !important;
}

#main-menu .navbar .nav > li > a {
  color: #2793a9 !important;
}

li.current > a {  
  border-bottom: 2px solid #2793a9 !important;
}

.scroll-down {
  color: #fff !important;  
}

.button.white {
  color: #2793a9;
background-color:#fff;
font-weight: 600;
}

.button.white:hover {
  color: #ffffff;
background-color:#2793a9;
}

.button.thin.white:hover {
  color: #2793a9;
}

::selection {
  background-color: 
#2793a9;
color:
  #ffffff;
}

#loader-overflow {
  
background: rgba(42,93,143,1);
background: -moz-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(42,93,143,1)), color-stop(100%, rgba(39,147,169,1)));
background: -webkit-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
background: -o-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
background: -ms-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
background: linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5d8f', endColorstr='#2793a9', GradientType=1 );
  
}


    /*margenes y paddings*/
    .m-none {
      margin: none !important;
    }
    .mt-none{
      margin-top: 0px !important;
    }

    .p-none {
      padding: none !important;
    }

    .pt-none {
      padding-top: none !important;
    }

    .pt-xlg {
      padding-top: 100px !important;
    }

    .pt-lg {
      padding-top: 75px !important;
    }

    .pt-md {
      padding-top: 50px !important;
    }

    .pt-sm {
      padding-top: 25px !important;
    }

    .pb-none {
      padding-bottom: none !important;
    }

    .mt-xlg {
        margin-top: 100px !important;
    }

    .mt-lg {
        margin-top: 75px !important;
    }

    .mt-md {
        margin-top: 50px !important;
    }

    .mt-sm {
        margin-top: 25px !important;
    }

    .mb-xlg {
        margin-bottom: 100px !important;
    }

    .mb-lg {
        margin-bottom: 75px !important;
    }

    .mb-md {
        margin-bottom: 50px !important;
    }

    .mb-sm {
        margin-bottom: 25px !important;
    }
    /*margenes y paddings*/

    .bg-omex {
      background: rgba(42,93,143,1);
background: -moz-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(42,93,143,1)), color-stop(100%, rgba(39,147,169,1)));
background: -webkit-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
background: -o-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
background: -ms-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
background: linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5d8f', endColorstr='#2793a9', GradientType=1 );
    }


    .zoom {
      transition: all 0.2s ease-in-out;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
      z-index: 0;
    }

    .zoom:hover {
      transform: scale(1.05,1.05) translateY(0px);
      box-shadow: 0 22px 30px rgba(0, 0, 0, 0.2);
      z-index: 0;

    }

    .zoom2 {
      transition: all 0.3s ease-in-out;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
      z-index: 1;
    }

    .zoom2:hover {
      transform: scale(1.1,1.1) translateY(10px);
      box-shadow: 0 22px 30px rgba(0, 0, 0, 0.0);
      z-index: 2;
    }

    .zoom3 {
      transition: all 0.3s ease-in-out;
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
      z-index: 1;
    }

    .zoom3:hover {
      transform: scale(1.01,1.01) translateY(-10px);
      box-shadow: 0 22px 30px rgba(0, 0, 0, 0.1);
      z-index: 2;
    }


    #main-menu .sub {
      background: rgba(42,93,143,1);
      background: -moz-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
      background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(42,93,143,1)), color-stop(100%, rgba(39,147,169,1)));
      background: -webkit-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
      background: -o-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
      background: -ms-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
      background: linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5d8f', endColorstr='#2793a9', GradientType=1 );
  }

  .sub {
    min-width: 300px !important;
  }

  .line-5-100 {
    margin-top: 13px;
    height: 5px;
    width: 100px;
    background: 
    #2a5d8f;
}

.center {
  text-align: center !important;
}


.footer2-black, .footer-black {
  background: #1e4164;

}

.page-title {  
  font-size: 50px;
  color:#ffffff;
}

.bread-current {
  color: #fff;
  opacity: 0.4;
}

.breadcrumbs a:hover {
  color: #fff;
  opacity: 1;
}

.breadcrumbs a {
  color: #ffffff;
  opacity: 0.7;
}

.titulo-servicio {
  background: rgba(42,93,143,1);
      background: -moz-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
      background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(42,93,143,1)), color-stop(100%, rgba(39,147,169,1)));
      background: -webkit-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
      background: -o-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
      background: -ms-linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
      background: linear-gradient(45deg, rgba(42,93,143,1) 0%, rgba(39,147,169,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5d8f', endColorstr='#2793a9', GradientType=1 );
      color: #ffffff;
      padding: 20px;
      text-align: center;
      font-size: 20px;
}


.port-item:hover .port-img-overlay::after, .lightbox-item:hover .port-img-overlay::after {
  background: rgba(9,68,125, .8);
}

.close {
  color: #fff;
}

.close:focus, .close:hover {
  color: 
  #fff;
  cursor: pointer;
}

.hamb-mob-icon {  
  font-size: 35px;
  color: 
  #2a5d8f;  
}

.form-control:focus, .nl-email-input:focus {
  border-color:  #ffffff;
}

input, textarea, select, .login-select, .form-control {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff !important;   
}

::placeholder, .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.button.thin.white:hover {
  color: #2793a9 !important;
}

.justify {
  text-align: justify;
}

label.error{
  position: unset;
}

label.error.custom-error{
  color: darkred;
}