<!--

::selection {
        background: #345067; /* Safari */
        color: #fff;
        }
::-moz-selection {
        background: #345067; /* Firefox */
        color: #fff;
}

:focus {
  outline-color: transparent;
  outline-style: none;
}

::-webkit-input-placeholder {
   color: #777;
}

:-moz-placeholder { /* Firefox 18- */
   color: #777;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #777;
}

:-ms-input-placeholder {  
   color: #777;
}

textarea, input[type="text"] {
-webkit-appearance: none;
}

	input, textarea {
		border-radius: 0;
	}
	
	
	input, textarea {
		border:0;
		border-bottom: solid 1px #000;
		width:100%;
		font-size: 1em;
		padding: 0.3em 0;
		display:block;
		background: transparent;
	}

		a{
			color:#000;
			text-decoration: none;
		}
		a:hover{
			color:#000;
			text-decoration: underline;
		}
		
		h1, h2, h3, h4 {
			margin:0;
			padding:0;
		}
		
		h1 {
			font-size:2em;
		}
		
		h2 {
			font-size:1em;
		}
		
		h3 {
			font-size:1em;
		}
		
		p{
			font-size:0.9em;
		}

		html,body {
			overflow: none;
			-webkit-text-size-adjust:none;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			height:100%;
			padding:0;			
			margin:0;
			background: #fff; 
			color: #333;
 			background-size: cover;
 			/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7F000000",endColorstr="#5F000000")*/
 			display:block;
 			position:relative;
 			width:100%;
		}
		
		body{
 			padding: 0 0px;
		}
		
		#body{
 			overflow: none;
 			position:relative;
 			/*max-width: 1278px;*/
 			margin: 0 auto;
		}

		.pointer {
			cursor: pointer;
		}
		
		section {
			display:block;
			position:relative;
			clear:both;
			overflow:none;
		}
		p {
			margin:0;
			padding:0;
		}

#nav {
  width: 30px;
  height: 18px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display:inline-block;
  z-index:1000;
}

#nav span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav span:nth-child(3) {
  top: 18px;
  width:70%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav.open{
}

#nav.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  right: 0px;
}

