.booking_form {
	margin-top: -60px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: relative;
	z-index: 9;
	padding: 30px 30px 20px 30px;
	border-radius: 10px;
}
.booking_form .form_col {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 5px;
	margin-bottom: 10px;
}
.booking_form input, .booking_form select {
	padding-left: 12px;
}
.booking_form label {
	color: #f15a2f;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}
.item_box {
	box-shadow: 0 0 25px rgba(0,0,0,0.1);
	border-radius: 10px;
	margin-bottom: 30px;
}
.item_info {
	padding: 15px;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
}
.item_img {
	position: relative;
	border-radius: 10px 10px 0 0;
}
.item_img img {
	border-radius: 10px 10px 0 0;
	width: 100%;
}
.item_foot {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	display: table;
	width: 100%;
}
.room_price {
	float: left;
	width: 60%;
}
.room_price h4 {
	display: block;
	font-weight: bold;
	font-size: 24px;
}
.item_stars {
	float: right;
	text-align: center;
}
.stars {
	margin: 4px 0 4px;
}
.stars i {
	color: #ffc300;
	font-size: 18px;
}
.room_services {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 1;
}
.room_services i {
	width: 30px;
	text-align: center;
	height: 30px;
	background-color: rgba(255,255,255,0.2);
	line-height: 30px;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
}
.room_services i:hover {
	background-color: #0E93D8;
}
.item_img:before {
    position: absolute;
    content: '';
    pointer-events: none;
    z-index: 1;
    opacity: 0.9;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a6000000',GradientType=0 );
}
.item_box .badge {
	position: absolute;
	bottom: 14px;
	padding: 5px 8px;
	right: 10px;
	z-index: 1;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}
.room_filter_sidebar .widget {
background: #000000;
	padding: 20px 15px;
}
.filter_title {
	color: #fff;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}
.room_filter_sidebar .widget:not(:last-child) {
	margin-bottom: 30px;
}
.widget_facilities .custome-checkbox:not(:last-child) {
	margin-bottom: 10px;
}
.room_list .item_box {
	display: -ms-flexbox;
	display: flex;
}
.room_list .item_img {
	max-width: 44%;
	flex: 0 0 44%;
	border-radius: 0;
}
.room_list .item_img img {
	border-radius: 0;
}
.room_list .item_info {
	border-radius: 0;
	padding: 20px;
}
.room_list .item_info p {
	height: 75px;
	overflow: hidden;
}
.rooms_slider {
	margin-bottom: 30px;
}
.room_details_title {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}
.room_details_text,
.room_basic_info {
	margin-bottom: 30px;
}
.room_basic_info ul {
	display: table;
}
.room_basic_info li {
	list-style: none;
	float: left;
	width: 33.33%;
	padding: 5px;
}
.room_basic_info ul .no i {
    color: #f1572f!important;
}
.room_basic_info ul li i {
	color: #82b73a;
	margin-right: 3px;
	width: 16px;
	text-align: center;
}
.room_location {
	margin-bottom: 10px;
}
.room_location iframe {
	width: 100%;
	height:300px;
}
.room_pricing {
	margin: 0;
	text-align: right;
}
.room_pricing h2 {
	color: #fff;
	font-weight: bold;
}
.room_pricing span {
	color: #fff;
}
.sidebar_content .widget_reservation form {
	padding: 20px 15px 5px;
	background-color: #222;
}
.widget_reservation h5 {
	padding: 20px 10px;
	background-color: #0e93d8;
	color: #fff;
	margin: 0;
	text-align: center;
}
.room_title * {
	color: #fff;
	font-weight: bold;
}
.room_rating .stars {
	display: inline-block;
	vertical-align: middle;
}
.room_rating span {
	color: #fff;
	margin-left: 5px;
}
.room_rating {
	margin-bottom: 5px;
}
.payment_option {
	margin-top: 20px;
	border: 1px solid #CED4DA;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
}
.payment_option .payment-text {
	padding-left: 22px;
}
.sidebar .item_info h5 {
	margin-bottom: 15px;
}
.place_item {
	position: relative;
	overflow: hidden;
}
.place_item::before {
	position: absolute;
	content: '';
	pointer-events: none;
	z-index: 1;
	opacity: 0.9;
	top: auto;
	bottom: 0;
	width: 100%;
	height: 70%;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.85)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a6000000',GradientType=0 );
}
.place_content {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 1;
}

.place_content *,
.place_content h6 a {
	color: #fff;
	margin: 0;
}
.place_item:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.place_img {
	position: relative;
	margin-bottom: 20px;
}
.place_img:before {
	position: absolute;
	content: '';
	pointer-events: none;
	z-index: 1;
	opacity: 0.9;
	top: auto;
	bottom: 0;
	width: 100%;
	height: 30%;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.85)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a6000000',GradientType=0 );
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
.room_list .room_price span,
.room_list .item_stars span {
	font-size: 14px;
}
.room_list .item_info p {
	height: 50px;
}
.room_list .room_price h4 {
	margin: 0;
}
.room_list .stars {
	margin-bottom: 0;
	line-height: normal;
}
}

