@font-face { font-family: Ubuntu; src: url(../fonts/Ubuntu-R.ttf); }
html, body, input { font-family: 'Ubuntu', sans-serif; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, th, td {
    padding: 0; margin: 0; font-size: 1em;
}
a { text-decoration: none; }
.clear { clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; }
:focus { outline: none; }
img { border: 0; }
ul { list-style: none; }

body { background: #f2f2f2; }
.main { position: relative; margin: 14px auto; width: 1050px; clear: both; }

.bodyOverlay { z-index: 200; background-color: #000000; height: 100%; left: 0; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); /filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); position: fixed; top: 0; width: 100%; }

.flash-warning, .flash-error { color: #EE0000; }

.leftColumn { float: left; }
.rightColumn { float: right; }
.bottomJoinedColumn, .topJoinedColumn { margin: 0 auto; width: 1050px; }

.header { width: 100%; background: #000; }
.headerContainer { width: 1050px; margin: 0 auto; position: relative; }
.mobileMenuIcon { display: none; }
.logoBlock { position: relative; float: left; margin: 10px 0; height: 24px; display: table-cell; }
.headerMenu { margin: 0 auto; width: 460px; padding: 12px 0; }
.headerMenu li { float: left; margin-right: 20px; }
.headerMenu a { color: #fff; text-transform: uppercase; font-size: 90%; }
.headerMenu a.selected, .headerMenu a:hover { color: #479b00; }
.headerIcons { position: absolute; right: 0; top: 12px; }
.headerIcons a { display: block; float: left; color: #fff; font-size: 90%; margin-left: 10px; }
.headerIcons .searchIcon { background: url(../images/icons.png); width: 29px; height: 22px; }

.search { width: 100%; background: #fff; position: absolute; z-index: 1000; display: none; }
.searchContainer { width: 1050px; margin: 0 auto; position: relative; }
.searchContainer .searchInputContainer { float: left; width: 100%; padding: 10px 0; }
.searchContainer .searchInput { float: left; width: 100%; border: none; padding: 10px 0; font-size: 140%; color: #999; }
.searchContainer .findIcon { float: left; background: url(../images/icons.png) 0 37px; width: 37px; height: 37px;
    margin-top: 5px; }
.searchContainer .closeIcon { display: block; float: right; background: url(../images/icons.png) 0 59px; width: 30px;
    height: 21px; margin-top: 15px; }
.searchContainer .input { width: 80%; float: left; margin-left: 20px; }

.footer { width: 100%; background: #4d4d4d; padding-bottom: 10px; }
.copyrights { font-size: 80%; color: #fff; float: left; clear: left; }
.footerContainer { width: 1050px; margin: 0 auto; position: relative; }
.footerLogoContainer { float: left; }
.footerMenuContainer { float: right; padding-top: 10px; }
.footerMenu { float: left; width: 150px; margin-right: 10px; }
.footerMenu:nth-child(2) { width: 210px; }
.footerMenu li { float: left; clear: left; font-size: 90%; }
.footerMenu a { color: #fff; }

/** Common article styles */
.articleHeader { float: left; margin-bottom: 10px; }
.articleHeader .category { float: left; color: #fff; background: #479b00; padding: 1px 3px; text-transform: uppercase; font-size: 80%; }
.articleHeader .date { float: left; color: #999; padding: 1px 3px; margin-left: 10px; font-size: 80%; }
.article .articleContainer { padding: 0 15px; }
.article .title { clear: left; font-size: 170%; margin-bottom: 10px; line-height: 1.5; }
.article .lead { font-size: 100%; margin-bottom: 10px; line-height: 1.5; }
.article .content { margin-bottom: 10px; clear: left; }
.article .content p { padding-bottom: 10px; line-height: 1.5; }
.article .content a { color: #000; border-bottom: 1px solid #479b00; }
.article .content a:hover { color: #479b00; }
.article .content img { max-width: 668px; }
.article .content ul { list-style-type: disc; }
.article .content li { margin: 0 0 10px 15px; line-height: 1.5; }

.article .source { display: block; color: #999; font-size: 90%; margin-bottom: 10px; clear: left; }
.article .tagsHeader { font-weight: bold; margin-bottom: 5px;  }
.article .tag { padding-right: 5px; color: #999; font-size: 90%; }

/** Subscribe block **/
.subscribeBlock { width: 100%; background: #3985C1; margin-top: 20px; }
.subscribeContainer { padding: 10px; }
.subscribeContainer .promoText { float: left; color: #fff; }
.subscribeContainer .promoText .strong { font-weight: bold; }
.subscribeContainer .subscribeForm { float: right; margin-top: 10px; }
.subscribeContainer .subscribeInput { float: left; margin-right: 10px; }
.subscribeContainer .subscribeInput input { width: 150px; color: #999; font-size: 90%; padding: 1px 5px; }
.subscribeContainer .subscribeButton { float: left; }
.subscribeContainer .subscribeButton button { font-size: 90%; color: #fff; background: #3985C1; border-color: #fff; }

.topReadArticles { border: 1px solid #f2f2f2; border-top: 3px solid #479b00; }
.topReadArticles .topReadArticleContainer { padding: 5px 10px; }
.topReadArticles .blockHeader { color: #479b00; text-transform: uppercase; margin-bottom: 15px; }
.topReadArticles .articleBlock { margin-bottom: 15px; }
.topReadArticles .title { display: block; color: #000; font-size: 90%; margin-bottom: 5px; float: left; }
.topReadArticles .date { color: #999; font-size: 80%; clear: left; }

.listArticles { padding: 10px 20px; }
.listArticles .day { color: #479b00; text-transform: uppercase; margin: 10px 0; font-size: 90%; }
.articleItem { margin-bottom: 10px; float: left; width: 100%; }
.articleItem .time { float: left; margin-right: 20px; font-size: 80%; color: #999; padding-top: 2px; }
.articleItem .title { float: left; color: #000; display: block; max-width: 90%; }
.listArticles .showMore, .sectionPage .showMore { text-transform: uppercase; color: #000; border: 1px solid #000; padding: 2px 5px;
    margin: 20px auto 0; display: table; text-align: center; }
.monthContainer { float: left; clear: left; }

.bottomJoinedColumn .articleTop { margin-bottom: 14px; }

/* Calendar */
.calendarPage .leftColumn, .tagPage .leftColumn, .newsPage .leftColumn, .partnersArticlesPage .leftColumn, .searchPage .leftColumn { width: 170px; }
.calendarPage .rightColumn, .tagPage .rightColumn, .newsPage .rightColumn, .partnersArticlesPage .rightColumn, .searchPage .rightColumn { width: 870px; }
.eventBlock { display: block; padding: 10px; background: #fff; border-top: 3px solid #479B00; margin-bottom: 10px; }
.eventBlock .date { display: block; color: #fff; background: #f37e27; padding: 1px 3px; float: left; margin-bottom: 10px; }
.eventBlock .title { display: block; color: #000; font-weight: bold; clear: left; margin-bottom: 10px; }
.eventBlock .lead { display: block; color: #000; font-size: 90%; }

.monthsList a { color: #999; margin-bottom: 3px; padding: 0 2px; border: 1px solid transparent; }
.monthsList .year { display: block; float: left; clear: left; }
.monthsList .month { display: block; float: left; clear: left; margin-left: 15px; }
.monthsList .year.selected, .monthsList .month.selected { color: #479b00; border: 1px solid #479b00; }

.calendarEventPage .mainContainer, .articlePage .mainContainer { background: #fff; padding: 10px; }
.calendarEventPage .leftColumn, .articlePage .leftColumn { width: 705px; }
.calendarEventPage .rightColumn, .articlePage .rightColumn { width: 315px; }

/* Tag */
.tagPage .rightColumn, .newsPage .rightColumn, .partnersArticlesPage .rightColumn { background: #fff; border-top: 3px solid #479b00;  }
.tagBlock .blockHeader { color: #999; margin-bottom: 5px; }
.tagBlock .blockContent { color: #479b00; border: 1px solid #479b00; padding: 1px 3px; float: left; }

/* Static page */
.staticPage .articleHeader { display: none; }

/* Section page */
.sectionPage .leftColumn { width: 100%; }
.sectionPage .rightColumn { display: none; }

.articleBlockTop, .articleBlockMiddle, .articleBlockBottom { margin-bottom: 14px; }

.articleTop { width: 340px; height: 403px; margin-right: 14px; float: left; background: #fff; position: relative; }
.articleTop:nth-child(3) { margin-right: 0; }
.articleTopContainer, .articleBottomContainer, .articleMiddleContainer { padding: 10px; }
.articleTop .category, .articleBottom .category { font-size: 70%; color: #479B00; border: 1px solid #479B00; float: left; padding: 1px 3px;
    margin-bottom: 10px; text-transform: uppercase; }
.articleTop .title, .articleBottom .title { clear: left; }
.articleTop .title a, .articleBottom .title a { color: #000; font-size: 110%; }
.articleTop .date, .articleBottom .date { position: absolute; bottom: 10px; left: 10px; color: #999; font-size: 80%; }

.articleMiddle { width: 518px; height: 389px; margin-right: 13px; float: left; position: relative; background: #000; }
.articleMiddle:nth-child(2) { margin-right: 0; }
.articleMiddleInfoContainer { position: absolute; bottom: 20px; left: 30px; height: 120px; padding-right: 30px;
    text-shadow: 2px 2px 1px #000; z-index: 200; }
.articleMiddle .category { font-size: 70%; color: #fff; border: 1px solid #fff; float: left; padding: 1px 3px;
    margin-bottom: 10px; text-transform: uppercase; }
.articleMiddle .title { clear: left; margin-bottom: 10px; font-weight: bold; }
.articleMiddle .title a { color: #fff; font-size: 110%; }
.articleMiddle .date { color: #fff; font-size: 80%; position: absolute; bottom: 0; left: 0; }

.articleBottom { width: 252px; height: 379px; margin-right: 13px; float: left; background: #fff; position: relative; }
.articleBottom:nth-child(2) { margin-right: 14px; }
.articleBottom:nth-child(4) { margin-right: 0; }

/* twitter block */
.twitterBlock { border: 1px solid #f2f2f2; margin-bottom: 20px; }
.twitterBlockContainer { padding: 10px; }
.twitterBlock .blockImageContainer { height: 100%; float: left; margin: 10px 30px; }
.twitterBlock .blockImage { width: 53px; height: 52px; background: url(../images/twitter.png); }
.twitterBlock .blockContentContainer { float: left; margin: 30px; }
.twitterBlock .blockContent { font-size: 90%; }
.twitterBlock .blockButton {  margin-top: 10px; }

/* HomePage */
.homePage .leftColumn { width: 308px; }
.homePage .rightColumn { width: 728px; }
.homePage .topReadArticles { background: #fff; }

.overlay { position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: #000; opacity: 0.3; z-index: 100; }

.hpArticleTop { width: 728px; height: 267px; position: relative; background: #000; margin-bottom: 14px; }
.hpArticleTopInfoContainer { position: absolute; bottom: 20px; left: 20px; height: 90px; padding-right: 30px;
    text-shadow: 4px 4px 2px #000; z-index: 200; }
.hpArticleTop .category { font-size: 70%; color: #fff; border: 1px solid #fff; float: left; padding: 1px 3px;
    margin-bottom: 10px; text-transform: uppercase; }
.hpArticleTop .title { clear: left; margin-bottom: 10px; }
.hpArticleTop .title a { color: #fff; font-size: 130%; }
.hpArticleTop .date { color: #fff; font-size: 80%; position: absolute; bottom: -10px; left: 0;}

.topReadSectionArticle .hpArticleTop { width: 503px; height: 287px; margin-bottom: 0; }
.topReadSectionArticle .hpArticleTopInfoContainer { height: 120px; }

.hpArticleMiddle { width: 357px; height: 267px; margin: 0 14px 14px 0; float: left; position: relative; background: #000; }
.hpArticleMiddle:nth-child(2) { margin-right: 0; }
.hpArticleMiddleInfoContainer { position: absolute; bottom: 20px; left: 20px; height: 130px; padding-right: 30px;
    text-shadow: 4px 4px 2px #000; z-index: 200; }
.hpArticleMiddle .category { font-size: 70%; color: #fff; border: 1px solid #fff; float: left; padding: 1px 3px;
    margin-bottom: 10px; text-transform: uppercase; }
.hpArticleMiddle .title { clear: left; margin-bottom: 10px; }
.hpArticleMiddle .title a { color: #fff; font-size: 120%; }
.hpArticleMiddle .date { color: #fff; font-size: 80%; position: absolute; bottom: -10px; left: 0; }

.hpArticleBlockBottom { margin-bottom: 14px;}
.hpArticleBlockBottom:nth-child(2n) { margin-bottom: 0; }
.hpArticleBottom { width: 233px; height: 334px; margin-right: 14px; float: left; background: #fff; position: relative; }
.hpArticleBottom:nth-child(3) { margin-right: 0; }
.hpArticleBottomContainer { padding: 10px; }
.hpArticleBottom .category { font-size: 70%; color: #479B00; border: 1px solid #479B00; float: left; padding: 1px 3px;
    margin-bottom: 10px; text-transform: uppercase; }
.hpArticleBottom .title { clear: left; }
.hpArticleBottom .title a { color: #000; font-size: 100%; }
.hpArticleBottom .date { position: absolute; bottom: 10px; left: 10px; color: #999; font-size: 80%; }

.hpTopReadArticles { border: 1px solid #f2f2f2; border-top: 3px solid #479b00; background: #fff; margin-bottom: 14px;
    position: relative; }
.hpTopReadArticles .hpTopReadArticleContainer { padding: 5px 10px; height: 100%; }
.hpTopReadArticles .blockHeader { color: #479b00; text-transform: uppercase; margin-bottom: 15px; }

.hpTopReadArticles .blockContentLeft { float: left; width: 49%; }

.hpTopReadArticles .blockContentRight { float: right; width: 49%; height: 287px; }
.hpTopReadArticles .blockContentRight .articleBlockContainer { width: 100%; position: relative; height: 50%;  margin-bottom: 5px; }
.hpTopReadArticles .blockContentRight .articleBlockContainer:nth-child(2) { margin-bottom: 0; }
.hpTopReadArticles .blockContentRight .articleBlock { width: 49%; float: left; }
.hpTopReadArticles .blockContentRight .articleBlock:nth-child(1) { margin-bottom: 10px; }
.hpTopReadArticles .blockContentRight .articleBlock:nth-child(2n-1) { clear: left; }
.hpTopReadArticles .blockContentRight .articleBlock:nth-child(2n) { float: right; }
.hpTopReadArticles .blockContentRight .title { line-height: 1.5; display: block; color: #000; font-size: 100%; float: left; }
.hpTopReadArticles .blockContentRight .date { color: #999; font-size: 80%; position: absolute;  }
.hpTopReadArticles .blockContentRight .articleBlock:nth-child(even) .date { bottom: 10px; left: 0; }
.hpTopReadArticles .blockContentRight .articleBlock:nth-child(odd) .date { bottom: 10px; left: 51%; }

.homePage .topReadArticles { max-height: 1806px; overflow: hidden; position: relative; }
.homePage .topReadArticles .showMoreBlock { border: 3px solid #f2f2f2; width: 326px; text-align: center;
    padding: 10px 0; margin-left: -10px; margin-right: -10px; position: absolute; bottom: 0; left: 0; background: #479b00; }
.homePage .topReadArticles .showMoreBlock a { color: #fff; text-transform: uppercase; font-size: 110%; }

.homePage .topReadArticles .gradient { height: 60px; width: 326px; position: absolute; opacity: 0.5; left: 0;
    bottom: 42px; background: linear-gradient(to top, #f2f2f2, #fff 30%); }

.socialButtons { margin: 10px 0; }
.socialButtons .shareButton { float: left; }
.tw-share-button { margin-left: 10px; }

.commentsBlock { margin-top: 20px; }

.mainTopic { width: 100%; margin-top: 14px; }
.mainTopic a { border: 3px solid #479B00; display: block; text-align: center; font-size: 120%;
    color: #000; background: #fff; padding: 10px; }
.mainTopic .prefix { text-decoration: underline; }

.page404 .leftColumn, .underConstruction .leftColumn { width: 100%; }
.page404 .rightColumn, .underConstruction .rightColumn { width: 0; }
.centerBlock { width: 50%; margin: 100px auto 270px; text-align: center; }
.centerBlock .code404 { font-size: 500%; color: #479b00; font-weight: bold;  margin-top: 50px; }
.centerBlock .title { text-transform: uppercase; color: #479b00; margin-top: 30px; font-size: 150%; }
.centerBlock .description { margin-top: 30px; }