@font-face {
  font-family: "CenturyGothicBold";
  src: url("../fonts/CenturyGothicBold.ttf");
  font-style: normal;
  font-weight: normal; 
}
@font-face {
  font-family: "CenturyGothicRegular";
  src: url("../fonts/Century_Gothic.ttf");
  font-style: normal;
  font-weight: normal; 
}

@font-face {
  font-family: "square";
  src: url("../fonts/static/Exo2-Regular.ttf");
  font-style: normal;
  font-weight: normal; 
}



html {
    font-size: 62.5%;
}

body {  
   /* font-family: 'CenturyGothicRegular';*/ 
    font-size: 16px;
    color: #1c1c1c; 
    font-weight: 400;
    position: relative;
}

a:hover {
    text-decoration: none;
}
 


.header_info{
	background-color:transparent; 
    position:relative; 
    top: 250px;  
    color: white;
    border-radius:8px; 
    padding: 25px; 
    width: 700px;
    margin: auto;
    text-align: center;
    z-index: 99;
}

#small_banner{
	display: none;
}

#small_full{
	margin-top: 0px;
}

	
@media only screen and (max-width: 768px) {
    
	#small_full{
		position: fixed;
		top: 0;
		left:0;
		right:20px;
		margin-top: 0px;
	}
	
	#small_banner{
		display: block;
	}
	
	#wide_banner{
		display: none;
	}
	
	
	.logo img{
		height: 35% !important;
		position: relative;
		z-index: 1;
	}
	
	.my_slider{
		position:relative; top: -165px; margin-bottom: -200px;
	}
	.header_info{
		width: 100%; top: 240px !important; left: 0px;padding: 30px; border-radius:0; 
	}
	.header_info  h1{
		font-size: 22px;
	}
	.header_info  ul li{
		
	}
	.header_info  ul.order-list{
		padding-left:20px;  
	}
	
	.navbar.navbar-default{		
		background-color: none !important;
	}
	
	.page ul.order-list{
		padding-left: 0 !important;
	}

	 
	
	#header_conts{
		display:none !important;
	}
}

@media only screen and (max-width: 980px) {
    #main-menu .nav>li {
        line-height: 2;
    }
		
}


#top_nav{
	position: relative;
	top: -50px;
	left: 300px;
}

