@media only screen and (max-width: 768px) {
	div.home_more a:hover {
		background: #FFF;
		color: #1a1d28;
	}

	body {
		overflow-y: inherit;
		overflow: inherit;
	}

	.one_screen {
		height: auto;
		position: relative;
	}

	.screen_height {
		height: auto;
	}

	.about_content {
		height: auto;
		top: 0;
		padding: 25px;
		left: 0;
		transform: translateY(0);
	}

	.rooms_content {
		height: 415px;
		top: 0;
		left: 0;
		transform: translateY(0);
	}

	.bg_svg:before {
		left: 8px;
		top: 5px;
	}

	.title_text > h3 {
		height: 83px;
		line-height: 78px;
	}

	.title_text > span {
		height: 83px;
		line-height: 83px;
	}

	.about_content p {
		height: auto;
		margin: 40px 0;
	}

	.img_overlay > img {
		width: 100%;
		height: auto;
	}

	.img_overlay {
		height: 240px;
	}

	.booking_form {
		width: 900px;
	    height: 150px;
	    left: 50%;
	    bottom: 200px;
		padding: 50px;
	}

	.header_main {
		position: absolute !important;
	}

	.bg_svg:before {
		display: none;
	}

	.title_text {
		padding: 0 25px;
	}

	.rooms_title {
		bottom: 150px;
		right: 150px;
		font-size: 50px;
	}

	.rooms_title:before {
		height: 120px;
		width: 131px;
		left: -60px;
		top: -50px;
	}

	.title_text > h3 {
		width: 70%;
	}

	.title_text > span {
		width: 30%;
	}
}

@media only screen and (min-width: 768px) {
	div.home_more a:hover {
		background: #FFF;
		color: #1a1d28;
	}

	body {
		overflow-y: inherit;
		overflow: inherit;
	}

	.one_screen {
		height: 416px;
		position: relative;
	}

	.one_screen:nth-child(3) {
		margin: 70px 0px;
	}

	.screen_height {
		height: 416px;
	}

	.about_content {
		height: 416px;
		top: 0;
		padding: 50px;
		left: 0;
		transform: translateY(0);
	}

	.rooms_content {
		height: 416px;
		top: 0;
		left: 0;
		transform: translateY(0);
	}

	.bg_svg:before {
		left: 30px;
		top: 36px;
	}

	.title_text > h3 {
		height: 83px;
		line-height: 83px;
	}

	.title_text > span {
		height: 83px;
		line-height: 83px;
	}

	.about_content p {
	    height: 200px;
	    margin: 10px 0;
	}

	.img_overlay > img {
		width: auto;
	    height: 100%;
	}

	.img_overlay {
		height: 416px;
	}

	.booking_form {
		width: 700px;
	    height: 90px;
	    left: 50%;
	    bottom: 35px;
		padding: 20px;
	}

	.header_main {
		position: absolute !important;
	}

	.bg_svg:before {
		display: block;
	}

	.title_text {
		padding: 0 25px;
	}

	.input_overlay {
		width: 29.7%;
	}

	.rooms_title {
		bottom: 50px;
	    right: 50px;
	    font-size: 30px;
	}

	.rooms_title:before {
		height: 120px;
		width: 85px;
		left: -40px;
	    top: -30px;
	}

	.title_text > h3 {
		width: 68%;
	}

	.title_text > span {
		width: 32%;
	}
}

@media only screen and (min-width: 1024px) {
	div.home_more a:hover {
		background: #FFF;
		color: #1a1d28;
	}

	body {
		overflow-y: inherit;
		overflow: inherit;
	}

	.one_screen {
		height: 100vh;
		position: relative;
	}

	.one_screen:nth-child(3) {
		margin: 0;
	}

	.screen_height {
		height: 100vh;
	}

	.about_content {
		height: 430px;
		top: 50%;
		padding: 65px;
		left: -140px;
		transform: translateY(-50%);
	}

	.rooms_content {
		height: 415px;
		top: 55%;
		left: 140px;
		transform: translateY(-50%);
	}

	.bg_svg:before {
		left: 30px;
		top: 36px;
	}

	.title_text > h3 {
		height: 83px;
		line-height: 83px;
	}

	.title_text > span {
		height: 83px;
		line-height: 83px;
	}

	.about_content p {
		height: 200px;
		margin: 5px 0;
	}

	.img_overlay > img {
		width: auto;
		height: 100vh;
	}

	.img_overlay {
		height: 100vh;
	}

	.booking_form {
		width: 750px;
	    height: 100px;
	    left: 50%;
	    bottom: 200px;
		padding: 25px;
	}

	.header_main {
		position: absolute !important;
	}

	.bg_svg:before {
		display: block;
	}

	.title_text {
		padding: 0 25px;
	}

	.input_overlay {
		width: 30.5%;
	}

	.rooms_title {
		bottom: 90px;
	    right: 90px;
		font-size: 50px;
	}

	.rooms_title:before {
		height: 120px;
		width: 131px;
		left: -60px;
		top: -50px;
	}

	.title_text > h3 {
		width: 70%;
	}

	.title_text > span {
		width: 30%;
	}
}

