body, html {
	font-family: arial;
	min-height: 100%;
	min-width: 100%;
	height: 100%;
	width: 100%; font-size: 1.1em!important; line-height: 1.7!important;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0px;
	padding: 0px;
	position: relative;
}
.header {
	color: #000;
	width: 100%;
	position: absolute;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);
	z-index: 5;
	left: 0px;
	right: 0px;
	top: 0px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.header img {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}
.footer {
	color: #fff;
	background-color: #b1a654;
	width: 100%;
	 font-size:  .8em;
	 text-align: center;
	border-top: solid 3px #fff;
}
.footer-wrap {
	padding: 10px;
}
.share-btn, .menu-btn {
	 
}
.share-btn, .menu-btn {
	position: absolute;
	background-color: rgba(177, 166, 84, 0.47);
	border: solid 3px #fff;
	height: 56px;
	width: 56px;
	cursor: pointer;
	border-radius: 50%;
	z-index: 6;
}
.share-btn:hover, .menu-btn:hover {
	background-color: rgba(0, 0, 0, 0.8);
}
.share-btn {
	top: 40px;
	right: 40px;
	background-image: url(../images/share-ico.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.menu-btn {
	left: 40px;
	top: 40px;
}
.menu-btn span, .menu-btn span:before, .menu-btn span:after {
	position: relative;
	width: 30px;
	height: 3px;
	background-color: #fff;
	display: block;
}
.menu-btn span:before, .menu-btn span:after {
	content: '';
}
.menu-btn span {
	top: 25px;
	left: 10px;
}
.menu-btn span:before {
	top: -10px;
}
.menu-btn span:after {
	bottom: -6px;
}
.aside-banner {
	position: fixed;
	width: 380px;
	height: 270px;
	background-color: rgba(255, 255, 255, 0.85);
	z-index: 10;
	right: 40px;
	bottom: 80px;
	padding: 40px; font-size: 0.8em;
}
.aside-banner  h2 { margin-top: 0px; }
.aside-banner-btn {
	position: fixed;
	width: 260px;
	background-color: rgba(255, 255, 255, 1);
	z-index: 10;
	right: 60px;
	bottom: 0px;
	padding: 20px;
	cursor: pointer;
	text-align: center;
	display: block;
}
.btn-trip {
	padding: 20px;
	background-color: rgba(177, 166, 84, 1);
	color: #fff;
	text-align: center;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.4em;
}
.btn-trip:hover {
	background-color: #000;
	color: #fff;
	text-align: center;
	display: block;
}
.close-this {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 20px;
	right: 20px;
	background-image: url(../images/cancel.png);
	background-size: cover;
	cursor: pointer;
}
section {
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;  position: relative; z-index: 2;
} 
#section1 {
	background-color: #ccc;
	position: relative; z-index: 3;
	padding: 0px!important;
}
.about { padding-top: 130px;
	background-color: #f7f7f7;
}
 
#section3 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.overlay {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.46);
	padding-top:  0px; padding-bottom: 80px;
	 
	color: #FFF;
}
.overlay h1 {
 margin-left: auto; padding: 20px; margin-right: auto;  max-width: 700px;
}
.page-nav { 
	text-align: center;
	  
	
}
.page-nav a {
	display: inline-block;
	padding: 20px;
	text-transform: uppercase; text-decoration: none;

}
.page-nav a:active, .page-nav a:focus, {
  text-decoration: none;

}
.page-nav-dark a.anc:before { display: block; float: left; width: 20px; height: 20px; margin-right: 10px; margin-top: 5px; background-color: #fff;  content: '';}
.page-nav-dark a.active { background-color: #509526; }
.page-nav-dark a.active:hover {  color: #fff; }

.page-nav-dark a.btn-add {}

.section-title:before { display: inline-block;   width: 20px; height: 20px; margin-right: 10px; margin-top: 5px; background-color: #000;  content: '';}

.page-nav a:hover {
	color: #B1A74E; text-decoration: none;
}

.page-nav-dark { background-color: #000;   width: 100%;  z-index: 5; font-size: 0.8em; position:absolute; bottom: 0; left: 0;}
.page-nav-dark a { 	color: #FFF; }
.fixed-nav { position: fixed; top: 0px; width: 100%; bottom: auto; }

.page-nav-light { margin-bottom: 30px; }
.page-nav-light a { border: solid 1px #ccc;	  }

.slider {
}
.slider .slide {
	height: 650px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.slider .slide1 {
	background-image: url(../images/DSC_6984.jpg);
}
.slider .slide2 {
	background-image: url(../images/buket-ivano_frankovsk_b.jpg);
}
.slider .slide3 {
	background-image: url(../images/ivano-frankovsk_10863311_f59a7c07.jpg);
}
h2 { margin-bottom: 30px; }
.slider .slick-next,
.slider .slick-prev { z-index: 10; }
.slider .slick-next {  right: 30px; }
.slider .slick-prev { left: 30px;}

.slick-prev, .slick-next {  width: 30px; height: 60px; }
.slick-prev:before, .slick-next:before {
 content: '';  background-color: transparent!important;
 width: 30px; height: 60px; display: block;
}

.slick-prev:before{
  background-image: url(../images/left-arrow.png);
    background-size: cover; background-repeat: no-repeat;  background-position: center center;

}

.slick-next:before {
   background-image: url(../images/right-arrow.png);
  background-size: cover; background-repeat: no-repeat; background-position: center center;

}


.hotels-list { padding-top: 20px;}
.hotels-list .hotel {   background-color: #fff;  }

.hotels-list .hotel .hotel-desc { padding: 20px; font-size: 0.8em;  text-align: center;  }


.thmb { background-color: #000;  height: 400px; }

.hotel-thmb { background-color: #666;  height: 200px; }

.marker1 { display: block; }

#section3 { background-color: #f7f7f7;}
#section4 { padding-top: 80px; padding-bottom: 80px; }
 #section6 {  padding-bottom: 250px; }
  #section5 {  padding-bottom:   0px; }
.container { padding-left: 40px;  padding-right: 40px; }

.street-view-container iframe  {
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	height:100%; max-height: 800px;
}
#section1{ height:100%; 	width:100%; max-height: 800px;  }
.street-view-container    {
	position:relative;  height:100%; 	width:100%; max-height: 800px;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px; 
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	height:100%;
}
.video-container { cursor: pointer; }

.section6 { padding-top: 0px; padding-bottom: 0px;}
.click-me { position: absolute;  width: 100px; height: 100px;   

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

left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index: 100; border-radius: 50%;
background-image: url(../images/drag-flick.png); 
background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px;

 }
 .what-to-see-slider {  padding-top: 100px;}
  .what-to-see-slider .slick-dots { top: 0px; bottom: auto; }
  .slick-active .tab { background-color: #000; color: #fff; }
  .gotop {
    position: fixed;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    height: 40px;
    width: 40px;
    right: 20px; z-index: 50;
    bottom: 20px;
    border-radius: 50%;
    background-image: url(../images/navigate-up-arrow.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}
.gotop:hover {  background-color: rgba(0, 0, 0, 1); }