@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
*{margin:0;padding:0;}
body {color: #878787; font-family: 'Gotham Pro'; width: 100%; margin:0;padding:0; background: url(/assets/img/body.jpg)}
section {padding: 70px 0;}
ol, ul {padding-left: 0rem;}
.navbar-nav .nav-link {font-size: 14px;font-weight: 400;}
h1,h2,h3,h4,h5 {font-weight: 900 !important; color: #1e1e1e; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
p {color:#878787; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}
.small, small {font-size: min(13px, max(10vw, 8px));}
h1.h1 {font-size: min(60px, max(8vw, 24px)); text-transform: uppercase; line-height: min(68px, max(9vw, 28px)); color: #fff; font-weight: 900; text-shadow: 0px 3px 0px #b4b4b4}
.h2, h2 {font-size: calc(1.725rem + .9vw);}
.text-black {font-weight: 900 !important;}
.mt-100 {margin-top: 100px}
.border {border: 1px solid rgba(226, 226, 226, 0.38)!important;}
.border-left {border-left: 1px solid #eee; margin: 20px 0}
.h-200 {height:200px}
.h-400 {height:400px}
.h-600 {height:600px}
.h-800 {height:800px}

b {background: #ff6c00; padding: 7px 8px 5px 8px; color: #fff}
a {color: #ff6c00}
a:hover {color: #af5d00}
a.btn-circle {width: 14rem;height: auto;position: relative;display: inline-block;cursor: pointer;outline: none;border: 0;vertical-align: middle;text-decoration: none;background: transparent;padding: 0;font-size: inherit;font-family: inherit;}
a.btn-circle .circle {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: relative;display: block;margin: 0;width: 3rem;height: 3rem;background: #ff6c00;border-radius: 1.625rem;}
a.btn-circle .circle .icon {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: absolute;top: 0;bottom: 0;margin: auto;background: #fff;}
a.btn-circle .circle .icon.arrow {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);left: 0.625rem;width: 1.125rem;height: 0.125rem;background: none;}
a.btn-circle .circle .icon.arrow::before {position: absolute;content: '';top: -0.25rem;right: 0.0625rem;width: 0.625rem;height: 0.625rem;border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
a.btn-circle .button-text { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.75rem 0; margin: 0 0 0 1.85rem; color: #fff; font-weight: 700; line-height: 1.6; text-align: center; text-transform: uppercase;}
a:hover .circle {width: 100%;}
a:hover .circle .icon.arrow {background: #fff;-webkit-transform: translate(1rem, 0);transform: translate(1rem, 0);}
a:hover .button-text {color: #fff;}

ul.social-icons {padding-left: 0;margin-bottom: 0}
.social-icons li {display:inline-block;vertical-align:top;*display:inline;zoom:1;padding:0px;margin: 0px;}
.social-icons li:before{display:none;}
.social-icons li a {border-radius:3px;display:block;height:48px;margin:1px 0px 1px 2px;overflow:hidden;position:relative;transition:all 0.3s ease 0s;width:48px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;font-size:0;}
.social-icons li a{background-color:#4f5a6b;background:url(/assets/img/social.png) 0px 0px/548px 148px no-repeat;}
.social-icons li a:hover {opacity:0.8;}
.social-icons li.facebook a {background-position:-50px 0px;}
.social-icons li.twitter a {background-position:-100px 0px;}
.social-icons li.instagram a {background-position:-150px 0px;}
.social-icons li.telegram a {background-position:0px -100px;}
.social-icons li.ytb a {background-position:-200px 0px;}
.social-icons li.odn a {background-position:-250px 0px;}
.social-icons li.gplus a {background-position:-50px -50px;}
.social-icons li.mail a {background-position:0px -50px;}

.btn {font-weight: 700;text-transform: uppercase;}
.btn-rounded {border-radius: 1.625rem; padding: 0.7rem 2.3rem;}
.btn-rounded i {font-size: 23px;  line-height: 0; vertical-align: -0.13em; padding-right: 10px}
.btn-outline-warning {color: #ff6c00;border-color: #ff6c00; }
.btn-outline-warning:hover { color: #fff;background-color: #ff6c00; border-color: #ff6c00; } 
.btn-lg {font-size: inherit;}
.btn-xs {font-size: 12px}
.btn-warning {color: #fff;background-color: #ff6c00;border-color: #ff6c00;}
.btn-warning:hover {background-color: #fff; color: #ff6c00}
.btn-viber {background-color: #59267c; color: #fff}
.btn-viber:hover {background-color: #fff; color: #59267c; border: 1px solid #59267c}
.btn-whatsapp {background-color: #43d854; color: #fff}
.btn-whatsapp:hover {background-color: #fff; color: #43d854; border: 1px solid #43d854}

@font-face { font-family: "rouble";src: url("../fonts/rouble.otf") format("opentype");}
.rub { font-family: "rouble"; }

.page-header h2 {margin: 0 0 14px;position: relative;text-transform: uppercase;font-size: min(69px, max(11vw, 24px)); line-height: 1.12em; text-shadow: 0px 3px 0px #afafaf, 0px 14px 10px rgba(0,0,0,0.15), 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); }
.page-header span {font-family: 'Caveat', cursive;color: #1e1e1e;font-size: min(32px, max(8vw, 24px));line-height: 1.2em;display: block;margin-bottom: 3px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
.page-header span div {text-align: right; font-size: 32px; color: #1e1e1e}

.list ul {list-style: none; padding-left: 0rem !important;}
.list ul li {font-size: 18px; line-height: 26px}
.list ul li::before {content: "\F633";font-family: 'bootstrap-icons'; color: #ff6c00;margin: 0px 10px 0px 10px; vertical-align: middle;}
.list .include ul li::before {content: "\F26C";color: #00c167;}
.list .notinclude ul li::before {content: "\F628";color: #c20000;}
.list .equpment ul li::before {content: "\F71B";}
.list ul li::marker {content: none}

.text-yelow {color: #ff6c00}
.bg-yelow {background-color: #ff6c00}
.bg-grey {background-color: #f1f1e7}
.bg-grey .review h4 {color: #1e1e1e}
.bg-grey .review .testimonial_subtitle {color: #878787}

.white .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}
.white .carousel-indicators [data-bs-target] {background-color: #000}
.white .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}

.bg-dark {background-color: #242625}
.bg-dark .page-header h2 {color: #fff}
.bg-dark .page-header span {color: #c9c9c9}
.bg-black {background-color: #1e1e1e; background: transparent;background-image: linear-gradient(to bottom, rgba(87, 87, 87, 0) 0%, rgba(0, 0, 0, 1) 100%);opacity: 0.8;}
.bg-image {background: url(/assets/img/header.jpg); background-position: center center; background-size: cover}

.bg-image .page-header h2 {color: #fff}
.bg-image .page-header span {color: #c9c9c9}
.gradient {position: relative; width: 100%; height: 100%;}
.gradient:after {content: "";display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 55%, rgba(0, 0, 0, 0.75) 100%);opacity: 1;}
.overlay {position: absolute; z-index: 100; width:100%; height:100%; background: transparent;background-image: linear-gradient(to bottom, rgba(87, 87, 87, 0.623) 0%, rgba(0, 0, 0, 1) 100%);opacity: 0.7; transition: all 1s ease;}
.bg-linear {position: relative;line-height: 0;}
.bg-linear:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 1) 100%);opacity: 0.6;}
.rev-bottom {width:100%; height: 100%; position:relative; margin-bottom:-80px}
.rev-top {width:100%; height: 100%; position:relative; margin-top:-80px}
.rev-bottom-header {position:absolute; left:0; bottom:0;}
.alert-success {color: #fff;background: linear-gradient(86.71deg, #f7a13d 1.62%, #bd6500 158.89%);padding: 30px;border-radius: 1.625rem; border-color:#ff6c00}
.alert-success h3 {color: #fff}
hr:not([size]) {height: 10px;border-radius: 12px;width: 5%;opacity: 1} 

.menu {position: absolute;display: block;width: 100%; z-index: 999; background: transparent;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.813) 0%, rgba(0, 0, 0, 0) 100%);opacity: 1; padding: 0 10px 0 10px}
.menu .btn-xs {font-size: 10px; line-height: 1; padding: .2rem .35rem; text-transform: none; font-weight: 200}
.menu .btn-viber {margin-right:4px}

/* Language Switcher */
.lang-divider .nav-link {opacity: 0.3; cursor: default; padding-left: 2px; padding-right: 2px;}
.lang-link {display: inline-flex; align-items: center; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; font-size: 13px !important; opacity: 0.5; transition: all 0.3s ease !important;}
.lang-link:hover {opacity: 1 !important;}
.lang-link.active {opacity: 1; color: #ff6c00 !important;}
.sticky .lang-link.active {color: #ff6c00 !important;}
.lang-link .flag {width: 1.2em; height: 0.9em; margin-right: 4px; border-radius: 1px;}
.lang-item {display: flex; align-items: center; white-space: nowrap;}

/* Language switch overlay */
.lang-loading {position: fixed; inset: 0; background: rgba(0,0,0,0.5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 1; transition: opacity 0.3s ease;}
.lang-loading::after {content: ''; width: 36px; height: 36px; border: 3px solid rgba(255,255,255,0.2); border-top-color: #ff6c00; border-radius: 50%; animation: lang-spin 0.6s linear infinite;}
@keyframes lang-spin { to { transform: rotate(360deg); } }

a.tel {font-weight: 700; display:block; color: #fff;text-decoration: none;font-size: 14px; padding: 2px 4px 0 4px; margin-top:2px; border: 1px solid transparent;}
a.tel:hover {color: #fff;border: 1px solid #fff;border-radius: 5px;}

.sticky {position: fixed;top: -100%;z-index: 999; width: 100%;height: auto; background: #fff;  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);transition: all 0.5s ease-out; }
.sticky .navbar-brand img, .menu .navbar-brand img.logo-sticky {display: none}
.sticky .navbar-brand img.logo-sticky {height: 40px; display: block}
.navbar-dark .navbar-nav .nav-link {color: #fff; margin-right: 3px; font-size: 16px; font-weight: 400}
.sticky .navbar-dark .navbar-nav .nav-link {color: #1e1e1e}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link:hover,
.sticky .navbar-dark .navbar-nav .nav-link.active, .sticky .navbar-dark .navbar-nav .show>.nav-link, .sticky .navbar-dark .navbar-nav .nav-link:hover {color: #ff6c00}
.sticky .navbar-dark a.tel {color: #1e1e1e;}
.sticky .navbar-dark a.tel:hover {color: #1e1e1e;border: 1px solid #1e1e1e;}
.navbar-dark .navbar-toggler {border-color: #ff6c00;}
.navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(246, 146, 31)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.header {position: relative; overflow: hidden;}
.header .header-bg-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0;}
.header:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 0;}
.header .container-fluid {position: relative; z-index: 1;}
.header p, .header h3 {color: #fff}
.header h1.h1 {font-size: min(64px, max(12vw, 24px)) !important}
.header .carousel-item .text-end {padding-right:80px}
.header .icons {font-size: 10px;}
.header .icons i {color: #ff6c00}


.icons img {max-height: 140px}
.icons h3 {font-size: min(22px, max(8vw, 12px)); line-height: 1.2em; margin-top: 12px;}

.tours .tour {background: #fff; box-shadow: 0 1px 8px 0 rgb(0 0 0 / 10%); transition:transform .15s linear; margin-bottom: 20px}
.tours .tour:hover {transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-webkit-transform:scale(1.01);-o-transform:scale(1.01);position:relative;z-index:2;-webkit-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);-moz-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);box-shadow:0 2px 20px 2px rgba(0,0,0,.45);}
.tours .tour h3 {font-size: min(30px, max(8vw, 20px));}
.tours .tour a {text-decoration: none}
.tours .text-dark {margin-top: 20px}
.tours .text-dark span {color: #ff6c00; font-weight: 900}
.tours .level {position: relative; bottom: 40px; margin-bottom: 0px; height: 0; left: 20px; font-size: 12px; color: #fff;font-weight: 600;}
.tours .level i {color: #ff6c00; font-size: 16px;}
.tours .level i.bi::before {vertical-align: -0.24em;}
.tours .carousel-item > img {width: 100%}

.tours .tour .icons {font-size: 12px; color: #fff;font-weight: 600; color: #1e1e1e}
.tours .tour .icons img {height: 30px; margin-left: 3px}
.tours .tour .text-left .icons {position: absolute; bottom: 12px; left: 15px; background: #fff; width: 100%; padding: 8px}
.tours .tour .text-end .day {font-weight: 900; padding: 3px; color: #1e1e1e}
.tours .tour .text-end .day b {font-size: 18px; font-weight: 900; background: none; border:1px solid #1e1e1e; color: #1e1e1e; border-radius: 6px}
/**.tours .tour .text-end .align-end {position: absolute; bottom: 35px; margin-bottom: 0px; height: 0; right: 25px;}**/

.glamping .icons img {height: 70px}
.glamping .icons .small {font-size: 11px; line-height: 14px}
.glamping .btn-circle .button-text {color: #1e1e1e}
.gallery .thumb {width: 25%; float: left; padding:0}
.gallery .thumb img{transition:transform .15s linear;max-width:100%;height:auto; transition: 1s;}
.gallery .thumb img:hover{transform:scale(1.04);transform: scale(1.2);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-webkit-transform:scale(1.04);-o-transform:scale(1.04);position:relative;z-index:2;-webkit-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);-moz-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);box-shadow:0 2px 20px 2px rgba(0,0,0,.45)}

.glamping span.text-black {font-size: 62px}

section.about-text {padding: 70px 0 0 0}
.about-text p {font-size: min(34px, max(5vw, 14px)); color: #1e1e1e; padding: 0 80px 40px}


.reviews {background-image: url(/assets/img/reviews/reviews.jpg); background-position: center center; background-size: center center}
.reviews .carousel-control-next, .reviews .carousel-control-prev {width: 5%}
.review h4 {font-size: 1.3rem; color: #fff; margin-bottom: 0rem !important}
.review .testimonial_subtitle {color: #c9c9c9; margin-bottom: 0rem}
.review a.small {display: block; margin-top:-4px}
.review .t-card p {font-family: 'Caveat', cursive; color: #1e1e1e; font-size: 24px; line-height: 29px}
.review .t-card {padding: 1.8125rem 1.125rem;background-color: #fff;border-radius: 1.25rem;color: #fff;height: auto;}
.arrow-down {width: 0;height: 0;border-left: 1.5625rem solid transparent;border-right: 1.5625rem solid transparent;border-top: 1.25rem solid #fff;}

.hide{display:none;}
.hide.show{display: block;}
  
 
input, .form-floating>label {padding-left: 22px !important;}
.form-floating>.form-select {border-radius: 1.625rem; padding-left: 21px !important;}
.form-floating>.form-control {border-radius: 1.625rem;}

.wrapper-bg-video {width: 100%; height: 740px; overflow:hidden; position: relative;}
.wrapper-bg-video video {width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0;}
.content-slider {width: 100%;height: 100%;left: 0;right: 0;text-align: center;color: #fff;background: rgba(3, 3, 3, 0.28); position: absolute; top: 0;}
.content-text {position: absolute;top:25%; left: 0;right: 0; }
.content-text b {font-size: min(31px, max(6vw, 14px)) !important;}
.content-text p.desc {font-size: 21px;width: 50%;margin-left:25%; color: #fff}
.content-text p a.btn-slider {margin-top: 20px;display: inline-block;color: #fff;background: #ff6c00;font-size: 16px;padding: 9px 28px;border-radius: 0;font-weight: 600;text-decoration: none;}
.scrolloff {pointer-events: none;}
.bd-placeholder-img {font-size: 1.125rem; text-anchor: middle;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.carousel-icon i {font-size: 5rem;color: rgba(255, 255, 255, 0.3);}

.tabs {margin-top: -145px; z-index: 99;position: relative}
.nav-tabs {border-bottom: none; margin-bottom: 30px;}
.nav-tabs .nav-link {color: #fff;  font-weight: 700; border: none; font-size: 40px;border-radius: 20px 20px 0 0;}
.nav-tabs .nav-link.active:first-child {border-radius: 0px 20px 0 0;}
.nav-tabs .nav-link.active:last-child {border-radius: 20px 0 0 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-radius: 20px 20px 0 0;}


.tabs .level { font-size: 11px}
.tabs .level span { color: #1e1e1e; font-weight: 700; font-size: 16px}
.tabs .level i {color: #ff6c00; font-size: 16px; margin-right: 1px}
.tabs .price {color: #ff6c00}
.accordion-item {border: none; background-color: transparent}
.accordion-item h4 {font-weight: 500 !important;}
.accordion-button {border-bottom: 1px solid #eee;font-size: 14px; text-decoration: none; background-color: transparent}
.accordion-button:not(.collapsed){color: #1e1e1e; background-color: #f0f0f0;}
.accordion-button img {height: 40px;margin-right: 10px;}
.shr {padding-right: calc(var(--bs-gutter-x) * .0);}
.shr p{position: relative;display: flex;align-items: center;white-space: nowrap; }
.shr p:after{content: '';height: 10px;width: 100%;background-image: radial-gradient(#ebebeb 40%, transparent 50%);background-size: 10px 10px;background-repeat: repeat-x;background-position: 0 center;display: block;margin-left: 10px;}
.shr-before {padding-left: calc(var(--bs-gutter-x) * .0);}
.shr-before p{position: relative;display: flex;align-items: center;white-space: nowrap; padding-left: calc(var(--bs-gutter-x) * .0);}
.shr-before p:before{content: '';height: 10px;width: 100%;background-image: radial-gradient(#ebebeb 40%, transparent 50%);background-size: 10px 10px;background-repeat: repeat-x;background-position: 0 center;display: block;margin-right: 10px; margin-left:2px}
.shr p span {margin-left: 4px; background: #ff6c00; padding: 0 10px 0; color: #fff}
.tabs .icons img {max-width: 80px}
.tabs .icons h3 {font-size: 14px; line-height: 1.2em; margin-top: 12px;}
.tabs .small {font-size: 11px; line-height: 14px;}
.tabs .btn{margin-top: -4px;}

.karta {width:100%; height:600px; position:relative}
.karta .card-body {padding: 2rem 2rem;}
.karta .card {position:absolute; top:15%; right:100px; z-index:9; width:41%; border: none;border-radius: 0; -webkit-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);-moz-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);box-shadow:0 2px 20px 2px rgba(0,0,0,.45)}
.karta .card p {margin-bottom: 3px}
.karta .card .btn-xs {padding: 0.275rem 0.45rem;}
.karta .card i {color: #ff6c00;}
.karta .card .btn-whatsapp i {color: #fff}
.karta .card .btn-whatsapp:hover i {color: #43d854}
.second {position: absolute;width: 49%;left: 0;}

.glamp section.glamping {padding: 70px 0 0 0}
.glamp section.karta {padding: 0 0 70px 0}
  
.page-item.active .page-link {    background-color: #ff6c00; border-color: #ff6c00;}

/* Rental Breadcrumbs */
.breadcrumb {background: none; padding: 0; font-size: 14px;}
.breadcrumb-item a {color: #ff6c00; text-decoration: none;}
.breadcrumb-item a:hover {color: #af5d00;}
.breadcrumb-item.active {color: #878787;}
.breadcrumb-item + .breadcrumb-item::before {color: #ccc;}

/* Rental Section */
.rental-categories .rental-category {position: relative; overflow: hidden; border-radius: 1.625rem; margin-bottom: 20px; height: 300px; background: #000;}
.rental-categories .rental-category-img {position: absolute; inset: 0;}
.rental-categories .rental-category img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; opacity: 0.7;}
.rental-categories .rental-category:hover img {transform: scale(1.1); opacity: 0.5;}
.rental-categories .rental-category .overlay {position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);}
.rental-categories .rental-category-info {position: absolute; bottom: 30px; left: 0; right: 0; z-index: 10;}
.rental-categories .rental-category-info h3 {font-size: min(30px, max(8vw, 20px)); margin-bottom: 5px;}
.rental-categories .rental-category-info .btn-circle .button-text {color: #fff;}

.rental-items .rental-item {background: #fff; box-shadow: 0 1px 8px 0 rgb(0 0 0 / 10%); transition: transform .15s linear; margin-bottom: 20px; border-radius: 1.625rem; overflow: hidden;}
.rental-items .rental-item:hover {transform: scale(1.01); box-shadow: 0 2px 20px 2px rgba(0,0,0,.45);}
.rental-items .rental-item h3 {font-size: min(24px, max(6vw, 18px)); margin-bottom: 5px;}
.rental-items .rental-item-img {position: relative; height: 220px; overflow: hidden;}
.rental-items .rental-item-img img {width: 100%; height: 100%; object-fit: cover;}
.rental-price {color: #ff6c00; font-weight: 900; font-size: 20px;}
.rental-badge {position: absolute; top: 12px; right: 12px; padding: 4px 14px; border-radius: 1.625rem; font-size: 12px; font-weight: 700; color: #fff;}
.rental-badge.available {background: #00c167;}
.rental-badge.unavailable {background: #c20000;}
.rental-badge.on-request {background: #af5d00;}

footer {background-image: url(/assets/img/footer.jpg) ; background-size: cover; background-position: center center; margin-top:80px}
footer a.tel {color: #fff; display: inline; text-decoration: none; padding: 8px 4px 6px; border: 1px solid #fff; border-radius: 5px; margin-right: 0px;}
footer a.tel:hover {color: #212529; background: #fff}
footer a.nav-link, footer h5 {color: #fff}
footer a.nav-link:hover {color: #fff; text-decoration: underline}
footer .text-end a img {max-width: 40px}

.modal-content {border: none; -webkit-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);-moz-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);box-shadow:0 2px 20px 2px rgba(0,0,0,.45);border-radius: 1.625rem;}
.modal-header {background: linear-gradient(86.71deg, #f7a13d 1.62%, #bd6500 158.89%); padding: 20px; border-radius: 1.625rem 1.625rem 0 0;}
.modal-title {color: #fff; text-shadow: 1px 0 0 black;}
.modal-header .btn-close {background-color: #fff; margin: 0.5rem;}

.marketing .icons img {height: 130px}

.other-tours .col {padding: 10px}
.other-tours .card {min-height: 300px; background-color: #000;box-shadow: 0 1px 8px 0 rgb(0 0 0 / 10%);border: none;border-radius: 0; }
.other-tours .card a {text-decoration: none; display: block; z-index: 110;}
.other-tours .card a:hover {color: #ff6c00; }
.other-tours .card .text-center {margin-top: 80px; padding-bottom: 90px;}
.other-tours .card .level {position:absolute; left:20px; bottom:20px; color: #fff; font-size: 12px}
.other-tours .card .level i {color: #ff6c00}
.other-tours .card .day {position:absolute; right:20px; bottom:20px}
.other-tours .card h3 {font-size: 26px; line-height: 1.15;}
.other-tours .card .overlay {height: 100%; opacity: 0.25;}
.other-tours .card:hover .overlay {z-index: 100; cursor: pointer; opacity: 1}
.other-tours .card .overlay .btn-tour {position: absolute; left: 0; right: 0; bottom: 58px; margin: 0 auto; width: 220px; visibility: hidden; opacity: 0; transition: all 1s ease;}
.other-tours .card:hover .overlay .btn-tour {visibility: visible; opacity: 1; z-index: 2;}

.contacts h2 {font-size: 34px}
.contacts a {text-decoration: none}
.contacts h3 i {color: #ff6c00;}
.contacts h3 {font-size: 19px}
.contacts h3 span {color: #626262; font-size: 14px; font-weight: 200}
.btn-file {position: relative;overflow: hidden; width: 100%; padding: 16px;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}

.table-responsive {border-radius: 30px;}
table td {background-clip: content-box;border-color: #eee;}
table tbody tr, #business-table table thead tr th span, #business-table table thead tr th img {cursor: pointer;}
table th {color: #fff}
table thead {background: linear-gradient(86.71deg, #f7a13d 1.62%, #bd6500 158.89%);box-shadow: 0px 4px 15px rgba(19, 19, 19, 0.25); z-index: 10;}
table tbody {z-index: 9;}

#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 767px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
  padding: 15px;
}

.notfound .notfound-404 {
  position: relative;
  height: 220px;
}

.notfound .notfound-404 h1 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 186px;
  font-weight: 200;
  margin: 0px;
  background: linear-gradient(130deg, #ffa34f, #ff6f68);
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
  text-transform: uppercase;
}

.notfound h2 {
  font-size: 33px;
  font-weight: 200;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 25px;
  letter-spacing: 3px;
}


.notfound p {
  font-size: 16px;
  font-weight: 200;
  margin-top: 0px;
  margin-bottom: 25px;
}


.notfound a {
  color: #ff6c00;
  font-weight: 400;
  text-decoration: none;
  border-bottom: 1px dashed #ff6c00;
  border-radius: 2px;
}


@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    position: relative;
    height: 168px;
  }

  .notfound .notfound-404 h1 {
    font-size: 142px;
  }

  .notfound h2 {
    font-size: 22px;
  }
}



@media (max-width: 1400px){
  .container, .container-lg, .container-md, .container-sm {max-width: 1200px;}
  .header h1.h1 { font-size: min(54px, max(12vw, 24px)) !important;line-height: 64px}
  .rev-bottom-header {margin-top:0;}
  .lead {font-size: 1.1rem}
  .tabs .level span {font-size: 13px}
  .navbar-dark .navbar-nav .nav-link {font-size: 12px}
  .navbar-brand img {height: 40px}
}

@media (max-width: 1200px){
  .container, .container-lg, .container-md, .container-sm {max-width: 1065px;}
}

@media (max-width: 1070px){
  .container, .container-lg, .container-md, .container-sm {max-width: 982px;}
}

@media (max-width: 992px){
  .navbar-collapse .text-end {position: absolute;right: 5%;}
  .navbar-collapse {padding: 20px;visibility: hidden; opacity: 0;transition: all 0.2s ease;}
  .navbar-collapse.collapse {visibility: visible; opacity: 1;z-index: 2;}
  .navbar-collapse.collapse.show {background: #000; border-radius: 0 0 20px 20px}
  .navbar-toggler {margin-right: 10px;}
  .sticky .navbar-collapse {padding: 0; }
  .navbar-dark .navbar-nav .nav-link {font-size: 30px}
  .sticky .navbar-collapse.collapse.show {background: #fff; }
  
  .content-text p.desc {width: 100%; margin-left: 0; padding: 0 20px}
  .second {position: relative; width: 100%; margin-bottom: 30px}
  .second .carousel-item img {width: 100%}
  .review .t-card p {font-size: 28px; line-height: 34px}
  .review h4 {font-size: 24px; margin-top: 25px; margin-bottom: 0}
  .gallery .thumb {width: 50%}
  footer {text-align: center}
  footer .social-icons {margin: 0 auto; width: 160px;}
  footer a.tel {margin: 0 auto;width: 180px;display: block;}
  footer .soc-footer {text-align: center}
  footer .d-flex {display: none !important;}
  .other-tours .card .level {font-size: 9px;}
  .nav-tabs .nav-link {font-size: 30px}
  .wrapper-bg-video {height: 670px}
  .content-text {top: 15%;}
  .tabs {margin-top: -130px;}
  .tabs .price {font-size: 30px; color: #fff}
  .accordion-item h4 a {font-size: 18px}
  .tabs .small {font-size: 15px; line-height: 20px;}
  .accordion-button {padding: 1rem 0.5rem;}
  
}

@media (max-width: 768px){
  
}

@media (max-width: 576px){
.navbar-toggler {margin-right: 0;}
body {--bs-gutter-x: 1rem;}
.about-text p {padding: 0 20px 40px}
.gallery .thumb {width: 100%}
.header {padding: 0rem!important;}
.navbar-brand img {height: 55px}
.sticky .navbar-brand img.logo-sticky {height: 45px}
.lead {font-size: 1rem; text-align: center}
.p-5 {padding: 20px 0 0 !important;}
h1.h1 {font-size: 42px !important; line-height: 52px}
h2 {text-align: center}
.h-100 h2 {font-size: 20px; line-height: 24px}
.icons img {max-width: 240px}
.icons h3 {font-size: 37px}
.icons p.small {font-size: 24px}
.review h4 {font-size: 20px; margin-bottom: 0}
.review .testimonial_subtitle {font-size: 13px;}
.btn-lg {display: block; margin-bottom: 10px; font-size: 15px;}
.content-text p.desc {font-size: 16px;width: 94%;margin-left:3%; color: #fff}
.other-tours .col-sm-4 {padding-left:0px; padding-right: 0px}
.header h1.h1, .header p, .header h3 {text-align: center}
a.btn-circle {display: block; margin: 0 auto}
hr:not([size]) {width: 15%;}
.nav-tabs {margin-bottom: 0; height: 40px;}
.nav-tabs .nav-link {font-size: 14px;}
.tabs {margin-top: -110px;}
.tabs .icons p.small {font-size: 11px}
.tabs .small {font-size: 11px;line-height: 16px;}
.shr p:after {content: none}
.accordion-item h4 a {padding: 10px 0; font-size: 12px}
.accordion-body {padding: 10px 0; }
.tab-content .accordion-body p {text-align: left}
.tabs nav {position: sticky; top: 70px; background: #000; z-index: 999}
.tabs .price {margin-top: 15px;}
.tabs .level i {font-size: 12px}
.tabs h3 {text-align: center}
.tabs h2 {text-align: left; font-size: 18px; margin-bottom: 0}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-radius: 0}
.tabs .price {color: #fff; font-size: 20px}
.nav-tabs .nav-link.active:first-child {border-radius: 0px 0 0 0;}
.nav-tabs .nav-link.active:last-child {border-radius: 0 0 0 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-radius: 0 0 0 0;}
.glamping .icons .small {display: none}
}

/* Fix (2026-07): убираем наложение декоративного заголовка на контент на мобильных/планшетах.
   .content-text свёрстан position:absolute и на узких экранах наезжал на текст тура.
   Брейкпоинт расширен с 768px до 991px (Bootstrap lg) — шаблон тура (variant-чанк)
   переключает мобильную/десктопную вёрстку тоже на lg (991.98px), и в диапазоне
   769–991px старый брейкпоинт не покрывал наложение. */
@media (max-width: 991px) {
  .content-text { position: static !important; padding-top: 70px; }
}

@media (min-width: 992px) and (max-width: 1350px) {
  .content-text { top: 12%; }
}

@media (min-width: 769px) {
  .menu .navbar-brand img { height: 65px; width: auto; }
}