@media only screen and (max-width: 1199px) {
.booking_form .btn {
	padding: 10px;
}
.room_list .item_info {
	padding: 15px 20px;
}
.room_list .item_img {
	max-width: 46%;
	-webkit-box-flex: 0 0 46%;
	-webkit-flex: 0 0 46%;
	-ms-flex: 0 0 46%;
	flex: 0 0 46%;
}
.room_list .item_info p {
	margin-bottom: 10px;
}
}
@media only screen and (max-width: 991px) {
.booking_form {
	padding: 20px 20px 10px 20px;
}
.booking_form .form_col {
	-webkit-box-flex: 0 0 33.33%;
	-webkit-flex: 0 0 33.33%;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
}
.room_filter_sidebar {
	margin-top: 30px;
}
.room_list .room_price h4 {
	margin-bottom: 5px;
}
.room_list .item_info p {
	height: 70px;
}
.sidebar_content {
	margin-top: 15px;
}
.room_pricing {
	text-align: left;
	margin-top: 15px
}
}
@media only screen and (max-width: 767px) {
.booking_form .form_col {
	-webkit-box-flex: 0 0 50%;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.newsletter_icon {
	text-align: center;
	margin-top: 40px;
}
.newsletter_box {
	padding: 30px;
}
.room_list .item_box {
	display: block;
}
.room_list .item_img {
	max-width: 100%;
	-webkit-box-flex: 0 0 100%;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}
.room_list .item_img img {
	border-radius: 10px 10px 0 0;
}
.room_list .item_info {
	border-radius: 0 0 10px 10px;
}
}
@media only screen and (max-width: 575px) {
.booking_form {
    margin-top: 0;
}
.item_box {
	margin-bottom: 15px;
}
.room_basic_info li {
	width: 50%;
	font-size: 14px;
}
}
@media only screen and (max-width: 480px) {
.booking_form .form_col {
	-webkit-box-flex: 0 0 100%;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.newsletter_box {
	padding: 20px;
}
.sidebar_content {
	margin-top: 0px;
}
.room_details_title {
	font-size: 20px;
	margin-bottom: 10px;
}
.payment_option {
	margin-top: 5px;
	margin-bottom: 5px;
}
}

.dtxpagination {
text-align:center;
margin-top:30px;
margin-bottom:30px;
}

h4{
font-size:20px;
}

.imagedropshadow {
    padding: 5px;
    border: solid 1px #f2592f;
margin-bottom:20px;
}
a:hover img.imagedropshadow {
    border: solid 1px #a2cd42;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
}






@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.corners {
	width: 60px;
	height: 60px;
	position: relative;
	transform-origin: center;
	animation: spin 3s infinite linear;
}

.corner {
	width: 100%;
	height: 100%;
	position: absolute;
	
	&::before {
		display: block;
		width: 48%;
		height: 48%;
		border-radius: 0 40% 0 40%;
		background-color: #332a19;
		content: '';
	}
}

@keyframes spin1 {
	0% { transform: rotate(0deg); }
	30% { transform: rotate(0deg); }
	70% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes spin2 {
	0% { transform: rotate(0deg); }
	30% { transform: rotate(270deg); }
	70% { transform: rotate(270deg); }
	100% { transform: rotate(360deg); }
}

@keyframes spin3 {
	0% { transform: rotate(0deg); }
	30% { transform: rotate(180deg); }
	70% { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
}

@keyframes spin4 {
	0% { transform: rotate(0deg); }
	30% { transform: rotate(90deg); }
	70% { transform: rotate(90deg); }
	100% { transform: rotate(360deg); }
}

.corner--1 {
	animation: spin1 3s infinite cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.corner--2 {
	animation: spin2 3s infinite cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.corner--3 {
	animation: spin3 3s infinite cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.corner--4 {
	animation: spin4 3s infinite cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.centered{
text-align:center;
}


.btn-outline{
border-color:#332a19;
background-color:#332a19;
color:#332a19;
}


.articlebox{
margin-bottom:40px;
border: 1px solid #f2592f;
padding:20px;
width:100%;
background-color:#ffffff;
 position:relative;
}


.news-text h4{
margin-top:10px;
}

.articlebox .accommodation-text{
padding:20px;
}

.articlebox .accommodation-details{
font-size:100%;
}
.articlebox .accommodation-image{
width:100%;
padding-top:20px;
padding-bottom:20px;
float:left;
padding:10px;
}
.articlebox .accommodation-link{
padding:10px;
float:right;
}

.mobile-articlebox{
margin-bottom:10px;
border: 1px solid #332a19;
padding:10px;
}


@media only screen and (max-width:480px) {
  .hidden-mobile {
    display: none;
  }
}

@media only screen and (max-width:480px) {
  .mobile-only {
display:visible;
  }
}
@media only screen and (min-width:480px) {
  .mobile-only {
display:none;
  }
}
@media only screen and (max-width:480px) {
  .articlebox {
margin-bottom:10px;
border: 1px solid #332a19;
padding:10px
  }
}

@media only screen and (max-width:768px) {
.navbar-brand img {
    max-width: 200px;
}
}

.orange_bg{
    background-color: #f89a2e;
}
.red_bg {
    background-color: #ef402f;
}
.yellow_bg {
    background-color: #fcc22e;
}
.gradient {
background: linear-gradient(0deg, rgba(242,92,47,1) 0%, rgba(254,209,59,1) 100%);
	position: relative;
border-top: 5px solid  #ef402f;
border-bottom: 5px solid  #ef402f;
}
.white{
color:#ffffff!important;
}
/***********************************************************************************
 *	- CALL ME
 ***********************************************************************************/

.callmebox{
margin-bottom:0px;
}

#callme{
position: fixed;
top: 0px;
z-index:1000;
background-color: #ee3f2e;
color:#ffffff;
padding:10px;
width:100%;
text-align:center;
float:right;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor:pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
border: thin solid #040c5f;
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-weight:bold;
font-size:16px;
display: none;
}

	#callme:a {
		color: #ffffff!important;
	}

	#callme:hover {
		background-color: #fdc62e;
		color: #fff;
	}


	
  /* Smartphone Portrait and Landscape */ 
@media screen and (max-width: 768px) { 
      #callme {display: block;}
      .callmebox{margin-bottom:48px;}
  }

.contact_info a:link{
color:#000000!important;
}
.contact_info a:hover{
color:#ef402f!important;
}


.delivery{
float:left;
margin-top:15px;
}


#scroll-container {
  border:0px solid black;
  border-radius: 5px;
  overflow: hidden;
}

#scroll-text {
  /* animation properties */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
  -moz-animation: my-animation 15s linear infinite;
  -webkit-animation: my-animation 15s linear infinite;
  animation: my-animation 15s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(-100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }