.clearer {clear:both; display:block; visibility:hidden;}

ul {padding:0; margin:0;}
ul li {list-style-type:none;}

.plugin_image_holder ul li a {padding:0px !important;}

ol {padding-left:25px; margin:0; font-size:14px; font-weight:bold;}

ol li {border-bottom:1px solid #eee;}

ol p {font-size:12px; margin:0px; padding:0;}

ol p a {display:block; padding:4px;}

/*** Global heading styles ***/

h1, h2, h3, h4, h5, h6 {padding:0; margin:0px;}

h2.article_title {font-weight: 600;}

h1.page_title {font-weight: bold; color: #369;}

h1.article_title {font-size:24px; font-weight:bold; color: #369;}

h3.box_title {font-size:18px; font-weight:bold;}

h3.title_white {padding:2px 0; margin-bottom:10px; border-bottom:1px solid #e1e1e1;}

h3.title_gray {padding:2px 6px; margin-bottom:5px; background:#f2f2f2; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}

h4 {font-size:16px; font-weight:bold;}

h5.subtitle {font-size:16px; color:#949494; font-weight:normal; margin-bottom:10px;}


ul.network li a H2 {
	font-size: 17px; font-weight: normal;
}
ul.network li {
	display: inline-block; padding:3px 6px;
}
ul.network {
	text-align: center; border-top: 1px solid #ccc; float: left; width: 100%; margin-top: 15px;
}

#category_headlines {width: 100%; display: block;}

.cat-headlines-holder { display: inline-block;}

.cat-headlines { display: inline-block; position: relative; overflow:hidden;  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);}

.cat-headlines-img {

width: 100%;
float:left;
position: relative;
background-position: 50% 50%;
background-size: cover;
border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;
border-bottom: 1px solid #ddd;

}



.cat-headlines-img-container {width: 100%; padding-bottom: 60%;}

.cat-headlines-tag { width: 100%; position: relative; overflow:hidden;}

.cat-headlines-tit { float:left; width: 100%; padding: 20px;}

.cat-headlines H3, .cat-headlines-tag H3 {

font-size: 1.8rem;
line-height: 1.8rem;
font-weight: 600;
text-align: left;
width: 100%;
margin: 0px 0px 15px 0px;
float:left;
display: block;

}

.cat-headlines H3 a, .cat-headlines-tag H3 a {color: #024;}

.cat-tit a, .cat-tag-tit a { font-weight: 600; display: block; text-overflow: ellipsis; word-wrap: break-word;}
.cat-time { float: left; width: 100%; color: #999; font-size: 1.3rem; font-weight: 600; letter-spacing:0.1rem;}


.all-news a {border-radius:8px; color:#fff; display:inline-block; font-size:2.4rem; background-color:#1C967E; padding:8px 32px; transition:background-color .4s ease-in-out 0s}
.all-news a:hover {background-color: #147360}


/*** Global box styles ***/
.box {margin-bottom:10px;}

.box_gray {border-bottom:1px solid #ccc;}

.box_white {
	padding:10px;
	border:1px solid #ccc;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;

}

.imaged {float:left; margin:0 10px 2px 0; border:1px solid #ccc; padding: 4px 4px 3px 4px;}

.image_sum {float: left; padding:0px; margin:4px 20px 2px 0px; overflow: hidden; height: 62px; width: 110px; border:1px solid #ddd;}

.image_sum img {width: 110px;}


div.article_link {display:inline; padding-left:5px;}

 /*** Global summary styles ***/

.short_holder {width:100%; overflow: hidden;}


#fb-likes {
	color: #BFCCEC;
        width: 191px;
        position: relative;
        margin:0px 0px 5px 0px;
        padding: 10px;
        height: 21px;
        background: url(../img/right_h.png) top left no-repeat;
}

#fb-pile {width: 198px; float: left; margin: 15px 0px 7px 7px; overflow: hidden; background: url(../img/back_w8.png);}
#fb-like-b {float: right; overflow: hidden;}

#fbshare {
	width:53px;
        height:60px;
        float:left;
        margin: 4px 15px 7px 0px;
}

#fbshc {
	width:53px;
        height:30px;
        padding-top: 9px;
        font-size: 18px;
        font-weight: normal;
        font-family: lucida grande, tahoma, helvetica, arial;
        text-align: center;
        background: url(../img/b24-sharecount.png) top left no-repeat;
        color: #3B5998;
        margin-bottom:2px;
}


#fbshb {
	width:53px;
        height:19px;
}

.short p, .category_headline p {padding:0; margin:0;}

.category_headline {padding:5px; background:#f2f2f2; margin-bottom:10px;}

/*** breadcrumbs ***/
.box_breadcrumb {padding-bottom:10px; color:#777; border-bottom:1px solid #e1e1e1;}

.box_breadcrumb a {padding-right:4px;}

/*** Pagination ***/

.pagination span, .page_button_active {display:inline-block; width: 44px; margin: 0px 2px; height: 44px; border-radius: 32px; background: #1C967E; border: 2px solid #1C967E; line-height: 4.1rem; color: #fff;}
a.page-numbers, .page_button {display:inline-block; width: 44px; margin: 0px 2px; height: 44px; border-radius: 32px; background: #fff; border: 2px solid #ccc; line-height: 4.1rem; color: #777;}
a.page_groups {display:inline-block; width: 44px; margin: 0px 2px; height: 44px; border-radius: 50px; border: 2px solid #ccc!important; position: relative; line-height: 4.1rem;}
a.page_groups_b {display:inline-block; width: 44px; margin: 0px 2px; height: 44px; border-radius: 50px; border: 2px solid #ccc!important; position: relative;}

.pagination a.next, .pagination a.prev {position:relative; width:44px!important;}

a.page_groups i {position: absolute; width: 29px; line-height: 2.9rem; text-align: center; color: #ccc; font-size: 2.4rem; left:0; top:0;}
a.page_groups_b i {position: absolute; width: 26px; line-height: 2.9rem; text-align: center; color: #ccc; font-size: 2.4rem; left:0; top:0;}

.page_button_arr { display:inline-block; width: 30px; margin: 0px 2px 0px 0px; height: 30px; border-radius: 50px; background: #fff; border: 1px solid #ccc; position: relative;}
.page_button_arr_b { display:inline-block; width: 30px; margin: 0px 0px 0px 2px; height: 30px; border-radius: 50px; background: #fff; border: 1px solid #ccc; position: relative;}
.pagination a.next i, .pagination a.prev i, .page_button_arr i {position: absolute; width:41px; line-height: 4.1rem; text-align: center; color: #999; font-size: 2.4rem; left:0; top:0;}
.page_button_arr_b i {position: absolute; width: 26px; line-height: 2.9rem; text-align: center; color: #ccc; font-size: 2.4rem; left:0; top:0;}

#box_pagination div.pagination {margin: 0 auto; display: block;}
#box_pagination_cat span.pagination {margin: 25px auto 15px auto; height:30px; display: inline-flex;}

#box_pagination .page_active {display:inline-block; padding:15px 10px; line-height:normal; border: 3px solid #ff6767;}
#box_pagination_cat .page_active {display:inline-block; padding:15px 10px; line-height:normal; border: 3px solid #ff6767;}

#box_pagination span.pagination a {display:inline-block;}
#box_pagination_cat span.pagination a {display:inline-block;}

#pagination_total {display: inline-block; color:#999; width: 100%; text-align: center; margin-top: 10px; font-size: 1.1rem; letter-spacing: 0.05rem;}

.pagination_total {font-weight: bold; padding: 0px 5px;}


/***** Top Row *****/

.top_row {

	position: fixed;
        width: 100%;
        z-index: 1000;
        top: 0px;
        left: 0px;
        box-sizing: border-box;
        background: #111;

}


.top_row_in {width:100%; margin:0px auto; text-align:left; position: relative ; height:100%;}

.top_row_grad{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQYV2NkQAK3Hj37zwjjgzhqclKMYAEYB8RmROaABAAIhA+m+mSfyAAAAABJRU5ErkJggg==);

}

#social_inner {

                 display: inline-block;
                 padding: 15px;
                 position: absolute;
                 right: 16px;
                 width: 270px;
                 z-index: 997;
                 background: #fff;
                 border-radius: 4px;
                 display: inline-block;
                 -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.30);
                 -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.30);
                 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.30);
}

.social_pnt {

position: absolute;
top: -12px;
right: 46px;
width: 18px;
height: 12px;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #fff transparent;
z-index:3;
}


.social_pnt_grey {

position: absolute;
top: -13px;
right: 46px;
width: 18px;
height: 12px;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #000 transparent;
opacity: 0.10;
z-index:2;

}

#top_fb {background: #3B5998;}
#top_tw {background: #4099FF;}
#top_in {background: #517fa4;}
#top_go {background: #e93f2e;}
#top_rss {background: #f60;}
#top_ah {background: #24bb24;}
#top_ch {background: #fb0;}

#top_social {margin: 0px; height: 100%; float:right; display: inline-block; position: relative; text-align: center;}

#top_social_close {position: absolute; top: 0px; left: 0px; cursor: pointer; background: #fff; z-index: 2; float: right; width: 80px; height: 79px;}
#top_social_close i { text-align: center; color: #000b24; text-shadow: 0 0 1px #aaa;}

.social_icon {float: left; width: 100%; text-align: center;}
.social_icon a {width: 100%; height:100%; font-weight: 600; display: block; z-index: 10; color: #fff; font-size: 2.4rem; margin-top: 18px; line-height: 3.0rem;}

.social_icon a i {line-height: 3.0rem; font-size: 2.4rem;}

.social_number {float: left; width: 100%; display: block; height: 20px; overflow: hidden;}
.social_number a {width: 100%; display: block; text-align: center; color:#fff; padding: 3px 0px 0px 0px; font-size: 1.2rem; line-height: 1.8rem;}

.social_number a span {width: 100%; display: block; font-size: 1.1rem;}

.social_row {float:left; padding:0px; display: inline-block; overflow:hidden; width: 80px; height: 80px; border: 2px solid #fff; border-radius: 6px;}


.social_row_x2 {float:left; padding:0px; display: inline-block; overflow:hidden; width: 160px; height: 80px; border: 2px solid #fff; border-radius: 6px;}


.social_row_x3 {float:left; padding:0px; display: inline-block; overflow:hidden; width: 240px; height: 80px; border: 2px solid #fff; border-radius: 6px;}


#top_menu {cursor: pointer; position: relative; float: right; }

#top_menu_close i {float:right;}

#top_menu_close {display: block; width:100%; background:#eee;}

#top_menu_close > i { cursor: pointer; text-align:center; color:#444; font-size:2.4rem; display:inline-block;}

#top_menu_close div {float:left;}

#top_menu_close div i {font-size:2.4rem;}

#top_menu i { text-align: center; color: #fff; text-shadow: 0 0 1px #999;}

.first_top {padding:16px 0;}


#top_logo {position: relative; float:left;}

#top_logo a {}
#top_logo a img {width:100%;}

#top_search {cursor: pointer; position: relative; float: right;}
#top_more {cursor: pointer; float: right; position: relative;}
#top_more_close, #top_more_open {position: absolute; top:0; left:0;}
#top_search i, #top_more i {margin:0; padding:0; text-align: center; color: #fff;  text-shadow: 0 0 1px #aaa;}

#top_search i:hover, #top_more i:hover, #top_menu i:hover {color:#ccc;}

#top_calendar {cursor: pointer; float: right; height: 85px; width: 46px; background: url(../img/top_calendar.png) center center no-repeat;}
#top_charts {cursor: pointer; float: right; height: 85px; width: 48px; background: url(../img/top_charts.png) center center no-repeat;}

.top_nav {float: left; margin-top: 0px; border-left: 1px solid #AAAAAA;}

.top_row_1 {border-right: 1px solid #AAAAAA; float: left; }
.top_row_1  a H1 {font-size: 13px; color: #555; line-height: 35px; text-shadow: 1px 1px 0px #fff; cursor: pointer; height: 33px; margin:1px;  background: #cbcbcb; padding: 0px 12px;}
.top_row_1 H1:hover {color: #222; font-size: 13px; border: 0px; text-shadow: 1px 1px 0px #fff; background: #eee;}


.top_row_2 {margin-left: 47px; position: relative; float: left; height: 35px;}

.top_row_2  H1 {
font-size: 25px;
font-weight: normal;
color: #555;
line-height: 35px;
text-shadow: 1px 1px 1px #bbb;
height: 35px;
padding: 0px 12px;
}

.top_rss {position: relative; float: right; border-left: 1px solid #AAAAAA; height: 35px; width: 35px; background: url(../img/top-rss.png) top right no-repeat;}

.top_ti {position: absolute; padding: 5px; top: 40px; left: -23px; background: url(../img/top_row_bl.png); color: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
width: 75px;
    z-index: 456;
}



.top_row_titles {border-right: 1px solid #AAAAAA; float: left; height: 35px;}
.top_row_titles H1{font-size: 13px; color: #555; line-height: 35px; text-shadow: 1px 1px 0px #fff; cursor: pointer; height: 35px; padding: 0px 24px 0px 12px; background: url(../img/top_row_arr.png) right 5px no-repeat;}
.top_row_titles H1:hover {color: #007fa3; font-size: 13px; height: 35px; border: 0px; text-shadow: 1px 1px 0px #222; background: url(../img/top_row_bl.png); padding: 0px 18px;}

.op_menu {
top: 35px;
position: absolute;
left: 0px;
padding: 0px;
background: url(../img/top_row_bl.png);
width: 946px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 14px;
-moz-border-radius-bottomleft: 14px;
-webkit-border-radius: 0px 0px 14px 14px;
border-radius: 0px 0px 14px 14px;


}

ul.licious {
	padding: 30px; color: #fff;
}

.op_tit{color:#007fa3;  margin:10px 0px; padding-left:10px;}

ul.licious a{
	position:relative;
	z-index:999;
	font-weight:normal;
	margin:0px;
	padding: 6px 0px 4px 10px;
        line-height: 18px;
	background:none;
	color:#bbb;
	display:block;
     }

ul.licious li a:hover {
background: url(../img/hoverback.png) left top no-repeat; color: #fff;
}

ul.licious li {
	display: inline-block;
}

.art_down {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 15px;
    border: 1px solid #aaa;
    padding: 25px;
        width: 483px;
    float: left;
    background: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.art_down_title {

    padding: 0px 25px 10px 25px;
    font-size: 20px;
    width: 432px;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    color: #369;
    line-height: 25px;
    background: url(../img/inactive.png) 0px 6px no-repeat;
}

.art_down ul li a {
font-weight: normal!important;
color: #555;
 padding:4px 12px!important;
text-decoration: none;

}
.art_down ul li a:hover {
color: #000;
}

.art_down ul li {
    border-bottom: 1px solid #ccc!important;
    padding: 10px 0px!important;
}

.art_down ul li:hover {
    background: #eee;
text-shadow: 1px 1px 0px #fff;
}




/**********/



#latest_home_holder { padding: 0px; width: 100%; float: left;}

#latest_home_holder div.short:last-of-type {border:0; padding-bottom:0;}
#latest_home_holder div.short:first-of-type {padding-top:0;}





.short_load {width: 100%; padding: 25px 0px; border-bottom: 1px solid #ddd; display: inline-block;}

.short_load_time { width: 100%; display: block; font-size: 1.3rem; line-height: 1.3rem!important; font-weight: 600; color: #aaa; float: left; margin-bottom: 15px;}
.short_load_time a {font-size: 1.3rem !important; color: #024!important; font-weight: 600; line-height: 1.3rem!important; color: #555;}
.short_holder_load { width: 100%; display: inline-block;}
.short_holder_load a { display: inline-block; font-size: 1.8rem; line-height: 2.6rem; font-weight: 600; color: #369;}


#box_paged_latest ul {display: inline-block;}

#loader_pg {position: absolute; float:left; width:100%; height:100%; z-index:555; background: #fff url(../img/loaderj.gif) center 100px  no-repeat; opacity: 1;}

#loader_pg .mdl-spinner {width: 160px; height: 160px; margin: 60px auto; display: block!important;}
#header_pn {position: absolute; right: 0px; top: -45px; line-height: 2.4rem; padding-bottom: 20px; font-size: 1.4rem; font-weight: normal;}
#load_pn { width: 100%; font-weight: normal; text-align: center; line-height: 16rem; font-size: 4.4rem; position:absolute; top: 60px; left: 0px; z-index:9999;}

/*************** HEADER STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/
#top_banner {text-align: center; width: 100%; position: relative; display: block;}

#top_banner_inner {max-width: 990px; margin:0 auto; padding: 0px 15px}
#top_banner img {width: 100%; border-radius: 4px; border:1px solid #ddd;}

.header_image {position: relative;}

.header_image img {margin: 25px 0px 0px 121px;}


#top_bread {float: left; height: 80px; margin-left: 24px; position: relative;  max-width: 655px;}
#top_bread .bread_head { float: left; width: 100%; margin: 10px 0 0 0; display: block; color: #000b24; font-weight: 600; font-size: 3.0rem; line-height: 3.8rem;}
#top_bread .bread_head a { color: #000b24; font-weight: 600; font-size: 3.0rem; line-height: 3.8rem; display: block;}
#top_bread .bread_head a span { color: #000b24; font-size: 3.0rem; line-height: 3.8rem; font-weight: 600;}


#header {width: 100%; position: relative; display: block;}



/*** Static pages navigation ***/

.box_pages {border:1px solid #000; padding:5px 0px; background:#42464A url(../img/pages_bg.gif) bottom repeat-x;}

.box_pages li {display:inline;}

.box_pages a {padding:5px 6px;}

.box_pages a:link, .box_pages a:visited {color:#fff; text-decoration:none;}

.box_pages a:hover {color:#fff; background-color:#565656; text-decoration:none;}

/*** Search box ***/






.search_input{
	padding: 0px!important;
	border: 1px solid #fff!important;
        background: #fff!important;
        color: #222!important;
        float: left;
        box-sizing: border-box;
        border-radius: 0px !important;
        font-weight: normal;
}

#box_search input.text{ border: 0px solid #aaa!important; }
#box_search a {color: #333!important;}

.schb input {
        position: absolute;
        top: 0; left: 0;
 	border: none!important;
        padding: 0px!important;
        margin-left: 0px!important;
	color: #fff!important;
        cursor: pointer!important;
 	border-radius: 0px!important;
        opacity: 0;
}

.schb {margin: 0px!important; position: absolute; z-index:1; top:0; left:0;}
.schb:hover {opacity: 0.9;}






.R {background: url(../img/down_arrow.png) left no-repeat; color: #ff0000 !important;}
.G {background: url(../img/up_arrow.png) left no-repeat; color: #08891A !important;}

.RT {background:#eee url(../img/down_arrow.png) 15px 6px   no-repeat;}
.GT {background:#eee url(../img/up_arrow.png) 15px 7px   no-repeat;}


.RA {background: url(../img/down_arrow.png) left center no-repeat; color: #ff0000;}
.GA {background: url(../img/up_arrow.png) left center no-repeat; color: #08891A;}



/***** Latest news *****/

#latest_news {

    margin-bottom: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #aaa;
    padding: 15px;
    float: right; width: 250px;
    background: #fff;
    margin-bottom: 15px;

}

#latest_news p {margin:0; padding:5px 0; border-bottom:1px solid #eee;}

#latest_news ul li a {color: #555; font-weight: normal; padding:4px 12px!important;}

.latest_time { font-size: 1.2rem; margin-bottom: 10px;}

.latest_mts {}

.latest_ucom {
	color: #539602; font-size: 10px; padding-left: 12px; margin-bottom:6px;
}

.latest_beeline {
	color: #f28e00; font-size: 10px; padding-left: 12px; margin-bottom:6px;
}

#latest_news ul li { padding: 7px 0px; list-style-type: none;}


#latest_news ul li:hover { background: #eee;     -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;  }


#latest_news ul li:visited { background: #f4f4f4;     -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;  }


/*************** CONTENT STYLES ************************************************************************************************************************/
/******************************************************************************************************************************************************/


/***** Article holder *****/
.artag {width: 100%; padding: 0px; display: inline-block; margin:20px auto 20px auto; text-align:left;}

.artag a {color: #777; text-transform: capitalize; display: inline-block; background: #ddd; font-weight: 400; border-radius:4px; padding:8px 16px; margin:0px 6px 6px 0px; line-height: 200%;}
.artag a:hover {background: #ccc; color: #444;}

.newsoc {display: inline-block; width: 100%; padding: 0px; margin:25px auto 0 auto;}
.soc_facebook, .soc_twitter, .soc_reddit, .soc_linkedin, .soc_googleplus {display: inline-block; width: 60px; float: left; text-align:center!important; cursor:pointer; color:#fff!important;}

.soc_facebook {background-color: #306199!important}
.soc_facebook:hover {background-color: #244872!important;}

.soc_reddit {background-color: #ff4500!important;}
.soc_reddit:hover {background-color: #d33900!important;}

.soc_twitter {background-color: #26c4f1!important;}
.soc_twitter:hover {background-color: #0eaad6!important;}

.soc_googleplus {background-color: #e50026!important;}
.soc_googleplus:hover {background-color: #cf0022!important;}

.soc_linkedin {background-color: #007bb6!important;}
.soc_linkedin:hover {background-color: #076998!important;}

.social_b a {
display: inline-block;
color: #fff;
line-height: 2.0rem;
font-size: 2.0rem;
padding: 0;
text-align: center;
cursor: pointer;
letter-spacing: 0.1rem;
padding: 11px 0px 9px 0px;
transition: background-color 0.2s ease-in-out 0s;
width:100%;
border-radius:0px;
border:3px solid #fff;
opacity:0.7;
}

.social_b a:hover {opacity:1;}

.social_b a i {font-size: 2.0rem; line-height: 4.0rem; display: inline-block;}

.ads p {letter-spacing: 0.05rem; font-size: 1.4rem;}

#article_holder { padding: 0px; width: 100%; float: left;  display: inline-block; text-align: left;}

#article_holder .image {width: 100%; padding:0px!important; display: block; position: relative;}

#article_holder .image img {width: 100%; border:1px solid #eee;}

#article_holder .image_caption {float: left; display: block; font-size: 1.1rem; width: 100%; padding:10px 0; line-height:1.7rem;; color:#999; border-bottom: 1px solid #eee;}

.article_body p em {color: #777;}

.article_body p img, .ads p img {width: 100%!important;}

.article_body p video, .responsive_video {
    position: relative;
    display: block;
    padding-bottom: 56.25%!important;
    margin-bottom: 20px!important;
    width: 100%;
    padding-top: 0; height: 0; overflow: hidden;
}

.article_body p video iframe, .article_body p video object, .article_body p video embed, .responsive_video iframe, .responsive_video embed, .responsive_video object  {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.article_body p a:link {font-weight: 600; text-decoration: underline;}


.plugin_image_holder {width: 100%; overflow: hidden; display: block; margin: 25px 0px 25px 0px;}

.plugin_image_holder ul li  {display:inline-block; padding:0px!important; border:1px solid #ccc!important; text-align: center; vertical-align: middle; margin-bottom: 10px; width: 25%; padding-bottom: 15%;  overflow:hidden;}

p.article_abstract {font-weight:bold;}

#article_holder div.article_body h1,
#article_holder div.article_body h2,
#article_holder div.article_body h3,
#article_holder div.article_body h4,
#article_holder div.article_body h5,
#article_holder div.article_body h6 {padding:5px 0;}

#article_holder div.article_body a {color:#369;}






.header_search { width: 100%; position: relative;}


#search_inner {
	width: 100%;
        z-index:555;
        top:0px; left: 0px;
        position: absolute;
	background: #fff;
	border-bottom: 1px solid #eee;
        padding: 0px;
        position; relative;
   }

#calendar_holder, #chart_holder {width: 100%; max-width: 480px; padding: 0%; position: relative; margin: 0px auto;}

#search_holder {float:left; padding: 0%;  position: relative; margin: 0px auto;}

#calendar_close, #chart_close, {cursor: pointer; top:2px; left: 2px; width: 24px; height: 24px; position: absolute; background: url(../img/top_close.png) center center no-repeat;}

#search_close {cursor: pointer; position: absolute; z-index:1; top:0; right:0;}

#search_close i, .schb i {text-align: center; text-shadow: 0 0 1px #aaa; color: #000}

#box_calendar {background: #fff; width: 100%; margin:0px auto; position: relative; margin-top: 0px;}



#box_calendar section {

        width: 100%;
        position: relative;
        padding: 0px 15px;
        margin:0px auto;
        color: #444;
        background: #eee;
        line-height: 6.4rem;
        font-size: 1.8rem;
        font-weight: 600;
        text-align: center;
}




#box_calendar section a {color: #444; font-size: 1.8rem; font-weight: bold; line-height: 6.4rem;}

#box_calendar section span {cursor: pointer; padding: 0px 6px; line-height: 6.4rem; color: #444}

#box_calendar section span i {font-size: 2.4rem; line-height: 6.4rem;  color: #444}

#box_calendar table {margin:0px auto; width: 99%; padding: 0%; border-spacing: 4px; table-layout: fixed;}
#box_calendar table td {font-size: 1.4rem; line-height: 3.7rem; font-weight: bold; background-color: #eee; color: #555; vertical-align: middle; text-align: center; position: relative;}
#box_calendar table td.pad {background-color: #eee;}
#box_calendar table td a {width:100%; line-height:3.7rem; color: #333; background-color: #cfcfcf; display: block; font-weight: bold;}
#box_calendar table td a:hover {color: #fff; background-color: #1C967E; transition: background-color 0.2s ease-in-out 0s;}


.days {position: relative; text-align: center; color: #333; border-radius: 200px;}

.days:after{ content:''; display:block; margin-top:100%;}

.cal_days td {box-sizing: border-box; color: #fff; padding: 15px 0px;}
.cal_squgare {width: 100%; padding-bottom: 100%; position: absolute; top:0; left:0;}
.days_active { display: table-cell; width: 100%; height: 100%; color: #fff; background-color: #369; position: absolute; top:0; display: block; left:0;  vertical-align: middle;}
.days_active a {color: #fff!important; font-size: 1.4rem; padding: 11px 0px; line-height: 1.4rem; width: 100%; font-weight: 600; display: block; border-radius: 200px;}

.days_inactive {display: table-cell; width: 100%; color: #69b; height: 100%;  background-color: #001932; position: absolute; top:0; display: block; left:0;  vertical-align: middle;}
.days_inactive span {font-size: 1.4rem; padding: 11px 0px; line-height: 1.4rem; width: 100%; font-weight: 600; display: block; border-radius: 200px;}



#menu_holder {position:fixed; height:100%; width:100%; background: #999; opacity: 0.6;}


#black_back{

                 margin: 0px;
                 left: 0px;
                 cursor: pointer;
                 position: fixed;
                 top: 0px;
                 max-height: 100%;
                 height: 100%;
                 min-height: 100%;
                 width: 100%;
                 z-index: 9998;
                 display: inline-block;
                 background: #000;
                 opacity: 0.84;

}

#top_menu_inner{

                 float: right;
                 right: -320px;
                 position: fixed;
                 top: 0px;
                 max-height: 100%;
                 height: 100%;
                 min-height: 100%;
                 width: 320px;
                 z-index: 9999;
                 background: #fff;
                 background-size: 100% 100%;
                 box-sizing: border-box;
                 max-height: 100%; height: 100%; min-height: 100%;
}


#top_menu_holder{

                 margin-bottom: 50px;
                 float: left;
                 left:  0px;
                 position: relative;
                 overflow: hidden;
                 top: 0px;
                 width:100%;
                 box-sizing: border-box;
                 max-height: 100%; height: 100%; min-height: 100%;
}


#scrollbar_content{

                 max-height: 100%; height: 100%; min-height: 100%;
								 direction: rtl;
                 overflow-y:auto; overflow-x:hidden;-webkit-overflow-scrolling: touch;
                 float: left;
                 padding: 0%;
                 width: 100%;
                 box-sizing: border-box;
}

#scrollbar_content div{direction: ltr;}

/*************** FOOTER STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/

.footer_holder {width:100%; background: #fff; border-top:0px solid #ccc;}
.footer_info, .footer_links {padding: 3% 3% 0% 3%; display: block; width: 100%; text-align: center; color: #444;}
.footer_info:last-of-type {padding-bottom: 5%;}
.footer_info a {font-weight:bold; color: #000;}
.footer_links a {font-weight:bold; color: #000!important;display: inline-block; max-width:160px;}
.footer_links > a > img {margin:10px 0px;}

.footer_lnks span {display:block; width:100%; padding:8px 16px 8px 25px; font-size:1.2rem; line-height:2.0rem; color:#999; font-weight:normal;}
.footer_lnks a {display:block; width:100%; padding:16px 5px 16px 25px; font-size:1.6rem; line-height:2.4rem; color:#444; font-weight: bold; font-family: Exo-2;}
.footer_lnks a:first-of-type {padding-top:16px;}
.footer_lnks a > i, .footer_lnks span > i {margin-right:20px; font-size:1.6rem; color:#444;}
.footer_lnks a:hover {background:#eee;}

.tagcl { max-width: 960px; min-width: 290px; padding: 0px; float: left; margin-bottom: 30px; text-talign: left;}
.tagcl a {color: #369 !important; border: 1px solid #ddd; font-size:1.4rem; float: left; padding: 0px 10px; margin: 0 10px 10px 0; line-height: 3.6rem; display: block; border-radius: 4px;}

.topic_list {width: 100%; display: inline-block;}

.topic_list li { width:100%; float:left; margin-right: 10%; margin-bottom:10px;}

.topic_list li:nth-of-type(even) {margin-right: 0;}

.topic_list li:last-of-type {margin-bottom: 0;}

.topic_list li a, .topic_list li i {font-size: 1.6rem; line-height: 2.4rem; letter-spacing: 0.05rem;}

.topic_list li i {margin-right: 10px;}



.topic_page {width: 100%; display: inline-block; text-align: center; margin-top:20px;}

.topic_page li {margin-right: 10px; margin-bottom:10px; display: inline-block;}

.topic_page li:nth-of-type(even) {margin-right: 10px;}

.topic_page li:last-of-type {margin-bottom: 0;}

.topic_page li a, .topic_list li i {font-size: 1.6rem; line-height: 2.4rem; letter-spacing: 0.05rem;}

.topic_page li i {margin-right: 10px;}




.lightbox_image {
	display: inline-block;
        width: 25%;
        float: left;
        overflow: hidden;
	padding-bottom:15%;
	margin:0px;
	border:1px solid #fff;
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
}

.lightbox_image a {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.fb-comments {border-top: 16px solid #edeff3;}
.fb-comments, .fb-comments span, .fb-comments iframe {
    min-width: 100% !important;
    max-width: 100% !important;
}
.fb-comments span {overflow-y:auto; overflow-x:hidden;-webkit-overflow-scrolling: touch; max-height: 510px;}