/*-----слайдер------*/
.watch_job_prev .wjp_schedule{font:20px 'Myriad Pro'; color:#f7f183}
.watch_job_prev .wjp_vnimanie{font:20px 'Myriad Pro';}
#buy_ticket_banner {
  	cursor: pointer;
    z-index: 9999;
    float: right;
    position: fixed;
    bottom: 25px;
    left: auto;
    right: calc(50% - 600px);
  }
.custom-table .table-content {
	width: 100%;
}
.custom-table .table-content .table-row {
	display:flex;
	align-items: center;
	border-bottom: 1px dotted rgb(98 90 38 / 20%);
}
.custom-table .table-content .table-row:last-child{
	border-bottom:none;
}
.custom-table .table-content .table-row div {
	padding: 1rem 0.5rem;
}
.custom-table .table-content .table-row div:first-child {
	width: 30%;
}
.custom-table .table-content .table-row div:nth-child(2) {
	width: 50%;
}
.custom-table .table-content .table-row div:last-child {
	width: 20%;
}
#buy-ticket-block {
	width: 100%;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 2px solid #C8A066;
	border-radius: 20px 0 20px 0;
	text-transform: uppercase;
	font-size: 0.875rem;
	line-height: 1.05rem;
	letter-spacing: 0.07em;
	padding: 0.625rem;
	box-sizing: border-box;
	background: linear-gradient(180deg, #C8A066 0%, #693E2C 100%);
	transition: all 0.6s;
	transition-timing-function: ease-out;
	font-weight: 700;
}
#buy-ticket-block:hover {
	color: #C8A066;
	background: #fff;
}
.partners-content-container * {
	box-sizing: border-box;
}
.partners-content-container,.partners-content-container .content-row {
	width:100%;
}
.partners-content-container .content-row {
	display: flex;
	align-items: center;
	border-bottom: 1px dotted rgb(177 177 177 / 40%);
}
.partners-content-container .content-row:last-child{
	border-bottom: none;
}
.partners-content-container .logo-cell {
	text-align: center;
	width:30%;
	padding: 1rem 0;
}
.partners-content-container .logo-cell img {
	width:100%;
	height:auto;
}
.partners-content-container .label-cell {
	width:70%;
	padding-left: 1rem;
}
.table-decorated,.table-decorated th, .table-decorated td  {
	border: 1px solid black;
  border-collapse: collapse;
  width: 100%;
}		
.table-decorated th, .table-decorated td {
	padding: 0.5rem;
	width: 50%;
}

.flex .row,.flex .nested-rows {
	display:flex;			
}
.part-pls .row,.flex .nested-rows  {
	justify-content:center;
	align-items: center;
}
.part-pls .row {
	width:100%;
}
.part-pls .row>div:first-child, .part-pls .row>div:last-child {
	text-align:left;
}
.part-pls .nested-rows>div:first-child,.part-pls .row.title,.part-pls .row.table-header>div {
	text-align:center;
}
.part-pls .row.title {
	padding: 1.5rem 0;
	border-bottom:1px solid black;
}
.part-pls .row>div:first-child,.part-pls .row.table-header>div:last-child {
	width:40%;
}
.part-pls .row.table-header>div:nth-child(2){
	width:20%;
}
.part-pls .row>div:last-child {
	width:60%;
}
.part-pls .nested-rows>div:first-child{
	width:33.33333%;
}
.part-pls .nested-rows>div:last-child{
	width:66.66666%;
}
.part-pls .row>div:last-child {
	border-right:none;
}
.part-pls .row>div:nth-child(2){
	border-left:1px solid #000;
}
.part-pls .nested-rows>div:last-child{
	border-left:1px solid #000;
}
.part-pls .row.table-header>div:nth-child(2){
	border-right:1px solid #000;
	border-left:1px solid #000;
} 
.part-pls .row p {
	margin: 1rem;
}
.part-pls .row,.part-pls .row>div .nested-rows:first-child  {
	border-bottom: 1px solid black;
}
.part-pls .row>div .nested-rows.empty:first-child {
	border-bottom: none;
}
.part-pls .b {
	font-weight:700;
} 

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  display: flex;
    align-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  padding: 0 20px 20px;
}
.vacancy-header {
	display: inline;
	font-size: 16px;
	font-weight: 800;	
}
.panel .sec-h {
	font-size: 16px;
	font-weight: 800;
}
.vacancy-alert {
	color: #7f7f7f;
}

