@charset "UTF-8";
/*
Figtree:wght@300;400;600
*/
:root {
   --primary: #153654;
   --primaryHover: #0f273d;
   --secondary: #3e729b;
   --secondaryHover: #2f5f83;
   --black: #000000;
   --gray: #666666;
   --facebook: #4267b2;
   --facebook-hover: #32569e;
   --whatsapp: #25D366;
   --whatsapp-hover: #35a152;
   --medium-gray: #dfdfdf;
   --light-gray: #eeeeee;
   --light: #f5f0ed;
   --white: #ffffff;
   --fontBoot: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

*, *::before, *::after {box-sizing: border-box;}

html, body {
   margin: 0;
   padding: 0;
   min-height: 100vh;
   min-height: 100dvh;
   background-color: var(--white);
   line-height: 1.8;
   font-weight: 300;
   font-size: 1rem;
   font-family: 'Figtree', sans-serif;
}



#mainNav {
   padding-top: 0 !important;
   padding-bottom: 1rem;
   font-weight: 300;
   letter-spacing: 0.05rem;
   z-index: 999;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
   color: #fff;
   position: relative;
   font-size: 1.1rem;
}
@media (min-width: 992px) {
   #mainNav .navbar-nav li.nav-item a.nav-link:before {
      position: absolute;
      z-index: -1;
      top: 0;
      left: -1%;
      width: 100%;
      height: 2px !important;
      background: var(--secondary);
      content: '';
      transition: ease all .2s;
   }
   #mainNav .navbar-nav li.nav-item a.nav-link:hover {
      color: var(--secondary) !important;
   }
   #mainNav .navbar-nav li.nav-item a.nav-link:hover:before {
      height: 13px !important;
   }
}

#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
   color: #fff !important;
}
#mainNav .navbar-nav li.nav-item a.nav-link.active:before {
   height: 10px !important;
}
#mainNav .navbar-toggler {
   font-size: 80%;
   padding: 0.8rem;
}
#mainNav.navbar-shrink {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   background-color:var(--primary) !important;
}
@media (min-width: 992px) {
   #mainNav {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
      transition: padding-top 0.3s, padding-bottom 0.3s;
   }
   #mainNav .navbar-nav {
      margin-top: 0;
   }
   
   
}




/**
* Mobile Navigation 
*/
#navbarResponsive.navbar-mobile-open .navbar-nav {
   margin: 3rem !important;
}
@media (max-width: 991px) {
   .mobile-nav-toggle {
      display: block;
      width: 30px;
      height: 20px;
      position: absolute;
      right: 20px;
      pointer-events: auto;
      touch-action: manipulation;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      top: 20px;
   }
   
   .navbar-mobile-hide {
      display: none;
   }
}

.icon-bar {
   display: block;
   width: 100%;
   height: 3px;
   background: #ffffff !important;
   transition: .3s;
}
.icon-bar + .icon-bar {
   margin-top: 5px;
}


.navbar .close .icon-bar:nth-of-type(1) {
   transform: translate3d(0,8px,0) rotate(45deg);
}
.navbar .close .icon-bar:nth-of-type(2) {
   opacity: 0;
}
.navbar .close .icon-bar:nth-of-type(3) {
   transform: translate3d(0,-8px,0) rotate(-45deg);
}


.navbar-mobile-open {
   position: fixed;
   overflow: hidden;
   padding-top: 60px !important;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background: rgba(15, 15, 15, 0.95);
   transition: 0.3s;
   z-index: 0;
}

.navbar-mobile-open .mobile-nav-toggle {
   position: absolute;
   top: 15px;
   right: 15px;
}


.navbar-mobile-open li{
   margin: 5px 25px;
   border-bottom:1px solid #4b4a4a;
}

.navbar-mobile-open a {
   padding: 10px;
   font-size: 1.2rem !important;
   width: 100% !important;
   text-transform: capitalize !important;
   color: #ffffff !important;
}
.navbar-mobile-open a.flag {
   padding:5px;
}
.flag.img-grayscale{
   filter: grayscale(90%);
}

.navbar-mobile-open a:hover:before, .navbar-mobile-open li:hover > a:before, .navbar-mobile-open .active:before {
   visibility: hidden;
}

.navbar-mobile-open a:hover, .navbar-mobile-open .active, .navbar-mobile-open li:hover > a {
   color: #f47321;
}

.navbar-mobile-open .getstarted {
   margin: 15px;
}








/* Header Home
---------------------------------------------------*/
header.masthead{height:90vh !important;}
.owl-index, .owl-index .item {height: 90vh !important;}

.bgFilter {
   position: absolute;
   background: var(--black) !important;
   width: 100%;
   height: 100%;
   opacity: 0.3;
}



.owl-text {z-index: 2;}

