html {
 --main1: #1C2A34;
 --main2: #B78F43; 
}

body {
 margin: 0;
 padding: 0;
 font-size: 16px; 
 line-height: 1.6; 
 font-family: "Open Sans", sans-serif; 
 animation-name: alpha;
 animation-duration: .6s;
}

	@keyframes alpha {
		
		0%   { opacity: 0; }
		100% { opacity: 1; }
		
	}

a {
 text-decoration: none;	
}

img {
 max-width: 100%;
 height: auto; 
}

.btn-primary {
 background-color: var(--main1);
 border-color: var(--main1);
 color: #fff; 
}

.btn-primary:hover {
 background-color: var(--main2);
 border-color: var(--main2);
 color: #fff; 	
}

.fs-30 {
 font-size: 30px;	
}

.fs-50 {
 font-size: 50px;	
}

.bg-gray {
 background: #f3f3f3;	
}

.std-section {
 position: relative;
 padding-top: 50px;
 padding-bottom: 50px;  
}

.text-inherit {
 color: inherit;	
}

.mobile {
 display: none;	
}

.menu-button {
 position: absolute;
 right: 10px;
 top:14px;
}

#header {
 padding: 8px 10px;
 position: fixed;
 top:0;
 left: 0;
 right: 0;
 height: auto;
 width: 100%;
 color: #000;
 z-index: 9999999;  
 transition: all .3s ease;
 /*box-shadow: 0 0 8px rgba(0,0,0,.3); */
}

#header .col-md-4 {
 display: flex;
 align-items: center; 
}

.contact-header {
 color: #fff;
 font-size: 0.8rem;
}

.fixed-header .contact-header {
 display: none;	
}

.col-logo {
 display: flex;
 align-items: center;	
}

.logo {
 position: absolute;
 width: 0;
 height: 0;
 z-index: -10;
 visibility: hidden;
 transition: all .3s ease; 
}

.logo-white {
 position: relative;
 max-height: 100px; 
 transition: all .3s ease;	
}


#header.fixed-header {  
 /*padding-bottom:2px;  
 z-index: 999999999;*/
 box-shadow: 0 0 8px rgba(0,0,0,.3);
 background: rgba(255,255,255,1);
}

.fixed-header .logo {
 position: relative;
 width: auto;
 height: 60px;
 opacity: 1;
 z-index:10;
 visibility: visible;
 max-height: 60px!important; 
 transition: all .3s ease;
}

.fixed-header .logo-white {
 max-height: 0px!important; 
 z-index: -10;
 width: 0;
 height: 0;
 visibility: hidden;
}

#catmenu {
 z-index:101;	
 border: 0px solid;
 transition: all .3s ease;	
 display: flex;
 justify-content: flex-end;

}
	
.fixed-header #catmenu {
 margin-top:0;	
}
	
#catmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	
#catmenu li {
 position: relative!important;
 float:left;
 margin: 0px;
 padding: 0px;
}

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
	display: inline-block;	
	font-size:15px;	
	font-weight: 400;
	padding: 10px 12px 10px 12px;
	color: rgba(255,255,255,1);
	transition: all .3s ease;
	text-transform: uppercase;
}

#catmenu li.home-top-menu { 
 padding-top: 15px;
}

#catmenu li.home-top-menu a { 
 padding-right: 10px;
}

#catmenu .top-booking a {
 background: var(--main1);
 color: #fff!important; 
}


.fixed-header #catmenu li a, .fixed-header #catmenu li a:link , .fixed-header #catmenu li a:visited {
  padding: 6px 11px 6px 11px;

}

.fixed-header #catmenu li a {
 color: #111;
}


.fixed-header #catmenu li a:hover {

}

.fixed-header #catmenu li a:hover:before {
	
}

#catmenu li a:hover, #catmenu li a:active {	

}

#catmenu li a:before {
 opacity: 0;
 position: absolute;
 top: 5px; 
 width: 1%;
 transition: all .3s ease;
}

#catmenu li a:hover {
 color: var(--main1); 
}

 
#catmenu li.menu-book a {
 background: var(--main1);
 color: #fff;
 border-radius: 0; 
} 
 
#catmenu li:last-child a:hover:before {
 /*left: calc(50% + 9px); 
 width: calc(100% - 18px);	*/
}
 
#catmenu li ul li a:before {
 display: none;	
}

.home .current-menu-item a {
 background: transparent;
 color: #fff; 
}

#catmenu li.current-menu-item a {
 /*color: #085474;
 border-bottom:1px solid #085474;*/	
}

.current-menu-ancestor {
 border-bottom:0!important;
}


#catmenu li:last-child a {
 margin-right:0;
 
}

	
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
	width: 100%;
	float:none;
	margin: 0px;
	color: #000;
	font-size:14px;
	line-height: 1.3;
	padding: 6px 12px 6px 12px;
	text-align: left;
}
	
