:root {
  --bs-blue: #1E91D6;
  --bs-blue-tint: #E9F4FB;
  --bs-dark-blue: #0072BB;
  --bs-dark: #003558;
  --bs-dark-blue-tint: #E6F1F8;
  --bs-green: #8FC93A;
  --bs-green-tint: #E9F4D8;
  --bs-yellow: #E4CC37;
  --bs-yellow-tint: #FAF5D7;
  --bs-orange: #E18335;
  --bs-orange-tint: #F9E6D7;

}



/* colors */

.text-blue {color: var(--bs-blue)!important;}
.text-dark-blue {color: var(--bs-dark-blue)!important;}
.text-green {color: var(--bs-green)!important;}
.text-yellow {color: var(--bs-yellow)!important;}
.text-orange {color: var(--bs-orange)!important;}


.bg-blue {background-color: var(--bs-blue)!important;}
.bg-blue-10 {background-color: var(--bs-blue-tint)!important;}
.bg-dark-blue {background-color: var(--bs-dark-blue)!important;}
.bg-dark-blue-10 {background-color: var(--bs-dark-blue-tint)!important;}
.bg-green {background-color: var(--bs-green)!important;}
.bg-green-10 {background-color: var(--bs-green-tint)!important;}
.bg-yellow {background-color: var(--bs-yellow)!important;}
.bg-yellow-10 {background-color: var(--bs-yellow-tint)!important;}
.bg-orange {background-color: var(--bs-orange)!important;}
.bg-orange-10 {background-color: var(--bs-orange-tint)!important;}


.border-blue {border-color: var(--bs-blue)!important;}
.border-dark-blue {border-color: var(--bs-dark-blue)!important;}
.border-green {border-color: var(--bs-green)!important;}
.border-green-10 {border-color: var(--bs-green-tint)!important;}
.border-yellow {border-color: var(--bs-yellow)!important;}
.border-orange {border-color: var(--bs-orange)!important;}
.border-white-50 {border-color: rgba(255, 255, 255, .5)!important;}


