.events-block.loading{
    opacity: .5;
    pointer-events: none;
}

.loading-indicator.loading {
    border: 5px solid #333;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: absolute;
    top: 100px;
    width: 30px;
 
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulsate {
    0% {
      transform: scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1.2);
      opacity: 0;
    }
}



.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    background: #eee;
}

.ui-datepicker-today a {
    background: #ccc;
}


.events-list-area:after,
.events-frame:after,
.categories-list li:after,
.panel-area .schedules-area:after {
	content: " ";
	display: block;
	clear: both;
}


.events-frame .sidebar .adds-holder .adds-img,
.events-block .sidebar .adds-holder .adds-img{
	margin: 0;
	padding: 0;
	list-style: none;
}


.tab-content .events-frame,
.tab-content .events-block {
	margin: 0 0 26px;
}

.tab-content .events-frame .two-columns-block,
.tab-content .events-block .two-columns-block {
	padding: 0;
}


/*events style*/

.element-holder {
	overflow: hidden;
}

.element-holder .tab-content {
	padding: 25px 0 48px 30px;
}

.events-frame,
.events-block {
	position: relative;
	margin: 0 0 100px;
}


.events-frame .load-box .more-link,
.events-block .load-box .more-link {
	display: block;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #2f496b;
	color: #fff;
	font: 700 18px/22px "roboto", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 19px 5px;
	text-decoration: none;
	text-align: center;
}

.events-frame .load-box .more-link:hover,
.events-block .load-box .more-link:hover {
	opacity: .8;
}

.events-frame .heading,
.events-block .heading {
	text-align: center;
	color: #fff;
	background: #1b2a40;
	padding: 38px 9999px 40px;
	margin: 0 -9999px;
}

.events-frame .heading h1,
.events-block .heading h1 {
	text-transform: uppercase;
	font-size: 36px;
	line-height: 40px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	background: none;
	padding: 0;
}

.events-frame .two-columns-block,
.events-block .two-columns-block {
	padding-top: 67px;
	overflow: hidden;
}

.events-frame .sidebar,
.events-block .sidebar {
	float: right;
	width: 24%;
	padding: 0;
	margin: 38px 0 0;
}

.events-frame .sidebar .block,
.events-block .sidebar .block {
	overflow: hidden;
}

.events-frame .sidebar .block .btn-holder,
.events-block .sidebar .block .btn-holder {
	margin: 49px 0 45px;
	padding: 10px 0 0;
	text-align: center;
	border-top: 1px solid #cecece;
}

.events-frame .sidebar .block .btn-holder .btn,
.events-block .sidebar .block .btn-holder .btn {
	display: inline-block;
	vertical-align: middle;
	width: 95px;
	height: 38px;
	color: #fff;
	font: 700 14px/17px "roboto", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 11px 5px 5px;
	border-radius: 5px;
}

.events-frame .sidebar .block .btn-holder .btn:hover,
.events-block .sidebar .block .btn-holder .btn:hover {
	opacity: .8;
}

.events-frame .sidebar .block h2,
.events-block .sidebar .block h2 {
	font-size: 17px;
	line-height: 20px;
	margin: 0 0 8px;
	font-weight: 700;
	color: #333;
}

.events-frame .sidebar .adds-holder,
.events-block .sidebar .adds-holder {
	display: none;
	overflow: hidden;
}

.events-frame .sidebar .adds-holder h3,
.events-block .sidebar .adds-holder h3 {
	text-transform: uppercase;
	font: 700 17px/20px "roboto", Arial, Helvetica, sans-serif;
	margin: 0 0 8px;
	color: #333;
}

.events-frame .sidebar .adds-holder .adds-img,
.events-block .sidebar .adds-holder .adds-img {
	overflow: hidden;
	margin: 0 0 0 10px;
}

.events-frame .sidebar .adds-holder .adds-img li,
.events-block .sidebar .adds-holder .adds-img li {
	padding: 0;
	margin: 0 0 10px;
}

.events-frame .sidebar .adds-holder .adds-img li:after,
.events-block .sidebar .adds-holder .adds-img li:after {
	display: none;
}

.events-frame .sidebar .adds-holder .adds-img li a,
.events-block .sidebar .adds-holder .adds-img li a {
	display: block;
}

.events-frame .sidebar .adds-holder .adds-img img,
.events-block .sidebar .adds-holder .adds-img img {
	display: block;
	width: 100%;
	height: auto;
}

