/*--
    Theme Name: Business 24

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

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

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

	ol {padding-left:20px; margin:0; font-size:1.4rem; 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;}

    .optinbox_plus_image img {aspect-ratio: 1 / 1!important;}

/*** Global heading styles ***/

	h1, h2, h3, h4, h5, h6 {padding:0; margin:0px;}
	h4 {font-size:1.6rem; font-weight:bold;}

	.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-headline-pnt {position: absolute; bottom: -1px; left: 18px; width: 24px; height: height: 12px; border-style: solid; border-width: 0 12px 12px 12px;
	border-color: transparent transparent #fff transparent; z-index:1;}

	.cat-headline-pnt-grey {position: absolute; bottom: 0px; left: 18px; width: 24px; height: height: 12px; border-style: solid; border-width: 0 12px 12px 12px;
	border-color: transparent transparent #ddd transparent;}

	.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 head3, .cat-headlines-tag head3 {
        position:absolute;
        bottom:0;
        left:0;
        background: rgba(0, 0, 0, 0.7);
        padding: 4px 8px;
        border-radius:4px;
        font-size: 1.4rem; 
        line-height: 1.8rem; 
        font-weight: normal; 
        text-align: left; 
        margin: 0px 0px 15px 15px; 
        letter-spacing:0.1rem; 
        float:left; 
        display: block;
}
	.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: #000b24; text-overflow: ellipsis; word-wrap: break-word;}
	.cat-time { float: left; width: 400%; color: #444; font-size: 1.1rem; font-family: verdana;}

/*** Pagination ***/

.pagination span,.page_button_active {
    
    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;
}

.width100 {width: calc(100% - 2px)!important;}

.pagination a.prev {
    
    top: 40px;
}

.pagination a.next {
    
    top: 40px;
    right: 0;
}

.pagination a.next, .pagination a.prev {
    
    position: absolute;
    width: 104px;
}

.page_button_arr i {
    
    position: absolute;
    width: 30px;
    line-height: 2.9rem;
    text-align: center;
    color: #999;
    font-size: 1.2em;
    left: 0;
    top: 0;
}

.pagination a.next i, .pagination a.prev i {
    
    line-height: 2.9rem;
    text-align: center;
    color: #999;
    font-size: 1.2em;
}

#box_pagination div.pagination {
    
    margin: 0 auto;
    display: block;
}

#box_pagination_cat span.pagination {
    
    margin: 25px auto 15px auto;
    height: 70px;
    display: inline-flex;
    position: relative;
}

#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%;
        background: #fff;
        border-bottom: 0px solid #ccc;
        z-index: 1000;
        top: 0px;
        left: 0px;
        box-sizing: border-box;
        border-bottom:1px solid #ccc;
}


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


#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_reddit{background:#ff4501}
#top_telegram{background:#2ca5e0}
#top_in{background:#517fa4}

#right_top_fb, #right_top_ch, #right_top_telegram, #right_top_loc, #right_top_reddit, #right_top_rss, #right_top_go, #right_top_in, #right_top_tw {background: #f3f3f3!important;}
#right_top_ah {background: #106510!important;}

#right_top_ah a {color:#fff!important;}

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

#right_social {margin: 20px; 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%; 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_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: 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;}

