@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap');

:root {
  --main-color: #e4e4e4; 
  --second-color: #a3d5a6;
  --second-color-dark: #7fb383;
  --second-color-light: #ccf1a8;
  --third-color: #b4b4b4;//#00d458;
  --link-color: #0c6170;//#00d458;
  --main-text-color: #000;//#03c9a4;
  --main-hdr-color: #E2EBA8;
  --button-hover-color: #a3d5a6;
  --main-text-header: #f9cc39;
  --red:#db1567;
  --orange:#f0a819;
  --orange-light: #fae6d2;
}


@font-face {
    font-family: 'BauhausCyr';
    font-style: normal;
    font-weight: normal;
    src: url('/assets/fonts/BauhausCyr.woff') format('woff');
}

.h1,h4,h3,h2 {
	font-family: 'BauhausCyr';
}

body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-family: "Noto Sans Display", "Exo 2";
    font-size: 13px;
	line-height: 1.4;
}

a {
    text-decoration: none;
}

a:hover {
	color : var(--third-color);
	transition: all 0.3s ease-in-out;
}

/* header area css*/

.nav {
    padding: 20px 0;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
    position: relative;
    width: 100%;
    left: 0px;
    right: 0;
    z-index: 9;
}


.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    border-top: 0;
    background-color: var(--main-color) !important;
    padding: 10px 0px;
    border-bottom: none;
    box-shadow: 0 10px 30px -10px rgb(0 64 128 / 20%);
}

.navbar .navbar-brand img {
    width: 180px;
    /*border-radius: 50%;*/
}

.sticky .navbar-brand img {
    width: 170px;
}

.navbar li.nav-item {
    padding: 0 12px;
}



.navbar a.nav-link {
    color: #000;
    font-weight: 700;
    transition: all 0.2s;
    text-transform: uppercase;

}

.sticky a.nav-link {
    color: #333;
}


.sticky .navbar-brand {
    color: #333
}

/*
 border: solid 2px;
    border-radius: 15px 0 15px 0;
    padding: 8px 10px !important;
*/


.navbar a.nav-link:hover {
    color: var(--second-color);
    transition: all 0.2s;
}


.navbar-nav {
    align-items: center;
}
 

.navbar-brand {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
}

/*<!--   banner area start   -->*/

.btnn-two {
    padding: 12px 40px;
    background-color: var(--second-color);
    border: none;
    border-radius: 10px;
    transition: all 0.3s;
    border: solid 2px var(--second-color);
}

.btnn-two:hover {
    transition: all 0.3s;
    background-color: #fff;
    color: #c5eee2;
    border: solid 2px var(--second-color-dark);
}

h1 {
    color: var(--second-color-dark);
    font-size: 100px;
    margin-bottom: 50px;
    font-weight: 700;
    text-transform: uppercase;
}


.h3 {
    color: #df0066;
    font-size: 20px;
    font-weight: 700;
}


/*<!--    banner area end -->*/

/*service area start*/
.card-one img {
    border-radius: 10px 10px 0 0;
    transition: 0.4s;

}

.card-one img:hover {
    transform: scale(1.1);
    transition: 0.4s;

}

.card-one {
    border-radius: 10px;
    overflow: hidden;
}

/*service area end */



/*gallery area start*/

.bg-one {

    background: rgba(51, 49, 39, 0.45) url(image/cloudy.jpg);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-size: cover;


}

.img-box {
    position: relative;
    transition: all 0.3s;
}

.img-box img {
    border-radius: 10px;
    transition: all 0.3s;

}

.img-box p { 
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 20px;
    color: #88EEE2;
    font-size: 42px;
    text-align: center;
    display: none;
    transition: all 0.3s;

}

