/*--
    Theme Name: Business 24

--*/
    audio, canvas, img, svg, video {vertical-align: middle;}

	a, a:link, a:visited {color:##ff4444; text-decoration:none; outline:none;}
	a:hover {color:#ff4444; text-decoration:none;}
	a img {border:none;}

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

/*** Global heading styles ***/

	h1, h2, h3, h4, h5, h6 {padding:0; margin:0;scroll-margin-top: 80px;}

	h4 {font-size:1.6rem; font-weight:bold;}

	.sum_text   {color: #00337C; font-size: 1.3rem; text-align: left; letter-spacing: 0.1rem; line-height: 1.7rem; height: 70px; overflow: hidden;}
	.sum_text a {color: #555!important; text-decoration: none; font-size: 1.3rem; letter-spacing: 0.02rem; line-height:auto!important;}
	.sum_text a:hover {color: #024;}

	.latest_text {margin-top: 10px;}
	.latest_text a {color: #444!important; text-decoration: none; font-size: 1.3rem; letter-spacing: 0.02rem; line-height:1.8rem; font-weight:400!important;}

	#category_headlines {width: 100%; display: block;}
	.cat-headlines-holder {display: inline-block;}
	.cat-headlines {display: inline-block; position: relative; overflow:hidden;}

	.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: 56.25%; background:#00000033;}
	.cat-headlines-tag { width: 100%; position: relative; overflow:hidden;}

	.cat-headlines-tit {float:left; width: 100%; padding: 20px;}
	.cat-headlines head3,
	.cat-headlines-tag head3 {
	    font-size: 1.4rem;
	    line-height: 1.8rem;
	    font-weight: normal;
        border-radius:8px;
	    text-align: left;
	    margin: 0px;
	    position:absolute;
        bottom:20px;
        left:20px;
        background:#ff4444ee;
	    display: block;
        padding:6px 12px;
	}

	.cat-headlines head3 a,
	.cat-headlines-tag head3 a {
	    color: #fff;
	    font-weight: 700;
	}

	.cat-tit a, .cat-tag-tit a { font-weight: 700; display: block; color: #000; text-overflow: ellipsis; word-wrap: break-word;}
	.cat-time { float: left; width: 400%; color: #444; font-size: 1.1rem; font-family: verdana;}

/*** Global box styles ***/

	.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;object-fit: cover; height:62px;}

 /*** Global summary styles ***/

	.short_holder {width:100%; overflow: hidden;}
	.short p {padding:0; margin:0;}

/*** Pagination ***/

.pagination span {display:inline-block; width: 44px; margin: 0px 2px; height: 30px; border-radius: 32px; background: #ffefef; border: 1px solid #f30; line-height: 2.9rem; color: #f00;}
a.page-numbers, .page_button {display:inline-block; width: 44px; margin: 0px 2px; height: 30px; border-radius: 32px; background: #f7f7f7; border: 1px solid #ccc; line-height: 2.9rem; color: #777;}
.pagination a.next, .pagination a.prev {position:relative; width:30px!important;}

.pagination a.next i, .pagination a.prev i, .page_button_arr i {position: absolute; width:30px; line-height: 2.9rem; text-align: center; color: #999; font-size: 2.0rem; 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_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%;
        background: #fff;
        border-bottom: 0px solid #ccc;
        z-index: 1000;
        top: 0px;
        left: 0px;
        box-sizing: border-box;
        border-bottom:1px solid #ccc;
        -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.15);
        -moz-box-shadow:    0 0px 3px rgba(0, 0, 0, 0.15);
        box-shadow:         0 0px 3px rgba(0, 0, 0, 0.15);

}


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

#top_fb {background: #3B5998;}
#top_ln {background: #0077b5;}
#top_tw {background: #000000;}
#top_yt {background: #e54d3e;}
#top_rss {background: #ff2424;}
#top_ah {background: #24bb24;}
#top_ch {background: #fb0;}

#right_social {margin: 0px; display: table; position: relative; text-align: center; width: 100%;}

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

.social_number {float: left; width: 100%; display: block; height: 20px; overflow: hidden;}
.social_number a {width: 100%; opacity: 0.7rem; display: block; text-align: center; color:#fff; padding: 3px 0px 0px 0px; font-size: 1.1rem; 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-radius: 0px;}

.inner_soc {width:64px; display:table-cell; opacity:0.64; transition:opacity 0.4s ease-out;}
.inner_soc:hover {opacity:1.0; transition:opacity 0.4s ease-out;} 

/*****
.grad:before{content:''; display:block; position:absolute; height:100%; width:100%; bottom:0; transition:opacity 0.4s ease-out; background:rgb(24,95,183,0.35);}
.grad:hover:before{height:100%; opacity:0}
*****/

#top_menu {cursor: pointer; position: relative; float: left; }
#top_menu i { text-align: center; color: #000000;}

#top_menu_close {cursor: pointer; background: #292929; position: absolute; top: 0; left: 0; display: inline-block;}
#top_menu_close i { text-align: center; color: #fff; text-shadow: 0 0 1px #aaa; display:inline-block;}

#top_logo {float: left; position: relative;}
#top_logo a {width: 100%; height: 100%}
#top_logo a img {width: 100%; height: auto; aspect-ratio:1/1;}

#top_search {cursor: pointer; float: right;}
#top_search i {margin:0; padding:0; text-align: center; color: #000000;}
#top_search svg {margin:0; text-align: center; fill: #000000;}

#top_events {cursor: pointer; float: right;}
#top_events  svg {margin:0; text-align: center; fill: #000000;}


.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_rss a H1{height:35px; width: 35px;}
.top_rss a H1:hover {background: url(../img/top-rss.png) bottom right no-repeat;}

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

#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;}

#latest_home_holder .short_load:nth-child(1) {padding-top:0;}
#latest_home_holder .short_load:nth-child(3) {border:0!important; padding-bottom:0;}
#latest_home_holder .short:nth-child(10) {padding-bottom:0!important;}

#latest_home_holder .short_load_10:nth-child(1) {padding-top:0;}
#latest_home_holder .short_load_10:nth-child(10) {border:0!important; padding-bottom:0;}

.lrahos_title {
    width: 100%;
    color: #000;
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 0px 0px 20px 0px;
    border-bottom: 1px dotted #000;
    display: inline-block;
}

.lrahos_outer {width: 100%; display: inline-block; padding: 0px; position: relative;}

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

.short_load_time { width: 100%; display: block; font-size: 1.2rem; line-height: 1.2rem!important; color: #444; float: left; margin-bottom: 15px; letter-spacing: 0.5px;}
.short_load_time a {font-size: 1.2rem!important; color: #ff4444!important; line-height: 1.2rem!important; letter-spacing: 0px;} 
.short_holder_load {display: inline-block;}
.short_holder_load a {display: inline-block; color: #000; font-weight:700}

#box_paged_latest ul {display: inline-block;}

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

#top_banner img {width: 100%; border-radius: 4px; border:1px solid #ddd;}

.run_forest {margin-top:1px; height: 20px; letter-spacing: 0.05rem; position: relative; color: #444; font-size: 1.1rem; z-index: -3; font-weight: normal; float: left; overflow: hidden; width: 100%;}

.run_forest span {width: 60px; text-align: right; vertical-align: top; padding-left: 16px; margin-left: 10px;  padding-right: 10px;}

.runfor { float: left; line-height: 2.0rem; width:100%;}

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

/*** Static pages navigation ***/

/*** Search box ***/

.search_input{
    padding: 0px!important; border: 1px solid #222222!important; 
    background: #222222!important; color: #fff!important; 
    float: left; box-sizing: border-box; 
    border-radius: 0px !important; font-weight: normal;
}
.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;}

/***** Ticker *****/
.ticker {
	height:20px;
	line-height:20px;
	border:1px solid #e0e0e0;
	padding:0px 0px 1px 6px;
	margin:10px 0;
	background:#f2f2f2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/***** Headlines *****/

.left_box { width: 100%; color: #369; padding: 20px;}

.left_box .box_com:last-of-type {border: 0;}

#macro div.box_com:last-of-type {border-bottom: 0px solid #eee; text-align: right; padding: 15px 0px 10px 0px;}

sup {font-size: 0.8rem;}

.right_box { width: 100%; color: #777; padding: 20px;}

.right_box_title { width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 5px 0px; font-weight: normal; display: inline-block; border-width: 0 0 1px 0; border-style: dotted;}
.right_box_title a { font-size: 2.2rem; margin-left: 5px; color: #f44; display: inline-block; line-height: 3.6rem; vertical-align: top; font-weight:700;}

.right_box ul {width: 100%;}
.right_box ul li {padding: 10px 0px 15px 0px !important;}
.right_box ul {padding: 0px !important;}

.right_box ul li a { font-weight: normal!important; font-size: 1.4rem; color: #000; line-height: 2.2rem; padding:0!important; text-decoration: none;}

.spacial_coverage ul li a { line-height: 1.8rem!important; font-weight: 700!important;} 
.spacial_coverage ul li {display:inline-block!important; width:100%!important;} 



.right_box_time { font-size: 1.2rem; margin-bottom: 10px;  font-family: verdana, arial, tahoma; }
/***** Article holder *****/
.artag {width: 100%; padding: 0px; display: inline-block; max-height:138px; overflow:auto;}
.artag a {color: #444444; text-transform: capitalize; display: inline-block; font-weight: bold; background:#f3f3f3; margin: 0px 4px 8px 0px; border-radius: 8px;}
.artag a:hover {color: #fff; background:#ff4444; transition: opacity 0.4s ease-out;}

.all-news {
    width: 100%;
    display: block;
    padding-top: 20px;
    text-align: center;
}

.all-news a {
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 2.0rem;
    font-weight:300;
    background-color: #bb0000;
    font-family: Inter;
    padding: 12px 44px;
    letter-spacing: -1px;
    transition: background-color 0.4s ease-in-out 0s;
}

.all-news a:hover {
    background-color: #ff4444;
}

.newsoc {display: inline-block; padding: 0px;}
.soc_facebook, .soc_twitter, .soc_linkedin, .soc_googleplus {display: inline-block; width: 25%; border-right:1px solid #fff; float: left; padding: 2px;}
.soc_facebook a {background-color: #306199;}
.soc_facebook a:hover {background-color: #244872;}

.soc_linkedin a {background-color: #007bb6;}
.soc_linkedin a {background-color: #007bb6;}
.soc_linkedin a:hover {background-color: #005983;}


.soc_twitter a {background-color: #000000;}
.soc_twitter a:hover {background-color: #151515;}

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

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

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

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

#article_holder .image {width: 100%; float:left; padding:0px!important; display: inline-block; position: relative; border:1px solid #ddd;}

#article_holder .image img {width: 100%; height: auto;}

#article_body {display: inline-block; width:100%; overflow:hidden; margin-bottom: 0px; text-align:left; color: #222;}

#article_body p img, #article_body img, .ads p img {
    width: 100%!important; 
    height: auto;
    padding: 12px;
    background-color: white;
    background-image: linear-gradient(to right, #eeeeee 1px, transparent 1px), linear-gradient(to bottom, #eeeeee 1px, transparent 1px);
    background-size: 2px 2px;

}

#article_body p 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!important; top: 0; left: 0; width: 100%!important; height: 100%!important;
}

#article_body p a:link {font-weight: bold; text-decoration: underline;}

.plugin_image_holder {display:flow-root;}
/*************** RIGHT COLUMN STYLES *******************************************************************************************************************/
/******************************************************************************************************************************************************/
/*** Tabs ***/

#content ul.tabs{
	margin:0 0 5px 0;
	padding:5px 0 15px 0;
	list-style:none;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}

#content .tabs li {
	display:inline;
	margin:0;
	padding:0;
	border-bottom:none;
}

#content .tabs li a {
	margin:0px 1px 0px 0px;
	padding:4px;
	text-decoration:none;
	text-shadow:0px 1px 0px #999;
	color:#fff;
	display:inline;
	background:url(../img/tabs_bg.gif) 0 -24px repeat-x;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

}

#content .tabs a:hover {color:#f2f2f2; text-decoration:none;}

#content .tabs a.active {background:url(../img/tabs_bg.gif) 0 0 repeat-x; text-shadow:none;}

/*** Tag cloud box ***/

#box_tags a {font-size: 1.7rem!important; margin-right: 5px; line-height: 3.3rem; text-transform: capitalize;}



/*** Calculator ***/

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

#search_inner{ z-index:555; top:0px; right: 0px; position: absolute; background: #222222; padding: 0px; position; relative;}
#search_inner{width: 100%;}


#search_holder {float:left; padding: 0%;  position: relative; margin: 0px auto;}
#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 0px; color: #fff}

#box_calendar {float:left; background: #111; width: 100%; margin:0px auto; position: relative; margin-top: 25px;}

#box_calendar section {

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




#box_calendar section a {color: #fff; font-size: 1.8rem; font-weight: normal; line-height: 6.4rem;}
#box_calendar section span {cursor: pointer; padding: 0px 6px; line-height: 6.4rem; color: #fff}
#box_calendar section span i {font-size: 2.4rem; line-height: 6.4rem;  color: #fff}

#box_calendar table {margin:0px auto; width: 98%; padding: 16px 2px; border-spacing: 4px;table-layout: fixed;}
#box_calendar table td {font-size: 1.4rem; line-height: 3.7rem; font-weight: bold; background-color: #191919; color: #444; vertical-align: middle; text-align: center; position: relative;}
#box_calendar table td.pad {background-color: #111;}
#box_calendar table td a {width:100%; line-height:3.7rem; color: #777; background-color: #363636; display: block; font-weight: bold;}
#box_calendar table td a:hover {color: #fff; background-color: #24aacc; transition: background-color 0.2s ease-in-out 0s;}

#box_calendar table th {line-height:3.7rem; color:#777; background-color:#242424; font-weight:700}

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

#top_menu_inner{float: left; left: 0px; position: fixed; top: 0px; max-height: 100%; height: 100%; min-height: 100%; width: 320px; z-index: 9999; background: #222;}

#top_menu_holder{

                 margin-bottom: 50px;
                 float: left;
                 left:  0px;
                 position: relative;
                 overflow-y:scroll; 
                 overflow-x:hidden; 
                 -webkit-overflow-scrolling: touch;
                 top: 0px;
                 width:100%;
                 box-sizing: border-box;
                 max-height: 100%; height: 100%; min-height: 100%;
                 -ms-overflow-style: none;
                 scrollbar-width: none;
}

#top_menu_holder::-webkit-scrollbar { display: none;}

#scrollbar_content{

                 max-height: 100%; height: 100%; min-height: 100%;
                 float: left;
                 padding: 0%;
                 width: 100%;
                 box-sizing: border-box;
}

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


#footer {width: 100%; background: #fff; display:inline-block; text-align: center;}

.footer_holder {max-width: 1260px; width: 100%; min-width: 300px; margin: 0 auto;}

.footer {border: 1px solid #fff; display: inline-block;}

.footer_info {
    padding: 30px; display: inline-block; 
    max-width: 1220px; width: 100%; 
    min-width: 290px; text-align: left; 
    line-height: 2.0rem; font-size: 1.4rem; 
    color: #ddd; background: #222;
    border-radius:16px;
}

.footer_info a {text-decoration: underline; color: #ddd!important;}

.footer_lnks { padding:0px; margin:0px; width: 100%; float:left; text-align: left; line-height: 2.4rem;}

.footer_tags { padding:30px 0px 0px 0px;}

.footer_tags:last-of-type {margin-bottom: 30px; border:0;}

.footer_lnks a { color: #777777; display: block; line-height: 2.4rem; width: 100%;}

.footer_lnks a i {margin: 0px 20px; display:inline-block; color: #77777;}

.footer_lnks a:hover {background: #333}

.footer_lnks div {font-weight: bold; background: url(../img/back_main.png); color: #369; letter-spacing: 0.1rem; display: block; line-height: 2.2rem; width: 215px; padding: 10px; font-size: 1.4rem; border-bottom: 1px solid #ccc;}

.footer_b24 { float:left; width: 95%;}
.footer_b24 a { margin-right:12px;}

.tagcl { max-width: 1220px; min-width: 290px; padding: 0px; float: left; margin-bottom: 30px; text-talign: left;}
.tagcl a {color: #444444!important; border: 1px solid #ddd; float: left; padding: 0px 10px; margin: 0 10px 10px 0; line-height: 3.6rem; display: block; border-radius: 4px;}
.tagcl a:hover {color: #444444!important; background-color:#f3f3f3;transition: background-color 0.3s ease-in-out 0s;}

/***** 404 Page not found *****/
body.page_not_found #content {padding:12px; text-align:center;}

body.page_not_found .page_holder {padding:12px;}

body.page_not_found .page_row {font-size:14px; padding:4px;}

#report_404 {font-size:14px; padding:4px; color:#6b99c5; font-weight:bold;}

body.page_not_found #box_search {text-align:center; position:static;}

body.page_not_found .search a {color:#369; font-weight:bold;}

body.page_not_found .search a:hover {color:#ca0002;}

.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; border:1px solid #ccc;}
