3.calendar-header .calendar-navigation span{
	height:38px;margin:0  1px;cursor:pointer;	text-align:center;line-height:38px;border-radius:50%;user-select:none;color:#aeabab;font-size:1.9rem;height:40px;border-radius:6px;background:#F9F9FB;color:#1C1D22}

.calendar-header{
/*	position:relative;*/
	font-size: 1.45rem;
    text-align: center;
    font-family: 'Wix Madefor Display',sans-serif;
    color: #1C1D22;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    width: calc(100%);
    height: 60px;
    flex-direction: column;
    justify-content: flex-end;
    flex-shrink: 0;
    align-items: center;
    margin: 0 auto;
    /* border-radius: 6px; */
    padding-bottom: 28px;
   /* border-bottom: 1px solid grey;*/
}

#calendar-prev{
	position:absolute;left:0;top:0;font-size:1em;
	cursor: pointer;
	position: absolute;
	top: 0;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
    /* background: #FFF8DC; */
	color: #a9a9a9;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 10px;
	border: 1px solid #efefef;
	border: none;
	/* box-shadow: 0 2px 0 0 rgba(0,0,0,.015); */
	transition: all .33s ease;	
}
#calendar-next {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    /* background: #FFF8DC; */
    color: #a9a9a9;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 20px;
    border: 1px solid #efefef;
    border: none;
    /* box-shadow: 0 2px 0 0 rgba(0, 0, 0, .015); */
    transition: all .33s ease;
}