.owl-index .item p {
   font-size: 3rem;
   line-height: 1.3;
}
#dotsWrapper {
   z-index: 20;
   bottom: 28%;
}
button.owl-dot {
   width: 15px;
   height: 15px;
   border: none;
   padding: 1px;
   width: 20px;
   height: 20px;
   margin-right: 10px;
   border-radius: 50%;
   background-color: var(--secondary);
   transition: all .3s ease-in-out;
}

button.owl-dot.active {background-color: var(--white); width: 30px !important; border-radius: 15%;}
/* end ---*/


@media (min-width: 1100px){
   .masthead-heading{
      font-size: 4rem;
   }
}

/* Atividades
---------------------------------------------------*/
.owlPages .owl-nav button.owl-next, .owlPages .owl-nav button.owl-prev, .owlPages button.owl-dot {
   background-color:var(--primary) !important;
   border-radius:50%;
   color: #ffffff !important;
   padding: 5px 17px !important;
}
/* end ---*/



/* Footer
---------------------------------------------------*/
#lateralButtons{
   position: fixed;
   z-index: 9999;
   right: -50px;
   bottom: 40px;
   transition: ease all .3s;
}
#lateralButtons.show{
   right: 25px;
}
#lateralButtons.d-none{
   right: -50px;
}

footer a:hover{color: var(--secondary) !important;}

/* end ---*/

/* BOOK NOW
---------------------------------------------------*/
.bookNow .flatpickr-input[readonly] {
   border: 0 !important;
   padding: 0 !important;
   margin: 0 !important;
   font-family: var(--fontBoot) !important;
}
/* end ---*/


/* Atividades
---------------------------------------------------*/
.imgHover .bgOverlay{opacity: 0; transition:ease all .3s; background-color: var(--primary); left:5%; height: 90%; width:90%; z-index: 999; top: 10%;}
.imgHover:hover .bgOverlay{opacity: 70%; height: 100%; width: 100%; top: 0; left: 0;}
/* end ---*/

/* Contactos - form
---------------------------------------------------*/
.form-control, .form-select {
   padding: 1rem .75rem !important;
   border-radius: 0 !important;
}

.btn-primary {
   --bs-btn-color: #fff;
   --bs-btn-bg: var(--primary);
   --bs-btn-border-color: var(--primary);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--primaryHover);
   --bs-btn-hover-border-color: var(--primaryHover);
   --bs-btn-focus-shadow-rgb: 49,132,253;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--primaryHover);
   --bs-btn-active-border-color: var(--primaryHover);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: var(--primary);
   --bs-btn-disabled-border-color: var(--primary);
}
.btn-secondary {
   --bs-btn-color: #fff;
   --bs-btn-bg: var(--secondary);
   --bs-btn-border-color: var(--secondary);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--secondaryHover);
   --bs-btn-hover-border-color: var(--secondaryHover);
   --bs-btn-focus-shadow-rgb: 49,132,253;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--secondaryHover);
   --bs-btn-active-border-color: var(--secondaryHover);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: var(--secondary);
   --bs-btn-disabled-border-color: var(--secondary);
}

.btn-light {
   --bs-btn-color: #000;
   --bs-btn-bg: var(--light);
   --bs-btn-border-color: var(--light);
   --bs-btn-hover-color: #000;
   --bs-btn-hover-bg: var(--light-gray);
   --bs-btn-hover-border-color: var(--light);
   --bs-btn-focus-shadow-rgb: 211,212,213;
   --bs-btn-active-color: #000;
   --bs-btn-active-bg: var(--light);
   --bs-btn-active-border-color: var(--light);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #000;
   --bs-btn-disabled-bg: var(--light);
   --bs-btn-disabled-border-color: var(--light);
}

/* end ---*/


@media (max-width: 650px){
   .sectionPages img{height: 300px !important;}
   .sectionPages .captcha img{height: initial !important;}
}


/* Helpers
---------------------------------------------------*/
.fontBoot{
   font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.fs-7 {font-size: 0.7rem !important;}
.fs-8 {font-size: 0.8rem !important;}
.fs-9 {font-size: 0.9rem !important;}

.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-600{font-weight: 600 !important;}

@media (min-width: 1024px){
   .fs-1{font-size:3rem !important;   line-height: 1.2;}
}

.text-primary{color:var(--primary) !important;}
.text-secondary{color:var(--secondary) !important;}

.img-cover {
   object-fit: cover;
   object-position: center center;
}

.bg-cover {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}


.bg-light{background:var(--light) !important;}
.bg-primary{background:var(--primary) !important;}
.bg-secondary{background:var(--secondary) !important;}


.link-light:focus, .link-light:hover {
   color:var(--light) !important;
}


section.sectionPages{
   padding:3rem 0 !important;
}

section.sectionPages a{
   color: var(--black);
   transition: ease all .3s;
}
section.sectionPages a:hover{
   color: var(--secondary);
}


/* end ---*/