@font-face {font-family: 'PT Sans'; 
    src: url('../fonts/pts55f_w.eot'); 
    src: local('PT Sans'),
    url('../fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PTS55F_W.woff') format('woff'),
    url('../fonts/PTS55F_W.ttf') format('truetype'),
    url('../fonts/PTS55F_W.svg#PTSans-Regular') format('svg');}
    
@font-face {font-family: 'PT Sans'; 
    font-style: italic;
    src: url('../fonts/pts56f_w.eot'); 
    src: local('PT Sans Italic'),
    url('../fonts/fonts/PTS5 6F_W.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PTS56F_W.woff') format('woff'),
    url('../fonts/PTS56F_W.ttf') format('truetype'),
    url('../fonts/PTS56F_W.svg#PTSans-Italic') format('svg');}

@font-face {font-family: 'PT Sans';
    src: url('../fonts/pts75f_w.eot');
    font-style: normal;
    font-weight: bold; 
    src: local('PT Sans Bold'), 
    url('../fonts/PTS75F_W.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PTS75F_W.woff') format('woff'),
    url('../fonts/PTS75F_W.ttf') format('truetype'),
    url('../fonts/PTS75F_W.svg#PTSans-Bold') format('svg');}

@font-face {font-family: 'PT Sans';
    font-style: italic;
    font-weight: bold; 
    src: url('../fonts/pts76f_w.eot'); 
    src: local('PT Sans Bold Italic'),
    url('../fonts/PTS76F_W.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PTS76F_W.woff') format('woff'),
    url('../fonts/PTS76F_W.ttf') format('truetype'),
    url('../fonts/PTS76F_W.svg#PTSans-BoldItalic') format('svg');}

@font-face {font-family: 'PT Sans Narrow';
    src: url('../fonts/ptn57f_w.eot');
    src: local('PT Sans Narrow'),
    url('../fonts/PTN57F_W.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PTN57F_W.woff') format('woff'),
    url('../fonts/PTN57F_W.ttf') format('truetype'),
    url('../fonts/PTN57F_W.svg#PTSans-Narrow') format('svg');}

@font-face {font-family: 'PT Sans Narrow';
    font-weight: bold; 
    src: url('../fonts/ptn77f_w.eot');
    src: local('PT Sans Narrow Bold'),
    url('../fonts/PTN77F_W.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PTN77F_W.woff') format('woff'),
    url('../fonts/PTN77F_W.ttf') format('truetype'),
    url('../fonts/PTN77F_W.svg#PTSans-NarrowBold') format('svg');}
    
@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('../fonts/ptn57f-webfont.eot');
    src: url('../fonts/ptn57f-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptn57f-webfont.woff2') format('woff2'),
         url('../fonts/ptn57f-webfont.woff') format('woff'),
         url('../fonts/ptn57f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/pts55f-webfont.eot');
    src: url('../fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pts55f-webfont.woff2') format('woff2'),
         url('../fonts/pts55f-webfont.woff') format('woff'),
         url('../fonts/pts55f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.sticky-menu{
    position: fixed;
    left: 0;
    top: 100px;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}
body{
    margin: 0;
    padding: 0;
    font-family: 'PT Sans', sans-serif;
    /*background-color: #2b4713;*/
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}
img{
    max-width: 100%;
}
a{
    text-decoration: none;
    color: #000;
}
.article-photo img:hover,
.article-image img:hover{
    opacity: 0.9;
}
.none{display: none;}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.show{
    display: block !important;
}
.hide{
    display: none;
}
.tright{
    text-align: right !important;
}
.tleft{
    text-align: left !important;
}
.main-container{
    width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
}

/* Delete */
.fixed-menu{
    position: fixed;
    left: 0;
    top: 100px;
    background-color: #f1f1f1;
    padding: 20px;
    border-radius: 5px;
    z-index: 111;
}
.fixed-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    color: #333333;
    font-size: 13px;
    font-weight: bold;
}
.fixed-menu ul a{
    color: #333333;
}