.btn-blue {color: #FFF;background-color: var(--bs-blue);border-color:var(--bs-blue);}
.btn-blue:hover {color: #FFF;background-color: #1874ab;border-color: #1874ab;}

.btn-green {color: #FFF;background-color: var(--bs-green);border-color:var(--bs-green);}
.btn-green:hover {color: #FFF;background-color: #72a12e;border-color: #72a12e;}

.btn-yellow {color: #000;background-color: var(--bs-yellow);border-color:var(--bs-yellow);}
.btn-yellow:hover {color: #000;background-color: #b6a32c;border-color: #b6a32c;}

.btn-dark {color: var(--bs-yellow-tint);background-color: var(--bs-dark);border-color:var(--bs-dark);}
.btn-dark:hover {color: #000;background-color: #b6a32c;border-color: #b6a32c;}

.btn-orange {color: #FFF;background-color: var(--bs-orange);border-color:var(--bs-orange);}
.btn-orange:hover {color: #FFF;background-color: #b4692a;border-color: #b4692a;}

.navigation .active {color: var(--bs-blue)!important; background: #FFF;}
#cookie-bar {position: fixed; bottom: 0;z-index: 1049;}

@media (min-width:300px) and (max-width: 426px) {.form-floating>label { width: 99%}}

@media (min-width: 426px) {
.py-big {padding-top: 4rem!important;padding-bottom:4rem!important;}


}
@media (max-width:426px) {
  #pricingModal {width: 90vw}
}

@media (min-width: 769px) {
.py-big {padding-top: 8rem!important;padding-bottom:8rem!important;}
#pricingModal {width: 50vw}
}




a {
  color: var(--bs-blue);
  text-decoration: underline;
}
a:hover {
  color: var(--bs-dark-blue);
}


/* CTA  */

.cta-block {overflow-x: hidden;}
.utp, .z-index {z-index: 100;}


#host_mz .cta-1 {background-image: url(/img/cta1.jpg); }
#host_mz .cta-1-new {background-image: url(/img/utp-4.jpg); }
#host_mz .cta-2 {background-image: url(/img/cta2.jpg);}
#host_mz .cta-2-new {background-image: url(/img/utp-9.jpg);}
#host_mz .cta-3-new {background-image: url(/img/utp-10.jpg);}

#host_mz .top-img {background-image: url(/img/top.jpg);}
#host_mz .top-img-2 {background-image: url(/img/top-img-13.jpeg);}

#host_mz .cta-economy {background-image: url(/img/cta-economy.jpg);}
#host_mz .cta-screens {background-image: url(/img/cta-screens.jpg);}
#host_mz .cta-contacts {background-image: url(/img/cta-contacts.jpg);}


#host_es .cta-1 {background-image: url('/assets/mz/es/2.jpg'); }
#host_es .cta-2 {background-image: url('/assets/mz/es/3.jpg');}
#host_es .top-img {background-image: url('/assets/mz/es/1.jpg');}


.image-overlay-right {position: absolute;top: 0;bottom: 0;right: 0;width: 50%;}
.image-overlay-left {position: absolute;top: 0;bottom: 0;left: 0;width: 66.66666667%;clip-path: polygon(0% 0%, 90% 0%, 95% 50%, 90% 100%, 0% 100%)}
.image-overlay-left-50 {position: absolute;top: 0;bottom: 0;left: 0;width: 50%;clip-path: polygon(0% 0%, 90% 0%, 95% 50%, 90% 100%, 0% 100%)}
#host_es .image-overlay-left-50 {position: absolute;top: 0;bottom: 0;left: 0;width: 50%;clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%); box-shadow: inset 0 0 50px rgba(0, 0, 0,.9);}

.aside-stretch {}
.aside-stretch:after {position: absolute;top: 0;right: 100%;bottom: 0;content: '';width: 360%;background: #fc5e28;}

.aside-stretch-right {background: #040e26;}
.aside-stretch-right:after {
    position: absolute;    top: 0;left: 100%;bottom: 0;content: '';width: 360%;}

.img {background-size: cover;background-repeat: no-repeat;background-position: center center; z-index: 0;}


/*  tABS  */

.side_tabs .active {background-color: var(--bs-blue); color: #FFF!important;}
.nav-link {color: var(--bs-blue);}

.check-list li:before {content: '\F26E';font-family: 'bootstrap-icons'; padding-right: 10px; padding-top: 2px;}

.circle-left-bottom {background-image: url(/img/circle-sector-2.svg); background-repeat: no-repeat; background-position: left bottom;}
.circle-right-bottom {background-image: url(/img/circle-sector-1.svg); background-repeat: no-repeat; background-position: right bottom;}
.circle-right-top {background-image: url(/img/circle-sector-3.svg); background-repeat: no-repeat; background-position: right top;}
.circle-left-top {background-image: url(/img/circle-sector-4.svg); background-repeat: no-repeat; background-position: left top;}


.rc-anchor, .rc-anchor-normal-footer{display: none !important;}
.grecaptcha-badge { visibility: hidden; }


.under-lined {position: relative; }
.under-lined::before  {content: ''; position: absolute; bottom: -20px; width: 130px; height: 3px; background-color: var(--bs-orange); left: 50%; right: 50%; margin-left: -65px; display: block;}


.nav-link.text-white:hover {color: var(--bs-yellow)!important;}

.bc {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style: none; margin: 0; padding: 0; color: rgba(255,255,255,.5);}
.bc-item + .bc-item::before {display: inline-block;padding-right: 0.3rem;padding-left: 0.3rem;color: rgba(255,255,255,.5);content: "\203A";}
.bc-item a {color: rgba(255,255,255,.5) !important;}
.bc-item.active a {color: rgba(255,255,255,.75) !important; font-weight: bold;}


ul.green-check-list {margin: 1rem 0 1rem 2rem; list-style: none; padding-left: .1rem; }
ul.green-check-list li {margin-bottom: .35rem !important;}
ul.green-check-list li::before {font-family: "bootstrap-icons"; width: 2rem; margin-left: -2rem; content: "\F26E"; font-weight: 900; color: var(--bs-green); display: inline-block; }

ul.blue-check-list {margin: 1rem 0 1rem 2rem; list-style: none; padding-left: .1rem; }
ul.blue-check-list li {margin-bottom: .35rem !important;}
ul.blue-check-list li::before {font-family: "bootstrap-icons"; width: 2rem; margin-left: -2rem; content: "\F26E"; font-weight: 500; color: var(--bs-blue); display: inline-block; }

ul.orange-check-list {margin: 1rem 0 1rem 2rem; list-style: none; padding-left: .1rem; }
ul.orange-check-list li {margin-bottom: .35rem !important;}
ul.orange-check-list li::before {font-family: "bootstrap-icons"; width: 2rem; margin-left: -2rem; content: "\F26E"; font-weight: 500; color: var(--bs-orange); display: inline-block; }

.fit {object-fit: cover;}

ul.grey-dot-list {margin: 1rem 0 1rem 1rem; list-style: none; padding-left:.1rem}
ul.grey-dot-list li {margin-bottom: .25rem !important}
ul.grey-dot-list li::before {content: "\2022"; color: #CCC; display: inline-block; width: 1rem; margin-left: -1rem; }

.image-preview:hover a::before {font-family: "bootstrap-icons"; content: "\F33E"; font-weight: 900; position: absolute; left:45%; top: 40%; color:#CCC;z-index: 10; font-size: 3rem;transition: all 0.3s ease-in-out;}
.order-sm-1 .image-preview .zoom-image {right: -10%; top: 25%; position: absolute;}
.order-sm-2 .image-preview .zoom-image {left: -10%; top: 25%; position: absolute; }

.image-preview:hover {box-shadow: 0 0 20px rgba(0,0,0,.2);transition: all 0.3s ease-in-out;}
.order-sm-1 .image-preview:hover .zoom-image {right: -4%; transition: all 1s ease-in-out;}
.order-sm-2 .image-preview:hover .zoom-image {left: -4%;transition: all 1s ease-in-out;}


ol.colored-numbers-list {list-style: none;counter-reset: my-counter;}
ol.colored-numbers-list li {counter-increment: my-counter;position: relative; margin-bottom: 10px;}
ol.colored-numbers-list li:before {
    position: absolute;
    color: #fff;
    background: var(--bs-blue);
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px; font-weight: bold;
    display: block;
    content: counter(my-counter);
    left: -33px;
    top: 3px;
    border-radius:8px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: .02em;
}

#index-page-menu {top:60px;z-index: 100}

.badge-lines {position: relative;}
.badge-lines:before {content: ''; width: 40px; height: 2px; display: block; background-color: var(--bs-dark-blue); position: absolute; top:50%; left: -50px;}
.badge-lines:after {content: ''; width: 40px; height: 2px; display: block; background-color: var(--bs-dark-blue); position: absolute; top:50%; right: -50px;}

.badge-lines-orange {position: relative;}
.badge-lines-orange:before {content: ''; width: 40px; height: 2px; display: block; background-color: var(--bs-orange); position: absolute; top:50%; left: -50px;}
.badge-lines-orange:after {content: ''; width: 40px; height: 2px; display: block; background-color: var(--bs-orange); position: absolute; top:50%; right: -50px;}

.badge-lines-green {position: relative;}
.badge-lines-green:before {content: ''; width: 40px; height: 2px; display: block; background-color: var(--bs-green); position: absolute; top:50%; left: -50px;}
.badge-lines-green:after {content: ''; width: 40px; height: 2px; display: block; background-color: var(--bs-green); position: absolute; top:50%; right: -50px;}

span.is-invalid {color: #dc3545; font-size: 85%}

.benefits-tabs .nav-link {border: 0; color: var(--bs-blue);}
.benefits-tabs .nav-link.active {background-color: var(--bs-blue-tint); font-weight: bold}

.arrow-right {position: relative;}
.arrow-right::after {font-family: "bootstrap-icons"; content: "\F135"; font-weight: 900; color: var(--bs-orange); display: inline-block; padding-left: .3rem; position: absolute; top:0;}
.arrow-right:hover::after {content: "\F133";color: var(--bs-dark);}

.accordion-button:not(.collapsed) {
    color: var(--bs-blue);}


    .blockquote {position: relative; line-height: 1.4; padding-left: 1.5rem;border-left: 1px solid rgba(0,0,0,.1);}
.blockquote::before {color:var(--bs-dark-blue);font-family: "bootstrap-icons"; content: "\F6B0"; font-weight: 900; position: absolute;  left:-2.5rem; transition:all .5s ease-in-out; font-size: 2rem;}

.blockquote:hover::before {transform: translateY(10px);transition:all .5s ease-in-out; }
.blockquote cite {font-size: smaller; margin-top: 20px; display: block;}
.feature {scroll-margin-top: 150px;}

/* XS */

@media (max-width: 767px) {
.badge-lines:before, .badge-lines-orange:before, .badge-lines-green:before, .under-lined::before {display: none;}
 

}




@media (max-width: 723px) {
.chevron-container {display: none}
}

@media (min-height:1050px)  {
.chevron-container {display: none}
}

.chevron-container-inside {position: relative;}
.chevron {
  position: absolute;  
  width: 28px; 
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.chevron-text {
  display: none;
  
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;

  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}