#catmenu li li a:hover, #catmenu li li a:active,
.fixed-header #catmenu li li a:hover {
}


#catmenu li ul {
 z-index: 9999;
 position: absolute;
 left: -999em;
 background: rgba(255,255,255,.8);
 min-width: 190px;
 margin: 0px;	
 padding:10px 5px;
 border-bottom: 5px solid var(--logocolor);
 box-shadow: 0 2px 5px rgba(0,0,0,.1);
 border-radius: 0;  
}



#catmenu li ul a { 

}

#catmenu li ul a:hover, #catmenu li ul a:active { 
 background: transparent!important;
 color: var(--logocolor);
}

/*
#catmenu li > li {  
 width: 100%;
 padding: 0 10px;
}*/
	

#catmenu .sub-menu > li {
 border: 0px solid #cc0000;	
 width: 100%;
 display: block;
}

#catmenu .sub-menu > li > a {
 color: #000!important; 
}

#catmenu li li li {
 border: 0px solid #00cc00!important;	
 width: 100%!important;
 display: block!important;
 float: none!important; 
}


#catmenu li li li.menu-section-element a {
 font-weight: 500!important;
 opacity: 0.3; 
 font-size: 12px;
}

#catmenu .sub-menu li li a {
 color: #000!important;	
 min-height: auto!important;
 font-size: 14px;
 font-weight: normal;
}



#catmenu li ul ul {
 position: relative; 
 border: 0px solid #003344;	
 box-shadow: none;
}

#catmenu li.menu-top-cart {
 position: relative;
}

#catmenu li.menu-top-cart:hover .cart-count {
 opacity: 0.8; 
}

#catmenu li.menu-top-cart a {
 color: var(--logocolor);
 position: relative; 
 font-size: 16px;
 padding-left: 5px;
 padding-right: 5px;
}

.fixed-header #catmenu li.menu-top-cart a {
 color: var(--logocolor);
 position: relative; 
 font-size: 16px;
 padding-left: 5px;
 padding-right: 5px;
}


#catmenu li.menu-top-cart a:hover {
 background: none;	
}

#catmenu li.menu-top-cart .cart-count {
 background: #a4d460;
 color: #fff;
 width: 16px;
 height: 16px;
 font-size: 9px;
 border-radius: 50%;
 text-align: center;
 position: absolute;
 top: 3px;
 right:-9px;  
}

#catmenu li.menu-top-cart .top-cart-total {
 font-size: 0.8rem;
 margin-left: 5px;
 display: inline-block; 
}



/*
#catmenu li ul ul {
	margin: -31px 0 0 170px;
	}

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul, 
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
	left: -999em;
	}
*/	

#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover ul, 
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
 left: 0;
}

#catmenu li:hover, #catmenu li.sfhover { 
 position: static;
}



#home-slider {
    position: relative;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: #0b1114;
}

#home-slider .carousel,
#home-slider .carousel-inner,
#home-slider .carousel-item {
    width: 100%;
    height: 100%;
}

#home-slider .carousel-item {
    position: relative;
    overflow: hidden;
}




#home-slider .carousel-item > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transform: scale(1.015);}




#home-slider .carousel-item::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            0deg,
            rgba(4, 9, 12, 0.68) 0%,
            rgba(4, 9, 12, 0.18) 38%,
            rgba(4, 9, 12, 0) 62%
        ),
        linear-gradient(
            90deg,
            rgba(4, 10, 14, 0.86) 0%,
            rgba(4, 10, 14, 0.70) 25%,
            rgba(4, 10, 14, 0.42) 48%,
            rgba(4, 10, 14, 0.14) 72%,
            rgba(4, 10, 14, 0.06) 100%
        );
}



#home-slider .carousel-caption {
    position: absolute;
    z-index: 2;

    top: 50%;
    bottom: auto;

    left: 8%;
    right: auto;

    width: min(720px, 70%);

    padding: 0;

    text-align: left;

    transform: translateY(-50%);

    color: #fff;
}

#home-slider .carousel-caption h1,
#home-slider .carousel-caption h2 {
    margin: 0 0 24px;
    font-size: clamp(3rem, 5vw, 5.5rem);
    line-height: 0.98;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #fff;
    text-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
}


#home-slider .carousel-caption h3 {
    margin: 0 0 18px;

    font-size: clamp(0.95rem, 1.2vw, 1.2rem);
    line-height: 1.4;

    font-weight: 500;

    text-transform: uppercase;
    letter-spacing: 0.14em;

    color: rgba(255, 255, 255, 0.78);
}


#home-slider .carousel-caption p {
    max-width: 620px;

    margin: 0 0 30px;

    font-size: clamp(1.05rem, 1.4vw, 1.3rem);
    line-height: 1.65;

    color: rgba(255, 255, 255, 0.88);
}