.content{
    width: 100%;
    float: left;
    background-color: #FFF;
}
/* Common Classes */
.box-title{
    float: left;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    line-height: 1;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.box-title .view-more{
    float: right;
    font-size: 11px;
    color: #FFF;
    text-transform: uppercase;
    background-color: #507233;
    line-height: 1;
    padding: 4px 12px;
    border-radius: 5px;
}
.box-title.black-line,
.box-title.white-line{
    background-image: url(../img/lines/big-black-line.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 12px;
}
.box-title.white-line{
    background-image: url(../img/lines/big-white-line.png);
}
.box-title-sm{
    font-size: 26px;
}
.left{
    float: left;
}
.right{
    float: right;
}
.left-column{
    float: left;
    box-sizing: border-box;
    width: 650px;
    padding-left: 25px;
    margin-top: 25px;
}
.full-column{
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    float: left;
}
.col-235{
    width: 235px;
}
.col-270{
    width: 270px;
}
.col-300{
    width: 300px;
}
.col-312{
    width: 312px;
}
.col-325{
    width: 325px;
}
.col-630{
    width: 630px;
}
.col-655{
    width: 655px;
}
.col-685{
    width: 685px;
}
.mtop0{
    margin-top: 0 !important;
}
.mtop20{
    margin-top: 20px;
}
.mbottom60{
    margin-bottom: 60px;
}
.center{
    text-align: center;
}
.right-banner{
    float: right;
    width: 300px;
}
.red-btn{
    display: inline-block;
    border: 1px solid #be1e2d;
    line-height: 1;
    font-size: 14px;
    padding: 12px 35px;
}
.black-btn{
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    color: #FFF;
    background-color: #000;
    padding: 5px 18px;
    border-radius: 11px;
    line-height: 1;
}
.orange-btn{
    background-color: #ff5400;
    color: #FFF;
}
.white-btn{
    background-color: #fff;
    color: #000 !important;
}
.green-btn{
    font-size: 12px;
    text-transform: uppercase;
    color: #FFF;
    border: 0;
    cursor: pointer;
    line-height: 1;
    background-color: #507233;
    padding: 4px 20px;
    border-radius: 10px;
}
.green-select{
    border-radius: 15px;
    border: 0;
    background-color: #507233;
    color: #FFF;
    font-weight: bold;
    padding: 3px 0;
    outline: none;
}
.inv-textinput{
    border-radius: 8px;
    text-transform: uppercase;
    border: 1px solid #a8a8a8;
    outline: none;
}
.bottom-border,
.bottom-border-gray{
    border-bottom: 1px solid #000;
    position: relative;
}
.bottom-border:before,
.bottom-border-gray:before{
    content: "";
    width: 25%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-image: linear-gradient(to left, black,  white, white);
}
.bottom-border:after,
.bottom-border-gray:after{
    content: "";
    width: 25%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    right: 0;
    background-image: linear-gradient(to right, black,  white, white);
}
.bottom-border-gray:before{
    background-image: linear-gradient(to left, black,  #f7f7f7, #f7f7f7);
}
.bottom-border-gray:after{
    background-image: linear-gradient(to right, black,  #f7f7f7, #f7f7f7);
}
li:last-child.bottom-border-gray:before,
li:last-child.bottom-border-gray:after{
    display: none;
}
.bottom-border-white{
    border-bottom: 1px solid #fff;
    position: relative;
}
.bottom-border-white:before{
    content: "";
    width: 25%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-image: linear-gradient(to left, white,  #383c3e, #383c3e);
}
.bottom-border-white:after{
    content: "";
    width: 25%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    right: 0;
    background-image: linear-gradient(to right, white,  #383c3e, #383c3e);
}
/* Banner zones */
.top-megaboard{
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
.banner{
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
.article-banner{
    width: 300px;
    float: right;
    margin-bottom: 25px;
}
#div-gpt-ad-6{
    float: right;
    margin-top: 25px;
}
#div-gpt-ad-2{
    float: right;
    margin-bottom: 25px;
    margin-top: 25px;
}
.article-sticky-banner{
    width: 300px;
    float: right;
}
.native-ad-box{
    float: left;
    width: 650px;
    margin-top: 30px;
}
.native-ad-box .pull-left{
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding: 5px;
}
.after-tags-ads{
    float: left;
    text-align: center;
    margin: 20px 0;
    width: 650px;
}
.after-tags-ads .banner-zone{
    display: inline-block;
    float: none;
    margin: 0 10px;
}
.after-more-articles-zone{
    margin-top: 90px;
}
.in-article-rss-box{
    width: 300px;
    float: right;
    margin-top: 25px;
}
.homepage-native-banners{
    float: left;
    width: 100%;
    box-sizing: border-box;
    background-color: #edf7e5;
    padding: 25px;
    padding-top: 0;
    display: flex;
   
}
#div-gpt-ad-3{
    width: 300px;
    margin-right: 25px;
}
#div-gpt-ad-30{
    width: 300px;
    margin-right: 25px;
}
#div-gpt-ad-17{
    float: left;
    min-width: 300px;
}

.comments-btn,
.reported-comment{
    font-size: 12px;
    color: #507233;
    line-height: 1;
    border: 1px solid #507233;
    padding: 4px 14px;
    margin-top: 18px;
    float: left;
}
.comments-btn:hover{
    background-color: #507233;
    color: #FFF;
}
.comments-btn.report-comment,
.reported-comment{
    border: none;
    
}
.comments-btn.report-comment a,
.reported-comment a{
    background-image: url(../img/report-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px;
    padding: 5px 0;
    padding-left: 23px;
}
.comments-btn.report-comment:hover{
    background-color: transparent;
    color: #507233;
}
.form-red-btn{
    border: 0;
    background-color: #507233;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    display: inline-block;
    text-transform: uppercase;
    padding: 7px 20px;
    line-height: 1;
}
.fb-login{
    width: 230px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    background-color: #2e5c95;
    margin-top: 20px;
    color: #FFF;
    font-size: 14px;
}
.home-boxes-header{
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 0 10px;
}
.home-boxes-header span{
    display: inline-block;
    width: 100%;
    float: left;
    background-color: #cce1b9;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 8px 10px;
    line-height: 1;
    background-image: url(../img/header-box-icon.png);
    background-repeat: no-repeat;
    background-position:  left 10px center;
    padding-left: 40px;
    color: #2b4713;
    position: relative;
    cursor: pointer;
}
.home-boxes-header.expand-button span{
    cursor: pointer;
}
.home-boxes-header.expand-button span:before,
.home-boxes-header.rates-expand-header span:before{
    content: "";
    position: absolute;
    right: 10px;
    top: 3px;
    background-image: url(../img/expand-icon-open.png);
    width: 25px;
    height: 25px;
}
.home-boxes-header.expand-button.close span:before,
.home-boxes-header.rates-expand-header.close span:before{
    background-image: url(../img/expand-icon-close.png);
}
.home-boxes-header.rates-expand-header span{
    margin-bottom: 0;
    margin-top: 25px;
}
/* Home Forum box */
.home-forum-box{
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    padding: 25px;
    box-sizing: border-box;
}
.topics-list{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 2;
}
.topics-list li{
    float: left;
    width: 100%;
    padding-bottom: 18px;
    margin-bottom: 18px;
    box-sizing: border-box;
}
.topics-list li:last-child,
.topics-list li:nth-child(3){
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.topics-list li:nth-child(3):before,
.topics-list li:nth-child(3):after{
    display: none;
}
.topics-list li.bottom-border-gray:before,
.topics-list li.bottom-border-gray:after{
    width: 10%;
}
.topics-list h2{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 18px;
    float: left;
    width: 100%;
}
.forum-topics .topics{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.forum-topics .topics li{
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    align-items: center;
}
.forum-topics .topics li:hover{
    background-color: #E5EDE6;
}
.forum-topics .topics li a{
    font-size: 15px;
    font-weight: bold;
    color: #4a7724;
    display: inline-block;
}
.forum-topics .topics li a.read{
    color: #000 !important;
}
.forum-topics .topics li .date{
    font-size: 13px;
    display: inline-block;
    margin-right: 10px;
}
.forum-topics .topics li .count{
    float: right;
    font-size: 14px;
    margin-left: auto;
}
.forum-menu{
    padding: 0 14px;
    float: left;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}
.forum-menu a{
    margin: 10px;
    display: inline-block;
    font-size: 14px;
    color: #000;
}
.after-article-boxes{
    float: left;
    width: 100%;
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
}
.after-article-boxes .tabs{
    margin-top: 0;
}
.quiz-tabs img{
    width: 100%;
    margin-top: 12px;
}
.quiz-tabs .tabcontent2{
    text-align: center;
}
.quiz-tabs .article-tabs h2{
    padding-left: 0 !important;
    margin: 20px 0 !important;
    font-family: 'Open Sans', sans-serif !important;
}
.tabs.quiz-tabs .tab button{
    padding: 14px 0;
    box-sizing: border-box;
    width: 33%;
    text-align: center;
}
.in-article-tabs .tabs .tab button{
    padding: 14px 0;
    box-sizing: border-box;
    width: 50%;
    text-align: center;
}
/* Corporate links */
#corp-line{
    width: 1000px;
    margin: 0 auto;
    background-color: #e6e7e8;
    font-size: 10px;
    line-height: 28px;
    text-align: center;
}
#corp-line .main-container{
    background-color: #e6e7e8;
}
#corp-line a{
    color: #808285;
    margin: 0 5px;
    text-decoration: none;
}
#corp-line a.active,
#corp-line a:hover{
    color: #231f20;
}
/* Header */
.main-header{
    float: left;
    width: 100%;
    border-bottom: solid 5px #2b4713;
    box-sizing: border-box;
    padding: 15px 25px;
    min-height: 60px;
    position: relative;
    background-color:#507233;
}
.main-header .logo{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 286px;
}
.main-header .logo img{
    max-width: 100%;
}
.main-header .header-menu{
    float: right;
}

.main-header .header-menu .logout-btn{
    text-transform: uppercase;
    float: right;
    color: #FFF;
    margin-left: 10px;
    margin-top: 4px;
    font-size: 16px;
}
.main-header .header-menu .search-icon{
    float: right;
    width: 27px;
    height: 27px;
    background-image: url(../img/search-icon.png);
    cursor: pointer;
    margin-left: 20px;
}
.main-header .header-menu .search-icon.search-open{
    background-image: url(../img/close-search.png);
    background-repeat: no-repeat;
    background-position: center;
}
.main-header .header-menu .user-icon{
    float: right;
    width: 27px;
    height: 31px;
    background-image: url(../img/user-icon.png);
    cursor: pointer;
}
.main-header .header-menu .user-icon.logged{
    background-image: url(../img/user-icon-logged.png);
    width: 33px;
    margin-right: 6px;
    height: 33px;
}
.desktop-menu{
    float: left;
    width: 100%;
    background-color: #2b4713;
    color: #FFF;
    box-sizing: border-box;
    padding: 6px 10px 10px 24px;
}
.desktop-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.desktop-menu li{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    float: left;
    line-height: 1;
    margin-right: 12px;
    padding-right: 12px;
    border-right: 2px solid #FFF;
}
.desktop-menu li:last-child{
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
.desktop-menu li a{
    color: #FFF;
}
/* Main menu */
/* Menu icon */
#menu-toggle{
    width: 35px;
    height: 23px;
    float: left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: 6px;
    display: block;
    margin-right: 25px;
}
#menu-toggle span{
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#menu-toggle span:nth-child(1) {
    top: 0px;
}
#menu-toggle span:nth-child(2), #menu-toggle span:nth-child(3) {
    top: 9px;
}
#menu-toggle span:nth-child(4) {
    top: 18px;
}
#menu-toggle.open span{
    height: 2px;
}
#menu-toggle.open span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
}
#menu-toggle.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#menu-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#menu-toggle.open span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
}
.main-nav{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: none;
    position: absolute;
    background-color: #FFF;
    margin-top: 65px;
    width: 430px;
    z-index: 33333;
}
.main-nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    box-sizing: border-box;
    width: 100%;
    border: 3px solid #FFF;
}
.main-nav ul.top-menu{
    border-bottom: 0;
}
.main-nav ul.top-menu li a{
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 25px;
}
.main-nav .menu-icon{
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
}
.main-nav .home-icon{
    background-image: url(../img/icons/home-icon.png);
}
.main-nav .markets-icon{
    background-image: url(../img/icons/markets-icon.png);
}
.main-nav .lastnews-icon{
    background-image: url(../img/icons/lastnews-icon.png);
}
.main-nav .forum-icon{
    background-image: url(../img/icons/forum-icon.png);
}
.main-nav li{
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    width: 100%;
    box-sizing: border-box;
    background-color: #f7f7f7;
    border-bottom: 3px solid #FFF;
}
.main-nav li:last-child{
    border-bottom: 0;
}
.main-nav li a{
    color: #000;
    position: relative;
    display: inline-block;
    text-decoration: none;
    position: relative;
    color: #2b4713;
    padding: 13px 21px 12px 25px;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
.main-nav li a:hover{
    color: #000;
}

.main-nav ul.sub{
    z-index: 22;
    padding: 10px 30px;
    padding-bottom: 0;
    display: none;
    float: left;
    width: 100%;
    border: none;
    border-top: 3px solid #FFF;
    background-color: #FFF;
}

.main-nav ul.sub li{
    width: 100%;
    background-color: #FFF;
    float: none;
    padding-bottom: 6px;
    margin-bottom: 6px;
    text-transform: none;
    border-bottom: 0;
}
.main-nav ul.sub li:last-child{
    border-bottom: 0;
}
.main-nav ul.sub li a{
    padding: 0;
    color: #8a8989;
    text-transform: uppercase;
    font-size: 14px;
}
.main-nav ul.sub li a:before{
    display: none;
}

.main-nav .sub-icon{
    float: right;
    width: 43px;
    height: 43px;
    display: inline-block;
    cursor: pointer;
    border-left: 3px solid #fff;
    background-image: url(../img/icons/submenu-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}
.main-nav .sub-icon.close{
    transform: rotate(180deg);
    border-right: 3px solid #fff;
    border-left: none;
}
/* Search */
.search-box{
    position: absolute;
    width: 100%;
    padding: 20px 1px;
    background-color: #2b4713;
    left: 0;
    top: 65px;
    text-align: center;
    z-index: 3333;
    box-sizing: border-box;
}
.ui-widget.ui-widget-content{
    z-index: 22222;
}
.search-box .input-search{
    color: #FFF;
    background-color: transparent !important;
    border: 0;
    border-bottom: 1px solid #FFF;
    outline: none;
    width: 60%;
    font-size: 16px;
    padding: 6px 0;
}
.search-box .input-search::-webkit-input-placeholder { 
    color: rgba(255,255,255, 0.9);
}
.search-box .input-search:-ms-input-placeholder { 
    color: rgba(255,255,255, 0.9);
}
.search-box .input-search::placeholder {
    color: rgba(255,255,255, 0.9);
}
.search-box .search-btn{
    border: 0;
    cursor: pointer;
    width: 21px;
    height: 22px;
    background-color: transparent;
    background-image: url(../img/search-btn.png);
    outline: none;
    position: relative;
    top: 8px;
}
.topics-today{
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 20px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}
.topics-today span{
    margin-right: 12px;
}
.topics-today a{
    position: relative;
    padding-left: 12px;
    margin-right: 8px;
    display: inline-block;
    margin-bottom: 10px;
}
.topics-today a:after{
    content: "";
    width: 2px;
    height: 12px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 1px;
}
.topics-today a:nth-child(2):after{
    display: none;
}
.topics-today a:nth-child(2){
    padding-left: 0;
}
/* World Indexes Home box */
.world-indexes{
    float: left;
    width: 100%;
    box-sizing: border-box;
    background-color: #f7f7f7;
    line-height: 30px;
    padding: 5px 18px;
    padding-left: 30px;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 14px;
    color: #7e7e7e;
    position: relative;
}
.world-indexes .marquee {
    overflow: hidden;
}
.world-indexes .play-markets, .world-indexes .pause-markets {
    display: inline-block;
    cursor: pointer;
}
.world-indexes .play-markets {
    position: absolute;
    left: 10px;
    margin-top: -2px;
}
.world-indexes .pause-markets {
    display: none;
    position: absolute;
    left: 10px;
    margin-top: -2px;
}
.world-indexes ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.world-indexes li{
    float: left;
    text-transform: uppercase;
}
.world-indexes .change.up{
    color: #549c18;
}
.world-indexes .change.down{
    color: #d94c4c;
}
.world-indexes a{
    font-weight: bold;
    color: #2b4713;
    text-transform: uppercase;
}
.index-item{
    border-left: 1px solid #7e7e7e;
    display: inline-block;
    line-height: 12px;
    padding-left: 8px;
    margin-left: 8px;
}
/* Home top news */
.home-top-article{
    float: left;
    width: 650px;
    box-sizing: border-box;
    padding-left: 25px;
    margin-top: 25px;
}
.home-top-article .article-title{
    float: left;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    background-color: #404040;
}
.home-top-article .article-title h2{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 27px;
    line-height: 34px;
    margin-bottom: 14px;
}
.home-top-article .article-info,
.category-main-article .article-info{
    float: left;
    width: 100%;
    background-image: url(../img/lines/md-white-line.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 14px;
}
.home-top-article .article-info{
    min-height: 17px;
}
.home-top-article .article-info,
.home-category-box .article-info{
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    display: flex;
}
.home-top-article .article-info span,
.home-category-box .article-info span{
    border-right: 1px solid #FFF;
    line-height: 1;
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 17px;
    background-size: contain;
}
.home-top-article .article-info .date-published,
.home-category-box .article-info .date-published{
    color: #FFF;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Ni4wOTMiIGhlaWdodD0iNzcuMDY4IiB2aWV3Qm94PSIwIDAgNzYuMDkzIDc3LjA2OCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS05Ljk1My02Mi45MzJhMzcuNTYxLDM3LjU2MSwwLDAsMS0yNi45LTExLjI4NkEzOC41MzUsMzguNTM1LDAsMCwxLTQ4LTEwMS40NjZhMzguNTM1LDM4LjUzNSwwLDAsMSwxMS4xNDMtMjcuMjQ4QTM3LjU2MSwzNy41NjEsMCwwLDEtOS45NTMtMTQwYTM3LjU2MSwzNy41NjEsMCwwLDEsMjYuOSwxMS4yODYsMzguNTM1LDM4LjUzNSwwLDAsMSwxMS4xNDMsMjcuMjQ4QTM4LjUzNSwzOC41MzUsMCwwLDEsMTYuOTUtNzQuMjE4YTM3LjU2MSwzNy41NjEsMCwwLDEtMjYuOSwxMS4yODZabTAtNzIuNTUyYTMzLjE1OSwzMy4xNTksMCwwLDAtMjMuNzUsOS45NjQsMzQuMDE5LDM0LjAxOSwwLDAsMC05LjgzOCwyNC4wNTVBMzQuMDE5LDM0LjAxOSwwLDAsMC0zMy43LTc3LjQxMmEzMy4xNTksMzMuMTU5LDAsMCwwLDIzLjc1LDkuOTY0QTMzLjE1OSwzMy4xNTksMCwwLDAsMTMuOC03Ny40MTJhMzQuMDE5LDM0LjAxOSwwLDAsMCw5LjgzOC0yNC4wNTVBMzQuMDE5LDM0LjAxOSwwLDAsMCwxMy44LTEyNS41MjFhMzMuMTU5LDMzLjE1OSwwLDAsMC0yMy43NS05Ljk2NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OCAxNDApIi8+PHJlY3QgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjQuNDU5IiBoZWlnaHQ9IjUuOTQ5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNS44MTcgOC45MjMpIi8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIxOC43LTU1LjY1Mmw0LjIwNi00LjIwNywzLjE1MiwzLjE1M0wyMjEuODU1LTUyLjVabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2NS44NTMgNzUuOTY1KSIvPjxyZWN0IGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI1Ljk0OSIgaGVpZ2h0PSI0LjQ1OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjEuMjIxIDM2LjMwNSkiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjE4LjY4NCwxMjkuODk1bDMuMTUyLTMuMTUzLDQuMjA2LDQuMjA2TDIyMi44OSwxMzQuMVptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY1LjgzOCAtNzMuMTM1KSIvPjxyZWN0IGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI0LjQ1OSIgaGVpZ2h0PSI1Ljk0OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUuODE3IDYyLjE5NikiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzIuMDgyLDEzMC45MjlsNC4yMDYtNC4yMDYsMy4xNTIsMy4xNTItNC4yMDYsNC4yMDdabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2LjIxMyAtNzMuMTIpIi8+PHJlY3QgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjUuOTQ5IiBoZWlnaHQ9IjQuNDU5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjkyMyAzNi4zMDUpIi8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMyLjEtNTYuNzI2bDMuMTUyLTMuMTUzLDQuMjA2LDQuMjA2TDM2LjMwOC01Mi41MlptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuMjI5IDc1Ljk4MSkiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTUwLjcxNy05LjQ1MUgxMzIuNzVWLTI3LjQxOGg0LjQ1OVYtMTMuOTFoMTMuNTA4Wm0wLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05Ni45MzMgNTAuMTAxKSIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    padding-left: 24px;
    background-size: 17px;
}
.home-top-article .article-info .comment-count,
.home-category-box .article-info .comment-count{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNDYiIGhlaWdodD0iMzUzLjQ2OCIgdmlld0JveD0iMCAwIDM0NiAzNTMuNDY4Ij4NCgkJICA8ZyBpZD0iQ29tbWVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwNCAtMzk5KSI+DQoJCSAgICA8ZyBpZD0iR3JvdXBfNCIgZGF0YS1uYW1lPSJHcm91cCA0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTcgMTExLjcyKSI+DQoJCSAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGlkPSJQYXRoXzExIiBkYXRhLW5hbWU9IlBhdGggMTEiIGQ9Ik01ODIuMDMyLDY0MC43NDhsLTU0LjM2LTk0LjE2N0g0NTkuN2MtMjcuOTI4LDAtNTAuNy0yMC41ODgtNTAuNy00NS45NTNWMzMzLjI0OWMwLTI1LjMsMjIuNzctNDUuOTY5LDUwLjctNDUuOTY5aDI0NC42MmMyNy45MjksMCw1MC42ODIsMjAuNjY3LDUwLjY4Miw0NS45NjlWNTAwLjYyOGMwLDI1LjM2NS0yMi43NTMsNDUuOTUzLTUwLjY4Miw0NS45NTNINjM2LjM5MlpNNDU5LjcsMzEyLjc4OGMtMTMuODg0LDAtMjUuMTg5LDkuMTU2LTI1LjE4OSwyMC40NjFWNTAwLjYyOGMwLDExLjMyMSwxMS4zMDUsMjAuNTI0LDI1LjE4OSwyMC41MjRoODIuNTkxbDM5LjY3OSw2OC42NTksMzkuNjc5LTY4LjY1OWg4Mi42N2MxMy44NjksMCwyNS4xOS05LjIsMjUuMTktMjAuNTI0VjMzMy4yNDljMC0xMS4zMDUtMTEuMzIxLTIwLjQ2MS0yNS4xOS0yMC40NjFabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTggMCkiLz4NCgkJICAgIDwvZz4NCgkJICA8L2c+DQoJCTwvc3ZnPg==");
    background-repeat: no-repeat;
    padding-left: 24px;
    background-size: 17px;
}
.home-top-article .article-info .video-listing-icon,
.home-category-box .article-info .video-listing-icon{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzgwLjM0MSIgaGVpZ2h0PSIzMTAuNDY4IiB2aWV3Qm94PSIwIDAgMzgwLjM0MSAzMTAuNDY4Ij4NCgkJICA8ZGVmcz4NCgkJICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4NCgkJICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyIiB3aWR0aD0iMzgwLjM0MSIgaGVpZ2h0PSIzMTAuNDY4IiBmaWxsPSJub25lIi8+DQoJCSAgICA8L2NsaXBQYXRoPg0KCQkgIDwvZGVmcz4NCgkJICA8ZyBpZD0iVmlkZW8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjQuMjU5IC02MDMpIj4NCgkJICAgIDxnIGlkPSJHcm91cF83IiBkYXRhLW5hbWU9Ikdyb3VwIDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05OS43NDEgNDY0LjcyKSI+DQoJCSAgICAgIDxnIGlkPSJHcm91cF82IiBkYXRhLW5hbWU9Ikdyb3VwIDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyNCAxMzguMjgpIj4NCgkJICAgICAgICA8ZyBpZD0iR3JvdXBfNSIgZGF0YS1uYW1lPSJHcm91cCA1IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+DQoJCSAgICAgICAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBpZD0iUGF0aF8xMiIgZGF0YS1uYW1lPSJQYXRoIDEyIiBkPSJNMzU4Ljc1LDIyNC40ODlWMzY3LjE0NmwxNDIuNjU3LTcxLjMyOVptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjI3Ljk4MSAtMTQwLjgyNykiLz4NCgkJICAgICAgICAgIDxwYXRoICBmaWxsPSIjRkZGRkZGIiBpZD0iUGF0aF8xMyIgZGF0YS1uYW1lPSJQYXRoIDEzIiBkPSJNMjQ5LjY1Myw0NDcuODI5SDU3OC43NjZhMjUuNzI3LDI1LjcyNywwLDAsMCwyNS42NTMtMjUuNjUyVjE2NC4zOTJhMjUuNzI4LDI1LjcyOCwwLDAsMC0yNS42NTMtMjUuNjUzSDI0OS42NTNBMjUuNzI4LDI1LjcyOCwwLDAsMCwyMjQsMTY0LjM5MlY0MjIuMTc3YTI1LjcyNywyNS43MjcsMCwwLDAsMjUuNjUzLDI1LjY1MlptLTEuODc3LTI4My40MzdhMS45NTEsMS45NTEsMCwwLDEsMS44NzctMS44NzdINTc4Ljc2NmExLjk1MSwxLjk1MSwwLDAsMSwxLjg3NywxLjg3N1Y0MjIuMTc3YTEuOTUxLDEuOTUxLDAsMCwxLTEuODc3LDEuODc2SDI0OS42NTNhMS45NTEsMS45NTEsMCwwLDEtMS44NzctMS44NzZabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNCAtMTM4LjI5NCkiLz4NCgkJICAgICAgICA8L2c+DQoJCSAgICAgIDwvZz4NCgkJICAgIDwvZz4NCgkJICA8L2c+DQoJCTwvc3ZnPg==");
    background-repeat: no-repeat;
    padding-left: 0;
    height: 17px;
    display: inline-block;
    width: 22px;
    margin-left: 0;
}
.home-top-article .article-info .poll-icon,
.home-category-box .article-info .poll-icon{
    background-image: url(../img/svg/poll-icon-white.svg);
    margin-left: 0;
}
.home-top-article .article-info .gallery-listing-icon,
.home-category-box .article-info .gallery-listing-icon{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNzYiIGhlaWdodD0iMzE3LjI2OSIgdmlld0JveD0iMCAwIDM3NiAzMTcuMjY5Ij4NCgkJICA8ZyBpZD0iR2FsbGVyeSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY0MC40MyAtNjAzKSI+DQoJCSAgICA8ZyBpZD0iR3JvdXBfOCIgZGF0YS1uYW1lPSJHcm91cCA4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzMuNDMgMzE1LjcyKSI+DQoJCSAgICAgIDxwYXRoIGlkPSJQYXRoXzE0IiBkYXRhLW5hbWU9IlBhdGggMTQiIGQ9Ik01MDcuNDM0LDI5Mi44ODJBOTQsOTQsMCwxLDAsNjAxLjQsMzg2Ljg0NmE5NCw5NCwwLDAsMC05My45NjQtOTMuOTY0Wk01NjAuOTUyLDQzMi43NGE3MC40ODgsNzAuNDg4LDAsMSwxLTcuNjIzLTk5LjM2OCw3MC41MjEsNzAuNTIxLDAsMCwxLDcuNjIzLDk5LjM2OFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4Ny41NjYgNzYuNjcxKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQoJCSAgICAgIDxwYXRoIGlkPSJQYXRoXzE1IiBkYXRhLW5hbWU9IlBhdGggMTUiIGQ9Ik00NjMuNTgzLDI5Ni4wODJBNDYuOTQ2LDQ2Ljk0NiwwLDAsMCw0MTYuNiwzNDMuMDQ5YTUuODQ2LDUuODQ2LDAsMSwwLDExLjY5LDAsMzUuMywzNS4zLDAsMCwxLDM1LjI5MS0zNS4yMTgsNS44NzUsNS44NzUsMCwwLDAsMC0xMS43NDlabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMxLjQxNiAxMjAuNDY4KSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQoJCSAgICAgIDxwYXRoIGlkPSJQYXRoXzE2IiBkYXRhLW5hbWU9IlBhdGggMTYiIGQ9Ik03NTMuNTEsMzU4LjI0NGwtNTAuOTQ3LTguNDg5LTE2LjEyNS00MC4zMTRhMzUuMTIsMzUuMTIsMCwwLDAtMzIuNjkyLTIyLjE2Mkg1MzYuMjU0YTM1LjE2LDM1LjE2LDAsMCwwLTMyLjc2NSwyMi4xNjJsLTE2LjExMSw0MC4zMTQtNTAuODg4LDguNDg5QTM1LjE3NywzNS4xNzcsMCwwLDAsNDA3LDM5My4wMDdWNTY5LjI0M2EzNS4zMjksMzUuMzI5LDAsMCwwLDM1LjIxOCwzNS4zMDZINzQ3LjcwOEEzNS4zNTMsMzUuMzUzLDAsMCwwLDc4Myw1NjkuMjQzVjM5My4wMDdhMzUuMTc2LDM1LjE3NiwwLDAsMC0yOS40OS0zNC43NjNabTUuOTYyLDIxMWExMS43NzEsMTEuNzcxLDAsMCwxLTExLjc2NCwxMS43NjRINDQyLjIxOGExMS43MTgsMTEuNzE4LDAsMCwxLTExLjY5LTExLjc2NFYzOTMuMDA3YTExLjc2NywxMS43NjcsMCwwLDEsOS44MS0xMS41ODdMNTA0LjMsMzcwLjhsMjEuMDYtNTIuNjUxYTExLjc1NywxMS43NTcsMCwwLDEsMTAuOS03LjM0M0g2NTMuNzQ1YTExLjgxOCwxMS44MTgsMCwwLDEsMTAuOSw3LjM0M0w2ODUuNywzNzAuOGw2My45NTksMTAuNjE4YTExLjc2NywxMS43NjcsMCwwLDEsOS44MSwxMS41ODdabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQoJCSAgICA8L2c+DQoJCSAgPC9nPg0KCQk8L3N2Zz4=");
    background-repeat: no-repeat;
    padding-left: 0;
    height: 17px;
    display: inline-block;
    width: 22px;
    margin-left: 0;
}
.home-top-article .article-info .company-listing-icon,
.home-category-box .article-info .company-listing-icon{
    margin-left: 0;
    background-image: url(../img/svg/company-icon-white.svg);
}
.home-top-article .article-info span:last-child,
.home-category-box .article-info span:last-child{
    border-right: 0;
}
.home-top-article .article-title a{
    color: #FFF;
}
.sub-main-articles{
    float: right;
    width: 300px;
    margin-right: 25px;
    margin-top: 25px;
}
.sub-main-articles ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sub-main-articles ul li{
    float: left;
    width: 100%;
    margin-bottom: 16px;
}
.sub-main-articles .article-title{
    margin: 0;
    padding: 0;
    margin-top: 16px;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
}
.sub-main-articles .article-info span{
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    line-height: 1;
    border-right: 1px solid #000;
    padding-right: 10px;
    margin-right: 4px;
    line-height: 17px;
    background-size: contain;
}
.sub-main-articles .article-info .date-published{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Ni4wOTMiIGhlaWdodD0iNzcuMDY4IiB2aWV3Qm94PSIwIDAgNzYuMDkzIDc3LjA2OCI+PHBhdGggZD0iTS05Ljk1My02Mi45MzJhMzcuNTYxLDM3LjU2MSwwLDAsMS0yNi45LTExLjI4NkEzOC41MzUsMzguNTM1LDAsMCwxLTQ4LTEwMS40NjZhMzguNTM1LDM4LjUzNSwwLDAsMSwxMS4xNDMtMjcuMjQ4QTM3LjU2MSwzNy41NjEsMCwwLDEtOS45NTMtMTQwYTM3LjU2MSwzNy41NjEsMCwwLDEsMjYuOSwxMS4yODYsMzguNTM1LDM4LjUzNSwwLDAsMSwxMS4xNDMsMjcuMjQ4QTM4LjUzNSwzOC41MzUsMCwwLDEsMTYuOTUtNzQuMjE4YTM3LjU2MSwzNy41NjEsMCwwLDEtMjYuOSwxMS4yODZabTAtNzIuNTUyYTMzLjE1OSwzMy4xNTksMCwwLDAtMjMuNzUsOS45NjQsMzQuMDE5LDM0LjAxOSwwLDAsMC05LjgzOCwyNC4wNTVBMzQuMDE5LDM0LjAxOSwwLDAsMC0zMy43LTc3LjQxMmEzMy4xNTksMzMuMTU5LDAsMCwwLDIzLjc1LDkuOTY0QTMzLjE1OSwzMy4xNTksMCwwLDAsMTMuOC03Ny40MTJhMzQuMDE5LDM0LjAxOSwwLDAsMCw5LjgzOC0yNC4wNTVBMzQuMDE5LDM0LjAxOSwwLDAsMCwxMy44LTEyNS41MjFhMzMuMTU5LDMzLjE1OSwwLDAsMC0yMy43NS05Ljk2NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OCAxNDApIi8+PHJlY3Qgd2lkdGg9IjQuNDU5IiBoZWlnaHQ9IjUuOTQ5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNS44MTcgOC45MjMpIi8+PHBhdGggZD0iTTIxOC43LTU1LjY1Mmw0LjIwNi00LjIwNywzLjE1MiwzLjE1M0wyMjEuODU1LTUyLjVabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2NS44NTMgNzUuOTY1KSIvPjxyZWN0IHdpZHRoPSI1Ljk0OSIgaGVpZ2h0PSI0LjQ1OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjEuMjIxIDM2LjMwNSkiLz48cGF0aCBkPSJNMjE4LjY4NCwxMjkuODk1bDMuMTUyLTMuMTUzLDQuMjA2LDQuMjA2TDIyMi44OSwxMzQuMVptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY1LjgzOCAtNzMuMTM1KSIvPjxyZWN0IHdpZHRoPSI0LjQ1OSIgaGVpZ2h0PSI1Ljk0OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUuODE3IDYyLjE5NikiLz48cGF0aCBkPSJNMzIuMDgyLDEzMC45MjlsNC4yMDYtNC4yMDYsMy4xNTIsMy4xNTItNC4yMDYsNC4yMDdabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2LjIxMyAtNzMuMTIpIi8+PHJlY3Qgd2lkdGg9IjUuOTQ5IiBoZWlnaHQ9IjQuNDU5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjkyMyAzNi4zMDUpIi8+PHBhdGggZD0iTTMyLjEtNTYuNzI2bDMuMTUyLTMuMTUzLDQuMjA2LDQuMjA2TDM2LjMwOC01Mi41MlptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuMjI5IDc1Ljk4MSkiLz48cGF0aCBkPSJNMTUwLjcxNy05LjQ1MUgxMzIuNzVWLTI3LjQxOGg0LjQ1OVYtMTMuOTFoMTMuNTA4Wm0wLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05Ni45MzMgNTAuMTAxKSIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    padding-left: 24px;
}
.sub-main-articles .article-info .comment-count{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNDYiIGhlaWdodD0iMzUzLjQ2OCIgdmlld0JveD0iMCAwIDM0NiAzNTMuNDY4Ij4NCgkJICA8ZyBpZD0iQ29tbWVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwNCAtMzk5KSI+DQoJCSAgICA8ZyBpZD0iR3JvdXBfNCIgZGF0YS1uYW1lPSJHcm91cCA0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTcgMTExLjcyKSI+DQoJCSAgICAgIDxwYXRoIGlkPSJQYXRoXzExIiBkYXRhLW5hbWU9IlBhdGggMTEiIGQ9Ik01ODIuMDMyLDY0MC43NDhsLTU0LjM2LTk0LjE2N0g0NTkuN2MtMjcuOTI4LDAtNTAuNy0yMC41ODgtNTAuNy00NS45NTNWMzMzLjI0OWMwLTI1LjMsMjIuNzctNDUuOTY5LDUwLjctNDUuOTY5aDI0NC42MmMyNy45MjksMCw1MC42ODIsMjAuNjY3LDUwLjY4Miw0NS45NjlWNTAwLjYyOGMwLDI1LjM2NS0yMi43NTMsNDUuOTUzLTUwLjY4Miw0NS45NTNINjM2LjM5MlpNNDU5LjcsMzEyLjc4OGMtMTMuODg0LDAtMjUuMTg5LDkuMTU2LTI1LjE4OSwyMC40NjFWNTAwLjYyOGMwLDExLjMyMSwxMS4zMDUsMjAuNTI0LDI1LjE4OSwyMC41MjRoODIuNTkxbDM5LjY3OSw2OC42NTksMzkuNjc5LTY4LjY1OWg4Mi42N2MxMy44NjksMCwyNS4xOS05LjIsMjUuMTktMjAuNTI0VjMzMy4yNDljMC0xMS4zMDUtMTEuMzIxLTIwLjQ2MS0yNS4xOS0yMC40NjFabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTggMCkiLz4NCgkJICAgIDwvZz4NCgkJICA8L2c+DQoJCTwvc3ZnPg==");
    background-repeat: no-repeat;
    padding-left: 24px;
}
.sub-main-articles .article-info span:last-child{
    border-right: 0;
}
.home-top-news{
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 25px;
    padding: 25px;
    padding-top: 34px;
    background-color: #edf7e5;
}
.home-top-news ul{
    float: left;
    width: 625px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.home-top-news ul li{
    width: 300px;
    margin-bottom: 15px;
}
.home-top-news .article-title{
    margin: 0;
    padding: 0;
    width: 100%;
    font-weight: normal;
    font-size: 19px;
    line-height: 24px;
    margin-top: 10px;
}
.home-top-news .article-info{
    background-image: url(../img/lines/sm-black-line.png);
    background-repeat: no-repeat;
    background-position: top center;
    float: left;
    width: 100%;
    padding-top: 12px;
    text-align: center;
    margin-top: 16px;
}
.home-top-news.category-441,
.home-top-news.category-441 .news-date:before{
    background-color: #f7f7f7;
}
.home-top-news #div-gpt-ad-2{
    margin-top: 0;
}
.article-page .home-top-news{
    width: 675px;
    background-color: #FFF;
    margin-top: 0;
}
.article-page .home-top-news .box-title.black-line{
    background-image: url(../img/lines/md-black-line.png);
}
.article-page  .home-top-news .news-date:before{
    background-color: #FFF;
}
/* Home news */
.home-news{
    float: left;
    width: 100%;
    margin-top: 40px;
}
.home-news ul{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.home-news ul li{
    width: 300px;
    margin-bottom: 20px;
}
.home-news .article-photo{
    position: relative;
}
.home-news .article-title{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 19px;
    font-weight: normal;
    line-height: 24px;
    margin-top: 14px;
    margin-bottom: 14px;
}
.home-news .article-info{
    background-image: url(../img/lines/sm-black-line.png);
    background-repeat: no-repeat;
    background-position: top center;
    float: left;
    width: 100%;
    padding-top: 12px;
    text-align: center;
}
.comment-count{
    background-image: url(../img/svg/comment-icon.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 19px;
    padding-left: 26px;
    line-height: 19px;
    font-size: 17px;
}
.icon-item{
    margin-left: 10px;
}
.company-listing-icon{
    background-image: url(../img/svg/company-icon.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.video-listing-icon{
    background-image: url(../img/svg/video-icon.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    width: 24px;
    height: 17px;
}
.gallery-listing-icon{
    background-image: url(../img/svg/gallery-icon.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    width: 24px;
    height: 17px;
}
.poll-icon{
    background-image: url(../img/svg/poll-icon-black.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    width: 24px;
    height: 17px;
}
.news-date{
    text-align: center;
    position: relative;
    font-size: 14px;
    font-weight: normal; 
    overflow: hidden;
    width: 205px;
    height: 30px;
    margin: 0 auto;
    margin-top:-20px;
}
.news-date span{
    display: inline-block;
    position: relative;
    z-index: 2;
    margin-top: 8px;
}
.news-date:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: 96px;
}
.home-top-news .news-date:before{
    background-color: #edf7e5;
}
.recommended-label{
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    background-image: url(../img/recommended-bgr.png);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: -12px;
    position: relative;
}
.recommended-icon{
    position: absolute;
    bottom: 14px;
    right: 5px;
    width: 34px;
    height: 34px;
    border: 1px solid #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Home Video Box */
.home-video-box{
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    padding-top: 30px;
    background-color: #383c3e;
    color: #FFF;
}
.home-video-box .box-title{
    color: #FFF;
}
.home-video-box ul{
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
}
.home-video-box a{
    color: #FFF;
}
.home-video-box ul li{
    width: 300px;
    margin-bottom: 30px;
}
.home-video-box .article-title{
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}
.home-video-box .article-photo{
    position: relative;
}
.home-video-box .box-icon{
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 22;
}
.home-video-box .box-icon img{
    opacity: 1 !important;
}
.home-video-box .article-photo a img{
    border-bottom: 5px solid #ff5400;
}
.home-video-box.home-gallery-box .article-photo a img{
    border-bottom: none;
}
.home-video-box .comment-count{
    background-image: url(../img/svg/comment-icon-white.svg);
    background-repeat: no-repeat;
    padding-left: 24px;
    background-size: 17px;
}
.home-video-box .article-info{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    background-image: url(../img/lines/sm-white-line.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-video-box .article-info .article-date{
    color: #FFF;
    background-image: url(../img/svg/clock-icon-white.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 19px;
    line-height: 20px;
    font-weight: bold;
}
.home-video-box .article-info .video-listing-icon{
    background-image: url(../img/svg/video-icon-white.svg);
}
.home-video-box .article-info .gallery-listing-icon{
    background-image: url(../img/svg/gallery-icon-white.svg);
}
.home-gallery-box{
    margin-top: 30px;
    margin-bottom: 30px;
}
.home-gallery-box .article-photo img{
    border-bottom: none;
}
.home-gallery-box .news-date:before{
    background-color: #383c3e;
}
.home-gallery-box .article-title{
    margin-top: 10px;
}
/* Home Markets Boxes */
.home-markets-box{
    float: left;
    width: 33%;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 0 10px;
}
.home-markets-box h2{
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #403c3a;
    background-color: #f7f7f7;
    margin-bottom: 18px;
    padding: 3px;
}
.home-markets-box table{
    width: 100%;
}
.box-world-markets{
    float: left;
    width: 33%;
    box-sizing: border-box;
    padding: 0 10px;
}
.box-world-markets .home-markets-box{
    width: 100%;
    padding: 0;
}
.box-world-markets h2{
    cursor: pointer;
    margin-bottom: 0;
}
.box-world-markets .home-markets-table{
    margin-top: 18px;
}
.box-world-markets .home-markets-box .home-markets-table{
    display: none;
}
.box-world-markets .home-markets-box .home-markets-table.open-box{
    display: block;
}
.home-boxes-header.markets-expand-header{
    cursor: pointer;
    margin-top: 25px;
}
.home-boxes-header.markets-expand-header span:before{
    content: "";
    position: absolute;
    right: 10px;
    top: 3px;
    background-image: url(../img/expand-icon-open.png);
    width: 25px;
    height: 25px;
}
.home-boxes-header.markets-expand-header.close span:before{
    background-image: url(../img/expand-icon-close.png);
}
.world-markets{
    float: left;
    width: 100%;
}
.world-markets .inv-table{
    margin-bottom: 30px;
    table-layout: auto;
    width: 100%;
    font-size: 15px;
}
.world-markets .inv-table a{
    font-weight: bold;
    color: #345c12;
}
/* Home Category box */
.home-category-box{
    float: left;
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
    background-color: #f7f7f7;
}
.home-category-box ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.home-category-box .category-main-article{
    width: 625px;
    float: left;
}
.home-category-box .category-main-article .article-photo img{
    width: 625px;
}
.home-category-box .category-main-article .article-title{
    background-color: #3e3e3e;
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding: 16px;
}
.home-category-box .category-main-article .article-title h2{
    margin: 0;
    padding: 0;
    font-size: 25px;
    line-height: 30px;
    float: left;
    padding-bottom: 18px;
}
.home-category-box .category-main-article .article-title a{
    color: #FFF;
}
.home-category-box .category-sub-articles{
    width: 300px;
    float: right;
}
.home-category-box .category-sub-articles .article-title{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    margin: 16px 0;
}
.home-category-box.category-5{
    background-color: #FFF;
}
/* Futures Home boxes */
.futures-home-boxes{
    float: left;
    width: 100%;
    margin-top: 25px;
}
.futures-home-boxes .table-row{
    padding-right: 32px !important;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: right 5px center;
}
.futures-home-boxes .down {
    background-image: url(/media/img/icons/down-icon.png);
}
.futures-home-boxes .up {
    background-image: url(/media/img/icons/up-icon.png);
}
.futures-home-boxes .down .col3{
    color: #ff0028;
}
.futures-home-boxes .up .col3{
    color: #10c483;
}
.futures-home-boxes .box-expand-content.hide{
    display: none;
}
/* Home Special Box */
.special-projects{
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
}
.special-projects ul{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.special-projects li{
    float: left;
    width: 100%;
    margin-bottom: 42px;
}
.special-projects .article-photo{
    float: left;
    margin-right: 25px;
    width: 300px;
}
.special-projects .project-info{
    width: 625px;
    float: left;
}
.special-projects .article-title{
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding-bottom: 16px;
    background-image: url(../img/lines/sm-black-line.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 20px;
}
.special-projects .project-category{
    float: left;
    width: 100%;
    background-color: #cce1b9;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    color: #2d4a15;
    font-weight: bold;
    margin-bottom: 18px;
}
.article-page .special-projects,
.article-listing-page .special-projects{
    padding: 0;
    width: 300px;
    float: right;
    background-color: #f7f7f7;
    padding-top: 30px;
    margin-top: 25px;
}
.article-page .special-projects .project-info,
.article-listing-page .special-projects .project-info{
    width: 100%;
}
.article-page .special-projects  .box-title.black-line,
.article-listing-page .special-projects  .box-title.black-line,
.most-read-article  .box-title.black-line{
    text-align: center;
    background-image: url(../img/lines/sm-black-line.png);
}
.article-page .special-projects .view-more,
.article-listing-page .special-projects .view-more{
    display: none;
}
.article-page .special-projects .article-title,
.article-listing-page .special-projects .article-title{
    font-size: 20px;
    line-height: 24px;
    padding: 0 16px;
    padding-bottom: 16px;
}
/* Home top articles */
.top-articles{
    float: left;
    width: 100%;
}
.top-articles .top-article{
    float: left;
    width: 654px;
}
.top-articles .top-article a img{
    float: left;
    max-width: 100%;
    width: 100%;
}
.top-articles .top-articles-right{
    float: right;
}
.top-articles .top-article .article-title{
    width: 70%;
    margin: 0 auto;
    margin-top: -18px;
    position: relative;
}
.top-articles .top-article h1{
    text-transform: uppercase;
    font-size: 16px;
    box-sizing: border-box;
    padding: 12px 16px 0 16px;
    border: 1px solid #000000;
    text-align: center;
    border-bottom: 0;
    background-color: rgba(255,255,255, 0.9);
    margin: 0;
}
.top-articles a{
    color: #000;
    font-weight: normal;
}
.top-articles .top-article .article-icons{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}
.top-article-listing{
    float: left;
    width: 654px;
    margin-top: 26px;
}
.top-article-listing ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.top-article-listing ul li{
    width: 204px;
    float: left;
}
.top-article-listing ul h2{
    font-size: 18px;
    line-height: 24px;
}
.top-article-listing .article-photo{
    float: left;
    width: 100%;
    background-color: #bcbcbc;
    box-sizing: border-box;
    padding: 0 12px;
    text-align: center;
    margin-bottom: 5px;
}
.top-article-listing .article-photo a{
    text-align: center;
}
.top-article-listing .article-photo img{
    max-width: 100%;
}
/* On focus home box */
.focus-box{
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
}
.focus-box ul{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.focus-box li{
    float: left;
    width: 180px;
}
.focus-box li a{
    color: #000;
}
.focus-box li h2{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 18px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    border-left: 2px solid #000;
}
.focus-box .article-photo{
    float: left;
    width: 100%;
    background-color: #414042;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.focus-box .article-photo img{
    width: 100%;
}
/* News box */
.news-box{
    float: left;
    width: 100%;
    margin: 20px 0;
}
.news-box ul{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
}
.news-box li{
    float: left;
    width: 313px;
    margin-bottom: 30px;
}
.news-box li a{
    color: #000;
}
.news-box li h2{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 20px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 20px;
}
.news-box .article-photo{
    float: left;
    width: 100%;
    position: relative;
}
.news-box .article-photo:before{
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-color: #000;
    left: 0;
    right: 0;
    bottom: -13px;
    margin: auto;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0.9;
    z-index: 2;
}
.news-box .article-photo img{
    max-width: 100%;
}
.news-box .article-cat{
    float: left;
    width: 100%;
    text-align: center;
    color: #231f20;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1;
    padding: 7px 0;
    position: relative;
    margin-top: 3px;
}
.news-box .article-cat:before{
    content: "";
    position: absolute;
    width: 62px;
    height: 1px;
    background-color: #595757;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.news-box .article-cat a{
    color: #231f20;
}
/* Special project box */
.special-box li h2{
    font-weight: 300;
    font-size: 16px;
    margin-top: 20px;
}
.special-box .article-photo:before{
    background-color: #a72430;
}
.special-box .article-cat{
    float: left;
    width: 100%;
    text-align: center;
    background-color: #929497;
    color: #FFF;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    padding: 5px 0;
}
.special-box .article-cat a{
    color: #FFF;
}
.special-box .article-cat:before{
    display: none;
}
/* Gallery box */
.gallery-box{
    margin-right: 16px;
}
.gallery-cover{
    float: left;
    width: 100%;
    position: relative;
}
.gallery-cover img{
    width: 100%;
}
.gallery-cover h2{
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    color: #231f20;
    font-size: 19px;
    font-weight: 300;
    text-align: center;
    background-color: rgba(255,255,255, 0.90);
    width: 80%;
    left: 0;
    right: 0;
    bottom: 36px;
    margin: auto;
    box-sizing: border-box;
    padding: 12px;
    z-index: 2;
}
.gallery-cover h2 a{
    color: #231f20;
}
/* home companies winners box */
.home-companies-winners ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
}
.home-companies-winners ul li{
    float: left;
    width: 100%;
    border-bottom: 1px solid #000;
    padding: 14px 0;
    position: relative;
}
.home-companies-winners ul li:before {
    content: "";
    width: 25%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-image: linear-gradient(to left, black, white);
}
.home-companies-winners ul li:after {
    content: "";
    width: 25%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    right: 0;
    background-image: linear-gradient(to right, black, white);
}
.home-companies-winners ul a{
    font-weight: bold;
}
/* Rates quotes boxes */
.rates-home-box{
    float: left;
    width: 33%;
    margin-top: 25px;
    font-weight: bold;
    font-size: 16px;
}
.rates-home-box .home-rates-container{
    background-color: #f7f7f7;
    float: left;
    width: 100%;
}
.rates-home-box.quotes-home-box .home-rates-container > div{
    width: 100%;
    background-position: right 6px center;
    position: relative;
}
.rates-home-box.quotes-home-box .home-rates-container > div:before{
    content: "";
    width: 35%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-image: linear-gradient(to left, black, #f7f7f7);
}
.rates-home-box.quotes-home-box .home-rates-container > div:after{
    content: "";
    width: 35%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    right: 0;
    background-image: linear-gradient(to right, black, #f7f7f7);
}
.rates-home-box span{
    font-weight: normal;
    display: inline-block;
    float: right;
}
.bnb-fiksing.rates-home-box span{
    overflow: hidden;
    width: 30px;
}
.rates-home-box .up{
    background-image: url(/media/img/icons/up-icon.png);
}
.rates-home-box .up span{
    color: #10c483;
}
.rates-home-box .down{
    background-image: url(/media/img/icons/down-icon.png);
}
.rates-home-box .down span{
    color: #ff0028;
}
.rates-home-box .home-rates-container > div{
    width: 50%;
    float: left;
    padding: 5px 10px;
    border-bottom: 1px solid #181818;
    min-height: 40px;
    background-repeat: no-repeat;
    background-position: right 6px center;
    box-sizing: border-box;
    line-height: 40px;
    padding-right: 28px;
    position: relative;
}
.bnb-fiksing .home-rates-container > div:nth-child(odd):before{
    content: "";
    width: 35%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-image: linear-gradient(to left, black, #f7f7f7);
}
.bnb-fiksing .home-rates-container > div:nth-child(even):after{
        content: "";
    width: 35%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    right: 0;
    background-image: linear-gradient(to right, black, #f7f7f7);
}
.bnb-fiksing .home-rates-container > div:nth-child(5):before{
    display: none;
}
.rates-home-box .home-rates-container > div img{
    margin-right: 8px;
}
.rates-home-box .home-rates-container > div:last-child{
    border-bottom: 0;
}
.rates-home-box.bnb-fiksing .home-rates-container > div:nth-child(5){
    border-bottom: 0;
}
.rates-home-box .home-rates-container > div:last-child:before,
.rates-home-box .home-rates-container > div:last-child:after{
    display: none;
}
.home-calculator-box{
    float: left;
    width: 33%;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 25px;
}
.home-calculator-box .calculator-container{
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    box-sizing: border-box;
    padding: 12px;
}

.home-calculator-box .calculator-container > div{
    margin-bottom: 14px;
}
.home-calculator-box .calculator-container .currency-item{
    float: left;
    width: 50%;
    margin-bottom: 14px;
}
.home-calculator-box .calculator-result button{
    font-weight: bold;
    font-size: 13px;
    border: 0;
    background-color: #000;
    color: #FFF;
    border-radius: 8px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 7px 14px;
    line-height: 1;
}
.calculator-date{
    font-size: 16px;
    border-bottom: 1px solid #000;
    text-transform: none;
    padding-bottom: 10px;
    position: relative;
}
.calculator-date:before{
    content: "";
    width: 35%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-image: linear-gradient(to left, black, #f7f7f7);
}
.calculator-date:after{
    content: "";
    width: 35%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    right: 0;
    background-image: linear-gradient(to right, black, #f7f7f7);
}
.calculator-date #datePickerCalculator{
    float: right;
    font-size: 12px;
    width: 117px;
    border-radius: 10px;
    border: 1px solid #000;
    padding-left: 5px;
    margin-top: 2px;
}
.calculator-currency select{
    width: 90%;
    border-radius: 15px;
    border: 0;
    background-color: #10c483;
    color: #FFF;
    font-weight: bold;
    padding: 3px 0;
    margin-top: 5px;
}
.calculator-result .result{
    float: right;
    font-size: 12px;
    margin-top: 6px;
}
.calculator-result .result #calculator_result{
    font-size: 26px;
    font-weight: bold;
}
.calculator-quantity #quantity{
    border-radius: 10px;
    border: 1px solid #000;
}
.calculator-page .home-calculator-box{
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin-top: 0;
}
.calculator-page .home-markets-box h2{
    text-align: left;
    background-color: transparent;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 3px;
    float: left;
    width: 100%;
}
.calculator-page .home-calculator-box .calculator-container{
    padding: 40px;
    text-align: center;
}
.calculator-page .calculator-date #datePickerCalculator{
    float: none;
    margin-left: 10px;
}
.calculator-page .home-calculator-box .calculator-container > div{
    margin-bottom: 30px;
}
.calculator-page .calculator-date{
    padding-bottom: 18px;
}
.calculator-page .calculator-result .result{
    width: 100%;
    margin-top: 30px;
}
.calculator-page p{
    text-transform: none;
    font-size: 16px;
    line-height: 18px;
    color: #938d8d;
    margin-top: 0;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.calculator-page ins{
    text-transform: none;
    text-decoration: none;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin-bottom: 16px;
    float: left;
    width: 100%;
}
.calculator-page .home-calculator-box{
    font-size: 16px;
}
.calculator-page .home-calculator-box .calculator-result button{
    border-radius: 14px;
    font-size: 16px;
    padding: 10px 40px;
}
.calculator-page .calculator-currency select{
    outline: none;
}
.calculator-page .calculator-date #datePickerCalculator{
    font-size: 16px;
    width: 150px;
    outline: none;
    padding: 3px;
}
.rates-page .home-calculator-box{
    width: 300px;
    float: right;
    padding: 0;
    margin-right: 25px;
    margin-bottom: 0;
}
/* Home quotes boxes */
.quotes-home-box{
    float: left;
    width: 33%;
}
.quotes-home-box span{
    float: right;
}
/* Bestseller box */
.bestseller-box{
    margin-bottom: 20px;
    text-align: center;
}
.bestseller-box .product-image{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 12px;   
}
.bestseller-box .product-title{
    float: left;
    width: 100%;
    margin-top: 6px;
    padding-bottom: 16px;
    border-bottom: 1px solid #000;
    margin-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    text-align: left;
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 40px;
    line-height: 18px;
}
.bestseller-box .product-title a{
    display: inline-block;
    border-left: 4px solid #000;
    box-sizing: border-box;
    padding-left: 10px;
}
.bestseller-box .product-image img{
    max-height: 119px;
}
.bestseller-box .bestseller-link{
    font-size: 18px;
    font-style: italic;
    background-image: url(../img/bestseller-icon.png);
    background-repeat: no-repeat;
    line-height: 29px;
    padding-left: 30px;
    display: inline-block;
}
.bestseller-box .box-title:before{
    background-color: #a72531;
}
.bestseller-box .box-title a{
    border-bottom: 1px solid #000;
}
.home-rss-box{
    float: right;
    width: 300px;
}
/* Home Markets Table */
.home-markets-table{
    float: left;
    width: 100%;
}
.home-markets-table .table-row{
    float: left;
    width: 100%;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.home-markets-table .table-row:before{
    content: "";
    width: 25%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-image: linear-gradient(to left, black,  white);
}
.home-markets-table .table-row:after{
    content: "";
    width: 25%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    right: 0;
    background-image: linear-gradient(to right, black,  white);
}
.home-markets-table .table-row span{
    line-height: 16px;
}
.home-markets-table .table-row .col1{
    flex: 0 0 130px;
}
.home-companies-winners .home-markets-table .table-row .col1{
    flex: 0 0 40px;
}
.home-markets-table .table-row .col2{
    flex: 2;
    text-align: right;
}
.home-companies-winners .home-markets-table .table-row .col2{
    flex: 0 0 75px;
}
.home-markets-table .table-row .col3{
    flex: 3;
    text-align: right;
}
.home-markets-table .table-row .col4{
    flex: 0 0 95px;;
    text-align: right;
}
.home-markets-table .table-row span{
    display: inline-block;
}
.home-markets-table .table-row .right{

}
.home-markets-table a{
    font-weight: bold;
}
.home-markets-table .table-row ins{
    font-size: 12px;
    color: #7f7e7e;
    text-decoration: none;
}
.home-markets-table .up .col3{
    color: #10c483;
}
.home-markets-table .down .change-percents{
    color: #ff0028;
    background-image: url(/media/img/icons/down-icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px;
}
.home-markets-table .up .change-percents{
    color: #10c483;
    background-image: url(/media/img/icons/up-icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px;
}
/* Home Gallery listing */
.gallery-listing{
    float: left;
    width: 100%;
    margin: 20px 0;
}
.gallery-listing img{
    max-width: 100%;
}
.gallery-listing ul{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.gallery-listing li{
    width: 476px;
}
.gallery-listing .gallery-title{
    width: 80%;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 24px;
    text-align: center;
    border-left: 1px solid #9b9a9a;
    border-right: 1px solid #9b9a9a;
    padding-top: 20px;
    
    padding-bottom: 0px;
    position: relative;
}
.gallery-listing .gallery-title:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background-color: #9b9a9a;
    left: 0;
    top: 0;
}
.gallery-listing .gallery-title:after{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background-color: #9b9a9a;
    right: 0;
    top: 0;
}
.gallery-listing .gallery-title h2{
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 19px;
    color: #231f20;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
}
.gallery-listing .gallery-title p{
    margin: 0;
    padding: 0;
    margin-top: 10px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}
.gallery-listing .gallery-title p:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background-color: #9b9a9a;
    left: 0;
    bottom: 0;
}
.gallery-listing .gallery-title p:after{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background-color: #9b9a9a;
    right: 0;
    bottom: 0;
}
/* gdpr-confirm */
.gdpr-confirm{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
#check-all{
    margin-bottom: 30px;
    float: left;
    cursor: pointer;
    color: #FFF;
    font-size: 12px;
    background-color: #000;
    display: inline-block;
    padding: 5px 15px;
    background-color: #000;
}
.gdpr-confirm .form-group label.required:before{
    content: "*";
    color: #be1e2d;
    font-size: 13px;
    font-weight: bold;
}
.notification-text{
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
.alert{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-danger{
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}
.alert h4 {
    margin-top: 0;
    color: inherit
}
.alert .alert-link {
    font-weight: 700
}
.alert>p,
.alert>ul {
    margin-bottom: 0
}
.alert>p+p {
    margin-top: 5px
}
.alert-dismissable {
    padding-right: 35px
}
.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}
.alert-success hr {
    border-top-color: #c9e2b3
}
.alert-success .alert-link {
    color: #2b542c
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}
.alert-info hr {
    border-top-color: #a6e1ec
}
.alert-info .alert-link {
    color: #245269
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}
.alert-warning hr {
    border-top-color: #f7e1b5
}
.alert-warning .alert-link {
    color: #66512c
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}
.alert-danger hr {
    border-top-color: #e4b9c0
}
.alert-danger .alert-link {
    color: #843534
}
/* Article Gallery */
.static-gallery{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 25px;
    background-color: #383c3e;
}
.static-gallery .gallery-photo{
    width: 100%;
    position: relative;
}
.static-gallery .gallery-photo img{
    width: 100%;
}
.static-gallery .gallery-photo .photo-arrows{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    display: none;
    background-repeat: no-repeat;
}
.static-gallery .gallery-photo:hover .photo-arrows{
    display: block;
}
.static-gallery .gallery-photo .photo-arrows.prev{
    left: 0;
    background-image: url(../img/static-gallery-prev.png);
    background-position: left 10px center;
}
.static-gallery .gallery-photo .photo-arrows.next{
    right: 0;
    background-image: url(../img/static-gallery-next.png);
    background-position: right 10px center;
}
.static-gallery .photo-description{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.static-gallery .photo-description span{
    font-size: 18px;
    color: #ffffff;
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.static-gallery .photo-source{
    margin: 0;
    padding: 0;
    font-size: 14px;
    float: left;
    color: #FFF;
    box-sizing: border-box;
}
.static-gallery .gallery-info{
    width: 100%;
    float: left;
    font-size: 21px;
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.static-gallery .gallery-info ins{
    text-decoration: none;
    color: #fff;
}
.static-gallery .gallery-arrow {
    display: inline-block;
    width: 48px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.static-gallery .gallery-arrow.gallery-prev{
    background-image: url(../img/gallery-prev.png);
}
.static-gallery .gallery-arrow.gallery-next{
    background-image: url(../img/gallery-next.png);
}
.static-gallery .article-count{
    float: right;
    font-size: 20px;
    font-weight: bold;
}
.static-gallery  .gallery-item{
    float: left;
}
.static-gallery .white-btn{
    float: right;
}
.article-video-container{
    padding: 20px;
    box-sizing: border-box;
    background-color: #383c3e;
}
.article-video-container .center-btn{
    margin-top: 25px;
    margin-bottom: 10px;
}
/* Quiz box */
.quiz-box{
    float: left;
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
}
.quiz-box .quiz{
    text-align: center;
}
.quiz-box .quiz h2{
    margin: 20px 0;
    padding: 0;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
}
.calculators-list{
    float: left;
    width: 100%;
}
.calculators-list .calculator-btn{
    display: block;
    margin: 16px 0;
    width: 100%;
    float: left;
    position: relative;
}
.calculators-list .calculator-btn span{
    font-size: 12px;
    text-transform: uppercase;
    display: flex;
    border: 1px solid #6d6e71;
    border-left: 0;
    width: 210px;
    float: right;
    text-align: center;
    height: 55px;
    padding-left: 30px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}
.calculators-list .calculator-btn img{
    position: absolute;
    left: 0;
    top: -5px;
}
/* Home Opinios box */
.home-opinions-box{
    float: left;
    width: 650px;
    box-sizing: border-box;
    padding: 25px;
    padding-right: 0;
    margin-top: 14px;
}
.home-opinions-box .box-title{
    background-image: url(../img/lines/md-black-line.png);
}
.home-opinions-box ul{
    float: left;
    width: 625px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.home-opinions-box li{
    width: 300px;
}
.home-opinions-box li .article-title{
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    font-size: 19px;
    font-weight: normal;
    margin-top: 20px;
}
.onearticle-box{
    width: 300px;
    margin-right: 25px;
    float: right;
}
.onearticle-box .box-title{
    background-image: url(../img/lines/sm-black-line.png);
}
.poll-content.poll-sidebar{
    width: 300px;
    float: right;
    border-top: 0;
    padding-top: 0;
    box-sizing: border-box;
    padding: 0 10px;
    margin-top: 14px;
}
.poll-content.poll-sidebar h2{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.poll-content.poll-sidebar .poll-results{
    width: 100%;
}
.poll-content.poll-sidebar .all-poll{
    font-size: 14px;
}
.poll-sidebar .form-group{
    font-size: 14px;
    margin-bottom: 10px;
}
.home-poll-box{
    float: right;
    width: 300px;
    background-color: #cce1b9;
    text-transform: uppercase;
    font-weight: bold;
    color: #2d4a15;
    font-size: 14px;
    box-sizing: border-box;
    padding: 8px 10px;
    line-height: 1;
    background-image: url(../img/header-box-icon.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    padding-left: 40px;
    margin-top: 25px;
}
.home-poll-box a{
    font-weight: normal;
    float: right;
    font-size: 13px;
    border: 1px solid #2d4a15;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 6px;
}
.home-poll-box span{
    display: inline-block;
    margin-top: 3px;
}
/* Home Category Box */
.home-cat-box{
    float: left;
    width: 100%;
    margin: 30px 0;
}
.home-cat-box-left{
    float: left;
    width: 325px;
}
.home-cat-box-right{
    width: 630px;
    float: right;
}
.video-box h2{
    margin: 0;
    padding: 0;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    font-size: 19px;
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    border-left: 1px solid #595757;
    border-right: 1px solid #595757;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.video-box h2 a{
    display: block;
    position: relative;
    padding: 10px 5px;
}
.video-box h2:before,
.video-box h2:after,
.video-box h2 a:before,
.video-box h2 a:after{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    top: 0;
    background-color: #595757;
    left: 0;
}
.video-box h2:after{
    right: 0;
    left: auto;
}
.video-box h2 a:before{
    bottom: 0;
    top: auto;
}
.video-box h2 a:after{
    bottom: 0;
    top: auto;
    left: auto;
    right: 0;
}
.home-cat-box .video-box img{
    width: 100%;
}
.category-boxes{
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.category-boxes .category-box{
    float: left;
    position: relative;
    box-sizing: border-box;
    border-left: 1px solid #595757;
    border-right: 1px solid #595757;
    margin: 14px 10px;
    padding: 16px 10px;
    width: 294px;
}
.category-boxes .category-box:before,
.category-boxes .category-box:after{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    top: 0;
    background-color: #595757;
    left: 0;
}
.category-boxes .category-box:after{
    right: 0;
    left: auto;
}
.category-boxes .cat-img{
    float: left;
    width: 90px;
    margin-right: 10px;
}
.category-boxes .cat-img img{
    border-radius: 50%;
}
.category-boxes h2{
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 1;
}
.category-boxes h2 a{
    border-bottom: 1px solid #595757;
    display: inline-block;
    padding-bottom: 8px;
}
.category-boxes h3{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    margin-top: 10px;
}
.category-boxes .bottom-border{
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.category-boxes .bottom-border:before,
.category-boxes .bottom-border:after{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    bottom: 0;
    background-color: #595757;
    left: 0;
}
.category-boxes .bottom-border:after{
    right: 0;
    left: auto;
}
/* Tabs */
.tabs{
    float: left;
    width: 100%;
}
.tabs .tab {
    overflow: hidden;
    background-color: #f7f7f7;
    box-sizing: border-box;
    padding: 12px;
}
.tabs .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    color: #5a6055;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    margin-right: 12px;
    padding-right: 12px;
}
.tabs .tab button:nth-child(1){
    border-right: 1px solid #000;
}
.tabs .tab button:hover {
   color: #000;
}
.tabs .tab button.active {
    color: #000;
}
.tabs .tabcontent {
    display: none;
    border-top: none;
}
.tabs .tabcontent,
.tabs .tabcontent2 {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
.tabs .view-all{
    width: 100%;
    text-align: center;
    margin-top: 8px;
}
.tabs .view-all a{
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    background-color: #507233;
    line-height: 1;
    padding: 4px 12px;
    border-radius: 5px;
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.tabs .article-tabs{
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    margin-top: 8px;
    padding-bottom: 25px;
}
.tabs .article-tabs ul{
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 17px;
    box-sizing: border-box;
}
.tabs .article-tabs ul li{
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #181818;
}
.tabs .article-tabs ul li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.tabs .article-tabs h2{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 18px;
    box-sizing: border-box;
    font-size: 14px;
}
.tabs .article-tabs .article-photo{
    width: 110px;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}
.tabs .article-tabs .article-photo img{
    max-width: 100%;
}
.tabs .article-tabs .article-cat{
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 1;
    padding-bottom: 6px;
    margin-bottom: 3px
}
.tabs .article-tabs .article-cat:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65px;
    height: 1px;
    background-color: #383536;
}
.tabs .icon-item{
    margin-left: 3px;
}
.tabs .video-listing-icon{
    width: 15px;
    height: 12px;
}
.tabs .gallery-listing-icon{
    width: 18px;
    height: 13px;
}
.tabs .poll-icon{
    width: 13px;
    height: 13px;
}
.tabs .company-listing-icon{
    width: 12px;
    height: 13px;
}
.after-article-boxes .tabs .article-tabs h2{
    line-height: 20px;
}
.home-tabs-box{
    width: 650px;
    float: left;
    box-sizing: border-box;
    padding-left: 25px;
    margin-bottom: 25px;
}
.home-tabs-box.aside-tabs{
    width: 300px;
    padding-left: 0;
    float: right;
    margin-right: 25px;
    margin-top: 25px;
}
.article-page .home-tabs-box,
.article-listing-page .home-tabs-box{
    padding-left: 0;
    width: 300px;
    float: right;
    margin-bottom: 0;
    margin-right: 0;
}
/* Quote btn */
.quote-btn{
    float: right;
    width: 100%;
    border-top: 1px solid #414042;
}
.quote-btn a{
    display: block;
    width: 270px;
    height: 162px;
    line-height: 162px;
    background-image: url(../img/quote-btn.png);
    margin-top: 12px;
    text-align: center;
    font-size: 24px; 
    font-weight: 300;
}
.quote{
    font-size: 36px;
    line-height: 46px;
    border: 1px solid #a72531;
    text-align: center;
    box-sizing: border-box;
    width: 730px;
    margin: 180px auto;
    margin-bottom: 40px;
    padding: 120px 70px;
    position: relative;
    background-image: url(../img/quote-bgr.png);
    background-repeat: no-repeat;
    background-position: top 40px center;
}
.quote:before,
.quote:after{
    content: "";
    background-image: url(../img/quote-icon.png);
    position: absolute;
    width: 169px;
    height: 138px;
}
.quote:before{
    right: 20px;
    top: -25px;
}
.quote:after{
    bottom: -30px;
    left: 20px;
}
.quote .quote-header{
    position: absolute;
    left: 0;
    top: -163px;
}
.quote .quote-header:hover{
    opacity: 1;

}
.quote .author{
    float: right;
    text-align: right;
    margin-top: 20px;
    font-size: 22px;
    color: #6d6e71;
}
/* Single article box */
.single-article-box{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.single-article-box .article-title{
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    margin-top: 13px;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
}
.single-article-box img{
    width: 100%;
}
/* Article */

.article{
    float: left;
    width: 675px;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 20px;
    min-height: 1170px;
}
.article h1{
    margin: 0;
    padding: 0;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
    float: left;
}
.article .article-desc{
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    width: 100%;
    float: left;
    margin-bottom: 16px;
}
.article .date,
.article .comments-count{
    display: block;
    float: left;
    font-size: 14px;
    color: #000;
    line-height: 16px;
    padding-left: 6px;
    margin-top: 10px;
    font-weight: bold;
    background-image: url(../img/icons/article-time-icon.png);
    background-repeat: no-repeat;
    padding-left: 26px;
    line-height: 20px;
}
.article .comments-count{
    background-image: url(../img/icons/article-comment-icon.png);
    background-position: left 10px center;
    padding-left: 33px;
    margin-left: 10px;
    position: relative;
}
.article .comments-count:before{
    content: "";
    width: 2px;
    height: 13px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 2px;
}
.article .date.date-updated{
    text-align: center;
    font-weight: normal;
    background-image: none;
    padding-left: 0;
    width: 100%;
}
.article .share{
    float: right;
    display: block;
    text-transform: uppercase;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
.article .share span{
    display: inline-block;
    margin-right: 5px;
}
.article .article-photo{
    float: left;
    width: 100%;
    margin-top: 20px;
    cursor: pointer;
    position: relative;
}
.article .article-photo .resize-icon {
    background-image: url(../img/resize-icon.png);
    width: 52px;
    height: 52px;
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
    z-index: 333;
}
.article .article-photo:hover > .resize-icon {
    display: block;
}
.article .article-photo img{
    width: 100%;
}
.article .article-photo .photo-source{
    width: 100%;
    float: left;
    font-size: 10px;
    color: #939598;
}
.article .article-photo .photo-desc{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #507233;
    position: relative;
    box-sizing: border-box;
    margin-top: 10px;
}
.article .article-photo .photo-desc p{
    margin-top: 0;
    margin-bottom: 0;
}
.article .paid-article{
    float: left;
    width: 100%;
    font-size: 16px;
    color: #5c6356;
}
.article .article-content{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.article .in-article-image img{
    margin-bottom: 5px;
}
.article .in-article-image ins{
    width: 100%;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    border-left: 1px solid #507233;
    padding-left: 10px;
    box-sizing: border-box;
}
.article .in-article-image ins:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 40%;
    top: 0;
    left: -1px;
    background-image: linear-gradient(#FFF, #507233);
}
.article .in-article-image ins:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 40%;
    bottom: 0;
    left: -1px;
    background-color: red;
    background-image: linear-gradient(#507233, #FFF);
}
.article .article-content a{
    color: #008000;
}
.article .author{
    float: left;
    width: 100%;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 10px;
}
.article .author .author-left{
    float: left;
    width: 50%;
    
}
.article .author .author-right{
    float: right;
    width: 50%;
}
.article .author span{
    display: inline-block;
    font-size: 11px;
    background-color: #507233;
    color: #FFF;
    padding: 2px 14px;
    border-radius: 20px;
}
.article .author img{
    border-radius: 50%;
    margin-right: 10px;
    float: left;
    margin-top: 10px;
}
.article .author .author-info{
    float: left;
    margin-top: 15px;
    text-align: center;
}
.article .author .author-info .bottom-border{
    padding-bottom: 4px;
    margin-bottom: 4px;
}
.article .chart-period{
    margin-bottom: 20px;
}
table.tt{
    float: left;
    margin-right: 16px;
    background-color: #eef7e6;
    border-left: 5px solid #507233;
    padding: 20px;
    display: block;
    font-weight: bold;
    font-size: 17px;
    color: #4a6930;
    max-width: 250px;
}
table.tt tr:first-child{
    font-size: 28px;
    line-height: 27px;
    padding-bottom: 6px;
    margin-bottom: 6px;
    display: block;
}
table.pt{
    float: left;
    margin-right: 16px;
    border-left: 5px solid #507233;
    display: block;
    font-size: 17px;
    color: #000;
    background: transparent;
    padding: 10px;
    max-width: 350px;
}
table.pt tr:first-child{
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 6px;
    margin-bottom: 6px;
    display: block;
}
table.pt tr img{
    margin-bottom: 5px;
}
.bottom-share{
    width: 100%;
    float: left;
    margin: 16px 0;
    text-align: center;
    margin-bottom: 8px;
}
.bottom-share span{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    position: relative;
}
.bottom-share span ins{
    text-decoration: none;
    background-color: #FFF;
    padding: 0 10px;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.bottom-share span:before{
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    height: 1px;
    background-color: #221f1f;
    top: 0;
    bottom: 0;
    margin: auto;
}
.bottom-share .comment-scroll{
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../img/comment-icons-article.png);
    background-position: right center;
    line-height: 26px;
    padding-right: 30px;
    margin-left: 10px;
}
.article-quote{
    width: 100%;
    background-color: #eef7e6;
    padding: 24px 16px;
    position: relative;
    box-sizing: border-box;
    margin: 25px 0;
    text-align: center;
    color: #507233;
    font-size: 16px;
    font-weight: bold;
}
.article-quote:before{
    content: "";
    width: 38px;
    height: 29px;
    position: absolute;
    background-image: url(../img/quote-icon-left.png);
    left: 20px;
    top: -15px;
}
.article-quote:after{
    content: "";
    width: 38px;
    height: 29px;
    position: absolute;
    background-image: url(../img/quote-icon-right.png);
    right: 20px;
    bottom: -15px;
}
.quote-text{
    font-size: 28px;
    background-image: url(../img/green-line-284.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    line-height: 32px;
}
.quote-author{
    line-height: 1;
}
.quote-author-position{
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
}
.article-businesscard{
    width: 100%;
    background-color: #f7f7f7;
    margin-top: 25px 0;
    padding-bottom: 10px;
}
.article-businesscard p{
    margin: 8px 0;
}
.article-businesscard .businesscard-title{
    background-color: #cce1b9;
    width: 100%;
    color: #2d4a15;
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 5px 20px;
    margin-bottom: 25px;
}
.article-businesscard .businesscard-image{
    float: left;
    width: 190px;
    margin-right: 20px;
    margin-left: 20px;
}
.article-businesscard .businesscard-image span{
    display: inline-block;
    font-size: 13px;
    color: #5c6356;
    margin-left: 20px;
    margin-top: 5px;
}
.article-businesscard .businesscard-text{
    padding: 0 20px;
    text-align: center;
}
.article-businesscard .businesscard-text p{
    text-align: left;
}
.businesscard-text .businesscard-border{
    text-align: center;
}
/* Article tags */
.article-tags{
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 30px;
}
.article-tags a{
    display: inline-block;
    margin: 0 4px 8px 4px;
    font-size: 12px;
    color: #2b4713;
    background-color: #bed8a9;
    text-transform: uppercase;
    padding: 4px 15px;
}
/* Article native ads */
#div-gpt-ad-31,
#div-gpt-ad-4{
    width: 300px;
    float: right;
}
/* Comment box */
.comment-box{
    width: 80%;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #e9e9ea;
}
.comment-box a{
    font-size: 22px;
    text-decoration: underline;
    display: inline-block;
    background-image: url(../img/comment-box-icon.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 30px;
}
/* Article bottom box */
.article-bottom-box{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}
.article-bottom-box .tabs .tab button{
    padding: 14px 13px;
}
/* Related articles */
.related-articles{
    margin: 20px 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    float: left;
}
.related-articles .related-title{
    font-size: 16px;
    font-weight: bold;
    color: #2d4a15;
    background-color: #FFF;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    margin-bottom: 14px;
    background-image: url(../img/lines/md-black-line.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 12px;

}
.related-articles ul{
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    list-style: none;
}
.related-articles li{
    float: left;
    width: 100%;
    margin: 7px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #f7f7f7;
}
.related-articles .related-photo{
    float: left;
    width: 30%;
}
.related-articles .related-photo img{
    float: left;
    width: 100%;
}
.related-articles .article-title{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    float: left;
    width: 80%;
    box-sizing: border-box;
    padding-left: 16px;
}
.related-articles .article-title a{
    color: #000000;
}
.after-article-box{
    float: left;
    width: 650px;
    background-color: #f7f7f7;
    padding: 25px;
    box-sizing: border-box;
}
.after-article-box.home-news ul li{
    width: 288px;
}
.after-article-box .news-date:before{
    background-color: #f7f7f7;
}
.after-article-box .box-title.black-line{
    background-image: url(../img/lines/md-black-line.png);
}
/* More articles */
.more-articles{
    float: left;
    width: 100%;
    margin: 20px 0;
    margin-top: 10px;
}
.more-articles .carousel{
    float: left;
    width: 100%;
}
.more-articles .carousel .carousel-item{
    box-sizing: border-box;
    padding: 0 8px;
}
.more-articles .article-photo{
    float: left;
    width: 100%;
}
.more-articles .article-photo img{
    max-width: 100%;
}
.more-articles .article-title{
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    margin-top: 16px;
     font-family: 'Conv_MinionPro-Regular';
}
.carousel .slick-arrow{
    border: 0;
    background-color:rgba(255,255,255, 0.9);
    position: absolute;
    overflow: hidden;
    outline: none;
    z-index: 2;
    top: 20px;
    width: 40px;
    height: 45px;
    white-space: nowrap;
    text-indent: -9999px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}
.carousel .slick-arrow.slick-next{
    right: 0;
    background-image: url(../img/carousel-next.png);
}
.carousel .slick-arrow.slick-prev{
    background-image: url(../img/carousel-prev.png);
}
/* Comments */
.comments{
    width: 650px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.comments h2{
    margin: 0;
    padding: 0;
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    color: #2b4713;
}
.comments .comments-header{
    float: left;
    width: 100%;
    box-sizing: border-box;
        background-image: url(../img/lines/md-black-line.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 12px;
}
.comments .comments-button{
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 10px;
    background-color: #f7f7f7;
    box-sizing: border-box;
}
.comments .comments-button a{
    display: inline-block;
    padding: 6px 20px;
    border-radius: 10px;
    margin: 20px 0;
}
.comments .comments-header .t-avatar{
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #d0d0d0;
    margin: 0 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.comments .comment-list{
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 25px 0;
}
.comments .comment{
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 17px;
    margin-bottom: 17px;
    background-image: url(../img/lines/sm-green-line.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.comment .comment-left{
    float: left;
    width: 48px;
    box-sizing: border-box;
    text-align: center;
}
.comment .comment-left .avatar{
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.comment .comment-left .num{
    font-size: 35px;
    color: #e1e1e1;
    display: inline-block;
    line-height: 1;
    margin-top: 20px;
}
.comment .comment-content{
    float: left;
    width: calc(100% - 48px);
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    color: #000000;
    word-wrap: break-word;
}
.comment .comment-content .rating{
    float: right;
}
.comment .comment-content .rating img{
    margin-top: -3px;
}
.comment .comment-content .rating .rate-up{
     margin-right: 5px;
     font-size: 17.5px;
     font-weight: bold;
     color: #507233;
}
.comment .comment-content .rating .rate-down{
    font-size: 17.5px;
    font-weight: bold;
    color: #981b1f;
}
.comment .comment-content .author{
    font-weight: bold;
    font-size: 16.25px;
}
.comment .comment-content .date{
    display: inline-block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #9e9e9e;
}
.comments-btn{
    float: left;
    margin-top: 18px;
    margin-right: 16px;
}
.comments-btn.report-comment{
    display: block;
}
.comment-form{
    float: left;
    width: 100%;
    margin-top: 25px;
}
.comment-form #comment_area{
    width: 100%;
    box-sizing: border-box;
    float: left;
    outline: none;
    border: 0;
    border-left: 1px solid #e9e9ea;
    border-right: 1px solid #e9e9ea;
    font-size: 14px;
    color: #000;
    padding: 24px;
}
.comment-form .comment-form-footer{
    width: 100%;
    background-color: #bcbcbc;
    padding: 10px;
    box-sizing: border-box;
    float: left;
}
.comment-form .comment-count{
    font-size: 10px;
    color: #000000;
    float: right;
}
.comment-form .comment-btn{
    border: 0;
    background-color: #a72531;
    cursor: pointer;
    color: #FFF;
    font-size: 12px;
    outline: none;
    padding: 4px 10px;
}
.comment-form #username{
    width: 100%;
    border: 1px solid #e9e9ea;
    box-sizing: border-box;
    float: left;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 25px;
    outline: none;
}
.comment-scroll-btn{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 28px;
}
.comment-scroll-btn a{
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #507233;
    background-image: url(../img/comment-scroll-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    line-height: 46px;
    line-height: 37px;
    padding-left: 55px;
    padding-bottom: 15px;
}

/* Category listing */
.article-listing-container{
    width: 640px;
    float: left;
    box-sizing: border-box;
    padding-left: 25px;
    min-height: 2230px;
}
.article-listing-container .category-title{
    float: left;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    line-height: 1;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
    background-image: url(../img/lines/md-black-line.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 12px;
}
.category-listing{
    float: left;
    width: 100%;
}
.category-listing ul{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.category-listing li{
    float: left;
    width: 100%;
    margin-bottom: 42px;
}
.category-listing li:last-child{
    margin-bottom: 0;
}
.category-listing .article-image{
    float: left;
    padding-right: 26px;
    width: 47%;
    box-sizing: border-box;
}
.category-listing .article-image img{
    width: 100%;
}
.category-listing .article-title{
    width: 53%;
    float: left;
}
.category-listing .article-title h2{
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    letter-spacing: -1.5px;
}
.category-listing .article-title p{
    font-size: 18px;
    color: #000;
    line-height: 22px;
    margin: 10px 0;
    letter-spacing: -0.8px;
    padding-bottom: 16px;
}
.category-listing .article-title .author{
    font-size: 12px;
    color: #414042;
}
.category-listing .article-info{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.author-listing{
    background-color: #f7f7f7;
    box-sizing: border-box;
    padding: 0 25px;
    padding-top: 20px;
}
.author-listing.category-listing .article-image {
    width: 35%;
    padding-right: 16px;
}
.author-listing.category-listing .article-title{
    width: 100%;
}
.author-listing.category-listing .article-title h2{
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 5px;
}
.author-listing.category-listing .article-title h2 a{
    color: #487525;
}
.author-listing.category-listing .article-title p{
    margin-bottom: 2px;
    font-size: 13px;
    padding-bottom: 0;
}
.author-listing.category-listing .article-title p ins{
    text-decoration: none;
    color: #919191;
}
.author-listing.category-listing .article-title span{
    font-size: 14px;
    color: #333;
}
.author-listing.category-listing li{
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.author-listing.category-listing li:last-child{
    border-bottom: 0;
}
.author-header-box{
    float: left;
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
    background-color: #f7f7f7;
}
.author-header-box .profile-picture{
    float: left;
    width: 60px;
    height: 60px;
    overflow-y: hidden;
    margin-right: 20px;
    border-radius: 50%;
}
.author-header-box .profile-picture img{
    
}
.author-header-box h2{
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 15px; 
    margin-top: 0px;
}

.profile-header{
    width: 100%;
    box-sizing: border-box;
    margin-top: 25px;
    padding: 0 25px;
}
.profile-header .user-info{
    float: left;
}
.profile-header .main-page-title{
    background-image: url(../img/lines/lg-black-line.png);
}
.profile-header .user-message-btn{
    display: inline-block;
    background-color: #000;
    color: #FFF;
    font-size: 13px;
    padding: 2px 10px;
}
.profile-menu{
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    background: #f5f5f5;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    padding: 10px;
    padding-bottom: 0;
    box-sizing: border-box;
}
.profile-menu li{
    display: inline-block;
}
.profile-menu li a{
    font-size: 14px;
    padding: 10px 40px;
    display: inline-block;
    background-color: #ebebeb;
    border: 1px solid #dcdcdc;
    border-bottom: 0;
}
.profile-menu.tab1 li:nth-child(1) a{background-color: #FFF;}
.profile-menu.tab2 li:nth-child(2) a{background-color: #FFF;}
.profile-menu.tab3 li:nth-child(3) a{background-color: #FFF;}
.authors-page .category-title{
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}
.profile-nav{
    float: left;
    width: 100%;
    margin-bottom: 60px;
    margin-top: 10px;
}
.profile-nav .top-links{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    padding: 2px;
    background-color: #2b4713;
    color: #FFF;
}
.profile-nav .top-links a{
    color: #FFF;
}
.profile-nav ul{
    padding: 0;
    list-style: none;
    margin: 0 auto;
    width: 100%;
    max-width: 350px;
    text-transform: uppercase;
}
.profile-nav ul li{
    float: left;
    width: 100%;
    border-bottom: 2px solid #FFF;
    background-color: #f7f7f7;
    padding: 10px;
    box-sizing: border-box;
}
.profile-nav ul li a{
    font-size: 14px;
    color: #2b4713;
}
/* Category top article */
.category-top-article{
    float: left;
    width: 654px;
    margin-bottom: 50px;
}
.category-top-article h1{
    margin: 0;
    font-size: 27px;
    line-height: 34px;
    font-weight: bold;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 16px;
    padding-bottom: 16px;
    margin-top: 20px;
}
.category-top-article p{
    margin: 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 25px;
    font-size: 34px;
    line-height: 34px;
    color: #6d6e71;
}
.category-top-article .article-date{
    font-weight: bold;
    margin-right: 10px;
    background-image: url(../img/svg/clock-icon.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
}
/* Breadcrumb */
.breadcrumb{
    margin: 20px 0;
    padding: 0;
    float: left;
    width: 100%;
    padding-left: 25px;
    box-sizing: border-box;
}
.breadcrumb li{
    display: block;
    float: left;
    font-size: 12px;
    color: #2b4713;
    text-transform: uppercase;
    margin-right: 6px;
}
.breadcrumb li a{
    background-image: url(../img/breadcrumb.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
    line-height: 12px;
    color: #2b4713;
    display: inline-block;
}
.breadcrumb li:last-child a{
    background-image: none;
    padding-right: 0;
}
.article .breadcrumb{
    padding-left: 0;
}
/* Comments Pagination */
.comment-pagination{
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    color: #a7a9ac;
}
.comment-pagination a{
    font-size: 16px;
    color: #a7a9ac;
    margin: 0 6px;
}
.comment-pagination a.active{
    color: #000;
}
.comment-pagination .prev-page{
    font-size: 14px;
    margin-right: 20px;
}
.comment-pagination .next-page{
    font-size: 14px;
    margin-left: 20px;
}
/* Article Pagination */
.pagination{
    float: left;
    width: 100%;
    margin-top: 26px;
    margin-bottom: 40px;
    box-sizing: border-box;
    padding: 0 45px;
}
.pagination ul{
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination ul li{
    float: none;
    display: inline-block;
    width: auto;
}
.pagination ul li a,
.pagination span a{
    color: #FFF;
    margin: 0 5px;
    background-color: #507233;
    display: inline-block;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination .pages{
    float: left;
    width: 100%;
    text-align: center;
}
.pagination .pages span{
    display: inline-block;
}
.pagination .pages a{
    display: flex;
    background-color: #66a530;
}
.pagination ul li.active a,
.pagination ul li a.active,
.pagination span.active a{
    color: #2b4713;
    background-color: #cce1b9;
}
.pagination ul li.first-page{
    float: left;
    font-size: 14px;
}
.pagination ul li.first-page a{
    font-size: 14px;
    color: #231f20;
    display: inline-block;
    position: relative;
    background-image: url(../img/pagination-first.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    text-align: right;
    width: 72px;
    padding-bottom: 8px;
}
.pagination ul li.last-page{
    float: right;
    font-size: 14px;
}
.pagination ul li.last-page a{
    font-size: 14px;
    color: #231f20;
    display: inline-block;
    position: relative;
    background-image: url(../img/pagination-last.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    text-align: left;
    width: 72px;
    padding-bottom: 8px;
}

.page-title{
    border-top: 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #2b4713;
    width: 100%;
    background-color: #f7f7f7;
    padding: 14px 0;
}
.main-page-title{
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    background-image: url(../img/lines/md-black-line.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.main-page-description{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 16px;
    font-size: 15px;
    color: #6c6969;
}
.org-nav{
    float: left;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #c8c7c7;
    margin-top: 28px;
    padding-bottom: 28px;
}
.org-nav{
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 28px 0;
    margin-bottom: 30px;
}
.org-nav li{
    display: inline-block;
}
.org-nav a{
    line-height: 1;
    font-size: 24px;
    color: #808080;
    font-family: 'Conv_EBGaramond08-Regular';
    margin: 0 40px;
}
.org-nav li.current a{
    color: #000;
}

.year-search{
    float: left;
    width: 100%;
    text-align: center;
    padding: 40px 0;
    font-size: 14px;
    color: #6d6e71;
    border-bottom: 1px solid #c8c7c7;
}
.year-search .dropdown{
    margin-top: 30px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.year-search .dropdown .form-red-btn{
    font-size: 18px;
    padding: 0 30px;
    font-weight: bold;
    border: 1px solid #b31e2d;
    position: relative;
    top: -1px;
}
.year-search .dropdown select{
    height: 40px;
    line-height: 40px;
    border: 1px solid #231f20;
    padding: 0 16px;
    margin-right: 8px;
}
/* Login page */
.login{
    float: left;
    width: 100%;
    margin: 50px 0;
}
.login .form-container,
.register .form-container{
    width: 330px;
    margin: 0 auto;
}

.form-group{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.form-group .text{
    width: 100%;
    border: 1px solid #9c9a9a;
    outline: none;
    padding: 8px;
    font-size: 14px;
    box-sizing: border-box;
}
.form-group textarea{
    width: 100%;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #9c9a9a;
    font-size: 14px;
    padding: 8px;
    min-height: 80px;
}
.form-group.remember_me{
    font-size: 12px;
    color: #b9b8b8;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
}
.form-group.remember_me input{
    margin-right: 2px;
}
.form-group .has-error{
    color:#a94442;
}
.login .forgot-btn{
    text-align: right;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    margin-top: -10px;
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    color: #507233;
}
.form-group.has-error input, .form-group.has-error select{
    border:1px solid #a94442;
}
.login-btn{
    float: left;
    width: 100%;
    text-align: center;
}

.login .registration-line{
    float: left;
    width: 100%;
    margin: 26px 0;
}
.login .registration-line .forgot-btn{
    float: left;
    font-size: 14px;
    color: #a72531;
}
.login .registration-line .reg-btn{
    float: right;
    font-size: 14px;
    text-decoration: underline;
    position: relative;
    line-height: 1;
}
.login .registration-line .reg-btn:before{
    content: "";
    position: absolute;
    background-color: #000;
    width: 4px;
    height: 13px;
    left: -10px;
    top: 2px;
}
.forgot-pass p,
.forgot-pass .registration-line{
    font-size: 14px;
}
/* Registration */
.profile{
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 80px;
}
.profile-left{
    float: left;
    width: 320px;
}
.profile .reg-line{
    width: 2px;
    height: 500px;
    background-color: #dddedf;
    position: relative;
    float: left;
    margin-left: 66px;
}
.profile .reg-line:before,
.profile .reg-line:after{
    content: "";
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    border: 1px solid #dddedf;
    border-radius: 50%;
    position: absolute;
    background-color: #FFF;
    left: -3px;
}
.profile .reg-line:before{
    top: 0;
}
.profile .reg-line:after{
    bottom: 0;
}
.profile .reg-line span{
    position: absolute;
    top: 160px;
    left: -26px;
    margin: auto;
    display: block;
    background-color: #FFF;
    font-weight: bold;
    color: #d1d3d4;
    width: 52px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #000;
}
.profile .reg-line span:before,
.profile .reg-line span:after{
    content: "";
    position: absolute;
    width: 12px;
    height: 10px;
    background-color: #FFF;
}
.profile .reg-line span:before{
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
}
.profile .reg-line span:after{
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
}
.profile-right{
    float: right;
    width: 360px;
    color: #58595b;
}
.register .reg-login p{
    font-weight: bold;
}
.register .reg-login span{
    font-size: 14px;
}
.profile .checkboxes{
    float: left;
    width: 100%;
    font-size: 14px;
    position: relative;
}
.profile .checkboxes .checkbox-group{
    font-size: 12px;
    margin-bottom: 20px;
}
.profile .checkboxes input[type="checkbox"]{
    position: absolute;
}
.profile .checkboxes label{
    box-sizing: border-box;
    padding-left: 25px;
    display: inline-block;
}
.profile .checkboxes label span{
    color: #6d6e71;
}
.profile .checkboxes #check-all{
    cursor: pointer;
    color: #FFF;
    font-size: 12px;
    background-color: #000;
    display: inline-block;
    padding: 5px 15px; 
    background-color: #000;
}
.form-item-description{
    font-size: 11px;
}
/* Edit profile */
.edit-profile{
    float: left;
    width: 100%;
}
.edit-profile .password-change,
.edit-profile .profile-photo{
    width: 300px;
    float: left;
}
.edit-profile .password-change p,
.edit-profile .profile-photo p{
    color: #000;
    font-size: 14px;
    margin: 5px 0;
}
.edit-profile .profile-photo .photo{
    float: left;
    margin-top: 10px;
}
.edit-profile .profile-photo .photo img{
    border-radius: 50%;
}
.edit-profile .profile-photo .upload{
    float: left;
    font-size: 14px;
    
    width: 100px;
    margin-left: 20px;
    margin-top: 40px;
}
.edit-profile .profile-photo .upload input{
    outline: none;
}
.profile-main{
    padding: 0;
    margin-top: 25px;
}
.profile .user-message{
    float: left;
    width: 100%;
    background-color: #2b4713;
    color: #FFF;
    padding: 7px;
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
}
.profile .user-message a{
    color: #FFF;
    display: inline-block;
    margin: 0 5px;
}
.profile .user-menu{
    width: 300px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.profile .user-menu li{
    width: 100%;
    float: left;
    background-color: #f7f7f7;
    border-bottom: 2px solid #fff;
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
}
.profile .user-menu li a{
    color: #2b4713;
}
.profile .profile-header{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.profile-header .username{
    font-weight: bold;
    font-size: 15px;
    color: #2b4713;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 8px;
}
.profile-header .photo{
    display: inline-block;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 50%;
    text-align: center;
}
.profile-header .date-register{
    font-size: 11px;
    color: #2b4713;
    margin-top: 5px;
}
/* Poll */
.poll-content,
.test-content{
    float: left;
    width: 100%;
    border-top: 20px solid #221f1f;
    padding-top: 16px;
    margin-bottom: 20px;
}
.poll-content .poll-description,
.test-content .test-description{
    float: left;
    width: 100%;
}
.poll-content .poll-description p,
.test-content .test-description p{
    margin-top: 0;
}
.poll-content .poll-description img,
.test-content .test-description img{
    float: left;
    margin-right: 16px;
}
.poll-content h2,
.test-content h2{
    margin: 0;
    padding-top: 0;
    margin-bottom: 20px;
}
.poll-content.poll-sidebar .poll-description{
    display: none;
}
.poll-content .poll-question{
    margin: 0;
    padding-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
}
.poll-content .poll-btn{
    background-color: #507233;
    color: #FFF;
    display: inline-block;
    line-height: 1;
    padding: 8px 20px;
    border-radius: 10px;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}
.poll-content .all-votes{
    font-size: 12px;
}
.center-btn{
    float: left;
    width: 100%;
    text-align: center;
}
.poll-content .poll-answers input{
    outline: none;
}
.poll-content .poll-answers label{
    margin-left: 10px;
}
.poll-content .poll-results{
    float: left;
    width: 50%;
    position: relative;
}
.poll-content .poll-results .result{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.poll-content .poll-results .result span{
    float: left;
    width: 100%;
    display: block;
    font-size: 16px;
    color: #414042;
    margin-bottom: 8px;
}
.poll-content.poll-sidebar .poll-results .result span{
    font-size: 14px;
}
.poll-content .poll-results .percent-line{
    float: left;
    height: 14px;
    background-color: #000;
    border-radius: 10px;
}
.poll-content .poll-results .percent{
    line-height: 1;
    font-size: 18px;
    color: #507233;
    position: absolute;
    right: 0;
    top: -5px;
}
.poll-content .poll-results .result-line{
    float: left;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-right: 60px;
}
.poll-content .poll-count{
    float: left;
    margin-top: 10px;
    font-size: 14px;
    color: #939598;
}
.poll-content .all-poll{
    float: left;
    margin-top: 14px;
    font-size: 22px;
    color: #424242;
}
.poll-content .all-poll a{
    text-decoration: underline;
}
.poll-content .poll-answers .form-group .form-group{
    width: auto;
    margin-bottom: 0;
}
.poll-content .poll-answers .form-group .answer{
    margin-left: 8px;
}
.poll-content .poll-info-bar{
    margin-top: 10px;
}

/* 404 */
.notfound{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 80px;
}
.notfound img:hover{
    opacity: 1;
}
.notfound-search{
    width: 400px;
    margin-top: 40px;
    text-align: left;
    display: inline-block;
}
.notfound-search p{
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #4c7337;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 16px;
}
.notfound-search span{
    font-size: 22px;
}
.search-404{
    position: relative;
    padding: 0 80px 0 0px;
    float: left;
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
    border: 1px solid #4c7237;
    padding: 6px;
    border-radius: 30px;
}
.search-404-btn{
    border: 0;
    color: #FFF;
    background-color: #4c7237;
    font-size: 16px;
    outline: none;
    line-height: 1;
    cursor: pointer;
    width: 80px;
    height: 47px;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 30px;
}
.search-404-input{
    border: none;
    outline: none;
    height: 45px;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    font-size: 16px;
    background-color: transparent;
}
.home-btn{
    font-size: 10px;
    text-transform: uppercase;
    background-color: #000;
    color: #FFF;
        padding: 8px 6px;
}

.article-container img{
    max-width: 100%;
}
.article-right-column{
    float: right;
    width: 300px;
    display: flex;
    flex-wrap: wrap;
}
.rss-boxes{
    width: 300px;
    align-self: flex-end;
}

/* Forum articles */
.articles-container .article-box{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 13px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}
.articles-container .article-box img{
    float: left;
    width: 100%;
}
.articles-container .art_title {
    font-size: 18px;
    margin-top: 10px;
    float: left;
    width: 100%;
}
.articles-container .cat{
    float: left;
    width: 100%;
    margin-bottom: 12px;
    font-size: 20px;
    font-family: 'Conv_MinionPro-It';
    position: relative;
    border-top: 1px solid #000;
    padding-top: 5px;
}
.articles-container .cat:before{
    width: 144px;
    height: 3px;
    content: "";
    background-color: #000;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/* Trades page */
.trades-nav{
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    box-sizing: border-box;
    margin-bottom: 16px;
}
.trades-nav ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #FFF;
    list-style: none;
}
.trades-nav li{
    float: left;
    font-size: 12px;
    color: #507233;
    margin-right: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.trades-nav li a{
    color: #507233;
    border: 1px solid #507233;
    padding: 2px 10px;
    border-radius: 30px;
    margin-top: 4px;
    display: inline-block;
}
.trades-nav li.active a{
    color: #FFF;
    background-color: #507233;
}
.trades-nav li a.active{
    font-size: 14px;
    color: #403c3a;
    background-color: #f7f7f7;
    padding: 6px 12px;
    border: none;
    border-radius: 0;
    margin-top: 0;
}
.trades-nav .trades-turnover{
    float: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 20px;
}
.trades-nav .trades-turnover span{
    display: inline-block;
    font-size: 13px;
    color: #7f7e7e;
    padding: 0 20px;
    background-image: url(../img/lines/vertical-border-line.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.quotes-page .trades-nav .trades-turnover span{
    padding: 0 10px;
}
.trades-nav .trades-turnover span:last-child{
    background-image: none;
}
.trades-nav .trades-turnover ins{
    text-decoration: none;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}
.indexes-page .trades-nav{
    margin-bottom: 0;
}
/* BFB */
.bse-page{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.bfb-table a{
    color: #507233;
}
.bfb-table td{
    padding: 10px 6px;
    font-size: 14px;
}
.bfb-table .thead_gray{
    color: #7f7e7e;
    font-size: 10px;
    text-transform: uppercase;
}
.inv-table.bfb-table thead th{
    text-align: center;
    font-size: 13px;
    border: 1px solid #e8e8e8 !important;
}
.bfb-table tbody tr{
    background-image: none !important;
}
.bfb-table .thead_gray{
    border-right: 1px solid #e8e8e8;
}
.bfb-table tbody tr td{
    border: 1px solid #e8e8e8 !important;
    font-size: 12px;
    text-align: right;
}
.bfb-table tbody tr td.col-sticky{
    text-align: left;
}
.bfb-table.inv-table tbody td{
    padding: 4px;
    font-size: 11px;
}
.bfb-table.inv-table thead{
    border-bottom: 1px solid #e8e8e8 !important;
}
.bfb-table{
    table-layout: auto !important;
    text-align: center;
}
/* Indexes page */
.indexes-page{

}
.indexes-chart{
    float: left;
    width: 100%;
}
.indexes-page .main-page-title .green-btn{
    float: right;
    margin-top: 10px;
}
.indexes-page .inv-table{
    font-size: 14px;
}
.indexes-change-block{
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    padding: 20px;
    box-sizing: border-box;
}
.indexes-change-block ol{
    margin-top: 0;
    padding: 0;
    list-style: none;
}
.indexes-change-block ol li{
    float: left;
    text-align: center;
    padding-right: 15px;
    margin-right: 15px;
    background-image: url(../img/lines/vertical-border-line.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.indexes-change-block ol li:last-child{
    margin-right: 0;
    padding-right: 0;
    background-image: none;
}
.indexes-change-block ol li span.up{
    color: #10c483;
    background-image: url(/media/img/icons/up-icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px;
}
.indexes-change-block ol li span.down{
    color: #ff0028;
}
.indexes-change-block ol li span.date{
    font-size: 13px;
}
.indexes-change-block ins{
    font-size: 12px;
    color: #7f7e7e;
    text-decoration: none;
}
.indexes-change-block .green-btn{
    padding: 6px 10px;
    font-size: 10px;
    margin-top: 14px;
    display: inline-block;
}
.indexes-chart-filter{
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    margin-top: 6px;
    box-sizing: border-box;
    padding: 15px;
    font-size: 12px;
    color: #6c6969;
    padding-bottom: 5px;
}
.chart-container{
    position: relative;
    float: left;
    width: 100%;
}
.indexes-chart-filter ol{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.indexes-chart-filter ol li{
    float: left;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.indexes-chart-filter ol li span,
.indexes-chart-filter ol li .ui-widget{
    float: left;
}
.indexes-chart-filter select,
.indexes-chart-filter input{
    margin: 0 10px;
}
.indexes-chart-filter input{
    padding: 2px;
}
.companies-page .chart-container{
    float: left;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative;
}
.indexes-chart .bCompGraphNavDesc{
    font-size: 14px;
    color: #6c6969;
}
.chart-view-mode{
    float: left;
    font-size: 12px;
    position: absolute;
    z-index: 2;
    top: 5px;
    box-sizing: border-box;
    color: #6c6969;
}
.chart-period{
    float: left;
    width: 100%;
    box-sizing: border-box;
    background-color: #f7f7f7;
    padding: 10px;
    margin-top: 6px;
    text-align: center;
}
.chart-period span{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.chart-period a{
    display: inline-block;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 12px;
    font-weight: bold;
    color: #507233;
    border: 1px solid #507233;
    text-align: center;
    padding: 0px 8px;
    border-radius: 20px;
}
.chart-period a:hover,
.chart-period a.sel{
    background-color: #507233;
    color: #FFF;
}
.data-indexes{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.data-indexes h3{
    font-size: 14px;
    color: #403c3a;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #f7f7f7;
    margin-bottom: 20px;
    padding: 4px;
}
.indexes-nav{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
    margin-top: 15px;
    display: flex;
    align-items: flex-end;
}
.indexes-nav li{
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
}
.indexes-nav li:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 4px;
    width: 1px;
    height: 10px;
    background-color: #507233
}
.indexes-nav li a{
    color: #507233;
    line-height: 1;
    display: inline-block;
}
.indexes-nav li:last-child{
    margin-right: 0px;
    padding-right: 0px;
}
.indexes-nav li:last-child:after{
    display: none;
}
.indexes-nav li.active a{
    font-size: 18px;
    font-weight: bold;   
}
.bnb-page #dateFrom{
    margin-bottom: 20px;
    margin-top: 5px;
}
.bnb-page .inv-table{
    table-layout: auto;
}
/* Dictionary Page */
.dictionary-page{
    float: left;
    width: 100%;
}
.dictionary-filter{
    float: left;
    width: 100%;
    margin-top: 10px;
    background-color: #f7f7f7;
    box-sizing: border-box;
    padding: 20px;
    font-size: 15px;
    margin-bottom: 10px;
}
.dictionary-filter .dictionary-search{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
.dictionary-filter .bDictFilter{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}
.dictionary-filter .bDictFilter a{
    font-size: 16px;
    padding: 1px 3.5px;
    margin-right: 0px;
}
.dictionary-filter .bDictFilter a:hover{
    color: #FFF;
    background-color: #507233;
}
.dictionary-page .dict-description{
    font-size: 14px;
    margin-top: 10px;
}
/* Companies Page */
.companies-page{

}
.companies-page a{
    color: #507233;
}
.companies-page .category-listing a{
    color: #000;
}
.companies-page .companies-header-search{
    float: right;
    text-transform: none;
    font-weight: normal;
    font-size: 14px;
    color: #666666;
    margin-top: 5px;

}
.companies-page .companies-header{
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    box-sizing: border-box;
    padding: 15px;
    min-height: 200px;
}
.companies-page .companies-header h1{
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 26px;
}
.companies-page .companies-header h2{
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.companies-page .indexes-change-block{
    padding: 0;
}
.companies-page .indexes-change-block ol li{
    padding-right: 12px;
    margin-right: 12px;
    min-height: 45px;
}
.companies-page .indexes-change-block ol li:last-child{
    margin-right: 0;
    padding-right: 0;
}

.companies-navigation{
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.companies-navigation ul{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #9e9e9e;
    list-style: none;
    display: table;
}
.companies-navigation li{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 5px 10px;
}
.companies-navigation li a{
    color: #FFF;
    line-height: 20px;
}
.companies-navigation li.selected{
    background-color: #f5f5f5;
}
.companies-navigation li.selected a{
    color: #1a1a1a;
}
.companies-page .borsa_general{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    border-collapse: collapse;
}
.companies-page .borsa_general th{
    font-weight: normal;
    padding: 7px 0;
}
.companies-page .borsa_general tr{
    border-bottom: 1px solid #e8e8e8;
}
.companies-page .borsa_general tr:hover{
    background-color: #f5f5f5;
}
.companies-page .borsa_general td{
    white-space: nowrap;
}
.companies-page .companies-graph{
    float: left;
    width: 100%;
    margin-top: 25px;
}
.companies-page .companies-offers{
    width: 50%;
    float: left;
    margin-top: 25px;
    box-sizing: border-box;
    padding-right: 10px;
}
.companies-page .companies-trades{
    float: left;
    width: 50%;
    margin-top: 25px;
    box-sizing: border-box;
    padding-left: 10px;
}
.companies-page .companies-trades table{
    width: 100%;
    font-size: 14px;
    border-collapse: collapse;
}
.companies-page .companies-trades table tr {
    border-bottom: 1px solid #e8e8e8;
}
.companies-page h3,
.companies-page h3{
    font: 20px/27px 'PT Sans', sans-serif;
    color: #151515;
    border-bottom: 4px solid #d5d5d5;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}
.companies-left-table{
    float: left;
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box;
}
.companies-right-table{
    float: left;
    width: 50%;
    padding-left: 10px;
    box-sizing: border-box;
}
.companies-page table.half thead th span {
    color: #ffffff;
    background-color: #9e9e9e;
    padding: 4px 14px;
}
.companies-page .half {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 10px;
    font-size: 14px;
    text-align: left;
    border-collapse: collapse;
}
.companies-page table.half thead td {
    color: #afafaf;
    padding: 4px;
}
.companies-page table td{
    padding: 6px 0;
}
.companies-page table tr {
    border-bottom: 1px solid #e8e8e8;
}
.companies-page table.half thead tr{
    border-bottom: 0;
}
.companies-page .bTradesFilter {
    background-color: #F5F5F5;
    text-align: left;
    font: 14px/27px 'PT Sans', sans-serif;
    color: #9e9e9e;
    float: left;
    width: 100%;
}
.companies-page .bTradesFilter label {
    display: inline-block;
    width: 90px;
    text-align: right;
    padding-right: 7px;
    box-sizing: border-box;
}
.companies-graph #summary{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 25px;
}
.companies-graph .summary{
    float: none;
    text-align: left;
    font-size: 14px;
    border-collapse: collapse;
    color: #6c6969;
    width: 390px;
    display: inline-table;
}
.companies-graph .summary .change_up{
    color: #10c483;
}
.companies-graph .summary .change_down{
    color: #fa3939;
}
.companies-graph .summary thead th{
    font-weight: bold;
}
.companies-graph .summary th{
    font-weight: normal;
    padding: 5px;
}
.companies-graph .summary td{
    padding: 5px;
    text-align: right;
    font-weight: bold;
}
.companies-graph .summary tr{
    background-image: url(../img/gray-border.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    border-bottom: 0;
}
.chart-period a:last-child{
    width: auto;
    height: auto;
    border: none;
}
 .chart-period a:last-child:hover{
    background-color: transparent;
    color: #507233;
    text-decoration: underline;
}
.companies-page .companies-code{
    float: left;
    width: 100%;
    margin-top:  10px;
    margin-bottom: 15px;
    font-size: 18px;
}
.companies-page .graph-date{
    float: right;
    font-size: 14px;
}
.companies-page .change-parcents{
    margin-left: 20px;
}
.companies-page .change-parcents.up{
    color: #10c483;
}
.companies-page .news-category{
    float: right;
    margin-bottom: 25px;
}
.companies-page .category-listing .article-image{
    padding-right: 15px;
}
.companies-page .bHistdataNav{
    font-size: 13px;
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.companies-page .bHistdataNav .period{
    float: left;
}
.companies-page .table{
    font-size: 14px;
}
.companies-page .table thead{
    background-color: #f5f5f5 !important;
    border-top: 1px solid #e8e8e8;
}
.companies-page .table th{
    font-weight: normal;
    text-align: left;
    font-size: 13px;
}
.data-download-btns{
    text-align: right;
    margin-top: 30px;
    font-size: 14px;
    float: left;
    width: 100%;
}
.data-download-btns a{
    text-decoration: underline;
    color: #507233;
}
.data-download-btns a:hover{
    text-decoration: none;
}
/* Funds Page */
.funds-page{
    float: left;
    width: 100%;
    margin-top: 25px;
}
.funds-page .main-page-title{
    background-image: none;
}
.funds-page .funds-filter{
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.funds-page .funds-filter select{
    text-transform: uppercase;
    padding: 3px 0;
}
.funds-page table{
    margin-bottom: 30px;
}
.funds-page table thead{
    background-color: #f7f7f7;
}
.funds-page table thead th{
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
}
.funds-page table thead th a{
    text-transform: none;
    font-size: 12px;
    color: #507233;
    line-height: 16px;
    display: inline-block;
}
.funds-page table a{
    font-size: 14.5px;
    color: #507233;
}
.funds-page .funds-title{
    float: left;
    text-transform: uppercase;
    color: #6c6969;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 20px;
}
.funds-page .green{
    color: #10c483;
    text-align: center;
}
.funds-page .funds-info{
    float: right;
}
/* Brokers page */
.brokers-page .brokers-page-nav{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 25px;
    margin-top: 10px;
}
.brokers-page .brokers-page-nav li{
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    padding-right: 14px;
    margin-right: 14px;
    border-right: 1px solid #000;
}
.brokers-page .brokers-page-nav li:last-child{
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}
.brokers-page .brokers-page-nav li a.active{
    font-weight: bold;
}
.brokers-page .brokers-page-nav .brokers-search{
    position: relative;
}
.brokers-page .brokers-page-nav .text-input{
    text-transform: uppercase;
    font-size: 11px;
    color: #8f8e8e;
    background-color: #f8f8f8;
    padding: 6px;
    border-radius: 20px;
    border: 1px solid #a3a3a3;
    outline: none;
    border-bottom: 0;
    border-right: 0;
    padding-right: 20px;
    width: 160px;
}
.brokers-page .brokers-page-nav .brokers-search .search-icon{
    position: absolute;
    right: 0;
    background-color: transparent;
    background-image: url(../img/green-search.png);
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 22px;
    cursor: pointer;
}
.brokers-page table,
table.inv-table{
    width: 100%;
    float: left;
    border-collapse: collapse;
    table-layout: fixed;
}
.inv-table th a.sorted, .inv-table td a.sorted {
    padding-right: 10px;
    background: url(../img/table_arrow.gif) no-repeat right center;
}
.brokers-page .column1{
    width: 20%;
}
.brokers-page .column2{
    width: 40%;
}
.brokers-page .column3{
    width: 40%;
}
.brokers-page table tr:hover,
table.inv-table tr:hover{
    background-color: #f7f7f7;
}
.brokers-page thead,
.inv-table thead{
    background-color: #f7f7f7;
    border-bottom: 14px solid #FFF;
}
.brokers-page thead th,
.inv-table thead th{
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    color: #403c3a;
    text-align: left;
    padding: 5px 10px;
}
.brokers-page td,
.inv-table td{
    padding: 14px 10px;
    vertical-align: top;
}
.inv-table td ins{
    text-decoration: none;
    color: #878585;
    font-size: 14px;
}
.inv-table .down,
ins.down{
    color: #ff0028 !important;
}
.inv-table .up,
ins.up{
    color: #10c483 !important;
}
.inv-table tbody tr{
    background-image: url(../img/lines/inv-table-bottom-border.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.devident-table{
    margin: 20px 0;
    font-size: 15px;
}
.devident-table.inv-table tbody tr{
    background-image: none;
}
.table-filter{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 12px;
    color: #6c6969;
}
.table-filter .filter-item{
    float: left;
    margin-right: 10px;
}
.table-filter .date-input{
    font-size: 12px;
    font-weight: bold;
    background-color: #cce1b9;
    border: 0;
    border-radius: 20px;
    text-align: center;
    outline: none;
}
.table-filter input[type="text"]{
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 11px;
    border: 1px solid #a8a8a8;
    outline: none;
}
.trades-page{
    float: left;
    width: 100%;
}
.trades-page .inv-table{
    table-layout: auto;
}
.trades-page .inv-table .col3{
    font-size: 14.5px;
}
.trades-page .table-filter .date-input{
    width: 105px;
}
.trades-page .table-filter .text-input{
    width: 80px;
}
.trades-page .table-filter #selectUniversal{
    width: 90px;
    margin-left: 0px;
    border-radius: 8px;
    border: none;
    background-color: #cce1b9;
    outline: none;
    font-size: 12px;
    font-weight: bold;
    color: #2b4713;
}
/* Bulletin page */
.bulletin-page .inv-table a{
    color: #507233;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 20px;
}
.bulletin-page .inv-table thead th{
    font-size: 13px;
}
.bulleting-search-box{
    float: left;
    width: 100%;
    margin: 20px 0;
    font-size: 13px;
    color: #6c6969;
}
.bulleting-search-box .search-item{
    float: left;
    width: 100%;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}
.bulleting-search-box .search-item ins{
    text-decoration: none;
}
.bulleting-search-box .search-item input[type="text"]{
    margin-left: 8px;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 8px;
    padding: 3px;
    background-color: #f8f8f8;
    outline: none;
    border: 1px solid #a3a3a3;
}
.bulleting-search-box .search-item input[type="checkbox"]{
    margin-right: 8px;
}
.bulleting-search-box .search-item input[type="date"]{
    border-radius: 8px;
    outline: none;
    border: none;
    font-size: 12px;
    font-weight: bold;
    color: #2b4713;
    background-color: #cce1b9;
    box-sizing: border-box;
    padding: 2px 5px;
}
.bulleting-search-box .search-item select{
    width: 300px;
    margin-left: 8px;
    border-radius: 8px;
    border: none;
    background-color: #cce1b9;
    outline: none;
    font-size: 12px; 
    font-weight: bold;
    color: #2b4713;
}
.bulleting-search-box .search-item span{
    display: inline-block;
    margin: 0 5px;
}
.bulletin-page table{
    word-break: break-word;
}
.bulletin-page .grey{
    display: inline-block;
    width: 100%;
    color: #999;
    font-size: 14px;
}
.addbulletin-table{
    table-layout: auto !important;
    margin-top: 20px;
}
.addbulletin-table a{
    color: #507233;
    font-weight: bold;
}
.addbulletin-nav{
    margin-bottom: 10px;
}
.addbulletin-nav a{
    padding: 2px 5px;
}
.addbulletin-company{
    margin: 10px 0;
}
.addbulletin-button{
    margin: 10px 0;
}
/* Sectors Page */
.sectors-page{
    float: left;
    width: 100%;
}
.sectors-page .search-item span{
    width: 100px;
}
.sectors-page table .green{
    color: #10c483;
}
/* Right List Article */
.right-list-article{
    width: 300px;
    float: right;
    margin-right: 25px;
    margin-top: 25px;
}
.right-list-article .box-title{
    font-size: 14px;
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    padding: 12px 16px;
    box-sizing: border-box;
    margin-bottom: 6px;
}
.right-list-article ul{
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #f7f7f7;
    padding: 15px;
    box-sizing: border-box;
}
.right-list-article li{
    margin-bottom: 14px;
    padding-bottom: 14px;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.right-list-article li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.right-list-article ul h2{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
}
.article-listing-page .right-list-article{
    margin-right: 0;
    margin-bottom: 25px;
}
.overlay-view-image{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #212121;
    z-index: 200000;
    position: fixed;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.big-image{
    width: calc(100% - 80px);
    height: 90%;
    float: left;
    position: relative;
    text-align: center;
    margin-top: 2%;
}
.big-image img{
    max-width: 95%;
    max-height: 100%;
}
.right-nav{
    float: right;
    width: 80px;
    height: 100%;
    background-color: #000000;
    position: relative;
}
.close-gallery{
    background-image: url(../img/close-icon-white.png);
    width: 22px;
    height: 22px;
    margin: 0 auto;
    margin-top: 30px;
    cursor: pointer;
}
.close-gallery:hover{
    opacity: 0.8;
}
.social-gallery{
    position: absolute;
    bottom: 0;
    background-color: #507233;
    width: 100%;
}
.social-gallery ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-gallery ul li{
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.social-gallery ul li a{
    display: block;
}
.social-gallery ul li a:hover{
    opacity: 0.8;
}
/* Live page */
.event-livebox{
    float: left;
    width: 100%;
    background: #e2ebdd;
    box-sizing: border-box;
    padding: 16px;
    margin-bottom: 20px;
}
.event-livebox .player-image{
    float: left;
}
.event-livebox .events-social{
    float: right;
    width: 266px;
    text-align: center;
    padding-left: 20px;
    box-sizing: border-box;
}
.event-livebox .events-social img{
    margin-bottom: 43px;
}
.article-aside,
.indexes-aside{
    float: right;
    width: 300px;
}
.indexes-aside .right-list-article{
    margin-right: 0;
    margin-top: 0;
}
.indexes-aside .home-tabs-box.aside-tabs{
    margin-right: 0;
}
.indexes-aside #div-gpt-ad-4{
    margin-top: -25px;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-default .onesignal-bell-launcher-button svg .background {
    fill: #507233 !important;
}
/* Most read 7 and 30 */
.most-read-article{
    margin-top:  25px;
}
.most-read-article .tabs .tab button{
    margin-right: 9px;
    padding-right: 9px;
}
.most-read-article .article-image{
    float: left;
    width: 40%;
    padding-right: 10px;
    box-sizing: border-box;
}
.most-read-article h2{
    float: left;
    width: 60%;
    display: inline-block;
}
.most-read-article .box-title{
    background-color: #cce1b9;
    margin-bottom: 0;
    padding-top: 15px;
    font-size: 20px;
    background-image: none !important;
}
.most-read-article .tabs .tab button.active{
    border-bottom: 4px solid #cce1b9;
}
.most-read-article .tabs .tab{
    padding: 0;
    width: 100%;
}
.most-read-article .tabs .tab button{
    padding: 10px;
        width: 50%;
    box-sizing: border-box;
    float: left;
    margin-right: 0;
    position: relative;
}
.most-read-article .tabs .tab button:nth-child(1){
    border-right: 0;
}
.most-read-article .tabs .tab button:nth-child(1):after{
    content: "";
    width: 1px;
    height: 12px;
    background: #000;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
/* Alaric home page box */
.alaric-box{
    margin-top: 25px;
    background-color: #161f65;
    background-image: url(../img/alaric-box-background.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-bottom: 50px;
}
.alaric-box .box-title{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.alaric-box .box-title img{
    float: right;
}
.alaric-mobile-logo{
        display: none;
    }
    .alaric-box .box-title br{
        display: none;
    }
    @media only screen and (max-width: 1000px) {
        .alaric-box .box-title br{
            display: block;
        }
    }
@media only screen and (max-width: 720px) {
    .alaric-box .box-title a{
        margin-left: auto;
        margin-top: 15px;
    }
    .alaric-desktop-logo{
        display: none;
    }
    .alaric-mobile-logo{
        display: block;
    }
    .alaric-box{
        background-size: 300px;
        background-position: top -141px right;
    }
    .alaric-box .box-title img{
        margin-top: -15px;
    }
}
@media only screen and (max-width: 380px) {
    .alaric-box .box-title{
        font-size: 18px;
    }
}
/* Footer Style */
.main-footer{
    width: 1000px;
    margin: 0 auto;
    background-color: #000000;
    color: #FFF;
    font-size: 12px;
    font-weight: 300;
}
.main-footer .main-container{
    background-color: #000;
}
.main-footer a{
    color: #FFF;
}
.main-footer a:hover{
    text-decoration: underline;
}
.main-footer .footer-follow{
    float: left;
    width: 100%;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 12px; 
    text-transform: uppercase;
    box-sizing: border-box;
    background-color: #FFF;
}
.main-footer .footer-follow .follow-us img{
    margin: 10px 2px;
}   
.main-footer .footer-links{
    padding: 30px 0;
    font-size: 14px;
    line-height: 25px;
    color: #d3d3d3;
}
.main-footer .footer-links a{
    color: #d3d3d3;
}
.main-footer .footer-links > div{
    width: 100%;
    text-align: center;
}
.main-footer .footer-links .footer-right{
    margin-bottom: 20px;
}
.main-footer .footer-links .footer-logo{
    margin-bottom: 18px;
}
.main-footer .backtotop-line{
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 14px;
    text-align: right;
    text-transform: uppercase;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
    display: none !important;
}
.clear{
    clear: both;
}