.accordion {
    width: 100%;
    margin: 0;
	border-top: 1px solid #8bae99;
}
.accordion label {
    padding: 0 26px;
    position: relative;
    display: block;
    height: 60px;
    cursor: pointer;
    color: #242424;
    line-height: 60px;
    font-size: 14px;
    background: #f4f9ef;
    border-bottom: 1px solid #fff;
	text-transform: uppercase;
	font-weight: 400;
}
.accordion label:hover {
    background: #e8ede4;
}
.accordion input:checked + label,
.accordion input:checked + label:hover {
    background: #e8ede4;
    color: #242424;
}
.accordion input {
    display: none;
}
.accordion .article {
    background: rgb(255, 255, 255);
    overflow: hidden;
    height: 0px;
}
.accordion input:checked ~ .article.ac-small {
    height: auto;
}
.accordion input:checked ~ .article.ac-medium {
    height: auto;
}
.accordion input:checked ~ .article.ac-large {
    height: auto;
}
.accordion input {
    display: none;
}
.programm__tabs-mobile {
	display: none;
}

.tabs{
	border-top: 1px solid #8bae99;
}
.tabs > div{
}
.tabs ul{
	margin:0px;
	padding:0px;
	background: #cbdbbd;
}
.tabs ul:after{
	content:"";
	display:block;
	clear:both;
	height:0px;
}
.tabs ul li{
	margin:0px;
	padding:0px;
	cursor:pointer;
	display:block;
	float:left;
	padding:18px 3%;
	background:#cbdbbd;
	color:#15573f;
	box-sizing: border-box;
	width: auto;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid #cbdbbd;
	transition: all 250ms;
}
.tabs ul li.active, .tabs ul li.active:hover{
	background:#fff;
	color:#000;
	border-bottom: 1px solid #cbdbbd;
}
.tabs ul li:hover{
	text-decoration: underline;
}
.tabs ul li.active:hover{
	text-decoration: none;
}

.left-sidebar .filter {
	background: rgba(255,255,255,.5);
	padding: 25px 20px;
}
.left-sidebar .filter .selecter-selected:before {
	display: none;
}
.left-sidebar .filter .selecter.closed .selecter-options {
	display: none;
}
.left-sidebar .filter .selecter-selected {
    background: transparent;
    border: 2px solid #18674a;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    padding: 3px 4%;
}
.left-sidebar .filter .selecter-selected:after {
    right: 7px;
}

.filter .filter__title {
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 300;
	margin-bottom: 24px;
}
.filter .filter__element {
	padding-bottom: 15px;
	margin-top: 22px;

}
.filter .filter__element .filter__element-title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.filter .filter__element .button {
	display: block;
	width: 100%;
	background: #18674a;
	color: #fff;
	padding: 16px 0 10px 0;
	font-size: 14px;
	border: 0;
	margin-top: 20px;
	-webkit-box-shadow: 0px 6px 0px #15573f;
-moz-box-shadow: 0px 6px 0px #15573f;
box-shadow: 0px 6px 0px #15573f;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));

}
.filter .filter__element .button:hover{
	background: #15573f;
}

.filter .filter__element .button:active,.filter .filter__element .button:focus{
	outline: none;
	border:none;
	margin-top: 22px;
	-webkit-box-shadow: 0px 5px 0px #15573f;
-moz-box-shadow: 0px 5px 0px #15573f;
box-shadow: 0px 5px 0px #15573f;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));


} 
.filter .filter__element .button:focus .left-sidebar .filter {
    padding-bottom: 27px;
    }
.filter .filter__element .selecter-item {
    font-size: 14px;
    padding: 10px 12px;
	font-weight: normal;
}

