/* nav bar */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400);
@import url(https://fonts.googleapis.com/css?family=Qwigley);
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;
}
@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;
}
.gm-style > div:nth-child(9){
	bottom:160px !important;
}
#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-canva {
    height:100%;
}
#markers {
	height:100%;
	padding-top:134px;
	padding-bottom:50px;
	position: absolute;
    top: 0;
    background-color:rgba(255, 255, 255, 0.80);
    left: 75%;
	-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: calc(50% + 16px);
    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;
}
.places li:before{
	content: '\2022';
    position: relative;
    margin-right: 4px;
    font-size: 1.4em;
    line-height: 1em;
    top: 2px;
}
.places li{
	padding-left:0;
}
#markers li:hover, #markers li.active {
	background-color: #CCC;
}
#markers li img{
	display:block;
	width:100%;
	margin-bottom:7px;
}
#markers li h1{
	font-size:17px;
}
#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 span.input-wrapper{
	display:block;
	float:left;
	padding: 2px 5px 1px 6px;
    background-color: #0059D1;
}
.hotel-title span.input-wrapper{
	background-color:#00B5C8;
}
.village-title span.input-wrapper{
	background-color:#FFA531;
}
.sight-title span.input-wrapper{
	background-color:#E44142;
}
.h2{
	font-size: 18px;
    display: block;
    float: left;
    margin: 0;
    padding: 3px 5px;
    text-transform: uppercase;
}
h1{
	text-transform:uppercase;
}
#markers h1{
	font-family: 'Qwigley', cursive;
	font-weight:400;
	text-transform:none;
	font-size:4.8em;
	margin-top:0;
}
.gm-style .gm-bundled-control{
	left:0;
	right:auto !important;
}
.gm-style>div:last-child{
	top:auto !important;
	bottom:22px;
}
.main-map .col-md-12{
	padding:0;
}
#map-canva{
	padding:0;
}
.banner-image,.banner-image img{
	display:block;
	width:100%;
}
@media (max-width:991px) and (min-width:768px){
	#markers{
		left:66.666667%;
	}
}
@media (max-width:767px){
	#markers{
		left:33.333333%;
	}
}