.activities-detail { width: 100%; }
.activities-detail .detail-cont { width: 100%; display: inline-block; padding: 60px 0; }
.activities-detail .main-img { width: 100%; display: inline-block; position: relative; margin-bottom: 20px; }
.activities-detail .main-img .date-main { width: 70px; height: 70px; 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-detail .main-img .box-shadow:hover .date-main { background: #ac2b31; }
.activities-detail .main-img .date-main span { color: #fff; display: block; text-transform: uppercase; }
.activities-detail .main-img .date-main .date { font-size: 32px; line-height: 34px; font-family: 'SourceSansPro-Semibold'; }
.activities-detail .main-img .date-main .month { font-size: 22px; }
.activities-detail h3,
.activities-detail a { font-size: 15px; color: #ac2b31; margin-bottom: 10px; }
.activities-detail h4 { font-size: 25px; color: #111; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #eaeaea; }
.activities-detail p { font-size: 17px; line-height: 23px; text-align: justify; margin-bottom: 20px; }
.photo-gallery { margin: 0 -15px; clear: both; }
.photo-gallery h2 { text-align: center; margin-bottom: 4px; }
.activities-detail h2.bdr.bdr-left { float: left; }
.switcher-box { float: right; }
.photo-gallery .col { width: 25%; float: left; padding: 30px 15px 0; text-align: center; }
.photo-gallery h5 { font-size: 16px; color: #000; height: 20px; overflow: hidden; }
.photo-gallery.full .col { width: 100%; }
.activities-detail .photo-gallery a { position: relative; display: inline-block; margin: 0; overflow: hidden; border: solid 1px #eaeaea; padding: 5px; height: 191px; width: 100% }
.activities-detail .photo-gallery.full a { height: auto; }
/*.activities-detail .photo-gallery a:before,*/
.activities-detail .photo-gallery a:after { content: ''; position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
/*.activities-detail .photo-gallery a:before { left: 0; right:0; top: 0; width: 0; margin:0 auto; height: 100%; background: rgba(234,234,234,0.45); }*/
.activities-detail .photo-gallery a:after { background: url(../images/zoom-in.svg) no-repeat; background-size: 100%; width: 30px; height: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.activities-detail .photo-gallery a:hover:before,
.activities-detail .photo-gallery a:hover:after { opacity: 1; visibility: visible; }
.activities-detail .photo-gallery a:hover:before { width: 100%; }
.activities-detail .photo-gallery .video-icon { width: 55px; height: 55px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.activities-detail .photo-gallery a:hover .video-icon { visibility: hidden; opacity: 0; }
.boxul { display: inline-block; width: 100%; }
.boxul ul { margin: 0; padding: 0; }
.boxul ul li { display: inline-block; vertical-align: top; margin-right: 14px; }
.boxul ul li a { background: #f9f5eb; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); border-radius: 0; padding: 12px; margin-bottom: 30px; display: inline-block; min-width: 150px; text-align: center; }
.boxul ul li a:hover { background: #eaeaea; }
@media only screen and (max-width:1023px) {
.activities-detail .detail-cont { padding: 20px 0; }
}
@media only screen and (max-width:992px) {
.photo-gallery .col { width: 33.33%; }
}
@media only screen and (max-width:767px) {
.activities-detail .detail-cont { padding: 20px 0; }.activities-detail { width: 100%; }
.activities-detail .detail-cont { width: 100%; display: inline-block; padding: 60px 0; }
.activities-detail .main-img { width: 100%; display: inline-block; position: relative; margin-bottom: 20px; }
.activities-detail .main-img .date-main { width: 70px; height: 70px; 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-detail .main-img .box-shadow:hover .date-main { background: #ac2b31; }
.activities-detail .main-img .date-main span { color: #fff; display: block; text-transform: uppercase; }
.activities-detail .main-img .date-main .date { font-size: 32px; line-height: 34px; font-family: 'SourceSansPro-Semibold'; }
.activities-detail .main-img .date-main .month { font-size: 22px; }
.activities-detail h3,
.activities-detail a { font-size: 15px; color: #ac2b31; margin-bottom: 10px; }
.activities-detail h4 { font-size: 25px; color: #111; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #eaeaea; }
.activities-detail p { font-size: 17px; line-height: 23px; text-align: justify; margin-bottom: 20px; }
.photo-gallery { margin: 0 -15px; clear: both; }
.photo-gallery h2 { text-align: center; margin-bottom: 4px; }
.activities-detail h2.bdr.bdr-left { float: left; }
.switcher-box { float: right; }
.photo-gallery .col { width: 25%; float: left; padding: 30px 15px 0; text-align: center; }
.photo-gallery h5 { font-size: 16px; color: #000; height: 20px; overflow: hidden; }
.photo-gallery.full .col { width: 100%; }
.activities-detail .photo-gallery a { position: relative; display: inline-block; margin: 0; overflow: hidden; border: solid 1px #eaeaea; padding: 5px; height: 191px; }
.activities-detail .photo-gallery.full a { height: auto; }
/*.activities-detail .photo-gallery a:before,*/
.activities-detail .photo-gallery a:after { content: ''; position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
/*.activities-detail .photo-gallery a:before { left: 0; right:0; top: 0; width: 0; margin:0 auto; height: 100%; background: rgba(234,234,234,0.45); }*/
.activities-detail .photo-gallery a:after { background: url(../images/zoom-in.svg) no-repeat; background-size: 100%; width: 30px; height: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.activities-detail .photo-gallery a:hover:before,
.activities-detail .photo-gallery a:hover:after { opacity: 1; visibility: visible; }
.activities-detail .photo-gallery a:hover:before { width: 100%; }
.activities-detail .photo-gallery .video-icon { width: 55px; height: 55px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.activities-detail .photo-gallery a:hover .video-icon { visibility: hidden; opacity: 0; }
.boxul { display: inline-block; width: 100%; }
.boxul ul { margin: 0; padding: 0; }
.boxul ul li { display: inline-block; vertical-align: top; margin-right: 14px; }
.boxul ul li a { background: #f9f5eb; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); border-radius: 0; padding: 12px; margin-bottom: 30px; display: inline-block; min-width: 150px; text-align: center; }
.boxul ul li a:hover { background: #eaeaea; }
@media only screen and (max-width:1023px) {
.activities-detail .detail-cont { padding: 20px 0; }
}
@media only screen and (max-width:992px) {
.photo-gallery .col { width: 33.33%; }
}
@media only screen and (max-width:767px) {
.activities-detail .detail-cont { padding: 20px 0; }
.activities-detail h4 { font-size: 20px; }
.activities-detail.events-detail .more-photoes { margin-top: 15px; }
/**/
.photo-gallery { margin: 0 -10px; }
.photo-gallery .col { padding: 15px 10px 0; }
}
@media only screen and (max-width:639px) {
.photo-gallery .col { width: 50%; }
.activities-detail .photo-gallery a { height: 105px; }
}
.activities-detail h4 { font-size: 20px; }
.activities-detail.events-detail .more-photoes { margin-top: 15px; }
/**/
.photo-gallery { margin: 0 -10px; }
.photo-gallery .col { padding: 15px 10px 0; }
}
@media only screen and (max-width:639px) {
.photo-gallery .col { width: 50%; }
.activities-detail .photo-gallery a { height: 105px; }
}


/*13-8-20*/
.related-publication h2 {text-align: center; text-transform: uppercase; padding-bottom: 8px; margin-bottom: 34px; }
.related-publication .col {text-align: center; }
.related-publication .col .title-dec {margin-top: 26px;}
.related-publication .col .title-dec h3 { font-size: 15px; margin-bottom: 9px; }
.related-publication .col .title-dec .button { margin-bottom: 10px;}
.related-publication .col .col-cont {padding: 9px; border: solid 1px #eaeaea; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.related-publication .col .col-cont:hover { box-shadow: 0 5px 20px 0 rgba(23,23,23,0.20); }
.related-publication .col .title-dec h3 a {color: #ac2b31;}
.related-publication .col .title-dec p { margin-bottom: 20px; margin-top: 0; line-height: 23px;}
/*.related-publication .col .title-dec p.description { height: 46px; }*/
/*13-8-20*/

.activities-detail-vid iframe { width:100%; max-width:870px; } 


/*front blockoat css */
blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
    margin:13px 40px;
}
blockquote h1,
blockquote h2 { padding-bottom: 0 !important; margin: 0 !important;}

/* editor */
.cms-main-cont .container { text-align:left !important; }
.cms-main-cont .container h1, 
.cms-main-cont .container h2, 
.cms-main-cont .container h3, 
.cms-main-cont .container h4, 
.cms-main-cont .container h5, 
.cms-main-cont .container h6 { margin-bottom: 0.6rem; line-height: 1.2; text-transform: none !important; margin-top:1.8rem; padding: 0; }
.cms-main-cont .container h1 { margin-top: 0; } 
.cms-main-cont .container h2 { font-size:24px; } 
.cms-main-cont .container h3 { font-size:22px; }
.cms-main-cont .container h4 { font-size:20px; }
.cms-main-cont .container h5 { font-size:18px; } 
.cms-main-cont .container h6 { font-size:16px; }
.cms-main-cont .container ol { list-style: decimal; margin: 0; padding: 0 0 0 20px; margin: 0 0 20px; }
.cms-main-cont .container ol li { margin: 0; padding: 0; font-size:15px; line-height:24px; color:#000; list-style: decimal; }
.cms-main-cont .container ol li ol { list-style: decimal; margin: 0; padding: 0 0 0 20px; }
.cms-main-cont .container ol li ol li { margin: 0; padding: 0; }
.cms-main-cont .container ul { list-style: none !important; margin: 0; padding: 0 0 0 20px; margin: 0 0 15px 20px; }
.cms-main-cont .container ul li { margin: 0; padding: 0; font-size:15px; line-height:24px; color:#000; list-style: disc !important; display: list-item; }
.cms-main-cont .container ul li ul { list-style: none; margin: 0; padding: 0 0 0 20px; }
.cms-main-cont .container ul li ul li { margin: 0; padding: 0; list-style: disc !important; display: list-item; }
.cms-main-cont .container p { margin-top: 0; margin-bottom: 15px; font-size:16px; line-height:24px; color:#000; text-align: justify; margin-left: 0 !important; }
.cms-main-cont .container  b, 
.cms-main-cont .container strong { font-weight: bold; color:#000; }
.cms-main-cont .container img  { max-width:100%;display: inline-block; }
.cms-main-cont .container iframe { width: 100% !important; }
.cms-main-cont .container blockquote {

    padding: 2px 0;

    border-style: solid;

    border-color: #ccc;

    border-width: 0;

    padding-left: 20px;

    padding-right: 8px;

    border-left-width: 5px;
    margin-left: 20px;
	margin-bottom: 15px;

}
/* editor */