#home-slider .btn-slide-more,
#home-slider .btn-slide-more-2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;

    margin: 0 10px 10px 0;
    padding: 0 28px;

    border-radius: 4px;

    font-size: 0.95rem;
    line-height: 1;

    font-weight: 600;

    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}




#home-slider .btn-slide-more {
    background: #fff;
    border: 1px solid #fff;

    color: #101619;
}

#home-slider .btn-slide-more:hover {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.88);

    color: #101619;

    transform: translateY(-2px);
}




#home-slider .btn-slide-more-2 {
    background: rgba(255, 255, 255, 0.08);

    border: 1px solid rgba(255, 255, 255, 0.55);

    color: #fff;

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

#home-slider .btn-slide-more-2:hover {
    background: #fff;
    border-color: #fff;

    color: #101619;

    transform: translateY(-2px);
}



#home-slider .carousel-control-prev,
#home-slider .carousel-control-next {
    z-index: 3;
    width: 75px;
    opacity: 0.65;
    transition: opacity 0.25s ease;
}	

#home-slider .carousel-control-prev:hover,
#home-slider .carousel-control-next:hover {
    opacity: 1;
}


#home-slider .carousel-control-prev-icon,
#home-slider .carousel-control-next-icon {
    width: 44px;
    height: 44px;

    background-size: 45%;

    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 50%;

    background-color: rgba(0, 0, 0, 0.15);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}


#home-slider .carousel-indicators {
    z-index: 3;
    right: auto;
    bottom: 38px;
    left: 8%;
    justify-content: flex-start;
    margin: 0;
}


#home-slider .carousel-indicators [data-bs-target] {
    width: 38px;
    height: 3px;
    margin: 0 7px 0 0;
    border: 0;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.42);
    opacity: 1;
    transition:
        width 0.3s ease,
        background-color 0.3s ease;
}


#home-slider .carousel-indicators .active {
    width: 68px;
    background-color: #fff;
}



#home-slider .carousel-fade .carousel-item {
    transition-property: opacity;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}


@media (max-width: 767.98px) {

    #home-slider {
        height: 100vh;
        height: 100dvh;
    }

    #home-slider .carousel-item > img {
        object-position: center;
    }




    #home-slider .carousel-item::after {
        background:
            linear-gradient(
                0deg,
                rgba(4, 9, 12, 0.88) 0%,
                rgba(4, 9, 12, 0.60) 32%,
                rgba(4, 9, 12, 0.20) 70%,
                rgba(4, 9, 12, 0.12) 100%
            );
    }


    #home-slider .carousel-caption {
        top: auto;
        right: 25px;
        bottom: 90px;
        left: 25px;
        width: auto;
        transform: none;
    }


    #home-slider .carousel-caption h1,
    #home-slider .carousel-caption h2 {
        margin-bottom: 18px;
        font-size: clamp(2.4rem, 11vw, 4rem);
        line-height: 1;
        letter-spacing: -0.035em;
    }


    #home-slider .carousel-caption p {
        margin-bottom: 22px;
        font-size: 1rem;
        line-height: 1.5;
    }


    #home-slider .btn-slide-more,
    #home-slider .btn-slide-more-2 {
        min-height: 48px;
        padding: 0 20px;
        font-size: 0.9rem;
    }


    #home-slider .carousel-control-prev,
    #home-slider .carousel-control-next {
        width: 50px;
    }


    #home-slider .carousel-control-prev-icon,
    #home-slider .carousel-control-next-icon {
        width: 36px;
        height: 36px;
    }


    #home-slider .carousel-indicators {
        right: 25px;
        bottom: 28px;
        left: 25px;
    }

}

#peaks .col-peak {
 margin-bottom: 25px;	
}

#peaks .col-peak .wrapper {
 border: 1px solid #fff; 
 border: 1px solid rgba(33, 37, 41,.2);
 border-radius: .5rem;
 height: 100%;
 padding: 25px;
 transition: all .3s ease;
}

#peaks .col-peak .wrapper h3 {
 font-size: 1.2rem;
 font-weight: 600; 
}

#peaks .col-peak .wrapper h3 span {
 font-weight: 400;	
 font-size: 85%;
}

#peaks .col-peak .wrapper:hover {
 background: var(--main1);
 border: 1px solid var(--main1);
 color: #fff; 
}

#peaks .col-peak .wrapper:hover .bxs-landscape {
 color: var(--main2);	
}

.page-title {
 color: var( --main1 );
 position: relative;
 margin-bottom: 60px;
}

.page-title:after {
 content: "";
 position: absolute;
 bottom: -7px;
 left: 0;
 width: 100%;
 height: 1px;
 border-top:1px solid #d5d5d5;  
}

