
/*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        .jssora061 {display:block;position:absolute;cursor:pointer;}
        .jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
        .jssora061:hover {opacity:.8;}
        .jssora061.jssora061dn {opacity:.5;}
        .jssora061.jssora061ds {opacity:.3;pointer-events:none;}
		
.wt_slider_wrapper
		{
			position:relative;
		}
		.widget_wrap
		{			
			width: 33%;
			position: absolute;
			top: 50%;
			left: 7%;
			padding: 5px;
			background: rgba(0,0,0,0.4);
			transform: translateY(-50%);
			border-radius: 5px;
			box-shadow: 2px 2px 5px #000000;			
		}
		.widget_flex
		{
			display:flex;
			flex-flow:row wrap;
			justify-content:center;
			align-items:center;
		}
		.widget_flex>[class*='col-']>form>.form-group>label
		{
			text-transform: uppercase;
			color: #ffffff;
			font-weight: 100;
			font-size: 1.2rem;			
		} 
		.widget_flex>[class*='col-']>form>.form-group>[class*='col-']>input
		{
			width: 100%;
			height: 33px;
			text-transform: uppercase;
			text-align: center;
			font-size: 2rem;
			font-weight: 600;
			font-family: 'Great Vibes', cursive;
			color: #d9534f;		
		}
		#checkin+img, #checkout+img
		{
			position: absolute;
			top: 50%;
			left: 5%;
			height: 30px;
			max-height: 27px;
			transform: translateY(-50%);			
		}		
		.widget_flex>[class*='col-']>form>.form-group:last-child  [class*='col-']>input
		{			
		}
		/*input#nights
		{
			border: none;
			color: #ffffff;
			background: #479fd1;
			width: 18%;
			display: block;
			margin: 0 auto;
			font-size: 1.4rem;
			border-radius: 20px;
			padding: 1.8rem 0;	
			font-family: 'Poppins', sans-serif;
			font-weight: 500;		
		}*/
		input#save
		{
			background: #d9534f;
			border: none;
			color: #ffffff;
			text-transform: uppercase;
			border-radius: 3px;
			padding: 0.9rem 1rem;
			display: block;
			margin: 0 auto;	
		}
		input#save:hover
		{
			background: #b50c00;
		}
		.ui-widget.ui-widget-content>table
		{
			
		}
	[id^="pop-up-"]
	 {		
		position: fixed;		bottom: 5%;		width: 25%;		left: -100%;		padding: 1rem;		background: #ffffff;		border-radius: 4px;		transition: all ease-in-out 1s;		/*transform: translateY(100%);	*/	z-index:99;	 }
	 [id^="pop-up-"]:after	 {		content: '';		position: absolute;		width: 100%;		height: 100%;		background: linear-gradient(180deg, #c5c5c5, transparent);		top: 0;		left: 0;		z-index: -99;	 }	 [id^="pop-up-"]:before	 {		content: '';		position: absolute;		height: 72%;		background: linear-gradient(45deg, #585757, #d9534f);		padding: 0.1rem;		top: 50%;		left: 3%;		transform: translateY(-50%);	}	  [id^="close"]	 {		position: absolute;		top: 0;		right: 0;		padding: 0.1rem 1rem;		background: #d9534f;		color: #ffffff;		cursor: pointer;		z-index: 999;		border-radius: 4px;		text-transform: capitalize;		font-size: 1.3rem;	 } 	 [id^="popup-text-"]	 {			position: relative;		width: 100%;		box-sizing: border-box;		top: 50%;		padding: 1rem;		margin: 1.2rem 0 0;	 }	 [id^="popup-text-"]>p>span	 {	 		font-size: 3rem;		font-weight: 100;		color: #d9534f;	 }	[id^="popup-text-"]>p>span:nth-of-type(1)	{				position: absolute;	left: 0;		top: 0;	}	[id^="popup-text-"]>p>span:nth-of-type(2)	{				position: absolute;		right: 0;		bottom: 0;	}	[id^="popup-text-"]>p	{		font-size: 1.3rem;		line-height: 2rem;		word-spacing: 1px;		color: #000;			}/*#########------------ Admin CSS ------------###############*/	.admin-list
	{
		width:100%;
	}
	.admin-list>li
	{
		margin:1rem 0;
	}
	 @media only screen and (min-width:0px) and (max-width:767px)
	 {
		 #pop-up2, #pop-up
		 {
			 width:100%; 
			top: 100%;
			transform: translateY(-100%);
		 }
		 .widget_wrap
		 {
			 position: relative;
			width: 100%;
			bottom: 0;
			transform: translateY(0);
			left: 0;
			background: rgba(0,0,0,0.8);			 
		 }
		 .widget_flex>[class*='col-']>form>.form-group>label
		 {
			 font-size:1rem;
		 }
		/* input#nights
		 {			 
			width: 28%;
			padding: 1.4rem 0;
			font-size: 1.1rem;
		 }		*/ 
		 .widget_flex>[class*='col-']>form>.form-group>[class*='col-']>input
		 {
			 height:25px;
			font-size: 1.5rem;
		 }
		 input#save
		 {			 
			font-size: 1rem;
			padding: 0.5rem 1rem;
		 }
	 }
	 
	 @media only screen and (min-width:768px) and (max-width:991px)
	 {
		 #pop-up
		 {
			 width:50%; 
			top: 100%;
			transform: translateY(-100%);
		 }
		 .widget_flex>[class*='col-']>form>.form-group>label
		 {
				font-size:1rem;
		 }
		 .widget_wrap
		{
			width:44%;
		}
		 input#nights
		 {
			 width:25%;
		 }
		 .widget_flex>[class*='col-']>form>.form-group>[class*='col-']>input
		 {
			 height:25px;
		 }
	 }
	 @media only screen and (min-width:992px) and (max-width:1024px)
	 {
		.widget_wrap
		{
			width:44%;
		} 
	 }