@media (max-width: 580px) {
    .page h1{
        font-size:3rem;
    }
	.fix-container{
		width: 100% !important;
		padding: 10px !important;
	}
	.request-engineer .fix-form-phone {
		font-size: 26px  !important;
	}
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.navbar-default {
    background-color: transparent !important;
    /*-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.32);*/
}

.logo a{
    font-size: 45px;
    color:#337ab7;   
    font-weight: bold;
    text-transform: uppercase;
    text-decoration:underline;  
}



.navbar {
    border: none;
    border-radius: 8px;
    margin-bottom: 0;
    padding-left: 0px;
    padding-right: 0;
    z-index: 1;
}




.navbar-brand {
    height: auto;
    padding: 2rem 2rem;
}
.my_header a{
	color: white;
}
.my_header .media-body{
	color: white !important;
}
.nav>li {
    vertical-align: middle;
    /*padding: 15px 5px;*/
    padding: 0;
    line-height: 40px;
    font-weight: 700;
    color: black;
    border: 5px solid transparent;
}
.nav > li > a:hover, .nav > li > a:focus{
	background-color: transparent !important;
}
.nav>li>a{ 
	color: white;
    font-size: 16px;
}

.nav>li.active>a, .nav>li:hover>a{
    color: #ffcc00;
}
.nav>li a {
    padding: 0;
}
.tablebodytext{
display:none;
}

.logo {
    height: 65px;
    position: absolute;
    top: 40px;z-index:999;
}

.logo img{
    height:100%;
}

.my_slide{
    background-size: cover;
    height: 600px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: inset 0px 130px 100px -50px rgb(0 0 0 / 90%);
}


@media (min-width: 1190px) {
  .my_slide{ 
      height: 800px; 
  }
}
@media (min-width: 1390px) {
  .my_slide{ 
      height: 1000px; 
  }
}




.footer-nav li a, .ico_text{
    color: white; 
}
 

.bottom_menu_caption{ 
    color: white;
    font-size: 16px; 
    font-weight: bold;
}
.bottom_menu_caption_doyou{
    font-family: 'square'; 
    font-size: 24px; 
    color: white; 
    font-weight: bold;
}

.footer-nav li{
    list-style-type: none;
    padding: 0;
}
 
.footer-nav{ 
    padding: 10px 10px 10px 0px;
}

.footer_mail{
    width: 40px;
    height: 22px;
    background-size: 100px;
    background-repeat: no-repeat;    
    background-image: url(/bitrix/templates/katon/imgs/Footer.svg);
} 

  
.subscribe-form .email_wrap{
    position:relative;    
    margin:20px 0;
    max-width: 300px;
}

.subscribe-form .email_wrap .email_input{
    background:#fff;
    font-size:13px;
    padding:15px;
    height:40px;
    border-radius: 5px;
    border:none;
    width: 210px;
} 
  
.subscribe-form input.send_btn{
    position:absolute;
    top:0;
    right:0;
    font-size:13px;  
    height:40px;
    background:#548180;
    color: white; 
    border-radius:0 5px 5px 0;
    width: 110px;
    font-weight: bold;
}

.footer_copyright{
    color: white;
}




.search-form{
    position: absolute;
    top: 300px;
    width: 100%;
}

.search-form.search_form_inner{
  position: relative; 
}

.search-form .container{
    margin: auto;
    text-align: center;
    max-width: 690px;
    max-height: 60px;
}
.search-form.search_form_inner .container{ 
    max-width: inherit; 
}

.search-form .email_wrap{
    position:relative;    
    margin:20px 0;
    max-width: 100%;
}

.search-form .search_input{
    background:#fff;
    font-size:16px; 
    height:48px;
    border-radius: 15px; 
    width: 100%; 
    padding: 12px 20px;
    border: none;
} 

.search-form .search_input::placeholder, .email_input::placeholder{
    font-family: 'CenturyGothicRegular';
} 

.search-form input.send_btn{
    position:absolute;
    top:0;
    right:0;
    font-size:0px;  
    height:100%;
    width: 50px;  
    border-radius:0 5px 5px 0;
    background-image: url(search.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
}





.my_slider{
    position:relative;  
    margin-top: -160px;  
    margin-bottom: 0px !important;  
    box-shadow: inset 0px 130px 100px -50px rgb(0 0 0 / 90%);
    /*z-index: 99;*/
    width: 100%;
    /*height: 100%;*/
}



.my_slider .slick-prev {
    left: 5px;
    z-index: 999;
}

.my_slider .slick-next {
    right: 5px;
    z-index: 999;
}


.my_slider .slick-dots{
    bottom: 25px;
}
.my_slider .slick-dots li{
    border-radius: 50%;
    background-color: white;
    border:none;
}
.my_slider .slick-dots li.slick-active{
    border-radius: 50%;
    background-color: white;
} 

.my_slider .slick-dots li.slick-active button:before { 
    background: black; 
    content: ' ' !important; 
    opacity: 1; 
    border-radius: 50%;
}


.main_search_navi {
    width: 48px;
    height: 45px;
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(main.svg);
    background-position: -105px 0px;
}
.my_slider .slick-prev:before{
    content: ' ';
    position: absolute;
    left: 0px;
    height:50px;
    width: 50px;   
    background-image: url(main.svg);
    background-repeat: no-repeat;
    background-size: 240px;
    background-color: transparent;
    background-position: 0px 0px;
}

.my_slider .slick-next:before{
    content: ' ';
    position: absolute;
    right: 0px;
    height:50px;
    width: 50px;   
    background-image: url(main.svg);
    background-repeat: no-repeat;
    background-size: 240px;
    background-color: transparent;
    background-position: -65px 0px;
}

.main_slogan{    
    font-family: 'square';
    font-weight: bold;
    font-size: 52px;
    line-height: 52px;
    margin: 0;
}



.my_slider_inner{
    max-height: 350px;
    overflow: hidden;
}
.my_slider_inner button, .slick-dots{
    display: none !important;
}

.search_form_inner{
    top: -200px !important;
    font-size: 52px;
    font-weight: bold;
    margin-bottom: -100px;
    font-family: 'square';
}



 

 


/*БРОНИРОВАНИЕ*/

.cottages{
  margin: 30px 0px;
}

.cottages_search_div{
    width: 100%;
    background-image: linear-gradient(to right, #1c3b4e, #7398af);
    padding: 20px 0;
    padding: 0 0 15px 0;
    margin-bottom: 20px;
    line-height: 34px;
  }
  .cottages_search{ 
    justify-content: start;
    margin:0;
    align-items: flex-end;
  }
  .cottages_search > div.text_input{
    margin-right: 20px;
    position: relative;
  } 
  .cottages_search div.text_input::before {
      content: '';
      position: absolute;
      width: 25px;
      display: block;
      height: 25px;
      background-image: url(/slider/calendar.png); 
      background-size: 100%; 
      z-index: 1; 
      bottom: 4px;
      left: 12px;
  } 
  .cottages_search div.text_input.text_input_select::before {
      content: '';
      display: none;       
  }
  .cottages_search p{
    font-size: 24px;
    color: white;
    margin: 5px 0 0;
  }
  .cottages_search select, .cottages_search input[type=text]{
    margin-right:20px;
    padding: 0px 10px 0px;
    width:240px;
    text-align: right;
    color: #546272;
    height: 35px;
  }
  .cottages_search input[type=submit]{ 
    padding:2px 40px;
    background: #ffa230;
    color: #546272;
    font-size: 22px; 
    border: none;
    text-transform: uppercase;
    border-radius: 5px;
  }

  .cottages_search input[type=submit]:hover{ 
    box-shadow: 0 0 5px #fff;
  }


  .arrive_label, .depart_label{
    width: 100%;
    padding: 0px;
    background: #546272;
    color: white;
    margin: 0;
    font-size: 22px;
    text-transform:uppercase;
    line-height: 30px;

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

  .cottages_search select, .cottages_search input[type=text] {
    margin-right: 0px; 
    /*padding: 6px 10px 4px;*/
    width: 100%;
    text-align: right;
    color: #546272;
  }
  .cottages_search input[type=submit]{
    margin-top: 15px;
  }
  .cottages_search p{

    margin: 0;
  }
  .cottages_search {
    text-align: center;
    padding-top: 5px;
  }
  .cottages_search > div.text_input{
    margin-left:20px; 
  }
  .cottages{
    margin:20px; 
  }
  table.calendar{
    margin: auto;
  }
  .response, .response_div{
    max-width: 100% !important;
  }

}

  
  .cottages .main_news .room_div p{
    /*padding: 0px !important;
    margin: 0 !important;*/
  }
  .cottages .main_news .room_div {
      display: block;
      width: 100%;
      position: relative;
      margin: 20px 0;
      padding:  0px 0px;
      background: white;
      box-shadow: 0px 3px 6px #0000003d;
  }
  .cottages .main_news .news_picture{
    margin: 0px 0px;
    position: relative;
    max-width: 280px;
  }
     .cottages .main_news .news_picture img {
        margin: 0;
        width: 100%;
        height: 100%;
        cursor: zoom-in;
        object-fit: cover;
    }
  .cottages .main_news .room_div p.cottage_title{
    padding: 0px;
    margin:10px 0 0 !important;
    font-size: 20px;
    font-weight: bold; 
  }
  .cottages .main_news .room_div p.cottage_title a{
    color: #4285f4;
    cursor: auto;
  }
  .cottages .main_news .room_div p.guests_title{
    color: #546272;
    font-size: 28px;
    font-style: none; 
    text-transform: capitalize;
    position: relative;
    /*bottom: -4px;*/
  }
  .cottages{ 

  }/*
  .desc_div p{
    background: none !important;
    font-family: inherit !important;
    color:black !important;
    text-align: left !important;
    font-size: 18px !important;
    line-height: 20px !important;

  }*/
  .main_news{
    padding: 0;
  }
  .price_div{
    padding: 10px 20px;
    background: rgb(233, 233, 233);
    margin: 10px 0px 10px 0px;
  }
  .info_div{
    background: none;   
    padding: 0 25px;
    width: 100%;
  }
  .title_div{
    background: none;
    margin: 5px 0 5px 0;
  } 
  .book_div{
    padding: 0px 20px;
    background: none;
    margin: 0px;    
  }
  .book_div>div *, .selected_month{
    cursor: pointer;    
  }

  .response_div{
    margin-bottom: 80px;  
    display: none;
  }
  .response_div .pay_button{
    
    position: absolute;
    width: 100%;
    background: #ff8500;
    padding: 8px;
    font-size: 24px; 
    border: 1px solid;
    cursor: pointer;
    color: #546272;

  } 
  .response_div .pay_button::before {
    content: ' ';
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/slider/price.png);
    width: 17px;
    height: 20px;
    display: block;
    position: absolute;
    top: 8px;
    left: 45px;
  }  
  .calendar_right {
    margin-left: -1px;
    position: relative;
  }

  .catalog_book{
      padding: 5px 10px;
      background: #ffa230;
  }
  .condition{
    font-size: 14px;
    color: #546272;
  }
  .response{
    clear: both;  
    position: relative;
    display: none;
  }
  .double_calendar {
      float: left;
      width: 48%;
      margin-right: 10px;
  }
  .wait{
    display:none; 
    float:right; 
    position:absolute; 
    right: 0px;
    background:none; 
    border:0;
    
  }

  .hit_label {
      color: white;
      font-size: 18px; 
      padding: 3px;
      text-align: center;
      width: 125px;
      background: #ff8500;
      line-height: 20px;
      text-transform: uppercase;
    margin-bottom:15px !important;
  } 

  .cottage_price span{
    font-size:34px;  
    color: #546272;
  }   
  .cottage_discount span{
    color: red !important;
  }
  .nav{
    margin:20px 0;
  }  

  
.cottage_book {
    padding: 5px 10px;
    background: #548180;
    font-size: 18px;
    max-width: 180px;
    cursor: pointer;
    text-align: center;
    color: white;
    border-radius: 20px;
    margin: 10px 0 !important;
}

  .mob_more_button{
    text-align: center;
    margin: 10px 0;
    display: none;
    cursor: pointer; 
    position: relative;
  }
  .cottages .main_news .room_div .mob_more_button p{
    position: relative;  
    margin: auto !important;
    width: 200px;
    color: #546272;
  }
  .slopes_list_mob_hidden .mob_more_button p{
    position: relative;  
    margin: 0 auto !important; 
    color: #546272; 
  }
  .slopes_list_mob_hidden .mob_more_button p:after{
    left: 100px;
    right: auto;
  }
  .slopes_list_mob_hidden .mob_more_button p.mob_more_button_close:after{
    left: 65px !important;  
  }
  .slopes_list_mob_hidden .mob_more_button {
    text-align: left;
    margin: -10px 0 10px 0 !important;   
  }
  .slopes_list_mob_hidden h3 {
    margin-bottom: 10px;
  }

  .mob_more_button_open::after {
    content: ' ';
    position: absolute;
    top: 3px;
    right: 30px;
    width: 20px;
    height: 20px;
    background-image: url(/slider/arrow_down.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .mob_more_button_close{
    display: none;
  }
  .mob_more_button_close::after {
    content: ' ';
    position: absolute;
    top: -2px;
    right: 48px;
    width: 20px;
    height: 20px;
    background-image: url(/slider/arrow_down.png);
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(180deg);
  }

  .response_div .wait{
    right: 20%;
    z-index: 1;
    top:7px; 
  }
  .response_div {
    position: relative;
  }


  .cottages .main_news .room_div .guests_icon img{
    height: 28px;
  }


@media (max-width: 768px) {
  .mob_more_button_open::after{
    top: -2px;
  }

  .condition{
    font-size: 16px;
  }
  .mob_more_button{    
    display: block;
  }
  .info_div, .book_div, .price_div, .desc_div{
    padding-left: 15px !important;
    padding-right: 15px !important;
  } 
  .book_div .wait{
    left: 0px !important;
  }
  .response_div .wait{
    left: 0px !important;
    right: auto !important;
  }

  .response,.response_div{    
    max-width: 230px;

  }
  .cottage_book{
    float: none !important;
    margin:20px 0;
  }
   .calendar_left::after {
    content: ''; 
    position: absolute;
    right: 30px; top: -40px; 

      border: 20px solid transparent; border-bottom: 20px solid #546272;
   }
  .cottages .main_news .news_picture img{ 
    width: 100%; 
  }

  .hit_label {
    position: absolute;
    bottom: 0px;
    right: 0;
    font-size: 12px; 
    padding: 0px; 
    width: 100px;

   } 
  .cottages .main_news .room_div p.cottage_title{
    font-size: 24px;
    line-height: 24px;
  }
  .cottages .main_news .news_picture{
    margin-left: 0px;
  }

  .cottages .main_news p.cottage_book {
      padding: 10px 20px; 
      float: right;
      max-width: 100%; 
      margin:20px 0 20px 0 !important;
  }
  .cottages .main_news .room_div p.guests_title{
    font-size: 20px;
    /*bottom: -2px;*/
    left: 8px;
  }
  .cottages .main_news .room_div .guests_icon img{
    height: 15px; 
  }


  .cottage_price span{
    font-size:24px !important; 
    /*font-weight:bold;*/

  }

}



@media (min-width: 768px) {

   .calendar_right::after {
    content: ''; 
    position: absolute;
    right: 30px; top: -40px; 

      border: 20px solid transparent; border-bottom: 20px solid #546272;
   }
}



.footer_nav_container{
  text-align: center;
}

.footer_nav {
  display: block;

  padding-left: 0;
  margin: 40px 0;
  list-style: none; 
}

.footer_nav .page-numbers {
    text-decoration: none;
    display: inline-block;
    border-radius: 16px;
    height: 32px;
    min-width: 32px;
    line-height: 32px; 
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    background: #546272;
    padding: 0 8px;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer_nav .page-numbers.current {    
    background: #ffa230;
}

#zoom{
   width: 50px;
    position: absolute;
    left: 0;
    padding: 10px;
    /*bottom: 0;*/
    background: #00000045; 
    cursor: zoom-in;
    color: white;
}

#zoom:hover{
    width: 60px;  
    cursor: zoom-in;
    color: white;

  transition: width 0.15s ease-in-out ;} 
 

.info_div .ico_text{
    color: black !important;
    text-decoration: underline;
}
.info_div .footer_mail {
    width: 30px;
    height: 25px;
    background-size: 100%; 
    background-position: 0;
}

.room_div .desc_div {
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 30px;
}
.room_div_bottom{
    margin:30px 0;
}

.room_div_tabs .ico_text a{
    color: black !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 24px;
    font-family: "square";
}
.room_div_tabs .ico_text a:hover, .room_div_tabs .ico_text.hover a{
    color: #4285f4 !important;
    text-decoration: underline; 
}


.cottages .main_news.staff .room_div p.cottage_title a{
  color: #000; 
}

.cottages .main_news.staff .news_picture{ 
  max-width: 280px;
  min-width: 280px;
  max-height: 280px;
  min-height: 280px;
}
.cottages .main_news.staff .room_div p.cottage_title a{
  color: #000; 
}
.main_news.staff .room_div .desc_div { 
  height: auto;
  margin: 10px 0 15px;
}

.main_news.staff .info_div .ico_text{
  text-decoration: none;
}
.main_news.staff .info_div .info_div_staff .ico_text{
  text-decoration: underline !important;
}

.skills > div{
  margin-right: 30px;
}
.breads {
  margin: 25px 0 30px;
} 


.cottage_detail .gallery{
  width: 100%; 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -10px 10px;
} 

.map_div{
  margin-top: 30px;
}
.map_div iframe{
  width: 100%;
  height: 650px;
}

.cottage_detail .cottage_title{
  margin-top: 30px;
  margin-bottom: 30px; 
}
.cottage_detail .ico_text{
  color: black;
}

.cottage_detail .footer_mail {
    background-size: 30px;
    background-position: 0px -3px;
    width: 35px;
}

table td{
	padding:10px !important;
}

[src$=".jpg"], [src$=".png"]{
	width:100%;
  height: auto;
}

.stuff{ 
  margin: 0;
}
.stuff > div{
  padding:0 !important;
  border: 1px solid #ccc;
  margin: -1px;
}

.waterfall{
  width: 100%;
  background-image:url('/about/nature/waterfall.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height:auto;
  padding:30px 0;
}

.waterfall p{
  color: white;
}
.waterfall img{
  width:70px;
  margin: 20px 0px 40px;
}
.waterfall .col-12 {
  margin: -1px;
  padding: 20px;
  text-align: center;
  border: 1px solid white;
}
.waterfall_tilte{
  font-weight: bold;
  margin: 40px 0;
  text-align: center;
  text-transform: uppercase;
}



.waterfall.waterfall_bottom{ 
  background-image:url('/about/nature/nature_4.jpg'); 
  height:800px;
  display:flex;
  align-items: end;
}

.lake{
  width: 100%;
  background-image:url('/about/nature/nature_2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height:auto;
  padding:30px;
  margin-top: 50px;
}

.lake p{
  color: white;
}
.lakes p {
  position: relative;
  margin-right: 15px;
  padding-left: 35px;
}
.lakes p::before {
  content: '';
  position: absolute;
  width: 30px;
  background-image: url(/about/nature/lake.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 25px;
  padding: 0;
  left: 0;
  top: 0;
}

.lakes.lakes_ranges p::before { 
  background-image: url(/about/nature/mountain_2.svg); 
}


.common_tilte{
  font-weight: bold;
  margin: 40px 0 20px; 
  text-transform: uppercase;
  font-size:22px;
  color:#696969;
  font-family: 'square';
}

.peaks{
  position:relative;
}
.peaks_txt{
  position:absolute;
  bottom:0;
  left: 0;
  padding: 20px;
  background: #000000c7;
  color: white;
  display: none;
}

.natpark_img_div{
  width: 25%;
  position: relative; 
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 250px;
  padding: 0;
  margin-right:10px;
} 
.natpark_img_div a{
  display: block;
  width:100%;
  height:100%;
}
.natpark_img_div_high{ 
  height: 500px; 
} 
.natpark_bottom_right .natpark_img_div{ 
  height: 245px; 
} 
.natpark_icons{
  margin-bottom:10px;
}
.natpark_icons div:first-child{
  margin-right:10px;
}

.tourism_gallery{
  margin:0px;
}
.tourism_gallery > div {
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0;
  display: flex;
  align-items: end;
  color: white;
  justify-content: center;
  flex-wrap: wrap;
  border: 5px solid white;
  z-index: 1;
}
.tourism_gallery > div div{
  text-align:center;
  width: 100%;
  margin-bottom:50px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.tourism_gallery > div p {
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  padding: 20px;
}
.tourism_gallery > div > div span{
  color:white;
  border: 2px solid white;
  border-radius: 30px;
  padding: 10px 20px;
  cursor: pointer;
}
 
.tourism_gallery > div .preview_div{
  display:none;
}
   
  

.tourism_gallery > div::before {
  content: '';
  display: none;
  position: absolute;
  width: 100%; 
  opacity: 0.3;
  background-color: #fff600;
  height: 100%;
  padding: 0;
  left: 0;
  top: 0;
}

.tourism_gallery > div:hover::before {
  content: '';
  display: block;
  cursor: pointer;
}

.my_header a{
  margin-right:20px;
}
.my_header a.active{
  color:#ffcc00;
}

.modal-backdrop{
  opacity:0.3;
}
.modal{
  top:20%;
}
.modal-body{
  padding: 30px;
}


.down_button{ 
  border-radius: 30px;
  padding: 10px 20px; 
  background: #548180;
  color: white !important;  
  font-weight: bold;
}

.quote{
  background:#e0e0e0;
  width:70%;
  margin:auto;
  padding:30px;
}
.quote >div{ 
  height: auto;
  color: #676767;
}

.quote_img_div{
  height: 100%; 
  min-width:150px;
  max-width:150px;
  display: flex;
}

.quote_line{
  height: 100px; 
  width:5px; 
  background:white;
  margin-right: 35px;
}
 
.natpark_icons div:first-child {
  min-width: 36px;
  background-image: url(/info/nationalpark/sprite_1.svg);
  background-repeat: no-repeat; 
  background-size: 300px;
  height: 36px;
  padding: 0;
}

/*
.lakes.lakes_ranges p::before { 
  background-image: url(/about/nature/mountain_2.svg); 
}*/

.room_div_bottom > div{
  position: relative;
  margin-bottom: 10px;
}
.room_div_bottom .ico_text{
  cursor: pointer;
}
.room_div_bottom .ico_text a{
  color: black;
  text-decoration: none;
}

.pop{
  display: none;
  position: absolute;
  top:30px;
  left:30px;
  background:white;
  border: 1px solid #ccc;
  border-radius:5px;
  padding: 10px;
  z-index: 9;
  width: 300px;
}

.peaks_txt.peaks_txt_deer { 
    position: absolute;
    bottom: auto;
    left: auto;
    padding: 20px;
    background: black;
    color: white;
    right: 0;
    top: 32%;
    width: 50%;
  display: block;
}

.rounded_spans span{
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border:1px solid black;
  padding: 2px 10px;
  margin-right:10px;
}

 
hr {
    width: 20%;
    margin-top: 4rem;
    margin-bottom: 4rem;
    border: 0;
    border-top: 1px solid rgb(0 0 0);
}

.cottage_detail hr {
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 3rem;
    border: 0;
    border-top: 1px solid #696969;
}
.lakes{
	margin:30px 0 0;
}
.detail_gallery_bottom > div{
	height:50%;
}

.detail_gallery{ 
	width: 100%; 
	height: 360px; 
	margin-bottom: 30px;
} 
.detail_gallery_main{
	width: 50%; 
}
.detail_gallery_bottom{ 
	width: 50%; 
} 
.detail_gallery a{
	display:block;
	width: 100%; 
	height: 100%;
}

@media (max-width: 768px) {

	.my_slider{
		margin-top: -200px;  
		margin-bottom: 0px !important; 
	}
	.my_slider_mainpage{
		margin-top: -50px;  
		margin-bottom: 0px !important; 
	}


	.quote{
    	width: 100%;
    	height: auto;
    	padding: 30px;
	}
	.quote_img_div{
    	height: auto;
		margin:10px auto 40px; 
	}
	.quote_line{
    	width: 100px;
    	height: 5px;
		margin:10px auto 40px;
	}

	.quote >div{
    	height: auto;
	}
	.cottages .room_div_tabs{
    	flex-wrap: wrap;
	}
	.cottages .room_div_tabs > div{
  		margin-right:10px;
  		line-height:40px;
	}
	.main_slogan{
		font-size:35px;
  		line-height:35px;
	}
	.main_search_navi{
		background-size: 190px !important;
		background-position: -102px 0px !important;
	}
	.logo {
		height: 80px;
		top: 20px;
	}
	#main-menu .nav>li{
  		margin-right:30px;
  		line-height:20px;

	}
	.search_form_inner {
  		font-size:30px;
  		/*margin-bottom:-270px;
		top: -280px !important;*/
	} 
	.my_slider_inner {
		top: -20px;
	} 
	.peaks_txt.peaks_txt_deer {
		display: block;
  		position: relative;
		top: 0px;
    	width: 100%;
	} 

	.waterfall .col-12 { 
	  border: none;
	}
	.lake {
    	margin: 0px 0 50px 0;
	}
	#footer{
		padding-top:40px;
	}
	.services div:first-child{
		width:100px !important;
	}
	.cottages .main_news .news_picture img{
    	height: auto;
	}

	.cottages .main_news.staff .news_picture {
		width: 100%;
		max-width: 100%;
		max-height: inherit;
		min-height: inherit;
	}
	.cottages .main_news .room_div p.cottage_title{
		margin:30px 0 !important;
	}
	.info_div{
		padding:20px;
	}
	.cottages .main_news .news_picture{ 
		max-width: 100%;
		max-height: inherit;
	}

	.room_div .desc_div{ 
		height: auto;
		padding:0 !important;

	}
	.detail_gallery_main, .detail_gallery_bottom{ 
		width: 100% !important;
	}


	.detail_gallery{ 
		height: auto !important;
	}
	.detail_gallery_main, .detail_gallery_bottom{ 
		height: 400px !important;
	}

	.my_slider_mainpage .my_slide{ 
		height: 600px; 
	  }

	.my_slider_mainpage{ 
		margin-bottom:-180px !important 
	  }
	  .nav{
		margin:50px 0;
	  }  

}

/*
@media (min-width: 1190px) {
  .my_slider_mainpage .my_slide{ 
      height: 800px; 
  }
}*/ 


.my_slide_mob{
    background-size: cover;
    height: 380px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: inset 0px 130px 100px -50px rgb(0 0 0 / 90%);
}
.my_slider_mob .slick-prev:before{
    content: ' ';
    position: absolute;
    left: 0px;
    height:50px;
    width: 50px;   
    background-image: url(main.svg);
    background-repeat: no-repeat;
    background-size: 240px;
    background-color: transparent;
    background-position: 0px 0px;
}

.my_slider_mob .slick-next:before{
    content: ' ';
    position: absolute;
    right: 0px;
    height:50px;
    width: 50px;   
    background-image: url(main.svg);
    background-repeat: no-repeat;
    background-size: 240px;
    background-color: transparent;
    background-position: -65px 0px;
}

.slick-prev, .slick-next{
	z-index:99;
}


.my_slider_mob .slick-next {
    right: 10px;
	top:45%;
}
.my_slider_mob .slick-prev {
    left: 10px;
	top:45%;
} 


a.scroll-to-top {
    position: fixed;
    right: 45px;
    bottom: 45px;
    background-color: #548180;
    z-index: 9999;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #548180 url(/bitrix/templates/katon/imgs/scroll.svg) no-repeat scroll center 13px;
}
 
.back_to_list{
  display: none;
  margin-bottom: 40px;
}

.news_picture_operators{
	display:flex;
	justify-content:center;
	align-items: center;
}
.news_picture_operators img{
	object-fit:inherit !important;
	height: auto !important;
	width: 80% !important;
	cursor:inherit !important; 
}

.search-page{
  margin-bottom: 50px;
}