.page-title:before {
 content: "";
 position: absolute;
 bottom: -9px;
 left: 0;
 width: 80px;
 height: 1px;
 border-top:3px solid var(--logocolor); 
 z-index:9999; 
}


.page-title.text-center:before {
 left: 50%;
 width: 80px;
 height: 1px;
 transform: translateX(-50%);
 border-top:3px solid var(--logocolor); 
 z-index:9999; 
}


.top-bg-container {
 position: absolute;
 width: 100%;
 left: 0;
 top: 0; 
}


#contact-form {
 /*max-width: 800px;*/
 width: 100%;
 margin: auto; 
}

#contact-form .form-control {
 font-size:14px;	
}

#contact-form INPUT[type=text],
#contact-form INPUT[type=email] {
 width: 100%;
 height: 50px;
 padding: 8px 15px; 
 border: 1px solid rgba(0,0,0,.2);
 color: #666;
 font-size:14px;

 margin-bottom: 15px;
}

#contact-form SELECT,
#contact-form INPUT[type=DATE] {
 width: 100%;
 height: 50px;
 padding: 8px 15px; 
 border: 1px solid rgba(0,0,0,.2);
 color: #666;
 font-size:14px;
 
 margin-bottom: 15px; 
}

#contact-form textarea {
 width: 100%;
 height: 180px;	
 padding: 8px 15px;
 border: 1px solid rgba(0,0,0,.2);
 color: #444;
 font-size:14px;
 margin-bottom: 15px;
}

#contact-form INPUT:focus, #contact-form textarea:focus {
 border: 1px solid var( --main1 );
}

.accept-text {
 font-size: 12px;
 text-align: justify;
 line-height: 1.2; 
}

.wpcf7-quiz-label {
 display: block;
 margin-bottom: 5px; 
}

#contact-form span.wpcf7-list-item {
 display: inline-block;
 margin: 0 10px 0 0;
 float: left;
}

.verify {
 margin-top:18px;	
 font-size: 12px;
 line-height: 1.2; 
}

#contact-form .wpcf7-submit:disabled {
 opacity: 0.7;
 background: var(--main1);	
}

#contact-form .wpcf7-submit {
 padding: 8px 20px;
 margin-top: 19px; 
 background: var(--main1)!important; 
 border: 1px solid var(--main1);
}

#contact-form .wpcf7-submit:hover {
 background: var(--main1);
 color: #fff;
 opacity: 1;
}


.wpcf7 form.sent .wpcf7-response-output {
 border-color: var(--main1);
 background: var(--main1);
 color: #000;
 padding: 15px; 
}



#footer {
 padding: 20px;
 background: #f3f3f3;
 font-size: 13px; 
}


@media all and (max-width:768px) {

 .desktop { 
  display: none;
 }
	
 #catmenu {
  display: none;		
 } 

 .col-logo {
  justify-content: space-between;	 
 }

 #mobile-menu {   
   transition: all .3s ease;
   position: fixed;
   top: 0;
   right: -200vw;
   width: 100%;
   padding-top: 100px;
   padding-left: 15px;
   height: 100vh;
   overflow-y: scroll;
   background: #000; 
  }
  
  #mobile-menu.menu-show {
   top: 0;
   right: 0;
   width: 100%;
   padding-top: 100px;   
  }
  
  #mobile-menu.menu-show:before {
   content: "";
   width: 100%;
   height: 78px;
   background: #000;
   position: fixed;
   top: 0;
   z-index:9;
  }
  
		.menu-button {
		 display: block;	 
		 position: relative;
		 top: 0;
		 right: 0;
		 cursor: pointer;		
		 width: 40px;
		 height: 40px;
		 border-radius: 50%;
		 background: transparent;
		 color: #fff;
		 text-align: center;
		 font-size: 30px;
		 line-height: 40px;
		 z-index: 9999;
		 transition: all .4s ease;
		}
		
		.fixed-header .menu-button {
		 color: var(--main1);
		}
		
		.menu-button.menu-button-close {
		 transform: rotate(720deg);
		 color: #fff;
		}
	
		  
	  #mobile-menu ul {
	   display: block;
       list-style: none;
	   margin: 0;
	   padding: 0;	   
	  }
	  
	  #mobile-menu ul li a {
       display: block;
	   padding: 9px 10px;
	   line-height: 1.3;
	   font-size: 17px;
	   color: #fff;
	   border-bottom: 1px solid rgba(255,255,255,.1);
	  }
	  
	  #mobile-menu .top-menu-social {
       padding: 6px 4px		  
	  }

	  #mobile-menu ul li li a {
	   padding: 7px 10px 7px 20px;
	   font-size: 16px;
	  }	

	  #mobile-menu .mobile-menu-additional {
       color: #fff;		  
	  }	

	  #mobile-menu .mobile-menu-additional a i {
       margin-right: 7px;		  
	  }
 

} /* media */