.programm__element {
	border: 2px solid #8ab3a5;
	text-align: center;
	margin: 30px 15px 0; 
	padding: 6px 0 20px;
	width: 90%;
}
.programm__element div {
	padding: 15px 20px;
}
.programm__element .subtitle{
height: 50px;
padding: 10px 20px 0 20px;
font-size: 14px;
line-height: 18px;
}
.programm__element .programm__element-btn{
	padding: 10px 20px 15px 20px;
}
.programm__element .programm__element-date {
	font-size: 16px;
    font-weight: bold;
}
.programm__element .programm__element-type {
    background: #cbdbbd;
    color: #18674a;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
	padding: 16px 0;
}
.programm__element .programm__element-desc {
	font-size: 18px;
	padding-top: 25px;
}
.programm__element-desc__wrap{
	display: table-cell;
	vertical-align: middle;
}
.programm__element-desc .ps{
	padding: 15px 20px 0 20px;
	box-sizing: border-box;
}
.programm__element .programm__element-join {
	position: relative;
	overflow: hidden;
	background: #f3a72f;
	padding: 0;
	margin: 0;
}
.programm__element .programm__element-more {
	border: 2px solid #d5e0dc;
	padding: 0;
	margin: 0 0 12px;
}
.programm__element .programm__element-more a {
	color: #1a664a;
}
..programm__top-action a,
.programm__element .programm__element-more a,
.programm__element .programm__element-join a {
	padding: 12px 0;
	margin: 0;
	height: auto;
}
.programm__top-action:hover .button-animate, 
.programm__element .programm__element-join:hover .button-animate, 
.button-link:visited:hover:after {
	height: 620%;
}
.programm__element .programm__element-join .button-animate {
    z-index: 0;
}

.programm__top {
	background: #18674a;
	color: #fff;
	padding: 0 0 0 3%; 
	font-size: 24px;
	line-height: 24px;
	font-weight: 600;
	height: 66px;
	line-height: 66px;
	overflow: hidden;
}

.programm__top .programm__top-action {
	text-align: center;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	background: #f4a72f;
}
.programm__top .programm__top-action a {
	font-size: 20px;
}

.programm__top a {
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	width: 100%;
	height: 100%;
}