#nav.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 20px;
  right: 0px;
  width:100%;
}


		.fix_bg{
			position: fixed;
			top:0;
			width:100%;
			height:100%;
			background-image:url('/alpha/files/bg.png');
			background-size:cover;
			opacity: 0.5;
		}

		header {
			width:100%;
			margin: 0 auto;
			overflow:auto;
			position:absolute;
			top:0;
			z-index:1000;
			background: rgba(255,255,255,0.8);
			
			/*background-image:url('./files/menu_bg.png');*/
			background-position:center;
			text-align:center;
			opacity:1;
			
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
			
    	}
		
		header > .logo{
			margin: 20px auto;
			margin-bottom:10px;
			width: 40px;
		}
		
		header > .logo > img{
			width: 100%;
		}

		header > .lang{
			position:absolute;
			top:0;
			width: 84%;
			margin:0 8%;
			text-align:right;
			color:#81603f;
		}
		
		header > .lang a{
			font-size: 0.8em;
			color:#81603f;
		}

		.banner{
			width: 100%;
		}
		
		.banner > .text{
			position: absolute;
			bottom:300px;
			color:#fff;
			width:37%;
			margin: 0 auto;
			left:8%;
		}
		
		.banner > .sec_img{
			overflow:hidden;
		}
		
		.banner > .img{
			width:100%;
			background-image:url('./files/banner01.jpg');
 			background-size: cover;
			background-position:center;			
		}
		
		.banner >.text > h1{
			text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
			font-size:2.6em;
			line-height:1.1;
		}

		
		.banner > .foot{
			width: 100%;
			color:#81603f;
			height:260px;
			
		}
		
		.banner > .foot > h2{
			width:37%;
			left:8%;
			position: relative;
			padding: 0.5em 0;
			font-size:1.3em;
		}
		.banner > .foot > p{
			width:37%;
			left:8%;
			position: relative;
			padding-top:20px;
		}

		#rooms{
			background: rgb(229,223,216);
		}
		
		.rooms{
			width:100%;
			background: rgb(229,223,216);
			text-align:center;
			overflow: none;
			padding: 100px 0;
		}
		.rooms > .text{
			padding: 100px 0;
			width: 60%;
			margin: 0 auto;
			padding-top: 0;
		}
		
		.rooms > .img{
			width:84%;
	
			margin: 0 auto;
		}
		.rooms > .img > img{
			width:100%;
		}
		
		.rooms >.text > h1{
			padding-bottom:10px;
		}
		
		.rooms >.text > h2{
			padding-bottom:20px;
		}

		.rooms_02{
			width:100%;
			overflow: none;
			margin: 0 auto;
			overflow:none;
			
			padding: 80px 0;
		}
		
		.rooms_02 > .container{
			width:84%;
			overflow: none;
			margin: 0 auto;
		}
		
		
		.rooms_02 .img{
			width:95%;
			overflow: none;
			padding-left:5%;
		}
		.rooms_02 .img > img{
			width:100%;
			overflow: none;
		}
		
		.rooms_02 .col_1_2 > .text{
			overflow: none;
		}

		.rooms_02 h1{
			margin-bottom:20px;
		}
		.rooms_02 h2{
			margin-bottom:10px;
		}		
		.rooms_02 p{
			margin-bottom: 10px;
		}
		
		.rooms_02 h3{
			margin-top:20px;
		}
		
		.rooms_02 .col_1_2{
			width: 32%;
			display:inline-block;
			vertical-align:top;
		}
		.rooms_02 .col_2_2{
			width: 68%;
			display:inline-block;
			vertical-align:top;
		}
		
		.restaurants{
			width:100%;
			overflow: none;
			margin: 0 auto;
			overflow:none;
			
			padding: 80px 0;
		}
		
		.restaurants > .container{
			width:84%;
			overflow: none;
			margin: 0 auto;
		}
		
		
		.restaurants .img{
			width:95%;
			overflow: none;
			padding-right:5%;
		}
		.restaurants .img > img{
			width:100%;
			overflow: none;
		}
		
		.restaurants >.col_1_2 > .text{
			width:95%;
			overflow: none;
			padding-right:5%;
		}

		.restaurants h1{
			margin-bottom:20px;
		}
		.restaurants h2{
			margin-bottom:10px;
		}		
		.restaurants p{
			margin-bottom: 10px;
		}
		
		.restaurants h3{
			margin-top:20px;
		}
		
		.restaurants .col_1_2{
			width: 68%;
			display:inline-block;
			vertical-align:top;
		}
		.restaurants .col_2_2{
			width: 32%;
			display:inline-block;
			vertical-align:top;
		}
		
		
		.col_4{
			width: 24%;
			display:inline-block;
			vertical-align:top;
			margin-right:1%;
		}
		
		footer{
			min-height: 300px;
			background: rgb(250,250,250);
			background: #f7f7f4;
			position: relative;
			color:#81603f;
		}
		
		footer a{
		color:#81603f;
		}
		
		footer > a{
		color:#81603f;
		}
		
		footer > .container{
			width:84%;
			margin: 0 auto;
			padding: 50px 0;
		}
		
		footer h2{
			padding-bottom:0.5em;
		}
		footer p{
			font-size: 0.8em;
		}
		
		.social{
			padding: 30px 0;
			padding-top:10px;
		}
		.social > a:hover{
			text-decoration: none;
			background: rgba(255,255,255,1);
			color: rgba(129,96,63,0.6);
		}
		.social > a{
			background: rgba(0,0,0,0.6);
			color: rgb(230,230,230);
			background: rgba(129,96,63, 1);
			border-radius: 50%;
			padding: 0.5em;
			margin-right: 1em;
			display:inline-block;
			height:20px;
			width:20px;
			vertical-align: top;
			
			
			-webkit-transition: .5s ease-in-out;
  			-moz-transition: .5s ease-in-out;
			-o-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
  		}
		
		.social > a > span{
			overflow:none;
				position: relative;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				
				margin: 0 auto;
				display: block;
				text-align: center;
		}
		
		.map{
			width:100%;
			background: #f7f7f4;
			background: rgb(229,223,216);
			text-align:center;
			overflow: none;
			padding: 100px 0;
		}
		
		.map > .text{
			padding: 100px 0;
			width: 62%;
			margin: 0 auto;
			padding-top: 0;
			padding-bottom:50px;
		}
		
		.map >.text > h1{
			padding-bottom:10px;
		}
		
		.map >.text > h2{
			padding-bottom:0;
		}
		
		#gmap{
			height: 400px;
			width:84%;
			margin: 0 auto;
		}
		
		.spliter{
			background: rgba(0,0,0,0.5);
			height:1px;
			width:20px;
			margin: 30px auto;
		}
		
	#menu{
		margin-bottom: 10px;
		color:#81603f;
		text-transform: uppercase;
		font-size: 0.9em;
		
	}
	
	#menu a{
		color:#81603f;
	}
	
	#menu ul{
		list-style: none;
		margin:0;
		text-align: center;
		padding:0;
		white-space: nowrap;
