@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
:root {

--bs-navbar-toggler-focus-width:0;
--bs-body-bg: #fcfcfc;
--bs-primary-bg-subtle: #fcfcfc;
--bs-primary-text-emphasis:#000;
--bs-link-color:#10a628;
--bs-link-color-rgb:16,166,40;
--bs-link-hover-color-rgb:18, 154, 40;
}


:root{--swiper-theme-color:#454545;
--swiper-navigation-sides-offset:1rem;
--swiper-navigation-top-offset:-2rem;
--swiper-navigation-size:24px;


}


.swiper-button-prev {right:3rem !important; left:auto !important;}


a{text-decoration:none}

.accordion-button::after {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23454545'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  transition: all 0.3s ease;
background-position:50% 50%;
transform: rotate(-45deg);
width:40px; height:40px;
background-color:rgb(var(--bs-warning-rgb));
border-radius:50%;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23454545'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
}

.accordion-button:focus {box-shadow:none;}

[data-bs-theme=light] {

--bs-body-font-size: 18px;
--bs-font-sans-serif: "Manrope", 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";

--bs-primary-rgb: 16,166,40;
--bs-border-radius:10px;
--bs-border-radius-sm:10px;
--bs-navbar-color: #fff;
--bs-offcanvas-color:#fff;

--bs-body-color:#454545;

--bs-link-color:#10a628;

}

[data-bs-theme=dark] {
--bs-navbar-color: #000;
--bs-link-color:#10a628;
}

[data-bs-theme=dark] .navbar-toggler{border-color:#fff;}
.navbar-toggler:focus {box-shadow:none}
:focus-visible {outline:1px dotted rgba(0,0,0,0.8);}


.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #10a628;
  --bs-btn-border-color: #129a28;
  --bs-btn-hover-color:  #fff;
  --bs-btn-hover-bg: #129a28;
  --bs-btn-hover-border-color: #129a28;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #10a628;
  --bs-btn-active-border-color: #129a28;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-light{
    --bs-btn-color: #000;
    --bs-btn-bg: #f5f5f5;
    --bs-btn-border-color: #dadada;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgba(245, 245, 245, 0.596);
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}






.bg-primary {
  --bs-bg-opacity: 0.75;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-lightgray {background-color:#ebebeb;}


.sliderSimple.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23454545'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
background-size:32px 32px;
width:45px;height:45px; 

}

.sliderSimple.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23454545'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
background-size:32px 32px;
width:45px;height:45px;

}


.carousel-control-prev,
.carousel-control-next {opacity:1;min-width:45px;}
.carousel-indicators  [data-bs-target].active{background-color:rgb(var(--bs-warning-rgb))}


html,body 
{ 
  min-height: 100% !important;
    height: 100%;
scroll-behavior: smooth;
}