@media only screen and (min-width: 1250px) {
	div.home_more a:hover {
		background: #4877cd;
		color: #FFF;
	}

	body {
		overflow-y: none;
		overflow: hidden;
	}

	.one_screen {
		height: 100vh!important;
		position: relative;
	}

	.screen_height {
		height: 100vh;
	}

	.about_content {
		height: 340px;
	    top: 52%;
	    padding: 50px;
	    left: -140px;
	    transform: translateY(-50%);
	}

	.rooms_content {
		height: 415px;
		top: 60%;
		left: 140px;
		transform: translateY(-50%);
	}

	.bg_svg:before {
		left: 28px;
		top: 40px;
	}

	.title_text > h3 {
		height: 83px;
		line-height: 78px;
	}

	.title_text > span {
		height: 83px;
		line-height: 83px;
	}

	.about_content p {
		height: 130px;
		margin: 10px 0;
	}

	.img_overlay > img {
		width: auto;
		height: 100vh;
	}

	.img_overlay {
		height: 100vh;
	}

	.booking_form {
		width: 750px;
		height: 125px;
		left: 50%;
		bottom: 160px;
		padding: 38px;
	}

	.header_main {
		position: fixed !important;
	}

	.bg_svg:before {
		display: block;
	}

	.title_text {
		padding: 0 25px;
	}

	.input_overlay {
		width: 30.5%;
	}

	.rooms_title {
		bottom: 150px;
		right: 150px;
		font-size: 50px;
	}

	.rooms_title:before {
		height: 120px;
		width: 131px;
		left: -60px;
		top: -50px;
	}

	.title_text > h3 {
		width: 80%;
	}

	.title_text > span {
		width: 20%;
	}
}

@media only screen and (min-width: 1400px) {
	div.home_more a:hover {
		background: #4877cd;
		color: #FFF;
	}

	body {
		overflow-y: none;
		overflow: hidden;
	}

	.one_screen {
		height: unset;
		position: relative;
	}

	.screen_height {
		height: 100vh;
	}

	.about_content {
		height: 383px;
	    top: 50%;
	    padding: 70px;
	    left: -140px;
	    transform: translateY(-50%);
	}

	.rooms_content {
		height: 500px;
		top: 55%;
		left: 140px;
		transform: translateY(-50%);
	}

	.bg_svg:before {
		left: 28px;
		top: 40px;
	}

	.title_text > h3 {
		height: 100px;
		line-height: 95px;
	}

	.title_text > span {
		height: 100px;
		line-height: 100px;
	}

	.about_content p {
		height: 110px;
		margin: 20px 0;
	}

	.img_overlay > img {
		width: auto;
		height: 100vh;
	}

	.img_overlay {
		height: 100vh;
	}

	.booking_form {
		width: 750px;
	    height: 150px;
	    left: 50%;
	    bottom: 200px;
		padding: 50px;
	}

	.header_main {
		position: fixed !important;
	}

	.bg_svg:before {
		display: block;
	}

	.title_text {
		padding: 0 50px;
	}

	.input_overlay {
		width: 30.5%;
	}

	.rooms_title {
		bottom: 150px;
		right: 150px;
		font-size: 50px;
	}

	.rooms_title:before {
		height: 120px;
		width: 131px;
		left: -60px;
		top: -50px;
	}

	.title_text > h3 {
		width: 80%;
	}

	.title_text > span {
		width: 20%;
	}
}

@media only screen and (min-width: 1600px) {
	div.home_more a:hover {
		background: #4877cd;
		color: #FFF;
	}

	body {
		overflow-y: none;
		overflow: hidden;
	}

	.one_screen {
		height: 100vh;
		position: relative;
	}

	.screen_height {
		height: 100vh;
	}

	.about_content {
		height: 500px;
		top: 50%;
		padding: 100px;
		left: -140px;
		transform: translateY(-50%);
	}

	.rooms_content {
		height: 500px;
		top: 55%;
		left: 140px;
		transform: translateY(-50%);
	}

	.bg_svg:before {
		left: 45px;
		top: 70px;
	}

	.title_text > h3 {
		height: 100px;
		line-height: 95px;
	}

	.title_text > span {
		height: 100px;
		line-height: 100px;
	}

	.about_content p {
		height: 100px;
		margin: 40px 0;
	}

	.img_overlay > img {
		width: auto;
		height: 100vh;
	}

	.img_overlay {
		height: 100vh;
	}

	.booking_form {
		width: 750px;
		/*width: 900px;*/
	    height: 150px;
	    left: 50%;
	    bottom: 200px;
		padding: 50px;
	}

	.header_main {
		position: fixed !important;
	}

	.bg_svg:before {
		display: block;
	}

	.title_text {
		padding: 0 50px;
	}

	.input_overlay {
		width: 30.5%;
	}

	.rooms_title {
		bottom: 150px;
		right: 150px;
		font-size: 50px;
	}

	.rooms_title:before {
		height: 120px;
		width: 131px;
		left: -60px;
		top: -50px;
	}

	.title_text > h3 {
		width: 80%;
	}

	.title_text > span {
		width: 20%;
	}
}
/* # */
/* # */
/* . */
.active_page {
    background: #fff;
    padding: 2px 4px 0;
}

