/*----background-img---*/
.bg-img{
	background-image:url(../img/1.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:top;
	height:600px;
}
.bg-tran{
	    transform: translate(190px, 250px);
		width:350px;
		z-index:1;
}
.r-ul a{
	display:block
}
.hh:hover{
	background-color:white;
}

/*---search-2---*/

.r-ul>li:nth-child(odd):hover{
	text-decoration: underline;
}
.search-but{
	right:5px;
	background-color:orange;
}
.iconi{
	position:relative;
	right:83%;
}
.search-2{
	transform:translateX(20px);
}
.search-2:focus{
	outline:0px;
}
.d-hide{
	display:none;
}
.d-unhide{
	display:block !important;
}

/*----article-1---*/

.art-1{
	background-image:url('../img/bg-19.jpg');
	background-size: 100% 200%;
	background-repeat: no-repeat;
}
.art-3{
	background-image:url('../img/bg-13.jpeg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.art-2{
	background-image:url('../img/bg-3.jpeg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
/*--popular-searches---*/

.pop-room{
	background-image:url('../img/bg-16.jpeg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.popul-shad{
	box-shadow:0px 0px 0px 0px #f4f4f4;
	border-radius:8px;
	width:90%;
	height:290px;
	background-color:white;
	transition:0.5s;
}
.popul-shad img{
	height:210px;
	transition:0.5s;
}
.popul-shad:hover{
	box-shadow:1px 2px 3px 4px gray;
	background-color:white;
}
.popul-shad img:hover{
	transform:scale(1.07)
}
.popul-shad figcaption{
	cursor:pointer;
}
			/* Slider */

			.slick-slide {
				margin: 0px 20px;
			}

			.slick-slide img {
				width: 100%;
			}

			.slick-slider
			{
				position: relative;
				display: block;
				box-sizing: border-box;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
						user-select: none;
				-webkit-touch-callout: none;
				-khtml-user-select: none;
				-ms-touch-action: pan-y;
					touch-action: pan-y;
				-webkit-tap-highlight-color: transparent;
			}

			.slick-list
			{
				position: relative;
				display: block;
				overflow: hidden;
				margin: 0;
				padding: 0;
			}
			.slick-list:focus
			{
				outline: none;
			}
			.slick-list.dragging
			{
				cursor: pointer;
				cursor: hand;
			}

			.slick-slider .slick-track,
			.slick-slider .slick-list
			{
				-webkit-transform: translate3d(0, 0, 0);
				   -moz-transform: translate3d(0, 0, 0);
					-ms-transform: translate3d(0, 0, 0);
					 -o-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}

			.slick-track
			{
				position: relative;
				top: 0;
				left: 0;
				display: block;
			}
			.slick-track:before,
			.slick-track:after
			{
				display: table;
				content: '';
			}
			.slick-track:after
			{
				clear: both;
			}
			.slick-loading .slick-track
			{
				visibility: hidden;
			}

			.slick-slide
			{
				display: none;
				float: left;
				height: 100%;
				min-height: 1px;
			}
			[dir='rtl'] .slick-slide
			{
				float: right;
			}
			.slick-slide img
			{
				display: block;
			}
			.slick-slide.slick-loading img
			{
				display: none;
			}
			.slick-slide.dragging img
			{
				pointer-events: none;
			}
			.slick-initialized .slick-slide
			{
				display: block;
			}
			.slick-loading .slick-slide
			{
				visibility: hidden;
			}
			.slick-vertical .slick-slide
			{
				display: block;
				height: auto;
				border: 1px solid transparent;
			}
			.slick-arrow.slick-hidden {
				display: none;
			}
			.slick-next,.slick-prev{
				position:absolute;
				top:-40px;
				z-index:50;	
				border:0px !important;
				padding:4px;
				background-color:#faddb1c4;
				border-radius: 7px;
			}
			.slick-prev{
				right:50px;
			}
			.slick-next{
				right:0px;
			}
/*--card-slider---*/
.crousel{
	position:relative;
}
.card-slide{
	box-shadow:1px 2px 3px 4px #80808040;
	border:2px solid #80808040;
	background-color:white;
	width:100%;
	border-radius:8px;	
	overflow-X:hidden;
	position:relative;
}
.card-slide:hover{
		box-shadow:1px 2px 3px 4px gray;
		border-radius:8px;
}
.card-slide p{
	line-height:20px;
	text-wrap:nowrap;
	font-size:14px;
}
.crousel-p{
	font-size:12px !important;
}
.crousel-p-1{
	color:gray !important;
}
.share-c{
	width:40px;
	top:7px;
	right:7px;
}
.share-c i{
	color:black;
}
.share-c i:hover{
	color:blue !important;
}


/*---search-filter-main--*/

.fshadow{
	box-shadow: 1px 2px 3px 4px #e0dede;
	background-color: #f4f4f4;
	width:240px
}
.filter-text{
	font-size: 14px;
}
.filter-center{
	text-align:-webkit-center;
}

/*---onclick--card-detail---*/

.z-detail{
	z-index: 99;
	top:20px;
	left:50px;
	right:50px;
	bottom:20px;
	overflow-Y: scroll;
	overflow-x: hidden;
}
.card-detal-h{
	font-weight: 500;
}
.card-detal-a{
	line-height: 30px;
}
.close-detail{
	top:30px;
	left:50px;
}
.close-detail>a{
	font-size: 30px;
}

@media(max-width:992px){
	.bg-tran{
	    transform: translate(20px, 120px) !important;
	}
	.r-ul{
		width: 95%;
        transform: translateX(0px);
	}
	.search-2{
		transform:translateX(12px);
	}
	.bg-tran>h1{
		text-indent:20px;
	}
	.bg-img{
		height:400px;
	}
	.img-2{
		margin-left:20px;
	}
	.prow>div{
		text-align:-webkit-center;
	}
	.h-work:nth-child(even){
		transform:translateX(0px);
	}
	.h-work{
		text-align:center !important;
		width:95%;
	}
	.h-colw-2{
		text-align:-webkit-center;
	}
	#img-r-2{
		text-align:center !important;
	}
	.h-text>p{
		font-size:14px;
	}
	.z-detail{
		z-index: 99;
		top:20px;
		left:20px;
		right:20px;
		bottom:20px;
		overflow-Y: scroll;
		overflow-x: hidden;
	}
}