.calendar-header .calendar-navigation span:hover{background:#f2f2f2}
.calendar-header .calendar-current-date{font-weight:500;font-size:1.45rem;text-align:center;color:#1C1D22;text-align:center;font-size:15px;font-style:normal;font-weight:400;line-height:normal;display:flex;width:calc(100% - 80px);height:40px;flex-direction:column;justify-content:center;flex-shrink:0;align-items:center;margin:0 auto;}

.calendar-body{padding:0;margin-bottom:30px;margin-top:-10px;}.calendar-body ul{list-style:none;flex-wrap:wrap;display:flex;text-align:center}.calendar-body .calendar-dates{margin-bottom:20px}.calendar-dates li.selected::before{border-radius:8px;width:30px;height:30px}.calendar-dates li.selected::before{position:absolute;content:"";z-index:-1;top:50%;left:50%;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);border-radius:8px;background:#00955F}.calendar-dates li.selected{color:#fff}.calendar-body li{width:calc(100% / 7);color:#1C1D22;font-size:15px;font-family:'Wix Madefor Display',sans-serif}.calendar-body .calendar-body .calendar-dates li{margin-top:20px;position:relative;z-index:1;}.calendar-body 

/*
.calendar-dates li:nth-child(1),.calendar-body .calendar-dates li:nth-child(2),.calendar-body .calendar-dates li:nth-child(3),.calendar-body .calendar-dates li:nth-child(4),.calendar-body .calendar-dates li:nth-child(5),.calendar-body .calendar-dates li:nth-child(6),.calendar-body .calendar-dates li:nth-child(7){color:#9A9EAC;text-align:center;font-family:'Wix Madefor Display',sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:normal}
*/
.calendar-dates li.inactive{color:#aaa; opacity:0.3;background:white;}

.calendar-dates li.active + li{
	background: #ccc !important;
}
.calendar-dates li:not(.event){
	opacity:0.5;
}
.calendar-dates li.history{
	background: #ccc !important;	
		opacity:0.5;
cursor: default !important;
}

.calendar-dates li::before{position:absolute;content:"";z-index:-1;top:50%;left:50%;width:30px;height:30px;border-radius:8px;transform:translate(-50%,-50%)}
.calendar-dates li:not(.active):hover::before{background:#e4e1e1}.calendar-body .calendar-dates li:nth-child(1):before,.calendar-body .calendar-dates li:nth-child(2):before,.calendar-body .calendar-dates li:nth-child(3):before,.calendar-body .calendar-dates li:nth-child(4):before,.calendar-body .calendar-dates li:nth-child(5):before,.calendar-body .calendar-dates li:nth-child(6):before,.calendar-body .calendar-dates li:nth-child(7):before{display:none}

.calendar-weekdays{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    color: #636f72;
}

.calendar-weekdays li{
	cursor:default;
	font-weight:600;
    display: table-cell;
    transition: all .66s ease;
    color: #a4aab1;
    /* background: #FFF8DC; border-radius: 44px;
	background: #ccc; */
    font-size: 14px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
	color:black;
}
ul{
	margin:0;
	padding:0;
}

.calendar-dates li{
    display: grid;
	align-items: center;
    justify-items: center;
    transition: all .66s ease;
    color: black;
    /* background: #FFF8DC; border-radius: 44px;*/
	background: #ccc;
    
    font-size: 14px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
	position: relative;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}
.calendar-dates li.event{
	background-color: #5240fe;
}


.calendar-dates li.event:after {
 /*   background-color: #40d9f1; */
    border-radius: 50%;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    bottom: 14px;
    left: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    transition: all .25s ease;
}
/*
.calendar-dates li.event:hover:after {
	background-color: white;
}
*/ 
.calendar-dates li::before{
   /* background-color: #40d9f1; */
    border-radius: 50%;
    display: block;
    content: "";
    /* top: -36px; */
    /* left: 10px; */
    /*cursor: pointer;*/
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
	background: #aeabab5c;
    transition: all .25s ease;
    text-decoration: none;
    box-shadow: none;
    z-index: 1;
	opacity:0;
}
.calendar-dates li.event:not(.selected,.history):hover{
	background-color: #270fff;
    color: #fff;
	cursor:pointer;
}
.calendar-header .calendar-current-date{
	text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    color: #333;
	padding-top: 30px;
}
*{
	transition: all .66s ease;
}
.area{
	font-family:'Wix Madefor Display',sans-serif;
    width: 100%;
	margin:auto;
	display:grid;
grid-template-columns: 562px 1fr;
margin-bottom: 137px;
  /*  background: #FFF8DC;*/
}
.area_l{
	/* padding: 20px; */
	border: 1px solid #80808029;
	box-shadow: 0 1px 5px 6px rgba(0,0,0,.005) inset;
	position:relative;
	height: 610px;
}
.area_r{
	border: 1px solid #80808029;
	box-shadow: 0 1px 5px 6px rgba(0,0,0,.005) inset;
	padding: 50px;
}
.area_r h6{
	width: 80%;
    margin: auto;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 14px;
}
.area_r .mec-table-side-day{
	border: 1px solid #40d9f1;;
    padding: 5px;
    border-radius: 50%;
}

.mec-calendar .mec-event-article .mec-event-time {
    font-size: 11px;
    line-height: 1.1;
    margin: 0;
}
.mec-event-title a {
    text-decoration: none;
    color: #494949;
    transition: color .3s ease;
}
a{
	text-decoration:none;
}
article{
	text-align: left;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-top: 26px;
    border-top: 1px solid #efefef;
    transition: all .33s ease;
	cursor: pointer;
}

.mec-color{
	color: #40d9f1;
	font-size: 11px;
}	
.mec-event-loc-place{
	font-size: 13px;
    line-height: 1.3;
    font-family: Roboto,sans-serif;
    color: #9a9a9a;
}
h2{
	text-align:center;
}
#calendar-next:after{
    border-left: 2px solid #50ab3a;
    border-top: 2px solid #50ab3a;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 10px;
    top: 22px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 5px;
    z-index: 10;
}
#calendar-prev:after{
    border-left: 2px solid #50ab3a;
    border-top: 2px solid #50ab3a;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    left: 10px;
    top: 22px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(320deg);
    width: 5px;
    z-index: 10;
}
#calendar-prev:hover, #calendar-next:hover{
    background-color: #f9f9f9;
	box-shadow: 0 2px 0 0 rgba(0,0,0,.015);
    transition: all .33s ease;
}
/*
.mec-sl-clock-o:before {
	content: '\e081';
}
*/
.event-color {
    width: 14px;
    display: inline-block;
    height: 14px;
    margin-left: 5px;
    border-radius: 50%;
}

.mec-event-title {
margin: 10px 0 8px;
font-size: 18px;
}

.jBox-content .master-classes-actual-list {
padding: 40px;
border-radius: 40px;
}

.jBox-master {
width: 1200px!important;
left: 50%!important;
margin-left: -600px!important;
top: 50%!important;
margin-top: -300px!important;
}

.jBox-master .jBox-content {
width: 1200px!important;
max-width: 1200px!important;
}

.calendar-dates li.selected {
    background: yellow;
	color:black;
}

@media(max-width: 1152px) {
.area {
    font-family: 'Wix Madefor Display', sans-serif;
    width: 100%;
    max-width: 650px;
    margin: auto;
    grid-template-columns: 1fr;
    margin-bottom: 80px;
}

.jBox-Modal-form {
left: 50%!important;
margin-left: -240px!important;
max-width: 100%;
}

}

@media(max-width: 649px) {

.calendar-body ul {
    list-style: none;
    flex-wrap: wrap;
    display: grid;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}


.calendar-dates li {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.calendar-weekdays li {
    width: 60px;
    height: 60px;
    line-height: 60px;
}


.area_r {
    padding: 20px;
}


}

@media(max-width: 495px) {

.calendar-weekdays li {
    font-size: 12px;
}

.calendar-dates li {
    font-size: 12px;
}


.calendar-dates li {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.calendar-weekdays li {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.calendar-dates li.event:after {
    margin-bottom: -10px;
}

.calendar-header .calendar-current-date {
    font-size: 18px;
}


}


@media(max-width: 1240px) {
.jBox-master {
width: calc(100% - 20px)!important;
left: 10px !important;
margin-left: 0 !important;
}

.jBox-master .jBox-content {
height: 700px!important;
max-width: 100%!important;
}


.jBox-master .master-classes-actual-list {
    grid-row-gap: 60px;
    margin-top: 0;
    padding: 30px !important;
    max-width: 100%;
}


}

@media(max-width: 480px) {
.jBox-Modal-form {
left: 0!important;
margin-left: 0!important;
max-width: 100%;
}


.master-classes-actual-list .master-classes-item .descriptions {
padding-bottom: 120px;
}


}