@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');
:before, :after{
	font-family: 'Font Awesome 5 Brands', 'Font Awesome 5 Free', 'FontAwesome';
}
*{
	margin: 0;
	padding: 0;
    font-family: 'Didact Gothic', sans-serif;
}
a{
	text-decoration: none;
	cursor: pointer;
}
html, body{
    height: auto;
    width: 100%;
	}
body {
    background-image: url('img/bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
/* Preloader */
#preloader{
	background: black;
    display: flex;
    align-items: center;
    justify-content: center;
	height: 100%;
	width: 100%;
	z-index: 999;
	position: fixed;
	}
#preloader div{
    width: 55px;
    height: 55px;
    margin: 10px;
    animation: .75s infinite alternate anim-loadingDot;
    animation-timing-function: ease-in-out;
    border-radius: 999px;
    color: rgba(150,150,150,1);
    font-size: 50px;
    text-align: center;
}
#preloader div:nth-child(2){
	animation-delay: .25s;
	color: rgba(150,150,150,1);
}
#preloader div:nth-child(3){
	animation-delay: .50s;
	color: rgba(150,150,150,1);
}
@keyframes anim-loadingDot {
    0% {
        transform: scale( 1 );
    }
    
    100% {
        transform: scale( .3 );
    }
}
@-webkit-keyframes transform {
	0%	{
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		}
	100%	{
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
		}
}
@keyframes transform {
	0%	{
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		}
	100%	{
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
		}
}
/* Preloader end */
input[type=text], input[type=email], input[type=password], input[type=tel], input[type=date], input[type=submit], input[type=button], select, textarea {
	appearance: none; 
	-webkit-appearance: none;
    -moz-appearance: none;
	font-size: 14px;
	width: 100%;
	padding: 15px; 
	border-radius: 5px;
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 15px;
	resize: vertical;
}
input[type=text], input[type=email], input[type=password], input[type=tel], input[type=date], select, textarea {
	border: 1px dashed rgba(150,150,150,1);
}
input[type=text]:hover, input[type=email]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=date]:hover, select:hover, textarea:hover {
	border: 1px solid rgba(150,150,150,1);
}
input[type=submit], input[type=button]{
	border:none;
	background: rgba(58,169,220,1);
	color: rgba(255,255,255,1);
	font-weight: bold;
	font-size: 20px;
	-webkit-transition: 0.25s;
    -moz-transition: 0.25s;
	-ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;

}
input[type=submit]:hover, input[type=button]:hover{
	background: rgba(135,136,138,1);
}
label[for*="website"], input#website{
	display: none;
}
/* Not found page */
html.nf, html.nf body{
	background: rgba(35,120,180,1);
	color: rgba(225,225,225,1);
	min-width: 80% !important;
}
html.nf body{
	width: 80%;
	margin: 0 auto;
}
html.nf body h1{
	font-family: sans-serif;
	text-align: left;
	font-size: 100px;
	margin:0;
	margin-top: 200px;
	margin-bottom: 50px;
}
html.nf body p{
	text-align: left;
	font-size: 20px;
	margin-bottom: 20px;
}
html.nf body p p{
	margin-bottom: 5px !important;
}
html.nf body p p:nth-child(1){
	margin-bottom: 0px !important;
}
html.nf p a:nth-child(1){
	float: left;
	display: block;
	margin-right: 20px;
	height: 100px;
	width: 100px;
	background: url('') no-repeat left;
	background-size: 100px 100px;
	text-decoration: none;
}
html.nf p a[href*="report"]{
	float: none;
	height: auto;
	width: auto;
	background: none;
	display: inline;
	padding: 0px;
	margin: 0px;
	color: rgba(225,175,125,1);
	font-size: 20px;
}
html.nf span{
	-webkit-user-select: text !important; 
    -moz-user-select: text !important;
	-ms-user-select: text !important;
    -o-user-select: text !important;
    user-select: text !important;
    cursor: copy;
    color: rgba(225,175,125,1);
}
html.nf p p:nth-child(1){
	margin-bottom: -20px;
}
/* Not found page end */
html body div{
	overflow: hidden;
}
header{
	background: rgba(235,235,235,1);
	padding: 35px;
	height: 80px;
	box-shadow: inset 0px -5px 10px -7px rgba(75,75,75,1);
	overflow: hidden;
	min-width: 830px;
}
header a#m_home{
	height: 25px;
	width: 25px;
	background: url('img/favicon.png') no-repeat left;
	background-size: 20px 25px;
	text-decoration: none;
	overflow: hidden;
	margin-right: -25px;
	margin-left: 10px;
	display: none;
}
header a[title~="Rest"]{
	display: block;
	background-image: url('img/Logo.png');
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
	height: 90px;
	width: 480px;
	float: left;
}
@keyframes anim-header_links {
    0% {
        transform: scale( 1 );
    }
    
    100% {
        transform: scale( 1.03 );
    }
}
@keyframes anim-header_links_ {
    0% {
        transform: scale( 1.03 );
    }
    
    100% {
        transform: scale( 1 );
    }
}
header nav:nth-child(2){
	float: right;
}
header nav:nth-child(2) a{
	float: left;
	position: relative;
	top: 17.5px;
	font-size: 16px;
	text-decoration: none;
	display: block;
	margin-left: 15px;
	padding: 15px 0px;
	color: rgba(150, 150, 150, 1);
	-webkit-transition: background 0.25s, color 0.25s;
    -moz-transition: background 0.25s, color 0.25s;
	-ms-transition: background 0.25s, color 0.25s;
    -o-transition: background 0.25s, color 0.25s;
    transition: background 0.25s, color 0.25s;
}
header nav a[title~="Contact"]:not(.nav_add){
	display: block;
	background: rgba(5,60,85,1);
	padding: 15px !important;
	border-radius: 5px;
	color: rgba(225,225,225,1) !important;
}
header nav a[title~="Contact"]:before{
	content: "\f0e0";
	margin-right: 5px;
}
a#tel{
	font-size: 30px;
	color: rgba(231,81,31,1);
	margin-top: -10px;
}
a[href^="tel"]:before{
	content: '\f095';
	margin-right: 10px;
}
header nav:nth-child(2) a:hover{
	color: rgba(50, 50, 50, 1);
}
header nav a[title^="Contact"]:not(.nav_add):hover{
	color: rgba(255,255,255,1) !important;
	background: rgba(55,110,135,1) !important;
}
header nav:nth-child(3){
	box-shadow: 0px 5px 10px -5px rgba(150,150,150,1);
	position: absolute;
	top: 150px;
	left: 0px;
	width: 100%;
	background: rgba(250,250,250,1);
}
header nav:nth-child(3) ul{
	list-style: none;
}
header nav:nth-child(3) ul:nth-child(1) a{
	float: left;
	display: inline;
	padding: 15px;
	color: rgba(100,100,100,1);
	-webkit-transition: background 0.25s, color 0.25s;
    -moz-transition: background 0.25s, color 0.25s;
	-ms-transition: background 0.25s, color 0.25s;
    -o-transition: background 0.25s, color 0.25s;
    transition: background 0.25s, color 0.25s;
    font-size: 20px;
}
header nav:nth-child(3) ul:nth-child(1) a:hover{
	color: rgba(0,0,0,1);
}
header nav:nth-child(3) ul:nth-child(1) a.active{
	background: rgba(225,225,225,1);
}
header nav:nth-child(3) ul:nth-child(2) a{
	font-size: 30px;
	float: right;
	padding: 5px;
	color: rgba(100,100,100,1);
	-webkit-transition: background 0.25s, color 0.25s;
    -moz-transition: background 0.25s, color 0.25s;
	-ms-transition: background 0.25s, color 0.25s;
    -o-transition: background 0.25s, color 0.25s;
    transition: background 0.25s, color 0.25s;
}
header nav:nth-child(3) ul:nth-child(2) a:hover{
	color: rgba(175,175,175,1);
}
header nav:nth-child(3) ul:nth-child(2) a:not(.nav_add){
	display: inline;
}
header nav:nth-child(3) ul:nth-child(2) a.nav_add{
	display: none;
}
header nav a[title~="top"]:before{
	content: "\f0aa";
	color: rgba(231,81,31,1);
}
header nav li a[title~="Facebook"]:before{
	content: "\f09a";
}
header nav li a[title~="Instagram"]:before{
	content: "\e055";
}
header nav a[title~="Contact"]:before{
	content: "\f0e0";
}
header nav a[title~="Login"]:before{
	content: "\f007";
	margin-right: 5px;
	color: rgba(58,169,220,1);
}
header nav a[title~="Logout"]:before{
	content: "\f2f5";
	margin-right: 5px;
	color: rgba(58,169,220,1);
}
header nav a[href^="tel"]:before{
	content: "\f095";
}
#navbar{
	min-width: 900px;
}
.fixed{
	position: fixed !important;
	top: 0 !important;
	width: 100% !important;
	z-index: 10;
	min-width: 0px !important;
}
.fixed + .main {
  padding-top: 50px;
}
html body div.main div:nth-child(1){
	margin-top: 50px;
}
.main{
	width: 1000px;
	margin: 25px auto;
	overflow: hidden;
}
.main p{
	text-align: justify;
}
.content{
	border: 1px solid rgba(230,230,230,1);
	padding: 50px;
	margin-bottom: 50px;
	margin-left: 10px;
	margin-right: 10px;
	background: rgba(250,250,250,1);
	overflow: hidden;
	box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
}
.content img{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin-bottom: 50px;
}
.content_image{
	height: 300px;
	overflow: hidden;
	border-radius: 10px;
	margin-top: 0px !important;
}
.content h2{
	text-align: left;
	clear: both;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	box-shadow: 0px 10px 6px -5px rgba(225, 225, 225, 1.0);
	color: rgba(50,100,100,1);
	margin-bottom: 20px;
	padding: 10px 10px;
}
.content ul{
	padding: 10px;
}
.content p{
	font-size: 18px;
}
.content ul li{
	list-style: none;
	margin-bottom: 10px;
	font-size: 18px;
}
.content ul li p{
	font-size: 18px;
}
#about h3{
	margin-bottom: 20px;
}
#about p{
	margin-bottom: 15px;
	font-size: 18px;
}
#about p.announce{
	font-size: 20px;
	background: rgba(225, 100, 50, 1.0);
	padding: 25px;
	color: rgba(255, 255, 255, 1.0);
}
#about a[href^="tel"]{
	font-size: 25px !important;
	display: block;
	padding: 20px;
	border-radius: 10px;
	background: rgba(100, 200, 150, 1.0);
	margin-bottom: 10px;
	color: rgba(50, 50, 50, 1.0);
}
#rooms ul.checkboxes li:before{
	content: '\f14a';
	margin-right: 10px;
}
#rooms ul.rooms_gen{
	background: rgba(225, 220, 170, 1.0);
	padding: 25px;
	margin-top: 10px;
}
.rooms_p{
	padding: 25px;
	font-size: 20px;
	background: rgba(225, 225, 225, 1.0);
}
.room_tabs, .room_tabs_ {
	margin-top: 50px;
  	overflow: hidden;
  	border: 1px solid #ccc;
  	background-color: #f1f1f1;
  	box-sizing: border-box;
}
.room_tabs button, .room_tabs_ button {
  	background-color: inherit;
  	float: left;
  	border: none;
  	outline: none;
 	 cursor: pointer;
  	padding: 14px 16px;
 	 transition: 0.3s;
  	font-size: 17px;
}
.room_tabs button:hover, .room_tabs_ button:hover {
  	background-color: #ddd;
}
.room_tabs button.active, .room_tabs_ button.active {
  	background-color: #ccc;
}
.tabcontent, .tabcontent_ {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
	box-sizing: border-box;
}
#Room1{
	display: block;
}
#Description{
	display: block;
}
body {
  margin: 0;
  font-family: Arial;
}
.column {
	box-sizing: border-box;
  float: left;
  width: 25%;
  padding: 10px;
  position: relative;
  top: 10px;
}
.column img {
  opacity: 0.8; 
  cursor: pointer; 
}
.column img:hover {
  opacity: 1;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.container {
	width: 100%;
	position: relative;
	top: -40px;
	display: none;
}
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}
#location h3 a:before{
	content: '\f277';
	margin-right: 10px;
	color: rgba(231,81,31,1);
	padding-left: 10px;
}
#map, #sview{
	min-height: 350px;
	box-shadow: 0px 0px 5px 3px rgba(225,225,225,1);
}
#map, #contact, #information, #sview{
	float: none;
	width: 95%;
	margin: 2.5%;
}
footer.content{
	margin-bottom: 0px !important;
}
footer.content span{
	float: right;
}
footer.content span a{
	color: rgba(135,136,138,1);
}
#comments_message{
	padding: 40px;
	font-size: 20px;
	background: rgba(200, 190, 100, 1.0);
	border-radius: 10px;
	margin: 20px 0px;
}
.comments_slide{
	overflow: hidden;
	position: relative;
}
.comments_slide ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.rating{
	position: relative;
	left: 20px;
	top: -20px;
}
.rating, .rating_img{
	display: block;
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
	height: 15px;
	width: 15px;
}
#c_fb_neg_{
	background-image: url('img/thumbdown.png');
}
#c_fb_neu_{
	background-image: url('img/thumbside.png');
}
#c_fb_pos_{
	background-image: url('img/thumbup.png');
}
.rating_img{
	position: relative;
	left: 50px;
	top:  -20px;
}
.negative{
	background-image: url('img/thumbdown.png');
}
.neutral{
	background-image: url('img/thumbside.png');
}
.positive{
	background-image: url('img/thumbup.png');
}
label{
	clear: both;
}
.sl_content li{
	font-style: italic;
	padding: 25px;
	box-shadow: 3px 3px 5px 0px rgba(225,225,225,1);
	display: none;
}
.sl_content li:not(:first-child){
}
.sl_content li h3{
	font-size: 18px;
}
.sl_content li h4{
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 5px;
}
.sl_content li p{
	font-size: 20px;
}
label[for*="c_website"], input#c_website{
	display: none;
}
input[name="cancel"]{
	background-color: rgba(128, 25, 6, 1);
}
#Pricing{
	padding: 50px;
	background: rgba(225, 220, 170, 1.0);
}
#Pricing h3{
	padding: 15px;
	font-size: 25px;
}
#Pricing li{
	padding: 15px;
	list-style: none;
}
#Pricing h3 span{
	color: rgba(200, 50, 20, 1.0) !important;
}
#Pricing h4{
	padding: 15px;
	margin: 0;
	font-size: 20px;
}
#seo{
    visibility: hidden;
    height: 0px !important;
    margin: 0;
    padding: 0;
}
.announcement{
	color: rgba(255,50,50,1);
}
.announcement h2{
	color: rgba(255,50,50,1);
}
@keyframes animtwo {
    0% {
        filter:grayscale(100%);
    }
    
    100% {
        filter:grayscale(0%);
    }
}
@keyframes animthree {
    0% {
        box-shadow: 3px 3px 5px 3px rgba(200,200,200,1);
    }
    
    100% {
        box-shadow: -3px -3px 5px 3px rgba(200,200,200,1);
    }
}
@keyframes animfour {
    0% {
        filter:saturate(2);
    }
    
    100% {
        filter:saturate(1);
    }
}
@keyframes animfive {
    0% {
        filter:sepia(100%);
    }
    
    100% {
        filter:sepia(0%);
    }
}
@media (max-width:1150px) {
	header a[title~="Rest"]{
		background-image: url('img/favicon.png');
		height: 80px;
		width: 65px;
	}
}