.eventCalendar-day-header {
	height: 65px;
	text-align:center;
	color: #fff;
    font-weight: 600;
    line-height: 65px;
}

.eventCalendar-day-header span {
    color: #fff;
    height: 65px;
	line-height:65px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
	background-color: #242e37;
	text-transform:uppercase;
}

.eventCalendar-day {
	background-color: #fff;
	 height: 65px;
	 text-align:center;
}

.eventCalendar-day a {
    height: 65px;
	line-height:65px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
	background-color: #fff;
	text-transform:uppercase;
	border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
	color: #444549;
    font-weight: 400;
}

.eventCalendar-monthTitle {
	width: 100%;
    margin: 0 auto;
    line-height: 37px;
	font-size: 20px;
    text-align: center;
    font-weight: 400;
	padding: 0px 0 10px 0;
    position: relative;
    margin: 0 auto;
	text-transform:uppercase;
	color:#fff!important;
}

.eventCalendar-prev, .eventCalendar-next {
    line-height: 37px;
	font-size: 30px;
    font-weight: bold;
	padding: 0px 0;
}

.eventCalendar-slider {
	/*width: 58%;*/
    margin-left: 1px;
    /*border-right: 1px solid #fff;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-bottom: 20px;
}

.eventCalendar-list-wrap {
	/*width: 42%;*/
    min-height: 590px;
    float: right;
    /* border-left: 1px solid #ccc; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -1px;
}

.eventCalendar-currentTitle {
	position:relative;
	    width: 72%;
		margin-left:14%;
}


.eventCalendar-empty {
	    background: #ddd!important;
}


/*= CORE CSS */

.eventCalendar-hidden {
	display: none;
}

.eventCalendar-wrap {
	position: relative;
	overflow: hidden;
}

.eventCalendar-arrow {
	position: absolute;
	z-index: 5;
	top: 3px;
}

.eventCalendar-prev {
	/*left: 3px;*/
	left: 15px;
}

.eventCalendar-next {
	/*right: 3px;*/
	right: 15px;
}

.eventCalendar-monthTitle {
	display: block;
	text-align: center;
}

.eventCalendar-monthWrap {
	/*position: absolute;
	top: 0;
	left: 0;
	z-index: 2;*/
	    /*border-bottom: 1px solid #ccc;*/
		width:95%;
}

.eventCalendar-currentMonth {
	z-index: 1;
}

.eventCalendar-daysList {
	display: table;
	width: 100%;
	    background: #ddd;
		    border: 20px solid #ddd;
	    box-shadow: -30px 30px 0 0 #f9f9f9;
}

.eventCalendar-showAsWeek {
	1display: block;
}

.eventCalendar-daysList li {
	display: table-cell;
}

.eventCalendar-dayWithEvents {
	background: #4996d1;
}

.eventCalendar-dayWithEvents a {
	background: #ec1103;
	color:#fff;
}



.today a{
	font-weight:600;
	font-size:20px!important;
	background: #f9f9f9;
}




.eventCalendar-current {
	background: rgba(0, 0, 0, 0.35);
}

.eventCalendar-showAsWeek li {
	display: block;
	float: left;
	width: 14.28%;
	height: 65px;
	background: #444549;
}

.eventCalendar-daysList a {
	padding: 0;
	display: block;
	text-align: center;
	font-size: 12px;
	min-width: 7px;
}

.eventCalendar-loading {
	display: block;
	min-width: 100px;
	height: 40px;
	line-height: 40px;
}

.eventCalendar-list {
	position: relative;
	z-index: 1;
}

.eventCalendar-oldEventList {
	z-index: 2;
}

.eventCalendar-subtitle {
	width: 100%;
    margin: 0 auto;
    line-height: 37px;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    padding: 0px 0 10px 0;
    position: relative;
    margin: 0 auto;
    text-transform: uppercase;
    color: #fff!important;
}
/* end of core CSS */

@media only screen and (max-width: 960px){
	.eventCalendar-slider, .eventCalendar-monthWrap {width:100%;}
	.c_text_area {display: block;}
	.eventCalendar-list-wrap {
		width: inherit;
		min-height: inherit;
	}
	.class_desc {
		    height: inherit;
			    overflow-y: hidden!important;
	}
	
	.eventCalendar-list-wrap {
		width: 100%;
	}
	
	.edu_btn {
		text-indent: -999999999999999px;
		width: 20px;
		height:20px;
		background-image: url(/bitrix/templates/.default/demi-brarus.ru/img/plus_icon.png);
		background-color:#4996d1;
		margin-top:-3px;
		border: 3px solid #4996d1;
		border-radius: 100%;
		margin-right:10px;
	}
	
	.eventCalendar-list {
		max-height:400px;
		height:60%;
		overflow-y: scroll;
		overflow-x: hidden;
		padding-bottom:20px;
	}
	
	.eventCalendar-wrap{
		margin-bottom:40px;
	}
}

.eventCalendar-list .tg-btn {
	padding: 10px 30px;
}
.eventCalendar-list .tg-btn span {
	color: #444549;
}

.eventCalendar-list .tg-catagory li a {
    color: #444549;
}

.eventCalendar-list .tg-producttitle {
	padding: 0 0px 15px 0;
}

.eventCalendar-list .tg-description p {
	margin: 0 0 15px;
	color: #444549;
}

.eventCalendar-list .tg-productprice span:after {
    display:none;
}

@media only screen and (max-width: 960px){
	.eventCalendar-list-mobile-wrap {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 999;
		position: fixed;
		padding: 0 10%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
		background-color: rgba(0, 0, 0, 0.8);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		-webkit-transform: translate(0px, -100%) scale(0, 0);
		-moz-transform: translate(0px, -100%) scale(0, 0);
		-o-transform: translate(0px, -100%) scale(0, 0);
		-ms-transform: translate(0px, -100%) scale(0, 0);
		transform: translate(0px, -100%) scale(0, 0);
		opacity: 0;
	}
	.eventCalendar-list-mobile-wrap.open {
		-webkit-transform: translate(0px, 0px) scale(1, 1);
		-moz-transform: translate(0px, 0px) scale(1, 1);
		-o-transform: translate(0px, 0px) scale(1, 1);
		-ms-transform: translate(0px, 0px) scale(1, 1);
		transform: translate(0px, 0px) scale(1, 1);
		opacity: 1;
	}
	
	.eventCalendar-list-mobile-wrap .eventCalendar-subtitle, .eventCalendar-list-mobile-wrap .tg-producttitle h3 a, .eventCalendar-list-mobile-wrap .eventCalendar-list .tg-description p,  .eventCalendar-list-mobile-wrap .eventCalendar-list .tg-btn span, .eventCalendar-list-mobile-wrap .tg-productprice {color:#fff!important;}
	
	.eventCalendar-list-mobile-wrap .eventCalendar-list .tg-btn:before{border: 2px solid #fff; border-right: 0;}
	.eventCalendar-list-mobile-wrap .eventCalendar-list .tg-btn:after{border-top: 2px solid #fff;  transition: 200ms ease-in; transition-delay: 400ms;}
	
	.eventCalendar-list-mobile-wrap .eventCalendar-list .tg-description p {color:#999!important;}
	
	.eventCalendar-list-mobile-wrap .close {
		width: 30px;
		height: 30px;
		top: 15px;
		right: 15px;
		color: #fff;
		opacity: 1;
		font-size: 20px;
		line-height: 30px;
		position: fixed;
		background: #444549;
		outline: none;
		display: block!important;
	}
	
	.eventCalendar-list-mobile-wrap #preloader {
		height:inherit;
		background:transparent;
	}
	.eventCalendar-list-mobile-wrap .preloader{
		top: inherit;
	}
	.eventCalendar-list-mobile-wrap #spinner:before {
		border-top: 3px solid rgb(255, 255, 255);
	}
	.eventCalendar-list-mobile-wrap .tg-productcontent {
		background: transparent!important;
		padding: 0px!important;
		margin-bottom:50px!important;
	}
	.eventCalendar-list .tg-catagory li a {
		color: #ec1103;
	}
	
}

@media only screen and (max-width: 767px){
	  .eventCalendar-list-mobile-wrap .tg-likesrating, .eventCalendar-list-mobile-wrap .tg-productprice {float:none; width:100%; text-align:center;}
	  .eventCalendar-list-mobile-wrap .tg-productprice {margin-bottom:20px;}
	  .eventCalendar-list-mobile-wrap .tg-catagory li:after {color:#ec1103;}
	  .eventCalendar-list-mobile-wrap .tg-catagory li:last-child:after {display:none;}
	  .eventCalendar-list-mobile-wrap .tg-catagory li:last-child {padding: 0px;}
}
.eventCalendar-list-mobile-wrap .close {
	display: none;
}
	
.eventCalendar-list-mobile-wrap .tg-productcontent {
	background: #f9f9f9;
    padding: 15px;
	margin-bottom:40px!important;
}

.eventCalendar-subtitle:before {
    content: "\f133 ";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 10px;
    color: #ec1103;
}

.eventCalendar-list .tg-btn:before {border: 2px solid #444549; border-right: 0;}
.eventCalendar-list .tg-btn:after {border-top: 2px solid #444549;  transition: 200ms ease-in; transition-delay: 400ms;}