overflow-x: auto;
	}
	
	#menu ul li{
		display: inline;
		margin: 0 1.5em;
		padding:0;
	}
	
	.copy{
		width: 84%;
		margin: 0 auto;
		padding-bottom: 30px;
		font-size: 0.7em;
	}


.rsContent > .rsMask{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.3);
	margin: 0 auto;
	padding:0;
}
.rsContent > .rsText{
	width:100%;
	position:absolute;
	top: 54%;
	width: 100%;
	margin: 0 auto;
	color:#fff;
	text-align:center;
	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.rsContent > .rsText > h1{
	font-size: 2.3em;
	width:60%;
	margin: 0 auto;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}

.rsContent > .rsText > h2{
	font-size: 1.6em;
	width:60%;
	margin: 0 auto;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}
	
.rsContent > .rsText > p{
	width:60%;
	margin: 0 auto;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}

.rsContent > .posBL{
	width: 60%;
	left: 8%;
	bottom:40px;
	top:auto;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);	
text-align:left;
	margin:0;
	padding:0;
}
.rsContent > .posBL > h1{
margin:0;

}
.rsContent > .posBL > h2{
margin:0;

}
.rsContent > .posBL > p{
margin:0;

}
.button{
	margin-top: 30px;
}
.button a{
font-size: 0.9em;
background: #fff;
color:#333;
padding: 0.3em 1.7em;
}

.button a:hover{
background: #000;
color:#fff;
}
		
	
@media screen and (max-width: 1224px) {

}

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


@media screen and (max-width: 600px), screen and (orientation:portrait) {

	#menu ul li{
		margin: 0 1em;
	}
	
	h1{
		font-size: 1.6em;
	}

.banner > .text{
	width: 90%;
	margin: 0 auto;
	left:5%;
	font-size: 0.8em;
	}

.banner > .foot > h2{
	width: 90%;
	margin: 0 auto;
	left:0;
	}

.banner > .foot > p{
	width: 90%;
	margin: 0 auto;
	left:0;
}
.rooms > .img{
	width: 90%;
}

.rooms_02{
	width: 100%;
}

.rooms_02 > .container{
	width: 90%;
}

.rooms_02 .img{
	width: 100%;
	padding:0;
}

.restaurants{
	width: 100%;
}

.restaurants > .container{
	width: 90%;
}

.restaurants .img{
	width: 100%;
	padding:0;
}

.map > .text{
	width: 90%;
}

#gmap{
	width: 90%;
	height: 300px;
}

footer > .container{
	width: 90%;
}

.col_4{
	width: 100%;
}

footer h2{
	margin-top: 30px;
	}

.rooms_02 .col_1_2 {
	width: 100%;
}
.rooms_02 .col_2_2 {
	width: 100%;
}

.restaurants .col_1_2 {
	width: 100%;
}
.restaurants .col_2_2 {
	width: 100%;
}

.rooms > .text{
	width: 90%;
}

.copy{

	width: 90%;
}


.rsContent > .rsText > h1{
	font-size: 1.5em;
	width:90%;
}

.rsContent > .rsText > h2{
	font-size: 1.1em;
	width:60%;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}
	
.rsContent > .rsText > p{
	font-size: 0.6em;
	width:60%;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}


}

-->