@charset "utf-8";
:root{
	--bg_color: rgba(120,0,0, .75);
	--bg_color_2: rgba(120,0,0, .90);
	--color: rgb(120,0,0);
	--color_hover: rgb(120,0,0);
	--mobile_nav: 1360px;
}
/* CSS Document */
/* ////////////////////////////////////////////////	*/
/* 	Листване на категории							*/
/* //////////////////////////////////////////////// */


	.listed_categories {
		margin: 0 auto;
		width:100%;
		align-items: center;
		float: left;
		position: relative;
		overflow: hidden;
	}

	.listed_categories .listed_category {
	  margin: auto;
	  position: relative;
	  -webkit-box-flex: 1;
	          flex: 1;
	  color: white;
	  -webkit-transition: .3s;
	  transition: .3s;
	  max-width: 100%;
	  height: 100%;
	  background-size: auto 100% !important;
	}
@media only screen and (max-width: 600px) {
	.listed_categories {
		height: auto;
		overflow: hidden;
	}
	.listed_categories .listed_category {
		margin: auto;
		/* writing-mode: vertical-rl;
		text-orientation: upright; */
		text-align: left;
		font-size: 3rem;
		width:100%;
		height: 8rem;
		float: left;
	}
	.listed_categories .listed_category:after{
		content: "❱";
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 4rem;
		position: absolute;
		right : 0;
		padding: 0 1rem;
		top:0;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.4);

	}
	.listed_category_title {
		border-top: 4px solid #fff;
	    font-size: max(2rem, 2vw);
	    height: 100%;
		text-shadow: -1px 0 4px #FFF;
		padding-left: 2rem;
	}

}
@media only screen and (min-width: 600px) {

	.listed_category_title {
		border-top: 4px solid #ccc;
	    font-size: max(1.8rem, 2vw);
	    height: 6rem;
		text-shadow: 0 2px 3px #FFF;
		word-spacing: 100vw;
	}
	.listed_categories {

		display: -webkit-box;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			flex-flow: row nowrap;
		-webkit-box-pack: center;
			justify-content: center;
		-webkit-box-align: center;
		align-items: center;
		height: 30rem;
	}
}
	.listed_categories .listed_category:before {
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;

	  z-index: -1;
	}

	.listed_categories .listed_category:hover {
	  -webkit-transition: .5s;
	  transition: .5s;
	  max-width: 40% !important;
	  -webkit-box-flex: 2;
	          flex-grow: 2;
	  cursor: pointer;
	  color: #fff;
	}
	.listed_categories .listed_category:hover .cat_arrow {
	  -webkit-transform: none;
	          transform: none;
	  -webkit-transition: .3s;
	  transition: .3s;

	}
	.listed_categories .content {
	  margin: auto;
	  font-size: 2em;
	  height: 100%;
	  width:100%;
	  background-position: center;
	  background-size: cover;
	  display: block;
	  position: absolute;

	 top: 0;
	 left: 0;
	}
	.listed_categories .cat_arrow {
		bottom: 0px;
  	  position: absolute;
	}







.listed_category_image {
    float: left;
    width: 100%;
}

.listed_category_title {
    width: 100%;
	color: rgb(17, 25, 78);
    line-height: normal;
}



.home_hotels{ display: flex; width: 90vw; margin: auto;   gap: 5vw; margin: auto 5vw; margin-bottom:4rem;}

.home_hotels a{  transition: all .3s; opacity: .95;
	flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;}
  .home_hotels a:hover{transform: scale(1.2); opacity: 1;}
.home_hotels img{width:100%;}
.home_hotels p{ padding: clamp(.5rem, 1rem, 3rem) !important; display: inline-block; }
.home_hotels a:nth-child(1){ background-color:rgb(103, 15, 15) ; color: white;}
.home_hotels a:nth-child(2){ background-color:rgb(160, 210, 125) ; color: rgb(40, 40, 40)}
.home_hotels a:nth-child(3){ background-color: rgb(29, 96, 26); color: white;}

@media only screen and (orientation: portrait) {
	.home_hotels{
		flex-direction: column;
		margin-top: 6rem; margin-bottom: 8rem;
	}
}