.calendar-block {
	margin: 0 0 42px;
}

.calendar-block .datepicker .ui-datepicker {
	border: none;
	border-radius: 0;
	background: none;
	padding: 0;
	width: 100%;
	position: relative;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-header {
	position: relative;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	border: none;
	background: #1b2a40;
	border-radius: 3px 3px 0 0;
	padding: 8px 90px 8px 8px;
	height: 20px;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-prev,
.calendar-block .datepicker .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	border-radius: 3px;
	border: 1px solid #25284f;
	width: 39px;
	height: 34px;
	overflow: hidden;
	text-indent: -9999px;
	background: none;
	cursor: pointer;
	z-index: 5;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-prev:hover,
.calendar-block .datepicker .ui-datepicker .ui-datepicker-next:hover {
	background: #2f496b;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-prev:before,
.calendar-block .datepicker .ui-datepicker .ui-datepicker-next:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 17px;
	border: solid transparent;
	text-indent: 0;
	border-width: 6px 6px 6px 0;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-prev span,
.calendar-block .datepicker .ui-datepicker .ui-datepicker-next span {
	display: none !important;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-prev {
	width: 41px;
	right: 37px;
	border-radius: 3px 0 0 3px;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-prev:before {
	border-right-color: #fff;
	left: 16px;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-next:before {
	border-width: 6px 0 6px 6px;
	border-left-color: #fff;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-title {
	margin: 2px 0 0 7px;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	text-align: left;
	font-family: roboto, Arial, Helvetica, sans-serif;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-buttonpane {
	position: absolute;
	top: 8px;
	right: 78px;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-buttonpane button {
	width: 75px;
	height: 19px;
	border-radius: 3px;
	text-align: center;
	text-transform: uppercase;
	background: #2f496b;
	font-weight: normal;
	padding: 2px;
	margin: 0;
	opacity: 1;
	font-size: 11px;
	line-height: 14px;
	border: none;
	color: #fff;
	display: block;
	font-family: roboto, Arial, Helvetica, sans-serif;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar {
	width: 100%;
	border: 1px solid #cecece;
	border-radius: 0 0 3px 3px;
	border-collapse: separate;
	margin: 0;
	font-family: roboto, Arial, Helvetica, sans-serif;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar th {
	text-transform: uppercase;
	font-weight: normal;
	color: #000;
	font-size: 10px;
	line-height: 12px;
	padding: 2px;
	border-left: 1px solid #cecece;
	width: 14.286%;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar th:first-child {
	border-left: 0;
	width: auto !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar td {
	border-left: 1px solid #cecece;
	border-top: 1px solid #cecece;
	text-align: center;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar td:first-child {
	border-left: 0;
	width: auto !important;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-priority-secondary {
	opacity: 1;
	color: #cecece !important;
	background: none !important;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-priority-secondary:hover {
	color: #777 !important;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
	background: #ddd;
}
.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-active{
	color: #fff;
	background: #1b2a40;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar a {
	display: block;
	font-style: normal;
	text-decoration: none;
	color: #777;
	padding: 9px 2px;
	text-align: center;
	background: none;
	border: none;
}

.calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar a:hover {
	color: #fff;
	background: #1b2a40;
}

.categories-list {
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 0 10px;
}

.categories-list li {
	overflow: hidden;
	padding: 0;
	margin: 0 0 8px;
}

.categories-list li:after {
	display: none;
}

.categories-list label {
	color: #000;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

.categories-list .jcf-checkbox {
	margin: 2px 7px 0 0;
	float: left;
}

.categories-list input[type=checkbox] {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

.categories-list .sub-categories-list {
	overflow: hidden;
	font-size: 13px;
	line-height: 16px;
	padding: 8px 0 0 21px;
	width: 100%;
	margin: 0 0 -7px;
}

.categories-list .sub-categories-list li {
	margin: 0 0 9px;
}
/*
.drop-list ul {
	overflow: hidden;
	font-size: 13px;
	line-height: 16px;
	padding: 8px 0 0 21px;
	width: 100%;
	margin: 0 0 -7px;
}

.drop-list ul li {
	margin: 0 0 9px;
}*/

.events-box {
	margin: 0;
}

.events-box h2 {
    margin-top: 46px;
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	color: #25284f;
	margin-bottom: 17px;
}

.events-box h2 a {
	color: #25284f;
}

.open-close .opener1 {
	display: block;
	position: relative;
	padding: 0 45px 0 0;
	text-decoration: none;
	font-style: normal;
}

.open-close .opener1:after {
	content: "";
	position: absolute;
	top: 7px;
	right: 20px;
	width: 17px;
	height: 11px;
	background: url(../images/sprite3.png) no-repeat -282px -52px;
}

.open-close.active .opener1:after {
    
	background: url(../images/sprite3.png) no-repeat -282px -18px;
}

.events-table {
	width: 100%;
	border-top: 1px solid #e2e2e2;
}

.events-table td {
	vertical-align: top;
	font-size: 12px;
	line-height: 15px;
	color: #777a7d;
	border-top: 1px solid #e2e2e2;
	padding: 16px 9px 21px;
}

.events-table td:first-child {
	width: 86px;
    padding-top: 22px;
}

.events-table td span {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 18px;
	color: #000;
	font-weight: 500;
	padding: 3px 0 0;
}

.events-table .date {
	padding: 16px 9px 21px;
	width: 136px;
}

.events-table .label {
	display: inline-bloc !important;
	vertical-align: top !important;
	text-transform: uppercase !important;
	font-size: 11px !important;
	line-height: 13px !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	color: #fff !important;
	font-weight: normal !important;
	text-align: center !important;
	padding: 2px 5px !important;
	background: #f79e00 !important;
	margin: 3px 0 0 !important;
	position: relative !important;

    float: none !important;
    width: auto !important;


}

.events-table h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 6px;
	text-transform: none;
	font-weight: 700;
}

.events-table h3 a {
	color: #1b2a40;
	font-style: normal;
	text-decoration: none;
}

.events-table h3 a:hover {
	text-decoration: underline;
}

.events-table p {
	margin: 0 !important;
}

.events-table .events-area {
	max-width: 364px;
	background: #f4f4f4;
	padding: 8px 21px;
	margin: 17px 0 13px;
}

.events-table .events-area strong.title {
	color: #333;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 13px;
    border: none;
}

.events-table .events-area .more {
	text-transform: uppercase;
	color: #1b2a40;
}

.events-table .events-area em {
	font-style: normal;
}

.events-table .events-area .less {
	display: none;
}

.events-table .events-area ul {
	margin: 0;
	color: #777a7d;
	font-size: 12px;
	line-height: 15px;
}

.events-table .events-area ul li {
	padding: 0;
	margin: 0 0 7px;
}

.events-table .events-area ul li:after {
	display: none;
}

.events-table .events-area ul li:before {
	display: none;
}

.events-table .events-area.active .more em {
	display: none;
}

.events-table .events-area.active .more .less {
	display: block;
}

.content {
    float: left;
    width: 66.2%;
}

@media only screen and (max-width: 1023px) {

    
	.events-frame .two-columns-block,
	.events-block .two-columns-block {
		padding-top: 30px;
	}

	.calendar-block img {
		display: block;
		width: 100%;
		height: auto;
	}

	.events-frame .sidebar,
	.events-block .sidebar {
		width: 29.8%;
	}

    
	.events-frame .sidebar .adds-holder .adds-img,
	.events-block .sidebar .adds-holder .adds-img {
		margin: 0;
	}

	.categories-list label {
		width: 210px;
	}

	.calendar-block .datepicker .ui-datepicker .ui-datepicker-buttonpane {
		z-index: 9;
		right: 70px;
	}

	.calendar-block .datepicker .ui-datepicker .ui-datepicker-buttonpane button {
		width: 55px;
	}

	.calendar-block .datepicker .ui-datepicker .ui-datepicker-title {
		margin: 2px 0 0;
		font-size: 11px;
	}
}


@media only screen and (max-width: 767px) {
    .events-frame .sidebar, .events-block .sidebar {
    float: none;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

    .block {
    margin: 0;
}

    .content{
        width: 100%;
    }

    .categories-list label {
        font-size: 13px;
        width: 200px;
    }

    .calendar-block .datepicker .ui-datepicker .ui-datepicker-buttonpane {
        z-index: 9;
        right: 78px;
    }

        .calendar-block .datepicker .ui-datepicker .ui-datepicker-buttonpane button {
            width: 75px;
        }

    .calendar-block .datepicker .ui-datepicker .ui-datepicker-title {
        margin: 2px 0 0 7px;
        font-size: 13px;
    }
}




.sidebar .block{
    background: none;
}