.right_social_row {float:left; padding:0px; display: inline-block; overflow:hidden; width: 33%; border: 5px solid #fff; border-radius: 12px;}
.right_social_row_34 {float:left; padding:0px; display: inline-block; overflow:hidden; width: 34%; border: 5px solid #fff; border-radius: 12px;}
.right_social_row_x2 {float:left; padding:0px; display: inline-block; overflow:hidden; width: 66%; border: 5px solid #fff; border-radius: 12px;}
.right_social_row_x2_67 {float:left; padding:0px; display: inline-block; overflow:hidden; width: 67%; border: 5px solid #fff; border-radius: 12px;}
.right_social_row:hover; .right_social_row_34:hover, .right_social_row_x2:hover, .right_social_row_x2_67:hover {opacity:0.7;}

.right_social_number {float: left; width: 100%; display: block; height: 50px; overflow: hidden;}
.right_social_number a {width: 100%; letter-spacing: 0.0rem; display: block; text-align: center; color:#000b24; padding: 3px 0px 0px 0px; font-size: 1.2rem; line-height: 4.4rem;}

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

#top_menu {cursor: pointer; position: relative; float: left; }
#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_menu_close_pnt {position: absolute; bottom: -12px; left: 15px; width: 12px; height: 12px;

    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #292929 transparent transparent transparent;
    z-index:15;
}

#top_menu i { text-align: center; color: #000b24;}

#top_logo {float: left; position: relative; aspect-ratio: 1 / 1;}
#top_logo_pnt { position: absolute; width: 12px; height: 12px;

        border-style: solid;
        border-width: 12px 12px 0 12px;
        border-color: #000b24 transparent transparent transparent;
        z-index:10;
}

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

#top_more, #top_lang, #top_search, #top_market {cursor: pointer; float: right; position: relative;}
#top_more_close, #top_more_open, #top_lang_close, #top_lang_open {position: absolute; top:0; left:0;}
#top_search i, #top_more i, #top_lang i, #top_market i {margin:0; padding:0; text-align: center; color: #000b24;}

#top_search i:hover, #top_more i:hover, #top_lang i:hover, #top_market i:hover, #top_menu i:hover {color:#002442}

#lang_inner img {aspect-ratio: 1/1;}

/***** Lrahos *****/

.lrahos_pnt{

position: absolute;
width: 36px;
height: 18px;
right: 36px;
top:0px;
border-style: solid;
border-width: 18px 18px 0 18px;
border-color: #ffffff transparent transparent transparent;
line-height: 0px;
_border-color: #ffffff #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#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: #024; font-size: 2.4rem; line-height: 2.4rem; font-weight: normal; padding: 0px 0px 20px 0px; border-bottom:1px dotted #024; display: inline-block;}

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

.lrahos_img {display: inline-block; width: 80px; height: 80px; border:1px solid #ddd; background-position: 50% 50%; vertical-align: top; background-size: cover; margin:0px 15px 0px 0px;}


.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: 1px;}
.short_load_time a {font-size: 1.2rem!important; color: #369!important; letter-spacing: 1px; line-height: 1.2rem!important; color: #369;}
.short_holder_load {display: inline-block;}
.short_holder_load a {display: inline-block; color: #000b24; font-weight:700}

#box_paged_latest ul {display: inline-block;}

/*************** HEADER STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/

#top_banner {text-align: center; width: 100%; position: relative; display: block; margin:0 auto;}
#top_banner img {width: 100%; border-radius: 8px;}

.header_image {position: relative;}

.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%;}

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

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

/*** Search box ***/

.search_input {
    padding: 0px !important;
    border: 1px solid #000b24 !important;
    background: #000b24 !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;
}

/***** Charts *****/

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

.left_box_title {
    width: 100%;
    color: #000b24;
    font-size: 1.8rem;
    line-height: 4.0rem;
    font-weight: bold;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000b24;
}

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

.box_sub_right {
    width: 100%;
    display: inline-block;
    padding: 15px 0px 12px 0px;
    letter-spacing: 0.1rem;
    border-bottom: 1px solid #eee;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #777;
}

.box_co {float: right; line-height: 1.6rem;}

.box_com {width: 100%; display: table; padding: 10px 0px; border-bottom: 1px solid #ddd; color: #777; line-height: 1.8rem;}

#macro div.box_com:last-of-type {border-bottom: 0px solid #eee; text-align: right; padding: 15px 0px 10px 0px;}
.box_nm a {color:#000b24!important;}
.box_nm {width: 40%; font-weight: normal; text-align: left; display: table-cell;  color: #000b24; display: table-cell; vertical-align: middle; line-break:auto;}


 sup {font-size: 0.8rem;}
.box_pr {text-align: right; display: table-cell; color: #000b24; padding-right: 8%; vertical-align:middle;}
.box_pro {text-align: right; color: #345;}

.box_cng {display: table-cell; width: 25%; text-align: right; vertical-align:middle;}

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


/***** Right Article blocks *****/

.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.0rem; margin-left: 5px; display: inline-block; line-height: 3.6rem; vertical-align: top; letter-spacing: 0.1rem;}

.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: #024; line-height: 2.2rem; padding:0!important; text-decoration: none; letter-spacing: 0.04rem;}

.beeline-title { border-color: #000; }
.beeline-title a {color: #f04d4d !important; font-weight: 700!important;} .beeline {color: #01415f !important;}

.ucom-title { border-color: #9bc726; }
.ucom-title a {color: #9bc726 !important; font-weight: 700!important;} .ucom {color: #9bc726 !important;}

.right_box_time { font-size: 1.2rem; margin-bottom: 10px;  font-family: verdana, arial, tahoma; }

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

/***** Article holder *****/

.artag {
    width: 100%;
    padding: 0px;
    display: inline-block;
    max-height: 124px;
    overflow: auto;
}

.artag a {
    color: #369;
    text-transform: capitalize;
    display: inline-block;
    font-weight: normal !important;
    background: #f3f3f3;
    margin: 0px 4px 8px 0px;
    border-radius: 4px;
}

.artag a:hover {
    color: #fff;
    background: #000b24;
    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: 1.8rem;
    background-color: #e50026;
    padding: 8px 32px;
    transition: background-color 0.4s ease-in-out 0s;
}

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

#sharebtn {
    display: inline-block;
    float: right;
    background: #369;
    color: #fff;
    line-height: 2.5rem;
    border-radius: 4px;
    cursor: pointer;
    padding: 0px 8px;
    margin: 8px 0px;
    font-size: 1.1rem;
}

#sharebtn:hover {
    background: #000b24;
    transition: background-color 0.4s ease-in-out 0s;
}

.share-block {cursor:pointer;}
.newsoc {display: inline-block; padding: 0px; float:right; width:100%; position:absolute; right:0; top:35;}
.soc_facebook, .soc_twitter, .soc_linkedin, .soc_googleplus {display: inline-block; width: 20%; border-right:1px solid #fff; float: left;}
.soc_close {display: inline-block; width: 20%; margin-right:0px; float: right; border-radius:20px;}
.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: #26c4f1;}
.soc_twitter a:hover {background-color: #0eaad6;}

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

.soc_close url {background-color: #ccc;}
.soc_close url:hover {background-color: #bbb;}

.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%;
}

.social_b a i, .social_b url i {font-size: 2.0rem; line-height: 2.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;}

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

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

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

.bottom_txt {width: 100%; color: #222; text-align:left; display:inline-block; padding-bottom:0!important;}
.plugin_image_holder {padding: 0px 0px 30px 0px; display:flow-root;}

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

/*************** RIGHT COLUMN STYLES *******************************************************************************************************************/
/******************************************************************************************************************************************************/

/*** Calculator ***/

#currency_calculator .left_box_title {border:0!important;}


.left_box_title label{ float: right!important; display: inline-block; width: 36px; margin-top: 9px;}
.mdl-switch.is-checked .mdl-switch__thumb {background-color:#000b42!important;}
.mdl-switch__track {background-color:#ccc!important;}

#currcalc { width:100%; display: inline-block; padding:0px;}
#currcalc table {width:100%; margin-top: 15px; color: #000b24;}


table.cctable tr td, table.cctable tr th { padding: 15px 0px; text-align: center; cursor: pointer; font-size: 1.3rem; border:1px solid #fff;}

td.td1, th.td1 {width:40%; background: #f3f3f3}
td.td2, th.td2 {width:30%; background: #f3f3f3}
td.td3, th.td3 {width:30%; background: #f3f3f3}

input#how { font-weight:normal; font-size:2.4rem; line-height: 4.8rem; letter-spacing: 0.2rem; margin-left:0px; border:0px; width: 100%; background: none!important;
            padding:0px !important; text-align: right; height:48px; color: #000b24; }

#csign, #sumsign {color: #999; vertical-align: middle; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align: center;}
#summ, #how_td {width: 100%; padding: 0px 10px 0px 0px!important; line-height: 4.1rem; text-align: right; font-size: 1.8rem; border-bottom:1px solid #ddd;}
#cc_text {cursor: text; color: #369; text-align: right; line-height: 1.8rem; padding:15px 0px 0px 0px; width: 100%; font-size: 1.2rem;}

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

#search_inner, #lang_inner { z-index:555; top:0px; right: 0px; position: absolute; background: #000b24; padding: 0px; position; relative;}
#search_inner, #lang_inner {width: 100%;}
#lang_1 {background: #0e254e;}
#lang_2 {background: #031641;}
#lang_1 a, #lang_2 a {width:100%;height:100%;display:block;}

#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;}
#lang_close {cursor: pointer;}

#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: #24aacc;
        line-height: 6.4rem;
        font-size: 1.8rem;
        font-weight: normal;
        text-align: center;
}


#calendar_pnt { position: absolute; bottom: -7px; left: 19px; width: 8px; height: 8px;

        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: #111 transparent transparent transparent;
        z-index:10;
}

#calendar_top_pnt { position: absolute; bottom: -7px; left: 19px; width: 8px; height: 8px;

        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: #24aacc transparent transparent transparent;
        z-index:10;
}

#geek_pnt { position: absolute; bottom: -7px; left: 19px; width: 8px; height: 8px;

        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: #f74 transparent transparent transparent;
        z-index:10;
}


#st_pnt { position: absolute; bottom: -7px; left: 19px; width: 8px; height: 8px;

        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: #419181 transparent transparent transparent;
        z-index:10;
}

#app_pnt { position: absolute; bottom: -7px; left: 19px; width: 8px; height: 8px;

        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: #fb4 transparent transparent transparent;
        z-index:10;
}

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

.wp-calendar-nav {display:none!important;}
table#wp-calendar caption {display:none!important;}

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

#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: -webkit-linear-gradient(90deg, #000b24 10%, #024 90%); /* Chrome 10+, Saf5.1+ */
    background:    -moz-linear-gradient(90deg, #000b24 10%, #024 90%); /* FF3.6+ */
    background:     -ms-linear-gradient(90deg, #000b24 10%, #024 90%); /* IE10 */
    background:      -o-linear-gradient(90deg, #000b24 10%, #024 90%); /* Opera 11.10+ */
    background:         linear-gradient(90deg, #000b24 10%, #024 90%); /* W3C */
    border-radius:4px;

}

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


#footer_sub_lnks{ padding: 0; width: 100%; margin-bottom: 30px; position: relative; border-right: 1px solid #ddd;}

.footer_subs { padding:2%; margin: 0px; width: 20%; float:left; border-left:1px solid #ddd; text-align: left; line-height: 1.8rem; font-size: 1.2rem; overflow:hidden;}

.footer_subs a strong {letter-spacing: 0.1rem;}

.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}

.menu_url, .menu_url i { color: #fff!important; padding:4px 0px; line-height: 2.4rem; font-size:1.8rem!important;}

.menu_geek, .menu_geek:hover, .menu_geek i:hover {background: #f74!important; position: relative;}
.menu_st, .menu_st:hover, .menu_st i:hover {background: #419181!important; position: relative;}


.menu_geek {margin-top: 30px;}

.footer_topic {text-align: justify; line-height: 18px; width: 956px;}
.footer_topic a {padding: 0px 6px;}

.footer_b24 { float:left; width: 95%;}

.tagcl { max-width: 1220px; min-width: 290px; padding: 0px; float: left; margin-bottom: 30px; text-talign: left;}
.tagcl a {color: #369 !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: #000b24!important; background-color:#f3f3f3;transition: background-color 0.3s ease-in-out 0s;}

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


/***** Calc *****/

#calc_soc {letter-spacing:0.03rem; width: 100%; display:inline-block;}

.table-row {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin-bottom: 20px;
}

.mb2 {margin-bottom:2px!important;}

#kx, #mk {
        cursor: pointer;
        width: 50%;
        padding: 15px 5px;
        text-align: center;
        display: inline-block;
        font-size: 1.5rem;
        font-weight: bold;

}

#kx {
    background: #000b42;
    border-right: 1px solid #fff;
    color: #fff;
    border-radius: 12px 0 0 12px;
}

#mk {
    background: #ddd;
    border-left: 1px solid #fff;
    color: #777;
    border-radius: 0 12px 12px 0;    
}

.pension-2 {
    	cursor:text;
        text-align: right;
        width: 100%;
        color: #777;
        line-height: 1.7rem;
        font-weight:normal;
        margin-bottom:20px;
        font-size: 1.1rem;
        }

#pno, #pik {

    cursor: pointer;
    width:33%;
    padding: 12px;
    background: #ddd;
    color: #777;
    font-size: 1.2rem;
    display: table-cell;
    text-align: right;
    vertical-align: top;
}

#pno b, #pik b, #psi b {font-size: 1.7rem;}

#pno {border-radius: 0 12px 12px 0;}
#pik {border-radius: 12px 0 0 12px;}

#psi {

    cursor: pointer;
    padding: 12px;
    width:34%;
    background: #fb1b1f;
    color: #fff;
    font-size: 1.3rem;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    display: table-cell;
    text-align: right;
    vertical-align: top;
}

.it-row {

    width: calc(100% - 40px);
    padding-top:0px;
    color: #777;
    line-height: 1.7rem;
    font-weight:normal;
    font-size: 1.1rem;
    display: inline-block;
    text-align: right;
}

.it-switch {

    width:15%;
    line-height: 1.7rem;
    font-weight:normal;
    font-size: 1.1rem;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}
.pen-sub {
    display: table-cell;
    width:35%;
    color: #777;
    padding: 9px;    
    line-height: 1.7rem;
    font-weight:normal;
    font-size: 1.1rem;
    text-align: right;
    border: 1px solid #ccc;
    vertical-align: middle;
}

#soctax, #socother, #pentax, #clr, #droshmanish {

	    cursor: copy;
        width: 65%;
        text-align: right;
        font-weight:normal;
        font-family: Sans-serif, Roboto, AAArial, ATahoma, "courier";
        padding: 9px 8px 5px 0;
        color: #777;
        letter-spacing: 0.2rem;
        background: #eee;
        font-size: 3.0rem;
        display: table-cell;
        vertical-align: middle;
        border-lefT:2px solid #fff;
}

#clr {color: #000b42!important; background:#ddd!important;}
#clr:hover {background:#ccc!important;}
#soctax:hover, #socother:hover, #pentax:hover, #droshmanish:hover {color:#444!important;}

#soctext {

	cursor: text;
        width: 100%;
        text-align: right;
        font-weight:bold;
        font-family: Roboto;
        padding: 9px 0 5px 0;
        color: #777;
        letter-spacing: 0.02rem;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        font-size: 3.0rem;
        display: block;
}

#soctext b {color: #444;}

.pension {
	cursor:text;
	float: left;
        text-align: right;
        width: 100%;
        color: #69b;
        line-height: 1.7rem;
        font-weight:normal;
        margin: 25px 0px 5px 0px;
        font-size: 1.1rem;
        }

#socinput {
	cursor:text;
        display: inline-block;
        width: 100%;
        font-weight:bold;
        background: #fff;
        margin-top: 0px;
        font-size: 1.3rem;
        border-radius: 12px;
        margin-bottom: 20px;
        border:3px solid #ddd;
}

#socinput input {
        font-size:4.2rem;
        line-height: 5.8rem;
        font-weight: normal;
        font-family: Sans-serif, Roboto, "Courier";
        text-align: right;
        border: 0!important;
        padding: 0!important;
        padding-right: 5px!important;
        width: 100%;
        color: #000b42;
        letter-spacing: 0.3rem;
        background-color: transparent!important;
        margin:5px 0px;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] { -moz-appearance: textfield;}

.catcalc {
			display: inline-block;
			cursor: pointer;
			padding:12px 16px;
			margin: 0px 10px 10px 0px;
			font-size: 1.3rem;
			background: #f3f3f3;
			color: #777;
			border-radius: 6px;
}

.prop {
			display: block;
			width: 100%;


}

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

/***************** Rotating Headlines *******************/
#headline {

    width: 100%;
    display: inline-block;
    position: relative;
    padding: 10px;
    border-radius: 8px;
    background: -webkit-linear-gradient(90deg, #000b24 10%, #024 90%); /* Chrome 10+, Saf5.1+ */
    background:    -moz-linear-gradient(90deg, #000b24 10%, #024 90%); /* FF3.6+ */
    background:     -ms-linear-gradient(90deg, #000b24 10%, #024 90%); /* IE10 */
    background:      -o-linear-gradient(90deg, #000b24 10%, #024 90%); /* Opera 11.10+ */
    background:         linear-gradient(90deg, #000b24 10%, #024 90%); /* W3C */
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
}

.box_headline { width: 100%; display: inline-block; position: relative; float: left;}
.headline_text { width: 100%; display: inline-block; position: relative; float: left;}
.headline_article_holder { position: absolute; top: 0; left: 0; width:100%; display: inline-block; background-position: 50% 50%; background-size: cover;}
.headline_caption_holder  { position: absolute; top: 0; left: 0; width:100%; display: inline-block; background-position: 50% 50%; background-size: cover;}

.headline_image { width:100%; height: 100%; background-position: 50% 50%; background-size: cover;}
.headline_image_container {width:100%; padding-bottom: 60%;}

.headline_image a {position:absolute;width:100%;height:100%;top:0;left:0;display:block;}

/*opacity:.70;                Standard style for transparency */
/*-moz-opacity:.70;           Transparency for older Mozillas */
/*filter:alpha(opacity=70);  Transparency for IE */

.himage_caption { left: 0; position: absolute; display: block; width: 100%; text-align:left; padding:0; z-index:101;}
.himage_caption a {color: #fff; font-weight: 400; font-size: 1.8rem; line-height: 2.4rem; display: block;}
.himage_caption a:hover {opacity: 0.8;}

.headline_pnt { 
    position: absolute; 
    left: 18px; 
    width: 12px; 
    height: 12px;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #000b24 transparent;
}

/* Banners */

.bannerC, .bannerC1 , .bannerB {width: 100%; overflow:hidden;}
.bannerC img, .bannerC1 img, .bannerB img { width: 100%; border-radius:8px;}

#top_banner_inner div {overflow:hidden; border-radius: 8px;}

.bannerBA { width: 100%;}
.bannerBA img { width: 100%; border-radius:8px;}

.bannerbox {position:relative; border-radius: 8px; background-position: 50% 50%; background-size: cover;}
.bannerbox a {position:absolute; top: 0; left: 0; width:100%; height:100%;}

/***************** FORMS *******************/

form {padding:0px; margin:0px;}

*:focus {outline:none;}

input, select, textarea {padding:0px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}

input:focus, .s_input:focus {outline: none !important; outline-style: none !important; box-shadow: none !important; border-color: transparent !important;}

textarea {font-size:1.3rem;}

textarea:focus, textarea.default_fields:focus {background:#fffdd1; border:1px solid #7dbef1; -moz-box-shadow:0 0 5px #7dbef1; -webkit-box-shadow:0 0 5px #7dbef1;}

textarea.default_fields {width:123px; height:150px; border:1px solid #a7acb2;}

.form_line {
	margin-bottom:6px;
	padding-bottom:6px;
	width:100%;
	overflow:hidden; /* if used, needs to be hidden because of Opera */
}

*:first-child+html .form_line {margin-bottom:0px; padding-bottom:6px;}

input.text {color:#777;}

input.text:focus {background: #f2f2f2;}

input.button, button {
	border:1px solid #aaaaaa;
	padding:4px 8px;
	color:#000;
	overflow:visible;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

input.button:hover, button:hover {background:#a00000;}
.formElement p {margin-top:0;}

/***************** ARTICLE STYLES *******************/

#article_body h1 {font-size:200%;}

#article_body h2 {font-size:175%; line-height:150%;}

#article_body h3 {font-size:150%; line-height:150%;}

#article_body h4 {font-size:125%;}

#article_body h5 {font-size:100%;}

#article_body h6 {font-size:80%;}

#article_body ul, #article_body ol {padding-left:20px;}

#article_body ul li {list-style-type:disc; list-style-position:inside; border-bottom:none; padding:4px 0px;}
#article_body ul ul, #article_body ul ol, #article_body ol ul, #article_body ol ol {border-bottom:none; padding-top:10px; padding-bottom:0px!important;}
#article_body ul li li {font-size:90%; list-style-type:circle; list-style-position:inside; border-bottom:none; padding:4px 0px;}

#article_body ol li {list-style-position:inside; border-bottom:none; font-weight:normal; padding:4px 0px;}
#article_body ol li li {font-size:90%; list-style-type:circle; list-style-position:inside; border-bottom:none; padding:4px 0px;}

#article_body li p {padding:0px!important;}