.overly {
    position: absolute;
    width: 100%;
    height: 35%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(25, 21, 8, 0.67);
    display: none;
    transition: all 0.3s; 
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.img-box:hover p {
    display: block;
    transition: all 0.3s;
}

.img-box:hover .overly {
    display: block;
    transition: all 0.3s;
}

/*gallery area end*/

/*package area start*/
 

.package img {
    position: relative;
    border-radius: 10px;
}

.package h6 {
    position: absolute;
    padding: 8px 15px;
    background-color: var(--main-bg-color);

    z-index: 9;
}

.tour-text {
    margin: auto;
    width: 90%;
    position: relative;
    border-top: none;
    margin-top: -40px;
    background: #fff;
    -moz-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 10px 23px -8px rgb(0 0 0 / 11%);
    z-index: 1;
    padding: 30px;
    border-radius: 10px;

}

.tour-text a {
    font-weight: 600;
    color: var(--second-color-dark);
}

.tour-text i {
    font-weight: 600;
    color: var(--second-color-dark);
}

/*package area end*/

/*blog area start*/
.card {
    border-radius: 10px 10px;

}

.card img {
    border-radius: 10px 10px 0 0;
}

.post-meta {
    margin-top: 5px;
    margin-bottom: 14px;
    font-size: 14px;
    overflow: hidden;
    text-align:justify;
}

.post-meta span i {
    color: var(--main-bg-color);
    padding-right: 3px;
}

/*blog area end*/


/*review area start*/

.card-c {
    position: relative;
    height: 300px;
    background-color: rgba(162, 153, 124, 0.2);
    border-radius: 10px;
}

.card-c img {
    position: absolute;
    margin-top: 20px;
    left: 130px;
    width: 80px;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    border-radius: 50%;
    margin: auto;

}

.red-zone {
    position: absolute;
    bottom: 0;
}

.latham {
    color: var(--main-text-header);
}

.bg-two {
    background: rgba(199, 197, 188, 0.39) url(image/banner-1.jpg);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-size: cover;
}

/*review area end*/

/*contact area start*/
.taklu {
    padding: 15px 25px!important;
}
.btn-two {
    padding: 12px 40px;
    background-color: var(--second-color);
    border: none;
    border-radius: 10px;
    border: solid 2px var(--second-color);
}

.btn-two:hover {

    background-color: #fff;
    color: #c5eee2!important;
    border: solid 2px!important;
}
/*contact area end*/

.footer {
    padding: 60px 0 40px;
    background: var(--main-color);
    color: #000;
}

.foot_social_link {
    list-style-type: none;
    margin-top: 30px; 
    padding: 0;

}

.foot_social_link li {
    display: inline-block;
    margin-right: 10px;
    background-color: var(--second-color);
    height: 50px;
    width: 50px;
    font-size: 22px;
    text-align: center;
    line-height: 50px;
    border-radius: 10px;
    transition:  all 0.3s;
}

.foot_social_link li:hover {
    background-color: #fff;
    color:  #c5eee2;
    transition:  all 0.3s;
}


.footer li a {
    color: #333;
    transition: all 0.3s;
}

.footer li a:hover {
    color: var(--second-color);
    transition: all 0.3s;
}

.footer .foot_social_link a {
    color: #212121;
    transition: all 0.3s;
}

.navbar .navbar-toggler:focus {
    box-shadow: none;
}

#contact iframe {
    width: 100%;
}

@media screen and (max-width: 900px) {

.navbar img {
    width: 50px;
    /*border-radius: 50%;*/
}
    
ul.navbar-nav {
        /*background-color: rgba(0, 0, 0, 0.95);*/
    }
    
    .sticky ul.navbar-nav {
        background-color:transparent;
    }
    
    .container {
        overflow-x: hidden;
    }
    
    .container-fluid {
        overflow-x: hidden;
    }
    .navbar .navbar-brand img {
        width: 50px;
    }
    
    .img-box img {
        width: 100%;
    }
    
    .card-one img {
        width: 100%;
    }
    
}

.h9 {
	color: var(--second-color-dark);
	font-weight: 700;
	font-size: 1rem;
}

.tour-container {
    margin: auto;
    width: 90%;
    position: relative;
    border-top: none;
    padding: 0px;
    margin-top: 0px; 
    text-align: center;
}

.tour-container a {
    display:block; 
    width:100%;
    font-weight: 600;
    color: var(--second-color-dark);
    background: #fff;
    -moz-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 10px 23px -8px rgb(0 0 0 / 11%);
    border-radius: 10px;
    padding:20px;
    height: 160px;
   /* background-color: red;*/
}

.tour-container a:hover {
   background-color: var(--second-color-light);
}

.tour-container i {
    font-weight: 600;
    color: var(--second-color-dark);
}

.tour-container-ny {
    margin: auto;
    width: 90%;
    position: relative;
    border-top: none;
    padding: 0px;
    margin-top: 0px; 
    text-align: center;
}

