.container {
    min-height: 100%;
    height: 100%;
    width: 100%
}
.content {
    position: relative
}
.info-box {
    background: white;
    position: absolute;
    bottom: 50px;
    left: 0!important;
    width: 50%;
    height: 200px;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    overflow-y: scroll;
    border-top: 8px solid #000;
    z-index: 5;
    box-shadow: 0px 1px 6px rgba(100, 100, 100, 0.25);
    -webkit-box-shadow: 0px 1px 6px rgba(100, 100, 100, 0.25);
    -moz-box-shadow: 0px 1px 6px rgba(100, 100, 100, 0.25);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color');
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.info-box .title {
    margin-bottom: 20px
}
.info-box .key {
    position: absolute;
    top: 5px;
    right: 10px;
    vertical-align: middle
}
.info-box .key .marker {
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    display: inline-block;
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
    background-image: url("images/map_marker.png");
    position: relative;
    top: 10px;
    margin-left: 5px
}
.info-box .key .marker:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.calendar-box {
    background: white;
    position: absolute;
    bottom: 50px;
    left: 50%!important;
    width: 50%;
    height: 200px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 6;
    box-shadow: 0px 1px 6px rgba(100, 100, 100, 0.25);
    -webkit-box-shadow: 0px 1px 6px rgba(100, 100, 100, 0.25);
    -moz-box-shadow: 0px 1px 6px rgba(100, 100, 100, 0.25);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color');
}
.calendar-box .selector {
    height: 200px;
    width: 110px;
    float: left;
    background: #000;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden
}
.calendar-box .selector .labels {
    height: 70px
}
.calendar-box .selector .labels li {
    /**margin-top:48px;**/
    
    height: 70px;
}
.calendar-box .selector .prev,
.calendar-box .selector .next {
    cursor: pointer;
    position: absolute
}
@media screen and (min-width: 12px) {
    .calendar-box .selector .prev,
    .calendar-box .selector .next {
        position: absolute;
        margin-left: 50%;
        left: -6px;
        width: 12px
    }
}
.calendar-box .selector .prev.disabled,
.calendar-box .selector .next.disabled {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
    filter: alpha(opacity=60);
    cursor: default
}
.calendar-box .selector .prev {
    top: 12px
}
.calendar-box .selector .next {
    bottom: 12px
}
.calendar-box .months {
    height: 150px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow-y: scroll;
    padding: 0 20px;
    overflow-x: hidden;
}
.calendar-box .months .event {
    padding: 20px 0px;
    border-bottom: 1px solid #ccc
}
.calendar-box .months .event .title {
    margin-bottom: 10px
}
.calendar-box .months .event a {
    text-decoration: underline
}
.calendar-box .ical-link {
    position: relative;
    top: -7px;
    right: 7px;
    float: right
}
.map {
    background: #000
}
.map .leaflet-popup {
    border-top: 8px solid #000;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.map .leaflet-popup-content {
    margin: 20px
}
.map .leaflet-popup-content p {
    margin: 14px 0
}
.map .leaflet-popup-content .navigation-text {
    line-height: 20px
}
.map.leaflet-container {
    font: inherit
}
.map.leaflet-container a {
    color: #111
}
@media screen and (min-width: 768px) {
    .content {
        padding-right: inherit;
        padding-left: 0
    }
}
@media screen and (min-width: 1024px) {
    .info-box {
        padding-right: 170px;
        bottom: 50px;
    }
    .calendar-box {
        left: 290px
    }
    .sidebar {
        display: block
    }
    .content {
        padding-right: 290px
    }
}
@media screen and (min-width: 1250px) {
    .info-box {
        left: 30px;
        padding-right: 110px
    }
    .calendar-box {
        left: 360px
    }
}