.activities { width: 100%; display: inline-block; padding: 47px 0 60px; }
.activities.our-facilities { padding-bottom: 30px; }
.activities h2 { text-align: center; margin-bottom: 45px; }
.activities .col-main { margin: 0 -15px; }
.activities .col { width: 25%; float: left; padding: 0 15px 30px; }
.activities .col .box-shadow { width: 100%; display: inline-block; background: #fff; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.activities .col .box-shadow:hover { box-shadow: 0 5px 20px 0 rgba(23,23,23,0.25); }
.activities .col .img { width: 100%; max-width: 270px; display: inline-block; position: relative; }
.activities .col img { display: inline-block; }
.activities .col .date-main { width: 50px; height: 50px; background: rgba(17,17,17,0.80); position: absolute; top: 0; left: 0; text-align: center; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.activities .col .box-shadow:hover .date-main { background: #ac2b31; }
.activities .col .date-main span { color: #fff; display: block; text-transform: uppercase; }
.activities .col .date-main .date { font-size: 22px; font-family: 'SourceSansPro-Semibold'; }
.activities .col .date-main .month { font-size: 12px; }
.activities .col h3,
.activities .col h3 a { font-size: 15px; color: #ac2b31; margin-bottom: 10px; }
.activities .col p { font-size: 17px; line-height: 23px; height: 46px; overflow: hidden; }
.activities.our-facilities .col { text-align: center; }
.activities .col .cont { padding: 10px 20px 20px; border-bottom: solid 1px #eaeaea; }
.activities.our-facilities .col .cont { padding-left: 6px; padding-right: 6px; }
.activities.our-facilities .col h3 { margin-bottom: 10px; font-size: 20px; color: #111111; font-family: 'SourceSansPro-Semibold'; }
.activities-short-bar { width: 100%; display: inline-block; padding: 0 0 15px; margin: 0 0 25px; border-bottom: 1px solid #ccc; }



.activities-short-bar .select-box { float: none; width: 300px; display: inline-block; margin-left: 10px; }
.activities-short-bar .select-box.year-small-dropdown { width: 150px; }


.category-list-html { float: right;}
.category-list-html .field{    float: left; margin-top: 10px;  margin-right: 3px;}
.category-list-html .field label { color: #666666; position: relative; line-height: 19px; margin: 0; }
.category-list-html .field input { -webkit-appearance: checkbox; width: 17px; height: 17px; }
.category-list-html .field input[type="checkbox"] { display: none; }
.category-list-html .field input[type="checkbox"] + label { padding-left: 30px; cursor: pointer; }
.category-list-html .field input[type="checkbox"] + label:before { content: ''; width: 15px; height: 15px; display: block; position: absolute; top: 0; left: 0; border: 1px solid #000; border-radius: 3px; z-index: 8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.category-list-html .field input[type="checkbox"] + label:after { content: ''; background: url(../images/sign-check.svg) no-repeat; width: 14px; height: 11px; display: block; position: absolute; top: 3px; left: 2px; border-radius: 3px; color: #ac2b31; opacity: 0; z-index: 8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.category-list-html .field input[type="checkbox"]:checked + label:before { border: 1px solid #ac2b31; }
.category-list-html .field input[type="checkbox"]:checked + label:after { opacity: 1 !important; }
.activities .col .date-main.red{ background: #ac2b31;}
.activities .col .box-shadow:hover .date-main.red{background: rgba(17,17,17,0.80);}


@media only screen and (max-width:1023px) {
.activities .col p { font-size: 15px; line-height: 20px; height: 40px; overflow: hidden; }
.activities .col-main { margin: 0 -10px; }
.activities .col { padding: 0 10px 30px; }
}
@media only screen and (max-width:767px) {
.activities { padding: 20px 0; }
.activities .col { padding: 0 10px 15px; width: 50%; text-align: center; }
.activities .col h3,
.activities .col h3 a { margin-bottom: 10px; }
}
@media only screen and (max-width:639px) {
.activities .col { padding: 0 5px 10px; }
.activities-short-bar .select-box{ float:left;}
}

.activities-list-heading
{
    height: 29px;
}

@media only screen and (max-width:767px) {
.activities-short-bar .select-box,
.activities-short-bar .select-box.year-small-dropdown { width: 150px; }
}
@media only screen and (max-width:567px) {
.category-list-html { float: none; }
.activities-short-bar .select-box,
.activities-short-bar .select-box.year-small-dropdown { width: 100%; margin: 0 0 10px; }
}