@import url("https://use.typekit.net/nnh3fye.css");
.bg-alpha {
  background-color: #16123B; }

.bg-alpha-lighter {
  background-color: #332a89; }

.bg-alpha-darker {
  background-color: black; }

.bg-beta {
  background-color: #666666; }

.bg-beta-lighter {
  background-color: #999999; }

.bg-beta-darker {
  background-color: #333333; }

.bg-gamma {
  background-color: #4D567F; }

.bg-gamma-lighter {
  background-color: #606c9f; }

.bg-gamma-darker {
  background-color: #3a415f; }

.bg-omega {
  background-color: #B7CD52; }

.bg-omega-lighter {
  background-color: #c7d87a; }

.bg-omega-darker {
  background-color: #a0b735; }

.bg-psi {
  background-color: #B7CD52; }

.bg-psi-lighter {
  background-color: #a0b735; }

.bg-psi-darker {
  background-color: #c7d87a; }

.bg-facebook {
  background-color: #29487d; }

.bg-google {
  background-color: #d93025; }

.text-small {
  font-size: 0.875rem; }

.text-medium {
  font-size: 1.5rem; }

.text-large {
  font-size: 3.25rem; }

.text-alpha {
  color: #16123B; }

.text-alpha-light {
  color: #332a89; }

.text-alpha-dark {
  color: black; }

.text-beta {
  color: #666666; }

.text-gamma {
  color: #4D567F; }

.text-omega {
  color: #B7CD52; }

.text-psi {
  color: #B7CD52; }

.text-gray-600 {
  color: #6c757d; }

.text-facebook {
  color: #29487d; }

.text-google {
  color: #d93025; }

.btn.btn-alpha {
  background: #16123B;
  color: #fff; }
  .btn.btn-alpha:hover {
    background: #0a081c;
    transition: all 0.3s ease; }
  .btn.btn-alpha:active {
    background: black; }

.btn.btn-beta {
  background: #666666;
  color: #fff; }
  .btn.btn-beta:hover {
    background: #525252;
    transition: all 0.3s ease; }
  .btn.btn-beta:active {
    background: #262626; }

.btn.btn-gamma {
  background: #4D567F;
  color: #fff; }
  .btn.btn-gamma:hover {
    background: #3e4566;
    transition: all 0.3s ease; }
  .btn.btn-gamma:active {
    background: #1d2030; }

.btn.btn-omega {
  background: #B7CD52;
  color: #fff; }
  .btn.btn-omega:hover {
    background: #a7bf37;
    transition: all 0.3s ease; }
  .btn.btn-omega:active {
    background: #6c7c24; }

.btn.btn-psi {
  background: #B7CD52;
  color: #fff; }
  .btn.btn-psi:hover {
    background: #a7bf37;
    transition: all 0.3s ease; }
  .btn.btn-psi:active {
    background: #6c7c24; }

.btn.btn-facebook {
  background: #29487d;
  color: #fff; }
  .btn.btn-facebook:hover {
    background: #1f365e;
    transition: all 0.3s ease; }
  .btn.btn-facebook:active {
    background: #0a111d; }

.btn.btn-google {
  background: #d93025;
  color: #fff; }
  .btn.btn-google:hover {
    background: #b6281f;
    transition: all 0.3s ease; }
  .btn.btn-google:active {
    background: #6c1812; }

/* header */
.text-small {
  font-size: 0.875rem; }

.text-medium {
  font-size: 1.5rem; }

.text-large {
  font-size: 3.25rem; }

.switch {
  font-size: 1rem;
  position: relative; }
  .switch input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0; }
    .switch input + label {
      position: relative;
      min-width: calc(calc(2.375rem * .8) * 2);
      border-radius: calc(2.375rem * .8);
      height: calc(2.375rem * .8);
      line-height: calc(2.375rem * .8);
      display: inline-block;
      cursor: pointer;
      outline: none;
      user-select: none;
      vertical-align: middle;
      text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem); }
    .switch input + label::before,
    .switch input + label::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: calc(calc(2.375rem * .8) * 2);
      bottom: 0;
      display: block; }
    .switch input + label::before {
      right: 0;
      background-color: #dee2e6;
      border-radius: calc(2.375rem * .8);
      transition: 0.2s all; }
    .switch input + label::after {
      top: 2px;
      left: 2px;
      width: calc(calc(2.375rem * .8) - calc(2px * 2));
      height: calc(calc(2.375rem * .8) - calc(2px * 2));
      border-radius: 50%;
      background-color: #fff;
      transition: 0.2s all; }
    .switch input:checked + label::before {
      background-color: #007bff; }
    .switch input:checked + label::after {
      margin-left: calc(2.375rem * .8); }
    .switch input:focus + label::before {
      outline: none;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .switch input:disabled + label {
      color: #868e96;
      cursor: not-allowed; }
    .switch input:disabled + label::before {
      background-color: #e9ecef; }
  .switch.switch-sm {
    font-size: 0.875rem; }
    .switch.switch-sm input + label {
      min-width: calc(calc(1.9375rem * .8) * 2);
      height: calc(1.9375rem * .8);
      line-height: calc(1.9375rem * .8);
      text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem); }
    .switch.switch-sm input + label::before {
      width: calc(calc(1.9375rem * .8) * 2); }
    .switch.switch-sm input + label::after {
      width: calc(calc(1.9375rem * .8) - calc(2px * 2));
      height: calc(calc(1.9375rem * .8) - calc(2px * 2)); }
    .switch.switch-sm input:checked + label::after {
      margin-left: calc(1.9375rem * .8); }
  .switch.switch-lg {
    font-size: 3.25rem; }
    .switch.switch-lg input + label {
      min-width: calc(calc(3rem * .8) * 2);
      height: calc(3rem * .8);
      line-height: calc(3rem * .8);
      text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem); }
    .switch.switch-lg input + label::before {
      width: calc(calc(3rem * .8) * 2); }
    .switch.switch-lg input + label::after {
      width: calc(calc(3rem * .8) - calc(2px * 2));
      height: calc(calc(3rem * .8) - calc(2px * 2)); }
    .switch.switch-lg input:checked + label::after {
      margin-left: calc(3rem * .8); }
  .switch + .switch {
    margin-left: 1rem; }

.logo-header {
  width: 55%; }
  @media only screen and (max-width: 1200px) {
    .logo-header {
      width: 80%; } }
  @media only screen and (max-width: 1024px) {
    .logo-header {
      width: 80%; } }
  @media only screen and (max-width: 768px) {
    .logo-header {
      width: 100%; } }

@media (max-width: 992px) {
  .logo {
    width: 44%; } }
@media (max-width: 768px) {
  .logo {
    width: 38%; } }
@media (max-width: 576px) {
  .logo {
    width: 254px; } }
@media (max-width: 460px) {
  .logo {
    width: 36%; } }

.navbar-toggler {
  font-size: 1.5rem; }

@media (max-width: 768px) {
  .nav-item {
    font-size: 18px;
    padding: 10px; } }
@media (max-width: 768px) {
  .nav-item .nav-link.btn {
    font-size: 18px;
    padding: 10px; } }

.banner-header {
  position: fixed;
  z-index: 999999999999999999999999;
  left: 0;
  right: 0; }

@media (max-width: 768px) {
  h2 {
    font-size: 1.5rem; } }

body {
  font-family: haboro-soft-extended, sans-serif;
  font-style: normal; }

.cover-img-benefit {
  height: 632px; }
  @media only screen and (max-width: 769px) {
    .cover-img-benefit {
      height: 400px; } }

.clients-logos {
  width: 80%;
  text-align: center; }
  @media only screen and (max-width: 780px) {
    .clients-logos {
      width: 40%; } }
  @media only screen and (max-width: 480px) {
    .clients-logos {
      width: 85%; } }

.certifications-logos .iata {
  width: 40%; }
  @media only screen and (max-width: 769px) {
    .certifications-logos .iata {
      width: 12%; } }
.certifications-logos .bbb {
  width: 20%; }
  @media only screen and (max-width: 769px) {
    .certifications-logos .bbb {
      width: 9%; } }
.certifications-logos .sectur {
  width: 68%; }
  @media only screen and (max-width: 769px) {
    .certifications-logos .sectur {
      width: 30%; } }

@media only screen and (max-width: 769px) {
  .display-4 {
    font-size: 2.5rem; } }

@media only screen and (max-width: 769px) {
  .lead {
    font-size: 1rem; } }

@media only screen and (max-width: 769px) {
  h3 {
    font-size: 1.35rem; } }

.feature-box-icon img {
  width: 10%;
  margin-bottom: 10px; }

.text-aboutus {
  line-height: 2;
  font-size: 20px; }
  @media only screen and (max-width: 569px) {
    .text-aboutus {
      font-size: 16px; } }

@media only screen and (max-width: 769px) {
  .phone-link {
    font-size: 10px; } }

@media only screen and (max-width: 769px) {
  .icon-phone {
    font-size: 30px; } }
@media only screen and (max-width: 469px) {
  .icon-phone {
    font-size: 20px; } }

.navbar-brand {
  margin-right: 0 !important; }

@media only screen and (max-width: 469px) {
  .text-medium {
    font-size: 1rem; } }

.icon-whatsapp-white {
  background-image: url("https://viviaco.s3.amazonaws.com/viviaco-empresas/whtasapp.png");
  background-position: center;
  background-size: cover; }

.whatsapp-contact {
  position: fixed;
  right: 0;
  top: 8rem;
  z-index: 5; }

.icon-48 {
  width: 73px;
  height: 73px;
  background-repeat: no-repeat;
  display: inline-block; }

.view-more {
  font-size: 1.2em; }

/*# sourceMappingURL=viviaco-club.css.map */