.tour-container-ny a {
    display:block; 
    width:100%;
    font-weight: 600;
    color: #15618b;
    background-image: url('../image/winter-back.jpg');
    background-size: cover;
    -moz-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 10px 23px -8px rgb(0 0 0 / 11%);
    border-radius: 10px;
    padding:20px;
    height: 130px;
   /* background-color: red;*/
}

.tour-container-ny a:hover {
    background-image:none;
    background-image: url('../image/winter-back-dark.jpg');
}

.tour-container-ny i {
    font-weight: 600;
    color: #15618b;
    text-align: right;
}

.tour-include li {
    margin-left: 40px;
}
.tour-include p {
    margin-top: 10px;
    margin-bottom: 0px;
}

li.hotels {
list-style: none;
padding-left: 20px;
margin-left: 20px;
background-image: url('../image/deola_bullet.svg');
background-repeat: no-repeat;
background-position: left center;
}

.custom-tooltip .tooltip-text {
  visibility: hidden;
  position: absolute;
  top:0px;
  left: auto;
  margin-left: 5px;
  background-color: var(--second-color-dark);
  width: auto;
  height: auto;
  border: 1px solid var(--second-color-dark);
  border-radius: 5px;
  padding: 5px;
  z-index: 1000;
  color: #fff;
  text-align: left;
  box-shadow: 0px 10px 23px -8px rgb(0 0 0 / 11%);
}

.custom-tooltip:hover .tooltip-text {
  visibility: visible;
  transition: all 0.3s ease-in-out;
}

.calendar {
    border: 1px solid var(--second-color);
    border-radius: 10px;
    background-color: var(--second-color);
    width: 225px;
}
.calendar-title {
    text-align: center;
    font-weight: bolder;
    padding: 5px;
}
.calendar-body {
    background-color: #fff;
    padding:5px;
    border-radius: 0 0 10px 10px;

}
.calendar ul {
    list-style-type: none; 
    margin:0px; 
    padding: 0px;
    margin-bottom:1px;
}    
.calendar ul li {
    display: inline-block;
    width: 30px;
    text-align: center;
    font-weight: bolder;
    
}
.calendar a {
 background-color: var(--second-color); 
 display:block; 
 border-radius: 15px;   
} 

.calendar a.calendar_fiesta {
 background-color: #f0a819; 
 /*border-radius: 15px;   */
} 

.calendar a:hover {
 background-color: var(--second-color-dark); 
 color: red; 
} 

.calendar a.calendar_fiesta:hover {
 background-color: orange; 
 /*border-radius: 15px;   */
} 

.owl-carousel#calendar {
    padding : 0px 50px;    
}

.owl-carousel#calendar .owl-nav button {
    position: absolute;
    top: 0px;
    display: inline-block;
    padding: 7px;
    /* border: 1px solid #888; */
    border-radius: 7px;
    color: #000;
    background-color: var(--second-color);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 .2rem .3rem rgba(0, 0, 0, .15) !important;
}

.owl-carousel#calendar .owl-nav button span {
    display: block;
    padding: 0 10px;
}


.owl-carousel#calendar .owl-prev {
    left: 0px;
}

.owl-carousel#calendar .owl-next {
    right: 0px;
}

[data-currency="1"] {
    display : none;
}

select {
  background-color: #ecf5e3; /* светло-зелёный фон */
  border: 1px solid var(--second-color-dark); /* зелёная рамка */
  color: #006400; /* тёмно-зелёный текст */
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
  appearance: none; /* убирает стандартную стрелку */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%23006400' d='M7 10L0 0h14z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  width:250px;
  text-align:center;
}

/* Стиль для опций внутри списка */
select option {
  background-color: #fff;
  color: #006400;
}

.tours-select label,.excursions-select label  {
    width:100%;    
    text-align: center;    
    color: #000;
    font-weight: bolder;
    
}

#scrollUp {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding: 10px 15px;
    font-size: 20px;
    background: #333;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

#scrollUp:hover {
    background: #555;
}

.area-lego-dates {
    display: block;
}

.booking-box { 
    background: white; 
    padding: 20px; 
    max-width: 400px; 
    border-radius: 10px; 
    box-shadow: 0 5px 20px rgba(0,0,0,0.1); 
}