*{
     box-sizing: border-box;
}
 body {
     margin: 0;
    background: #f0f0f0;
}
.skelton-loader {
     /*height: 100vh;
     display: flex;
     flex-flow: wrap row;
     justify-content: center;
     align-items: center;
	 margin-top:60px;*/
	height: 100vh;
    margin-top: 58px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9895;
    background: #f6f6f6;
    padding: 20px 0px;
}
 .box{
     width: 100%;
}
 .skeleton {
     padding:10px;
     width: 100%;
     background: #fff;
     margin-bottom: 20px;
     border-radius: 5px;
     display: flex;
     justify-content: center;
     align-items: center;
     /*box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);*/
}
 .skeleton .square {
     height: 80px;
     border-radius: 5px;
     background: rgba(130, 130, 130, 0.2);
     background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
     background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
     background-size: 800px 100px;
     animation: wave-squares 2s infinite ease-out;
}
 .skeleton .line {
     height: 12px;
     margin-bottom:6px;
     border-radius: 2px;
     background: rgba(130, 130, 130, 0.2);
     background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
     background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
     background-size: 800px 100px;
     animation: wave-lines 2s infinite ease-out;
}
 .skeleton-right{
    flex:1;
}
 .skeleton-left{
    flex:2;
    padding-right:15px;
}
 .flex1{
    flex: 1;
}
 .flex2{
    flex: 2;
}
 .skeleton .line:last-child{
    margin-bottom: 0;
}
 .h8{
    height: 8px !important;
}
 .h10{
    height: 10px !important;
}
 .h12{
    height: 12px !important;
}
 .h15{
    height: 15px !important;
}
 .h17{
    height: 17px !important;
}
 .h20{
    height: 20px !important;
}
 .h25{
    height: 25px !important;
}
.h30{
    height: 30px !important;
}
 .h50{
    height: 50px !important;
}
.w10{
    width: 10% !important
}
.w15{
    width: 15% !important
}
 .w25{
    width: 25% !important
}
 .w40{
    width:40% !important;
}
 .w50{
    width: 50% !important
}
 .w75{
    width: 75% !important
}
 .m10{
    margin-bottom: 10px !important;
}
 .circle{
    border-radius: 50% !important;
     height: 80px !important;
     width: 80px;
}
 @keyframes wave-lines {
    0% {
        background-position: -468px 0;
    }
     100% {
        background-position: 468px 0;
    }
}
 @keyframes wave-squares {
    0% {
        background-position: -468px 0;
    }
     100% {
        background-position: 468px 0;
    }
}
/**/
.form-loader{
	
}
.form-skeleton{
	gap:5px;
}
.skeleton-form-city{
	flex:2;
}
.skeleton-form-checkIn{
	flex:1;
}
.skeleton-form-checkOut{
	flex:1;
}
.skeleton-form-Guest{
	flex:1;
}
.skeleton-form-search{
	flex:1;
}
.skeleton .formsquare, .skeleton .listimgsquare {
     height: 50px;
     border-radius: 1px;
     background: rgba(130, 130, 130, 0.2);
     background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
     background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
     background-size: 800px 100px;
     animation: wave-squares 2s infinite ease-out;
}
.filter-skeleton{
	
}
.skeleton-items{
	flex:1;
}
.skeleton-list-items{
	gap:10px;
	align-items: center;
}
.skeleton-list-image{
	width:150px;
}
.skeleton-listItem-content{
	width:calc(100% - 150px - 150px);
}
.skeleton-listItem-price{
	width:150px;
}
.listimgsquare{
	height:120px!important;
}
.skeletonpricinn{
	margin-bottom:5px;	
}
/**/
/**/
.skeleton-details-image{
	align-items: start;
    gap: 10px;
    justify-content: stretch;
}
.skeleton-details-slid{
	width:70%;
}
.skeleton-details-slid-items{
	width:30%;
}
.skeleton-img-all{
	align-items: start;
    gap: 10px;
    justify-content: space-between;
    display: flex;
	margin-bottom:5px;
}
.skeleton-s{
	display:block;
}
.skeleton-faclty{
	    width: 100%;
	display: flex;
    gap: 10px;
    justify-content: space-between;
}
.d-block{
	display:block!important
}
@media only screen and (max-width: 991px) {
  .skeleton-listItem-content{
	width:calc(100% - 100px - 150px);
	}
	.skeleton-listItem-price{
		width:100px;
	}
}
@media only screen and (max-width: 767px) {
	.loaderFilerModile, .form-skeleton{
		display:none;
	}
}
@media only screen and (max-width: 600px) {
	.skeleton-list-items {
		overflow: hidden;
		display: block;
	}
	.skeleton-list-image {
		width: 120px;
		float: left;
	}
	.skeleton-listItem-content {
        width: calc(100% - 120px);
        float: left;
        padding-left: 15px;
    }
	.skeleton-listItem-price {
        width: 100%;
        margin-top: 15px;
        float: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
	.skeletonpricinn{
		flex:1;
	}
}