@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

html{
	line-height: 2;
}
body{
	font-family: 'Open Sans', sans-serif;
	background-image: url(../images/hotel-bg.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-size: contain;
	background-color:#35544a;
	color:#fff;
}

.logo{
	text-align:center;
	padding:0px;
}

.logo img{
	width:230px;
	text-align:center;
}

div.star-rating, div.star-rating a{
	color: #7e1818 !important;
}

.text-right{
	text-align:right;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{
	border-bottom: 1px solid #173a2c;
	color:#3b594d;
}

.input-field>label{
	color: #173a2c;
	font-size: 1.4rem!important;
	line-height: 20px;
	font-weight: 600;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #173a2c;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
}


input:not([type]):focus.valid ~ label, input[type=text]:not(.browser-default):focus.valid ~ label, input[type=password]:not(.browser-default):focus.valid ~ label, input[type=email]:not(.browser-default):focus.valid ~ label, input[type=url]:not(.browser-default):focus.valid ~ label, input[type=time]:not(.browser-default):focus.valid ~ label, input[type=date]:not(.browser-default):focus.valid ~ label, input[type=datetime]:not(.browser-default):focus.valid ~ label, input[type=datetime-local]:not(.browser-default):focus.valid ~ label, input[type=tel]:not(.browser-default):focus.valid ~ label, input[type=number]:not(.browser-default):focus.valid ~ label, input[type=search]:not(.browser-default):focus.valid ~ label, textarea.materialize-textarea:focus.valid ~ label{
	color: #173a2c;
}

input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #173a2c;
}

input.valid:not([type]), input.valid:not([type]):focus, input[type=text].valid:not(.browser-default), input[type=text].valid:not(.browser-default):focus, input[type=password].valid:not(.browser-default), input[type=password].valid:not(.browser-default):focus, input[type=email].valid:not(.browser-default), input[type=email].valid:not(.browser-default):focus, input[type=url].valid:not(.browser-default), input[type=url].valid:not(.browser-default):focus, input[type=time].valid:not(.browser-default), input[type=time].valid:not(.browser-default):focus, input[type=date].valid:not(.browser-default), input[type=date].valid:not(.browser-default):focus, input[type=datetime].valid:not(.browser-default), input[type=datetime].valid:not(.browser-default):focus, input[type=datetime-local].valid:not(.browser-default), input[type=datetime-local].valid:not(.browser-default):focus, input[type=tel].valid:not(.browser-default), input[type=tel].valid:not(.browser-default):focus, input[type=number].valid:not(.browser-default), input[type=number].valid:not(.browser-default):focus, input[type=search].valid:not(.browser-default), input[type=search].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid>input.select-dropdown{
	    border-bottom: 1px solid #e29d2c;
    -webkit-box-shadow: 0 1px 0 0 #e29d2c;
    box-shadow: 0 1px 0 0 #e29d2c;
}
.flex{
	display: flex;
  flex-wrap: wrap;
}
[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after {
    border: 2px solid #e8b778;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid #e8b778;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: #e8b778;
}

[type="radio"]:not(:checked)+span, [type="radio"]:checked+span{
	height: 40px;
	line-height: 34px;
	padding-left: 45px;
}
[type="radio"]+span:before, [type="radio"]+span:after{
	width: 28px;
    height: 28px;
}

.absolute{
	padding: 20px!important;
  background-color: rgba(255, 255, 255, 0.7);
	position:relative;
}
.abs{
	position:absolute;
	top:0;
	left:0;
	width: 98%;
  height: 100%;
  border: 3px solid #e8b778;
  margin: 7px;
  z-index: -1;
}

.section-body{
	/*margin-top:-5em;*/
}

.home-bg {
    padding: 1em 0em;
    height: auto;
		/*background-image: url(../images/hotel-bg1.jpg);*/
		background-size: 100%;
    position: relative;
    z-index: 1;
    background-position: 100%;
}

.home-bg::before{
	  /*background: linear-gradient( 0deg, rgb(1, 73, 73) 50%, rgb(24, 47, 85) 100%);*/
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.7;
		background: #fff;
}
.tlt{
	color:#e8b778;
	font-size:24px;
	text-align:center;
	margin-top: 25px;
}

.tlt strong{
	font-weight:700;
}

.sub-tlt{
	font-size: 20px;
	margin:10px 0px;
	color:#173a2c;
	font-weight:700;
	text-transform: uppercase;
}

.row{
	margin-bottom:5px;
}

.x-title{
	font-size: 18px;
  margin: 10px 0px;
	line-height: 30px;
	color:#fff;
}

.fieldset{
	padding:1px;
}

.label{
	font-size: 20px;
	color:#fff;
	margin-right: 7px;
}

.label span{
	font-size:20px;
}

.btn-label{
	font-size:20px !Important;
	    color: #fff;
}

.btn, .btn-large, .btn-small{
	background-color:#e8b778;
	color:#7e1818;
}

/************************
Rating
*************************/
.star-rating {
  font-family: 'FontAwesome';
  margin: 0px auto;
  text-align:right
}
.star-rating > fieldset {
  border: none;
  display: inline-block;
}
.star-rating > fieldset:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
.star-rating > fieldset:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 .05em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  color: #e8b778;
  margin-right:2px;
}
.star-rating > fieldset:not(:checked) > label:before {
  content: '\f006  ';
}
.star-rating > fieldset:not(:checked) > label:hover,
.star-rating > fieldset:not(:checked) > label:hover ~ label {
  color: #e8b778;
  text-shadow: 0 0 3px #e8b778;
}
.star-rating > fieldset:not(:checked) > label:hover:before,
.star-rating > fieldset:not(:checked) > label:hover ~ label:before {
  content: '\f005  ';
}
.star-rating > fieldset > input:checked ~ label:before {
  content: '\f005  ';
}
.star-rating > fieldset > label:active {
  position: relative;
  top: 2px;
}
.btn:hover, .btn-large:hover {
    background-color: #b68b54;
}

/********************
radio Buttons
********************/
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{
	height: 30px;
  line-height: 30px;
	padding-right: 35px !important;
	padding-right: 0px !important;
}

[type="radio"] + label:before, [type="radio"] + label:after{
	width: 25px;
    height: 25px;
}

[type="radio"]:not(:checked) + label:before{
	border: 3px solid #e8b778;
}

[type="radio"]:checked + label:before{
	    border-right: 3px solid #e8b778;
    border-bottom: 3px solid #e8b778;
}

.tagline {
    height: 0;
    border-top: 1px solid #684705;
    text-align: center;
}
.tagline span {
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding: 0 15px;
    background: #2b6b50;
    color: #ffffff;
		top: -20px;
		font-size: 20px;
}
.spacer-b20 {
    margin-bottom: 20px;
}
.spacer-t10 {
    margin-top: 10px;
}
.spacer{
	height: 50px;
}
.text-center{
	text-align: center;
}
[type="checkbox"] + label{
	font-size: 20px;
  color: #fff;
}

/*******************************
Css of stars
********************************/
.pull-left{
	float:left;
}

input.star{
  display: none;
}

label.star {
  float: right;
  padding: 3px;
  font-size: 36px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content:'\f005';
  color: #FD4;
  transition: all .25s;
}

/*
input.star-5:checked ~ label.star:before {
  color:#FE7;
  text-shadow: 0 0 20px #952;
}*/
/*input.star-1:checked ~ label.star:before {
  color:#FE7;
  text-shadow: 0 0 20px #952;
}*/
input.star-5:checked ~ label.star:before {
  color:#FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before {
  color: #F62;
}

label.star:hover{
  transform: rotate(-15deg) scale(1.3);
}

label.star:before{
  content:'\f006';
  font-family: FontAwesome;
	border: none!important;
	font-size: 35px;
  color: #e29d2c;
}
.rev-box{
  overflow: hidden;
  height: 0;
  width: 100%;
  transition: all .25s;
}

textarea.review{
  background: #222;
  border: none;
  width: 100%;
  max-width: 100%;
  height: 100px;
  padding: 10px;
  box-sizing: border-box;
  color: #EEE;
}

label.review{
  display: block;
  transition:opacity .25s;
}
input.star:checked ~ .rev-box{
  height: 125px;
  overflow: visible;
}
.ratings_box{
	background: rgba(23, 58, 44, 0.8);
	width: 100%;
	float: left;
	padding: 20px;
	margin: 10px 0;
	border-top: 8px solid #e29d2c;
	height: 175px;
	box-shadow: 1px 1px 15px #000;
}
.btn-style{
	background-color: #35554b;
	color: #FFC107;
	font-size: 18px;
}
#location .form-error{
	position: absolute;
	bottom: -45px;
	left: 0;
}
#location{
	position: relative;
}