/* nav bar */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400);
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body{
	overflow:hidden;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
body{
	font-family: 'Open Sans', sans-serif;
	overflow:hidden;
}
p{
	font-size:.95em;
}
@font-face {
    font-family: Alex, serif;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/AlexBrush-Regular.ttf');
}

body, html {
    height: 100%;
    overflow: hidden;
}
.map{
	padding:0;
}
#map { height: 100% }
.info, .info:focus{
	display:block;
	float:left;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	background: rgb(43,43,43);
    background: -moz-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(25,25,25,1) 100%);
    background: -webkit-linear-gradient(top, rgba(43,43,43,1) 0%,rgba(25,25,25,1) 100%);
    background: linear-gradient(to bottom, rgba(43,43,43,1) 0%,rgba(25,25,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#191919',GradientType=0 );
	color:#fff;
    text-transform: uppercase;
	height: 30px;
    padding: 0 18px;
    text-align: center;
    display: inline-block;
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	line-height:30px;
	font-size:11px;
	font-weight:700;
	text-decoration:none;
}
.info:hover{
	color:#fff;
	text-decoration:none;
	background: rgb(43,43,43);
}
.book, .book:focus{
	display:block;
	float:right;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	height: 30px;
    padding: 0 18px;
    text-align: center;
    display: inline-block;
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background: rgb(188,3,34);
    background: -moz-linear-gradient(top, rgba(188,3,34,1) 0%, rgba(165,0,38,1) 100%);
    background: -webkit-linear-gradient(top, rgba(188,3,34,1) 0%,rgba(165,0,38,1) 100%);
    background: linear-gradient(to bottom, rgba(188,3,34,1) 0%,rgba(165,0,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0322', endColorstr='#a50026',GradientType=0 );
	line-height:30px;
	font-size:11px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
.book:hover{
	color:#fff;
	text-decoration:none;
	background: rgb(165,0,38) !important;
    background: -moz-linear-gradient(top, rgba(165,0,38,1) 0%, rgba(188,3,34,1) 100%);
    background: -webkit-linear-gradient(top, rgba(165,0,38,1) 0%,rgba(188,3,34,1) 100%);
    background: linear-gradient(to bottom, rgba(165,0,38,1) 0%,rgba(188,3,34,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50026', endColorstr='#bc0322',GradientType=0 );
}
.book.disabled{
	background: rgb(212,212,212);
    background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(210,210,210,1) 100%);
    background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%,rgba(210,210,210,1) 100%);
    background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(210,210,210,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#d2d2d2',GradientType=0 );
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.book.disabled:hover{
	    cursor: default;
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background: rgb(212,212,212) !important;
    background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(210,210,210,1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%,rgba(210,210,210,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(210,210,210,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#d2d2d2',GradientType=0 ) !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2) !important;
}
.gm-style-iw h1{
	text-align:center;
	font-size:15px;
	color:#666;
}
.gm-style-iw .main-img{
	display:block;
	width:300px;
}
.gm-style-iw .main-img img{
	width:100%;
	margin-bottom:10px;
}
#map-canva .gm-style > div:nth-child(9), .info-page .gm-style > div:nth-child(9){
	top:0px !important;
}
#list{
	position:absolute;
}
#map-canvas, #map-canvas {
    height:100%;
}
#markers {
	height:100%;
	padding:0;
	position: absolute;
    top: 0;
    background-color:rgba(255, 255, 255, 0.80);
    right:0;
	-webkit-box-shadow: 1px 1px 19px -1px rgba(0, 0, 0, 0.18);
	box-shadow: 1px 1px 19px -1px rgba(0, 0, 0, 0.18);
}
aside{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	writing-mode: lr-tb;
	position: absolute;
    left: -86px;
    top: 50%;
    background: #fff;
    padding: 6px 20px;
    text-transform: uppercase;
	background: rgb(91,181,200);
	background: rgb(91,181,200);
	background: -moz-linear-gradient(top,  rgba(91,181,200,1) 0%, rgba(62,165,187,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(91,181,200,1) 0%,rgba(62,165,187,1) 100%);
	background: linear-gradient(to bottom,  rgba(91,181,200,1) 0%,rgba(62,165,187,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb5c8', endColorstr='#3ea5bb',GradientType=0 );
	text-transform: uppercase;
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	font-weight:bold;
	border-top-left-radius:15px;
	border-top-right-radius:15px;	
	-webkit-box-shadow: 1px 1px 19px -1px rgba(0, 0, 0, 0.18);
	box-shadow: 1px 1px 19px -1px rgba(0, 0, 0, 0.18);
	margin-top:-30px;
}
aside a, aside a:hover, aside a:focus{
	color:#fff;
	text-decoration:none;
}
aside:hover{
	background: rgb(62,165,187);
	background: -moz-linear-gradient(left,  rgba(62,165,187,1) 0%, rgba(91,181,200,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(62,165,187,1) 0%,rgba(91,181,200,1) 100%);
	background: linear-gradient(to right,  rgba(62,165,187,1) 0%,rgba(91,181,200,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ea5bb', endColorstr='#5bb5c8',GradientType=1 );
	
}
.wrapper{
	width:100%;
	height:100%;
	overflow:auto;
	padding: 0;
}
#markers li{
	list-style-type:none;	
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	padding-top: 15px;
}
#markers li:hover{
	background-color: #CCC;
	cursor:pointer;
}
#markers li.active {
	background-color: rgba(204, 204, 204, 0.60);
	cursor:pointer;
}
#markers li img{
	display:block;
	width:100%;
	margin-bottom:7px;
}
#markers li h1{
	font-size:17px;
	padding-left:0;
	line-height:25px;
	margin-bottom:7px;
}
#markers ul{float: left;
    position: relative;
    display: block;
    margin-left: 0;
    padding: 0;
}
.filter-list{
	display:block;
	width:100%;
}
.filter-list li{
	display: inline-block;
	float:left;
	padding:0 !important;
}
.filter-list li>div{
	padding-right:2px;
}
.filter-list li:last-child div{
	padding-right:0;
}
.filter-list li label{
	padding:0px;
	margin:0;
}
.filter-list li span:last-child{
	display: block;
    float: left;
    margin-left: 7px;
    line-height: 24px;
}
label{
	width:100%;
	background-color:rgba(204,204,204,.5);
	box-sizing:border-box;
}
label:hover{
	cursor:pointer;
}
label .input-wrapper{
	display:block;
	float:left;
	padding: 0;
    background-color: #12DEFF;
	position:relative;
}
label .input-wrapper:after{
	content: "+";
    display: block;
    position: absolute;
    font-size: 26px;
	top: calc(50% - 20px);
    left: calc(50% - 7px);
}
label .input-wrapper.active:after{
	content: "x";
}
label .input-wrapper:hover:after{
	cursor:pointer;
}
.hotel-title .input-wrapper{
	background-color:#FFA434;
}
.village-title .input-wrapper{
	background-color:#00DB39;
}
.sight-title .input-wrapper{
	background-color:#FFBA51;
}
.h2{
	font-size: 18px;
    display: block;
    float: left;
    margin: 0;
    padding: 3px 5px;
    text-transform: uppercase;
}
h1,.h1{
	text-transform:uppercase;
	margin:0;
	line-height:60px;
	padding-left:20px;
	font-size:30px;
}
#markers h1{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-transform:none;
	font-size:4.8em;
	margin-top:0;
}
input[type=checkbox]{
	opacity:0;
	margin:0;
	width:60px;
	height:55px;
}
input[type=checkbox]:hover{
	cursor:pointer;
}
.wr{
	overflow:hidden;
	width:100%;
}
.village-title{
	margin-bottom:0;
}
.toggle-map{
	width: 100%;
    margin-top: 0;
    margin-bottom: 0;
	position:absolute;
	bottom:0;
	border-radius:0;
}
@media (min-width:992px){
	.toggle-map{
		display:none;
	}
}
@media (max-width:991px){
	#map-canvas{
		position:absolute;
		display:block;
		width:100%;
		top:34px;
		bottom:0;
		left:0;
		z-index:-1;
		height:auto;
		opacity:0;
	}
	#markers{
		position:relative;
		height:auto;
		margin-bottom:30px;
	}
	body, html {
		overflow: auto;
	}
	.posit{
		z-index:1 !important;
		height:auto !important;
		opacity:1 !important;
	}
	.button-top{
		top:0 !important;
		z-index:9999;
		bottom:auto;
	}
}