/*Страница абонементов*/
.c-cards-area {
	display:flex;
	flex-wrap: wrap;
	justify-content: left;
	gap: 10px;
}
.c-card-wr {
	display: block;
	height:320px;
	width: 49%;
}
.c-card {
	height:100%;
	background-size: cover;
	background-repeat: 	no-repeat;
	background-position: center center;
	overflow: hidden;	
}
.c-card:hover .content-area,.c-card:focus .content-area {
	transform: translate(0, 0);
}
.c-card:hover .content-area .title-area, .c-card:focus .content-area .title-area{
	background-color: #B97B1B;

}
.c-card:hover .content-area li, .c-card:hover .content-area p, .c-card:hover .content-area span,.c-card:hover .content-area a,
.c-card:focus .content-area li, .c-card:focus .content-area p, .c-card:focus .content-area span, .c-card:focus .content-area a {
	opacity:1;
}

.c-card .content-area {
	height: 100%;
	transition: transform 0.5s;
	will-change: transform;
	transform: translate(0, 75%);
}
.content-area>div {
	padding: 1rem;
}
.c-card .content-area .title-area {
	height: 15%;
	background-color: rgba(204, 204, 204, 0.9);
	transition: background-color 0.5s;
	display: flex;
	justify-content: flex-start;;
	align-items: flex-start;
	flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
}
.c-card .content-area p, c-card .content-area span {
	color:#282828;
}
.c-card .title {
	font-size: 1rem;
    line-height: 1.25rem;
	
	font-weight:800;
	text-transform:uppercase;
	margin: 0 0 0.3rem;
	min-height:40px;
}
.c-card .title_d {
	margin: 0;
}
.c-card  .descr-area {
	background-color: #eee;
	height:65%;
	line-height:1.4rem;
	position:relative;
}
.c-card .descr-area p,.c-card .descr-area span, .c-card .descr-area li,.c-card .descr-area a {
	opacity:0;
	transition: 0.2s;
	transition-delay: 0.55s;
}

.c-card .descr-area .addit{
	display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}
.c-card .descr-area .addit>p {
	font-weight: 800;
}
.don-banner {
	margin-top: 40px;
}
.don-banner .banner-box {
	margin: 0 20px;
	height: 180px;
	background: #c0e0dd;
}
.don-banner .cloud1 {
	width:100px;
	height: 60px;
	background-color: white;
}
.don-banner .top {
	height: 	50%;	
	background: linear-gradient(to right, #bee0de, #88bfc1);
	clip-path: polygon(100% 0%, 0% 0% , 0.00% 55.84%, 2.50% 55.47%, 5.00% 54.38%, 7.50% 52.68%, 10.00% 50.51%, 12.50% 48.06%, 15.00% 45.56%, 17.50% 43.22%, 20.00% 41.25%, 22.50% 39.82%, 25.00% 39.06%, 27.50% 39.05%, 30.00% 39.76%, 32.50% 41.16%, 35.00% 43.11%, 37.50% 45.43%, 40.00% 47.93%, 42.50% 50.39%, 45.00% 52.58%, 47.50% 54.31%, 50.00% 55.43%, 52.50% 55.84%, 55.00% 55.51%, 57.50% 54.46%, 60.00% 52.78%, 62.50% 50.63%, 65.00% 48.20%, 67.50% 45.69%, 70.00% 43.34%, 72.50% 41.34%, 75.00% 39.88%, 77.50% 39.09%, 80.00% 39.03%, 82.50% 39.71%, 85.00% 41.07%, 87.50% 42.99%, 90.00% 45.30%, 92.50% 47.80%, 95.00% 50.26%, 97.50% 52.47%, 100.00% 54.23% );
}
.don-banner .banner-box {
	position: relative;
}
.don-banner .cl {
	width: 100px;
	height: 55px;
	position: absolute;
	background-repeat: no-repeat!important;
}

.don-banner .fg .cl:last-child{
	background:url('/images/index/c-3.png'); 
	background-size: 63%;
	top: 10%;
	left: 87%;
}
.don-banner .fg .cl{
	background:url('/images/index/c-2.png');
	background-size: 80%;
	top: 11%;
	left: 5%;
}
.don-banner .fg .cl:first-child{
	background:url('/images/index/c-1.png');
	background-size: 82%;
	top: 8%;
	left: 56%;
}
.don-banner .content {
	display: flex;
	position: absolute;
	top: 0;
	align-items: center;
}
.don-banner .qr-block {
	width: 40%;
	text-align: center;
	position: relative;
}
.don-banner .qr-block img {
	width: 50%;
	position: relative;
	top: -25px;
	box-shadow: 5px 4px 13px 0px #828282;
}
.don-banner .content p {
	font-size: 26px;
	display: block;
	width: 60%;
	padding-right: 4%;
	font-weight: 600;
}

@media (max-width: 575px) {
  /* … */
}
@media (max-width: 768px) {
  /* … */
}
@media (max-width: 992px) {
  /* … */
}
@media (max-width: 1200px) {
  #buy_ticket_banner {
    right: calc(50% - 477px);
  }
}
@media (max-width: 1400px) {
  /* … */
}