.showcase {color:#fff; }
.showcase .carousel-inner {min-height:100vh; display:flex; align-items: stretch;}

.showcase .carousel-item {
background-repeat:no-repeat;
background-size:cover; background-position:50% 50%;
}

.showcase .carousel-item > div {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
min-height:100%; }


.carousel-item {
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.showcase .carousel-item > div > p {font-size:1.5rem; line-height:1.1; text-align:left; font-weight:600}
.showcase .carousel-item > div > .h1, .showcase.about .h1  {font-size:2rem; line-height:1.2; text-align:left; font-weight:700; max-width:390px; }
.showcase .carousel-control-prev { width:5rem; align-items:flex-end; bottom:2rem; left:auto; right:5rem;}
.showcase .carousel-control-next { width:5rem; align-items:flex-end; bottom:2rem}


.showcase.about {max-height:800px; min-height:450px}




header {position:absolute; z-index:1000; font-weight:500;  transition: all 0.3s ease}
header .navbar .navbar-brand {background-image:url(images/logo.svg);}
header a {color:#fff; text-decoration:none;}
header a:hover {color:rgba(255,255,255, 0.8)}
header {font-size:16px;}
[data-bs-theme=light] .headerOffset {padding-top:105px !important;}

header[data-bs-theme=light] {background-color:#fff;}
header[data-bs-theme=light] .navbar-nav .nav-item .nav-link {color:var(--bs-body-color);}
header[data-bs-theme=light] .offcanvas  {color:#000;}
header[data-bs-theme=light] .navbar .navbar-brand {background-image:url(images/logo_black.svg);}
header[data-bs-theme=light] a { color:#000;}
header[data-bs-theme=light] .social a { color:#fff;}
header[data-bs-theme=light] .social a:hover { color:rgba(255,255,255, 0.8);}

header[data-bs-theme=light] .navbar-nav .nav-item .nav-link.active {color:var(--bs-link-color);}
header[data-bs-theme=dark] .navbar-nav .nav-item .nav-link.active {color:var(--bs-link-color);}


header .social {gap:0 15px; font-size:12px;}
header .social svg{width:1.5rem; height:auto;  color:#fff;}
header .social a:hover svg {color:rgba(255,255,255, 0.8)}

header .navbar  .social {gap:0 5px; }
header .navbar .social svg{width:1.5rem; height:1.5rem;  color:rgba(255, 255, 255, 0.55);}

header[data-bs-theme=light] .navbar .social svg{color:var(--bs-body-color);}

header .navbar .navbar-brand {width:160px; height:51px; background-size:contain; background-repeat:no-repeat;} 


h1 {font-size:2rem; font-weight:600;}
h2 {font-size:1.8rem; font-weight:600;}



iframe {width:100%; background-color:#454545;}


.section-advantages, .section-actions, .section-feedback, .section-actions-top {
background-color:#10a628;
background-repeat:no-repeat;
background-image:url("images/front/adv.jpg");
background-size:cover;
background-position:50% 50%;
}

.section-actions-top .card {border-color:rgba(16,166,40,.75); border:0;}
.section-actions-top .card .card-header {background-color:rgba(16,166,40,.75); border:0; color:#fff;}
.section-actions-top .card .card-footer {border:0; background-color:transparent; text-align:right;  }



.section-advantages p {font-weight:600; }
.section-advantages h2, .section-actions h2, .section-feedback h2, .section-feedback p  {color:#fff}
.section-advantages span, .section-howitworks span {width:50px; height:50px; line-height:50px; font-weight:bold; display:block;}

.accordion ul, ul.warning, .rooms ul {list-style: none; padding-left:0;}
.rooms ul li{display:inline-block;padding-right:6px;}
/*.rooms .col:first-child > ul {max-width:400px; color:red}*/

.accordion ul li::before, ul.warning li::before, .rooms ul li::before {content:""; background-color: rgb(var(--bs-warning-rgb)) !important;; width:8px; height:8px; border-radius:4px; margin-bottom:1px; display:inline-block;  margin-right:0.5rem; vertical-align:baseline;}

.border-top-1 {border-top:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);}


footer .social svg{color:var(--bs-body-color); width:50px; height:50px; }
footer nav a {color:var(--bs-body-color);}
footer nav a:hover {color:var(--bs-link-color);}



.form-check-input:checked {
  background-color: #10a628;
  border-color: #10a628;
}

.form-control:focus, .form-check-input:focus {

    border-color: #10a628;
    box-shadow: 0 0 0 .25rem rgba(16,166,40,.25);
}



#notificationBar,#actionPopUpBar {
border:1px solid #10a628 ;
padding:1rem;
padding-top:1rem;
position: fixed;
bottom: 1rem;
left: 1rem;
width: 500px;
max-width:90%;
height: auto;
background-color: #fff;
color: #000;
display: none;
flex-direction:column;
align-items: center;
justify-content: center;
z-index:1050;
border-radius:1rem;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);

}

#actionPopUpBar 
 {
background-color:rgba(16,166,40,.8);
  max-width:90%;
  box-shadow: 0px 4px 30px rgba(0, 0, 0,0.5);
z-index:1052;
 }
#actionPopUpBar p {color:#fff;}

#notificationBar p, #actionPopUpBar p {
margin: 0;
text-align: left;

}

#actionPopUpBar p {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

#agreeButton {
background-color: #10a628 ;
color: white;
border: none;
margin-top:1rem;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
/*position: absolute;*/
right: 20px;}

#notificationBar a {color:#10a628;}



.datepicker-controls .button {border:0;;
color:#fff;
background-color:rgba(16,166,40,.25);
}
.datepicker-cell.focused:not(.selected) {background-color: #10a628;

    color: #fff;
}


.datepicker-cell.selected, .datepicker-cell.selected:hover {
    background-color: #10a628;
    color: #fff;
}



@media (min-width: 576px) { 
.showcase .carousel-item > div > .h1 , .showcase.about .h1 {font-size:2.3rem; max-width:520px; text-align:center;}
header .navbar .navbar-brand {width:200px; height:57px;}
header .navbar .social svg{width:2rem; height:2rem;}
}
@media (min-width: 768px) { 
.showcase .carousel-item > div > .h1, .showcase.about .h1 {font-size:3rem;  max-width:690px; text-align:center;}
h2 {font-size:2.3rem;}

}
@media (min-width: 992px) { 
.showcase .carousel-item > div > .h1, .showcase.about .h1 {font-size:3.4rem;  max-width:920px; text-align:center;}
h1 {font-size:3rem;}
h2 {font-size:2.85rem;}
.border-top-lg-0 {border-top-width:0;}
 }
@media (min-width: 1200px) { 

.showcase .carousel-item > div > .h1, .showcase.about .h1 {font-size:4rem;  max-width:920px; text-align:center;}
.border-top-xl-1 {border-top-width:var(--bs-accordion-border-width);}

h1 {font-size:2.5rem; }
h2 {font-size:2rem;}


}
@media (min-width: 1400px) { 
.showcase .carousel-item > div > .h1, .showcase.about .h1 {font-size:4.63rem; max-width:1250px;  text-align:center;}
}