.programm__detail {
	background: #d7e5ca;
}
.programm__detail .programm__detail-img {
	overflow: hidden;
}
.programm__detail .programm__detail-img img {
	width: 100%;
	padding-right: 15px;
	display: block;
	box-sizing: border-box;
}
.programm__detail-desc {
	padding: 24px 15px 0;
}
.programm__description {
	font-size: 16px;
	line-height: 22px;
	padding: 12px 0;
}
.programm__description .programm__description-title {
	text-transform: uppercase;
	color: #657b73;
}
.programm__description .programm__description-text {
	color: #000;
}
.programm__description:not(:last-child) {
	border-bottom: 1px solid #8bae99;
}
.programm__tabs .programm__contacts {
	padding: 38px 2% 12px;
	border-top: 1px solid #dae7ce;
	margin-top: 44px;
	font-size: 14px;
	color: #657b73;
}
.programm__tabs .programm__contacts .programm__contacts-title {
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}
.programm__reviews {
	padding: 38px 15px 10px;
}
.programm__reviews-element:not(:last-child) {
	margin-bottom: 42px;
}
.programm__reviews-element +  .programm__reviews-element{
	border-top: 1px solid #d7e5ca;
	padding-top: 42px;
}
.programm__reviews .programm__reviews-author {
	padding: 0 15px;
	color: #18674a;
	font-size: 16px;
	line-height: 24px;
}
.programm__reviews .programm__reviews-author span {
	color: #657b73;
	font-size: 14px;
	display: block;
}
.programm__top-bar .print {
	position: relative;
}
.programm__top-bar .print a:before {
	display: block;
	content: "";
	position: absolute;
	left: -34px;
	top: calc(50% - 10px);
	background: url("../img/svg/print.svg") no-repeat;
	width: 24px;
	height: 24px;
}
.programm__top-bar .print a:hover {
	text-decoration: underline;
}
.programm__reviews .programm__reviews-text p {
	padding: 0;
}
.programm__nopadding-top {
	padding-top: 0;
}
@media (max-width: 1100px){
	.tabs ul li{
		padding:15px 2%;
		font-size: 13px;
	}

}
@media (max-width: 992px){
	.programm .col {
		width: 50%;
	}
	.programm__description {
		font-size: 13px;
		line-height: 19px;
	}
	.programm__top {
		font-size: 20px;
		height: 58px;
		line-height: 58px;
		overflow: hidden;
	}
	.programm__top a {
		font-size: 12px;
	}
	.programm__tabs .programm__contacts {
		font-size: 12px;
	}
}
@media (max-width: 767px){
	.programm__detail .programm__detail-desc,
	.programm__detail .programm__detail-img {
		width: 100%;
	}
	.programm__detail .programm__detail-img {
		height: 238px;
		overflow: hidden;
		position: relative;
		padding: 0;
	}
	.programm__detail .programm__detail-img img {
		width: 100%;
		padding: 0;
	}
	.programm__description {
		font-size: 16px;
		line-height: 22px;
		padding: 16px 0;
	}
	.programm__top-bar .print {
		display: none;
	}
	.programm__top .programm__top-action a {
		font-size: 16px;
	}
	.programm__tabs .programm__contacts {
		font-size: 14px;
	}
	.programm__tabs .programm__contacts .programm__contacts-title,
	.programm__tabs .programm__contacts .programm__contacts-text {
		padding-left: 10px;
		padding-right: 10px;
	}
	.programm__tabs .programm__contacts .programm__contacts-element {
		width: 50%;
		min-height: 100px;
	}
	.programm__tabs {
		display: none;
	}
	.programm__tabs-mobile {
		display: block;
	}
	.programm__reviews .programm__reviews-text p,
	.programm__reviews .programm__reviews-author {
		font-size: 14px;
		line-height: 20px;
	}
	.programm__reviews .programm__reviews-text {
		padding-left: 15px;
	}
}
@media (max-width: 520px){
	.programm .col {
		width: 100%;
	}
}
@media (max-width: 420px){
	.programm .col {
		width: 100%;
	}
	.programm__top {
		height: auto;
		padding: 0;
	}
	.programm__top-bar .date,
	.programm__top-action,
	.programm__top-bar {
		width: 100%;
		float: none;
		text-align: center;
	}
	
	.programm__description-title,
	.programm__description-text {
		width: 100%;
		float: none;
	}
	.programm__description-title {
		margin-bottom: 10px;
	}
	.programm__tabs .programm__contacts .programm__contacts-element {
		width: 100%;
		min-height: none;
		min-height: auto;
		float: none;
		margin-bottom: 20px;
	}
	
	.programm__reviews-author,
	.programm__reviews-text {
		width: 100%;
		float: none;
		padding: 0;
	}
	.programm__reviews-author {
		padding: 0!important;
		margin-bottom: 10px;
	}
	.programm__reviews .programm__reviews-text p,
	.programm__reviews .programm__reviews-author {
		font-size: 16px;
		line-height: 22px;
	}
}

	.programm__element-join .navig-link{
		height: 50px;
		padding: 0 1%;
		line-height: 50px;
	}
	.programm__element-more:hover{
	    border: 2px solid #18674a;	
	}
	.programm__element .programm__element-desc{
		overflow: hidden;
		width: 100%;
		padding: 0;
	}
	
	.programm{
		display: table;
		width: 100%;
		box-sizing: border-box;
	}
	.table-element{
		display: table-cell;
		vertical-align: top;
		
	}

	.filter-page_wrap .filter{
		background:#cbdbbd;
		padding: 35px 30px 15px 25px;
	}

	.filter-page_wrap .selecter-selected{
		background:#cbdbbd;
	 border: 2px solid #18674a;
	}
	.filter-page_wrap .selecter-selected:before, .filter-page_wrap  .form-online div:before {
		display: none;
	}

	.filter-page_wrap .filter .filter__element .button{
		width: 225px;
	}
	.filter__element-wrap{
		display: none;
	}

	.filter-page_wrap .filter__title{
		font-size: 20px;
		line-height: 20px;
		font-weight: 300;
	}

	.filter-page_wrap .arrowdown{
		display: inline-block;
		background:url("../img/svg/arrow_grey_down.svg") no-repeat;
		width: 15px;
		height: 9px;
		float: right;
	}
	.filter-page_wrap .arrowup{
		display: inline-block;
		background:url("../img/svg/arrow_grey_up.svg") no-repeat;
		width: 15px;
		height: 9px;
		float: right;
	}
	@media (max-width: 1920px)and(min-width: 1200px){
	.filter-page_wrap{
		display: none;
	}

