@charset "utf-8";

/* 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_categories .listed_category {
		text-align: center;

	}
	.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_categories {
    width: 100%;
	 display: flex;
  flex-flow: row wrap;

  align-items: center;
  height: 20rem; overflow: hidden;
}

.listed_category {
    margin: 0 0 0 0;
    overflow: hidden;
    text-align: center;
    padding: 0 1%;
    cursor: pointer;
	height: 100%;
} */






.listed_category:hover .listed_category_title {
    color: rgba(0, 75, 204, 1);
	border-color:  rgba(0, 75, 204, 1);
}

.listed_category:hover .cat_arrow {
    -moz-box-shadow: 0 3px 10px 3px #F90;
    -webkit-box-shadow: 0 3px 10px 3px #F90;
    box-shadow: 0 3px 10px 3px #F90;
    -moz-background-image: -moz-linear-gradient(top, #FC0 0%, #FF9 100%);
    -webkit-background-image: -webkit-linear-gradient(top, #FC0 0%, #FF9 100%);
    background-image: linear-gradient(to bottom, #FC0 0%, #FF9 100%);
    height: 1.5rem;
}

.listed_category:hover .cat_arrow .inner {
    background-color: #FC0;
    -moz-box-shadow: inset 0 0 10px #FF9;
    -webkit-box-shadow: inset 0 0 10px #FF9;
    box-shadow: inset 0 0 10px #FF9;
}

.listed_category:hover a, .listed_category:hover .item {
    -moz-box-shadow: 0px 2px 15px #FF0;
    -webkit-box-shadow: 0px 2px 15px #FF0;
    box-shadow: 0px 2px 15px #FF0;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#FF0')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#FF0');
}

.listed_category .active {
    border: 1px solid red;
    color: red
}

.listed_category .cat_arrow {
    position: relative;
    float: left;
    width: 100%;
    height: 1.3rem;
    overflow: visible;
    overflow: hidden;
    -moz-box-shadow: 0 3px 10px 3px #F30;
    -webkit-box-shadow: 0 3px 10px 3px #F30;
    box-shadow: 0 3px 10px 3px #F30;
    -moz-background-image: -moz-linear-gradient(top, #F60 0%, #FF9 100%);
    -webkit-background-image: -webkit-linear-gradient(top, #F60 0%, #FF9 100%);
    background-image: linear-gradient(to bottom, #F60 0%, #FF9 100%);
    padding: 1px 0;
}

.listed_category .cat_arrow .inner {
    background: #F00 url(../img/layout/category_arrow.png) no-repeat center;
    background: #F00 url(../img/layout/category_arrow.webp) no-repeat center;
    background-size: contain;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 10px #FFF;
    content: 'ˆ';
    /*	-ms-transform: rotate(180deg) scaleY(.5);
    -webkit-transform: rotate(180deg) scaleY(.5);
    transform: rotate(180deg) scaleY(.5);*/
    position: relative;
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    height: 100%;
    -moz-box-shadow: inset 0 0 10px #FF9;
    -webkit-box-shadow: inset 0 0 10px #FF9;
    box-shadow: inset 0 0 10px #FF9;
    -moz-border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -khtml-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -khtml-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.listed_category span {
    display: block;
    float: left;
    position: relative;
}

.listed_category a, .listed_category .item {
    display: block;
    width: 100% !important;
    height: auto !important;
    overflow: visible;
    position: relative;
    float: left;
    text-align: center !important;
    background: url(../img/layout/item_bg.png) repeat-y center;
    background: url(../img/layout/item_bg.webp) repeat-y center;
    background-size: 100% auto;
}

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

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





.listed_category a ul, .listed_category .item ul {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: -100%;
}

.listed_category:hover a ul, .listed_category:hover .item ul {
    top: 0;
    /*  top: 50%;
  transform: translateY(-50%);*/
}

.listed_category a li, .listed_category .item li {
    background: rgba(255, 255, 255, 0.8);
    margin: 0 .3rem .3rem .3rem !important;
    padding: 1vw 0 !important;
    cursor: pointer;
    font-size: 1.3vw;
}

.listed_category:hover .item li {}

.listed_category .item li:hover {
    background: rgba(255, 255, 255, 0.95);
    color: rgba(163, 0, 2, 1.00)
}

.choose_category_text {
    width: 50%;
    margin: 5rem 25% 1rem 25%;
    float: left;
    position: relative;
}


.id_558ce8f24aec7 .ck-content .table table{width: 100%;border:none; border-bottom: 1px solid rgb(191, 191, 191); border-collapse: separate}
.id_558ce8f24aec7 td, .id_558ce8f24aec7 h3, .id_558ce8f24aec7 a{ transition: all .3s; }
.id_558ce8f24aec7 .ck-content tr:nth-child(odd):hover td{
	padding-left:1.5rem; color: rgb(26, 115, 180) !important;
}
.id_558ce8f24aec7 .ck-content tr:nth-child(odd):hover h3{
	color: rgb(26, 115, 180) !important;
}

.id_558ce8f24aec7 .ck-content tr:nth-child(odd) th, .id_558ce8f24aec7 .ck-content tr:nth-child(odd) td{
	padding:.5rem 1rem;
	border-bottom: none;
	background-color: rgb(238, 238, 238);
	cursor: pointer;
}
.id_558ce8f24aec7 .ck-content tr:nth-child(even) th, .id_558ce8f24aec7 .ck-content tr:nth-child(even) td {
	padding: 0;
	border-top: none;
	background-color: #fff;
}





.id_558ce8f24aec7 .ck-content table {
}
.id_558ce8f24aec7 .ck-content tr {
  background: #eee;
  border-bottom: 1px solid #fff;
}
.id_558ce8f24aec7 .ck-content tr, .id_558ce8f24aec7 .ck-content td {
  padding: 0;
}
.id_558ce8f24aec7 .ck-content tr td div {
  max-height: 0;
  padding:0 1rem;
  box-sizing: border-box;
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s;
  overflow-y: scroll;

}
.id_558ce8f24aec7 .ck-content tr.active td div {
  max-height: 80vh;
  padding-top:1rem;
  padding-bottom:3rem;
  transition: all 1s;
}