.cal {display: inline-block;width:100%;background-color: #f8f8f8;max-width: 470px;margin-bottom: 15px; }

.cal-head{}
.cal-body{border-left: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 24px;border-right: 1px solid rgba(0,0,0,0.1);}

.cal-body ul li{display: table-cell;border-collapse: collapse;border: 1px solid rgba(0,0,0, 0.1);border-right-width: 0;border-bottom-width: 0;}
.cal-body ul li:nth-child(7n) {
    border-right: 1px solid rgba(0,0,0,0.1);
}
.cal-body > ul {
	border-bottom: 1px solid rgba(0,0,0,0.1);
    display: table;
	margin: 0 30px;}


.cal-body > ul li:hover {
	/* border-color: #B12807 !important; */
	/* border-color: #32528e !important; */
}
.cal-body > ul li:hover a {
	 /* background-color: #b12807;  */
	/* color: #FFF !important; */
	/* background-color: #f1f8fe; */
	/* background-color: #32528e; */
	background-color: #f8f8f8;
}
.cal-body > ul li.active,
.cal-body > ul li.active a {
	color: #FFF !important;
	background-color: #b12807;
	border-color: #B12807 !important;
}

.cal-body ul li:hover, .cal ul li.cal-holiday:hover{background:rgba(0, 0, 0, 0.06);} 
.cal-descr{ }
.cal-off{margin:0 !important;display:table;width:100%;padding:0 30px;border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(0,0,0,0.1);}
.cal a {  font-family: RobotoRegular;  text-decoration: none;    border:none;}

.cal-caption { line-height: 58px;    color: #32528e;    text-align: center;background: #ffffff; font-size: 24px; text-transform: uppercase;}
.cal-caption a {    line-height: 58px;    padding: 0 10px;    font-size: 0;  color: transparent;    width: 58px;}
.cal .prevcalbutton {    border-right: 1px solid rgba(0,0,0,0.1);    float: left; background: #fff url("../img/icons/controls-slide.png") no-repeat; background-position: 24px 22px !important;}
.cal-caption .prevcalbutton:hover {background-position: 24px -21px !important;}
.cal .nextcalbutton {    float: right;    border-left: 1px solid rgba(0,0,0,0.1); background: #fff url("../img/icons/controls-slide.png") no-repeat; background-position: -26px 22px !important;}
.cal-caption .nextcalbutton:hover {background-position: -26px -21px !important;}

.cal ul{}
.cal ul li{list-style-type: none;    width: 14.28%;    text-align: center;    font-size:16px;    height: auto;float: left; }
.cal ul li a{    display: block;    position: relative;color: #333;    font-size: 16px;    padding-top: 14px;    padding-bottom: 14px;    background: #fff;;}
.cal-off li{line-height: 12px;padding-top: 24px;padding-bottom: 24px;border-width: 0 !important;}
.cal ul li.cal-holiday { }
.cal ul li.cal-prevm a{color: #ccc;}
.cal ul li.cal-nextm a{color: #a5a5a5;}
.cal ul li.cal-events a{overflow: hidden;color: #b12807;background-image: url("../img/icons/red-mark.png");background-repeat: no-repeat;background-position: right top;}
.cal ul li.cal-events a:before {    content: '';    position: absolute;    top: -6px;    right: -6px;    width: 12px;    height: 12px;    background: #b12807;
       -webkit-transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    -o-transform: rotate(-45deg);    transform: rotate(-45deg);    display: none;;}

.cal-holiday a { color: #b2494d; }

.cal-event{padding: 10px;background: #ffffff;}

.cal-event.hide{opacity:0;background: rgba(242, 242, 242, 0.11);-webkit-transition: all .2s linear .1s;  transition: all .2s linear .1s;}

.cal-event.show{opacity:0;background: rgba(242, 242, 242, 0.11);-webkit-transition: all .2s linear .3s;  transition: all .2s linear .3s;}

.cal-event.shown{opacity:1;background: #f2f2f2;-webkit-transition: all .2s linear .3s;  transition: all .2s linear .3s;}


.cal-event {
	position: relative;
	padding: 23px;
	border-bottom: 3px solid #f1f8fe;
	border-left: 2px solid #32528e;
}
.cal-event:first-of-type::before {
	position: absolute;
	left: -7px;
	top: -6px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #5c72a0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background: #FFF;
	z-index: 100;
}
.cal-event::after {
	position: absolute;
	left: -7px;
	bottom: -7px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #5c72a0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background: #FFF;
	z-index: 100;
}

.cal-event time,
.cal-event noindex {
	font-size: 16px !important;
	line-height: 1.3em;
	padding-bottom: 2px;
	display: block;
	color: #333;
}

.cal-event h5 a {
	display: none;
	/* display: block;
	font-weight: normal;
	color: #32528e;
	font-family: RobotoBold;
	font-size: 16px;
	line-height: 1.3em;
	text-decoration: none;
	padding-bottom: 2px; */
}
.cal-event h5 a:hover {
	color: #0c2248;
}
.cal-event p {
	font-weight: normal;
	color: #32528e;
	font-family: RobotoBold;
	font-size: 16px;
	line-height: 1.3em;
	text-decoration: none;
	padding-bottom: 2px;
	display: block;
}
.cal-event p:hover {
	color: #0c2248;
	cursor: pointer;
} 
.cal-event {}

.cal-event__img {
	display: table-cell;
	width: 170px; padding-top:4px;
}
.cal-event__caption {
	display: table-cell;
	vertical-align: top;
	padding-left: 18px;
}
.event-place {
	font-size: 16px;
	color: #333;
	line-height: 1.3em;
	display: block;
	margin-bottom: 9px;
}

.cal-descr.scrollbar {
	max-height: 395px;
	padding-right: 14px;
	-ms-overflow-y: scroll;
	    overflow-y: scroll;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	margin-top: -7px;
	margin-left: -7px;
}

@media (max-width: 390px) {
	.cal-event__img {
		display: none;
	}
	.cal-event__caption {
		padding-left: 0;
	}
}