section {
    padding: 0;
}

.one_screen video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.one_screen {
    overflow: hidden;
}

.scroll_div_animation {
    width: 90px;
    height: 90px;
    background:rgba(255,255,255, 0.5);
	left: 0;
    top: 0;
    position: absolute;
    border-radius: 50%;
}

.scroll_div {
    width: 70px;
    height: 70px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.animation_div {
	position: absolute;
    bottom: 50px;
    width: 90px;
    height: 90px;
	left: 50%;
	transform: translateX(-50%);
}

.scroll_div .ba_arrow_down {
    display: block;
    position: relative;
    height: 15px;
    top: 25px;
}

.scroll_div .ba_arrow_down:nth-child(2) {
    opacity: 0.5;
    font-size: 12px;
}

#play_animation {
	animation: wave 1.2s ease-in-out infinite alternate;
	-webkit-animation: wave 1.2s ease-in-out infinite alternate;
}

@keyframes wave {
   0% {
	   transform: scale(1.0);
	   -webkit-transform: scale(1.0);
   }
   100% {
	   transform: scale(1.2);
	   -webkit-transform: scale(1.2);
   }
}
/* . */
/* Pages scroll. */
#scroll_pages_buttons_div {
	padding: 30px;
	position: fixed;
	width: 100px;
	left: 0;
	top: 50%;
	z-index: 1;
	transform:translateY(-50%);
}

#scroll_pages_buttons_div div {
	cursor: pointer;
}

.button_outside {
	transition: all 0.2s ease-in-out;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 4px solid #fff;
	margin: 20px 0px;
	padding: 1.1px;
}

.active_button_outside:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: #f7a231;
	border-radius: 50%;
	position: absolute;
	margin: 1px;
}

.img_overlay {
	overflow: hidden;
}

.about_content {
	position: relative;
	width: 100%;
	background: #e3e4eb;
}

.rooms_content {
	position: relative;
	width: 100%;
	background: #e3e4eb;
	z-index:20;
}

.room_select {
	cursor: pointer;
	transition: 0.25s ease-in-out;
}

.room_select:hover {
	background: #4877cd;
}

.room_select:hover h3,
.room_select:hover span {
	color: #fff;
}

.title_text > h3 {
	float: left;
	overflow: hidden;
}

.title_text > span {
	display: block;
	float: left;
	text-align: right;
	font-size: 22px;
	color: #1a1d28;
}

div.home_more {
    text-align: left;
    padding: 20px 0px;
	color: #1a1d28;
}

div.home_more a {
	color: #1a1d28;
	padding: 15px 30px;
	transition:all ease-in-out 0.3s;
	width: 130px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
	background: #fff;
	text-transform: capitalize;
}

.bg_svg:before {
	background: url(../../images/symbols/red.svg)no-repeat;
	content: "";
	height: 120px;
	position: absolute;
	width: 107px;
	z-index: -1	;
}

.booking_form {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    transform: translateX(-50%);
}

.input_overlay {
	float: left;
	height: 50px;
	margin: 0px 10px;
	position: relative;
}

.booking_form input {
    width: 100%;
	float: left;
	height: 50px;
	margin: 0px 10px;
}

.input_overlay > span {
	position: absolute;
	pointer-events: none;
    right: 10px;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    z-index: 1;
}

.booking_form .book_now_button {
	width: 29.5%;
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #4877cd;
	border-color: #4877cd;
	cursor: pointer;
	color: #fff;
	display: block;
	text-decoration: none;
	margin: 0px 10px;
	transition: 0.15s ease-in-out;
	text-transform: capitalize;
}

.booking_form .book_now_button:hover {
	background: #6496f1;
}

[type="date"]::-webkit-inner-spin-button {
  display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
	background: red;
  	z-index: 2;
	opacity: 0;
	margin-right: -5px;
	padding: 5px 5px;
	cursor: pointer;
}

input.calendar {
	cursor: pointer;
}

input[type="text"], input[type="file"], input[type="password"], input[type="date"] {
    border: 1px solid #bbbbc3;
    margin: 0;
    outline: none;
	padding: 10px 20px;
    /*padding: 10px;*/
}
footer.one_screen{
	height:100%!important;
}
.scroll_div .ba_arrow_down {
    -webkit-animation-name: animate_arrows;
    -webkit-animation-duration: 1.7s;
    animation-name: animate_arrows;
    animation-duration: 1.7s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes animate_arrows {
    0%   {top: 10%; opacity: 0;}
    50% {opacity: 1;}
    100% {top: 75%; opacity: 0;}
}

@keyframes animate_arrows {
    0%   {top: 10%; opacity: 0;}
    50% {opacity: 1;}
    100% {top: 75%; opacity: 0;}
}

.rooms_title {
	position: absolute;
	color: #fff;
	z-index: 11;
}

.rooms_title:before {
	background: url(../../images/symbols/yel_b.svg)no-repeat;
	content: "";
	position: absolute;
	z-index: -1;
}
/* Pages scroll. */

#PopupSignupForm_0 {
	display: none;
}