/*!
 * CSS-Doc for mBank 6.0 forum styles :: 16/09/2015 @ fs
 * version: 0.105 release: 07/06/23 @ pp
 */
/*
 * v. 0.97 @ pp: hid social buttons container (SKCZDEV-389)
 * v. 0.98 @ mj (27/03/19): Repair bugs - ad7 (SKCZDEV-379)
 * v. 0.99 @ vlk (01/04/19): usuniecie linii dla blog (SKCZDEV-417)
 * v. 0.100 @ pp (27/03/20): zwezenie okna logowania + poprawki konwencji (SKCZDEV-474)
 * v. 0.101 @ fs (22/05/20): bledy na prod (SKCZDEV-379)
 * v. 0.102 @ pp (23/02/21): usuniecie prawego marginesu z oceniania w boksie na HP bloga po ukryciu komentarzy (SKCZDDEV-531)
 * v. 0.103 @ fs (07/07/21): default font change (SKCZDEV-541)
 * v. 0.104 @ pp (07/06/23): dodanie dwoch regul dla kontenera wiadomosci (latestNewsContainer) w zwiazku z usunieciem wyszukiwarki na blogu (SKCZDEV-652)
 * v. 0.105 @ pp (06/11/20): zmiana naglowka h1 na h3 w kategoriach w artykulach na blogu (SKCZDEV-518)
 */
@font-face {
	font-family: 'weather';
	src: url('./fonts/weather-font.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*=============
SKCZ OVERRIDES
=============*/
[id^=___plusone] {width: 60px !important;}
section .container.wrap {padding: 0; font-size: 0.4em;}
.community nav.third-level {/*margin: 15px 0;*/ border: 0; min-height: .9em;}
/* .community nav.third-level li {border-right: 1px solid #d7d7d7;} MPD */
/* .community nav.third-level li a {padding: 5px 5px;} */
.community nav.third-level li:last-of-type {border-right: 0;}
/* .community nav.third-level li:first-of-type a {margin-left: 0; padding-left: 0;} MPD*/
/* @media screen and (max-width: 768px) {
	.community nav.third-level li:first-of-type a {margin-left: 1.1em; padding-left: 11px;}
} MPD*/

/*style dla 3-poziomu manu tylko dla bloga z 9 elementami w menu*/
.community nav.third-level li a {margin: 0 0.6em;}
nav.third-level li a::after {position: absolute; left: -webkit-calc(3em - 100%); left: calc(3em - 100%); bottom: 0; width: -webkit-calc(200% - 4em); width: calc(200% - 4em); height: 3px; visibility: hidden; content: '';}

.news.community .articleHead .blog-stars {margin: 0;}
.news.community .articleHead .socialBtns {float: right; margin: 0;}

.tooltip {position: relative;}
.tooltip > div {position: absolute; bottom: 0; right: -40px; display: none; width: 300px; height: auto; border-radius: 6px; border: 1px solid #999; padding: 1em; background: #fff;}
.tooltip:hover > div {display: block;}

body.indywidualny section.article .column.wide .articleContent a {color: #E41609;}
body.private-banking section.article .column.wide .articleContent a {color: #B99563;}
body.firmy section.article .column.wide .articleContent a {color: #70B23D;}
body.msp-korporacje section.article .column.wide .articleContent a {color:#0089CA;}

section.blog.news {padding: 0 15px;}
section.article {padding: 0 15px;}
section.article .column.wide .articleContent {font-size: 0.4rem;}

.blog-stars {display: inline-block; margin-left: 10px; font-size: 0; vertical-align: middle;}
.blog-stars.enabled span {cursor: pointer;}
.blog-stars span {display: inline-block; width: 16px; height: 20px; background: url(../img/community/blog-stars.png) no-repeat -16px center;}
.blog-stars span.active {background: url(../img/community/blog-stars.png) no-repeat 0 center;}
body.news.index .blog-stars {float: right; margin-left: 0;}
.blog-stars.enabled:hover span {opacity: 1;}
.blog-stars.enabled:hover span:hover ~ * {opacity: 0.2;}

/* WEATHER PLUGIN */
#weather-bar {height: 40px; background: #444;}
#weather-bar * {color: #fff;}
#weather-bar .container > div {float: right; display: inline-block;}
#weather-bar #weather-date {font-size: 14px;}
#weather-bar #weather-date::before {content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 8px; background: url(../img/community/clock.png) no-repeat; vertical-align: sub;}
#weather-bar #weather-date > span {display: inline-block; margin-right: 20px; padding: 13px 0;}
#weather-bar #weather {width: 140px; border-left: 1px solid #fff; margin: 12px 0; padding: 0 0 0 20px;}
#weather-bar #weather h2 {position: relative; margin: 0; font-size: 14px;}
#weather-bar #weather h2 #temp {display: inline-block; width: 40px; padding: 0 30px 0 5px; text-align: right;}
#weather-bar #weather i {position: absolute; right: 0; top: 0; font-family: weather; font-size: 28px;}
#weather-bar #weather i::before {position: absolute; top: -8px; right: 0;}
.icon-0::before {content: ':';}
.icon-1::before {content: 'p';}
.icon-2::before {content: 'S';}
.icon-3::before {content: 'Q';}
.icon-4::before {content: 'S';}
.icon-5::before {content: 'W';}
.icon-6::before {content: 'W';}
.icon-7::before {content: 'W';}
.icon-8::before {content: 'W';}
.icon-9::before {content: 'I';}
.icon-10::before {content: 'W';}
.icon-11::before {content: 'I';}
.icon-12::before {content: 'I';}
.icon-13::before {content: 'I';}
.icon-14::before {content: 'I';}
.icon-15::before {content: 'W';}
.icon-16::before {content: 'I';}
.icon-17::before {content: 'W';}
.icon-18::before {content: 'U';}
.icon-19::before {content: 'Z';}
.icon-20::before {content: 'Z';}
.icon-21::before {content: 'Z';}
.icon-22::before {content: 'Z';}
.icon-23::before {content: 'Z';}
.icon-24::before {content: 'E';}
.icon-25::before {content: 'E';}
.icon-26::before {content: '3';}
.icon-27::before {content: 'a';}
.icon-28::before {content: 'A';}
.icon-29::before {content: 'a';}
.icon-30::before {content: 'A';}
.icon-31::before {content: '6';}
.icon-32::before {content: '1';}
.icon-33::before {content: '6';}
.icon-34::before {content: '1';}
.icon-35::before {content: 'W';}
.icon-36::before {content: '1';}
.icon-37::before {content: 'S';}
.icon-38::before {content: 'S';}
.icon-39::before {content: 'S';}
.icon-40::before {content: 'M';}
.icon-41::before {content: 'W';}
.icon-42::before {content: 'I';}
.icon-43::before {content: 'W';}
.icon-44::before {content: 'a';}
.icon-45::before {content: 'S';}
.icon-46::before {content: 'U';}
.icon-47::before {content: 'S';}

@media screen and (max-width: 639px) {
	#weather-bar {display: none;}
}

.no-margin {margin: 0;}
.hpPoints {display: none;}

body section.article .column.wide .articleContent a[href*=".pdf"].add-pdf::before {content: ''; float: left; display: inline-block; width: 20px; height: 38px; margin-right: 10px;}
body section.article .column.wide .articleContent a[href*=".pdf"].add-pdf::after {content: ''; display: block; clear: both;}
body.indywidualny section.article .column.wide .articleContent a[href*=".pdf"]::before {background: url(../img/community/pdf-icon-ind.png) no-repeat center center; background-size: contain;}
body.private-banking section.article .column.wide .articleContent a[href*=".pdf"]::before {background: url(../img/community/pdf-icon-priv.png) no-repeat center center; background-size: contain;}
body.firmy section.article .column.wide .articleContent a[href*=".pdf"]::before {background: url(../img/community/pdf-icon-firm.png) no-repeat center center; background-size: contain;}
body.msp-korporacje section.article .column.wide .articleContent a[href*=".pdf"]::before {background: url(../img/community/pdf-icon-msp.png) no-repeat center center; background-size: contain;}

#backAllNews.news-back {display: inline-block; vertical-align: top; margin-top: 0;}
.fakeNews a {text-decoration: none !important;}
.fakeNews .title {display: block; margin: 0; margin-bottom: 1em; padding: 0; font-size: 0.6rem;}
.community .column.narrow {width: 360px; min-width: 360px; padding: 0 0 0 0.75rem;}
.community .column.narrow ul {font-size: 0.4rem; line-height: 0.7rem; margin: 0; list-style-image: url(../img/bullets/square-corpo.png);}
.community .column.narrow ul.t-margin10 {margin-top: 10px;}
.community .column.narrow .social a:hover {opacity: 0.5;}
.community .filters {padding-bottom: 10px;}
.community time {vertical-align: middle;}

.community div.column.wide h4 {font: 0.6rem/0.6rem 'Montserrat Lite Semi'; margin-top: 0.3rem; margin-bottom: 0.3rem;}
.community div.column.narrow h4 {font: 0.6rem/0.6rem 'Montserrat Lite Semi'; margin-top: 1.2em; margin-bottom: 0.3rem;}

.indywidualny .fr.edge {color: #E41609;}
.msp-korporacje .fr.edge {color: #0089CA;}
.msp-korporacje #filters::after {background-image: url(../img/dropdown-blue.png);}
.private-banking .fr.edge {color: #B99563;}
.private-banking #filters::after {background-image: url(../img/dropdown-brown.png);}

/* .community nav.third-level li a::after {background: none !important;} */

/* .community nav.third-level .menu-en li:nth-of-type(1) a::after {background: transparent linear-gradient(to left, #0089CA 0%, #0089CA 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level .menu-en li:nth-of-type(2) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level .menu-en li.active:nth-of-type(1) a::after {background: transparent linear-gradient(to left, #0089CA 0%, #0089CA 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level .menu-en li.active:nth-of-type(2) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level .menu-en li.active:nth-of-type(1) a {color: #0089CA;}
.community nav.third-level .menu-en li.active:nth-of-type(2) a {color: #E41609;}

.community nav.third-level li:nth-of-type(1) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(2) a::after {background: transparent linear-gradient(to left, #B99563 0%, #B99563 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(3) a::after {background: transparent linear-gradient(to left, #70B23D 0%, #70B23D 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(4) a::after {background: transparent linear-gradient(to left, #0089CA 0%, #0089CA 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(5) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(6) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}

.community nav.third-level li.active:nth-of-type(1) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(2) a::after {background: transparent linear-gradient(to left, #B99563 0%, #B99563 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(3) a::after {background: transparent linear-gradient(to left, #70B23D 0%, #70B23D 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(4) a::after {background: transparent linear-gradient(to left, #0089CA 0%, #0089CA 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(5) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(6) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}

.community nav.third-level li.active:nth-of-type(1) a {color: #E41609;}
.community nav.third-level li.active:nth-of-type(2) a {color: #B99563;}
.community nav.third-level li.active:nth-of-type(3) a {color: #70B23D;}
.community nav.third-level li.active:nth-of-type(4) a {color: #0089CA;}
.community nav.third-level li.active:nth-of-type(5) a {color: #E41609;}
.community nav.third-level li.active:nth-of-type(6) a {color: #E41609;} */

/*testy menu third part*/

.community nav.third-level .menu-en li:nth-of-type(1) a::after {background: transparent linear-gradient(to left, #0089CA 0%, #0089CA 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level .menu-en li:nth-of-type(2) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level .menu-en li.active:nth-of-type(1) a::after {background: transparent linear-gradient(to left, #0089CA 0%, #0089CA 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level .menu-en li.active:nth-of-type(2) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level .menu-en li.active:nth-of-type(1) a {color: #0089CA;}
.community nav.third-level .menu-en li.active:nth-of-type(2) a {color: #E41609;}

.community nav.third-level li:nth-of-type(1) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(2) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(3) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(4) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(5) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(6) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(7) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(8) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li:nth-of-type(9) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}

.community nav.third-level li.active:nth-of-type(1) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(2) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(3) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(4) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(5) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(6) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(7) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(8) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}
.community nav.third-level li.active:nth-of-type(9) a::after {background: transparent linear-gradient(to left, #E41609 0%, #E41609 50%, transparent 50%, transparent 50%, transparent 100%);}

/*.community nav.third-level li.active:nth-of-type(1) a {color: #E41609;}
.community nav.third-level li.active:nth-of-type(2) a {color: #E41609;}
.community nav.third-level li.active:nth-of-type(3) a {color: #E41609;}
.community nav.third-level li.active:nth-of-type(4) a {color: #E41609;}
.community nav.third-level li.active:nth-of-type(5) a {color: #E41609;}
.community nav.third-level li.active:nth-of-type(6) a {color: #E41609;}
.community nav.third-level li.active:nth-of-type(7) a {color: #E41609;}
.community nav.third-level li.active:nth-of-type(8) a {color: #E41609;}*/

body.community #page-head {border-bottom: none !important;}
body.community .proper-head {padding-bottom: 23px;}
.community #weather-bar {padding: 10px 0;}
.community nav.third-level li a::after {bottom: 0;}
/*.desktop .community #page-head li.active ul.submenu {display: none;}*/
.mobile .community #page-head li.active ul.submenu, .tablet .community #page-head li.active ul.submenu {display: block; height: auto;}
#page-head li.active ul.submenu {height: auto;}
.desktop .community nav.third-level {margin: 0 0 15px 0;}
.tablet .community nav.third-level, .mobile .community nav.third-level {margin: 15px 0;}

/*koniec testow*/
.news.community .socialBtns {display: none/*inline-block*/; margin: 1rem 0;}/* temporarly removed from view */
.news.community .socialBtns span {display: inline-block; vertical-align: text-top;}
.news.community .socialBtns span:first-of-type {margin-right: 4px;}

.news.community #filters {float: left; height: auto; margin-top: 12px; padding: 0;}
.news.community .blog.news .recommendedNews > .column {padding-top: 10px;}
.news.community .news-back {display: block; margin: 0.5rem 0;}
.news.community .news-back::before {content: ''; float: left; display: inline-block; width: 8px; height: 12px; background: url(../img/arrows.png) -45px 0 / 105px auto; margin: 2px 5px 0 0;}
.news.community .article {margin-bottom: 20px;}
.news.community .article .replays {display: inline-block;}
.news.community .article .replays h3 {font-size: 0.5rem;}
.news.community .article .addCommentBlock {float: right; display: inline-block; width: 50%;}
.news.community .article .addCommentBlock .addComment {font-size: 0.5rem; font-weight: 400; vertical-align: middle; text-align: left; cursor: pointer;}
.news.community .article .addCommentBlock .addComment::after {content: '+'; display: inline-block; height: 7px; color: #e11a33; font-size: 3em; line-height: 0; vertical-align: middle;}
.news.community .comment {padding-top: 30px; margin-bottom: 20px; font-size: 0; background: #f5f5f5;}
.news.community div.column.narrow {background: transparent; padding-right: 0;}
.news.community div.column.narrow .popularComments {padding-top: 0;}
.news.community div.column.wide {background: transparent; box-sizing: border-box;}
.news.community div.column.wide .article h1 {display: block; float: none; margin-top: 0; margin-bottom: 0; padding: 0; font: .6rem "Montserrat Lite Bold";}
.news.community div.column.wide h1 {float: left; display: inline-block; margin-bottom: 0.3rem; font-size: 0.5rem; font-family: 'Montserrat Lite Bold';}
.news.community div.column.wide span.cat {display: block; margin-bottom: 1rem;}
.news.community div.column.wide span.cat h3 {display: block; float: none; margin-top: 1rem; padding: 0; font-family: 'Montserrat Lite'; font-size: 0.5rem;}
.news.community div.column.wide span.cat > div {box-sizing: border-box; display: inline-block; width: 50%; padding-right: 2rem; vertical-align: top;}
.news.community div.column.wide span.cat > div p {font-size: 0.4rem;}
.news.community div.column.wide span.cat > div h3 {margin-top: 0;}

.news.community .forumTopicSearch {padding: 0;}
.news.community .forumTopicSearch .searchBox {width: 100%;}
.news.community .forumTopicSearch .searchBox form {padding: 0;}

.community .recommendedNews {display: table; width: 100%; border-spacing: 15px; background-color: #f5f5f5;}
.community .recommendedNews > div.fakeNews {display: table-cell; position: relative; width: 33%; height: 200px; padding: 10px; background-color: #fff; color: #4e4e4e; font-size: 0.325rem;}
.community .recommendedNews > a {display: table-cell; position: relative; width: 33%; height: 200px; padding: 10px; padding-bottom: 60px; background-color: #fff; color: #4e4e4e; font-size: 0.325rem; cursor: pointer;}
.community .recommendedNews > a:hover {text-decoration: none;}
.community .recommendedNews > a p.title {display: block; margin-bottom: 1em; padding: 0; font-size: 0.6rem;}
.community .recommendedNews > a p.desc {display: block; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 10px; vertical-align: bottom;}
.community .recommendedNews > a p.desc::after {content: ''; display: block; clear: both;}
.community .recommendedNews > a span.date {display: inline-block; margin-bottom: 0.5em; font-weight: 300; color: #8e8e8e;}
.community .recommendedNews > a span.comments {display: inline-block; float: right; font-weight: 300;}
.community .recommendedNews > a span.comments::after {content: ''; display: inline-block; width: 16px; height: 14px; background-image: url(../img/community/comments.png); vertical-align: middle; margin-left: 5px;}

.community .latestNewsContainer {clear: both; padding: .3rem 0 0;}
.community .dateholder ~ .latestNewsContainer {padding-top: 0;}

.community .latestNewsContainer.tree .letestNews {display: block; box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 10px 15px; background-color: #f5f5f5; color: #525455; font-weight: 300;}
.community .latestNewsContainer.tree .letestNews:hover {text-decoration: none;}
.community .latestNewsContainer.tree .letestNews p.title {display: block; width: 100%; margin-bottom: 1em; padding: 0; font-size: 0.4rem; font-weight: 600;}
.community .latestNewsContainer.tree .letestNews p.desc {display: block; width: 100%; box-sizing: border-box; padding: 0; vertical-align: bottom;}
.community .latestNewsContainer.tree .letestNews p.desc::after {content: ''; display: block; clear: both;}
.community .latestNewsContainer.tree .letestNews span.date {display: inline-block; color: #8e8e8e;}
.community .latestNewsContainer.tree .letestNews span.comments {display: inline-block; float: right; min-width: 55px;font-weight: 300; text-align: right;}
.community .latestNewsContainer.tree .letestNews span.comments::after {content: ''; display: inline-block; width: 16px; height: 14px; background-image: url(../img/community/comments.png); vertical-align: middle; margin-left: 5px;}

.community .latestNewsContainer.tile {font-size: 0;}
.community .latestNewsContainer.tile .letestNews {position: relative; display: inline-block; height: 280px; max-height: 280px; margin-bottom: 18px; padding-bottom: 35px; background-color: #F5F5F5; color: #525455; font-weight: 300; vertical-align: top; box-sizing: border-box; width: calc(100% / 2 - 30px);}
.community .latestNewsContainer.tile .letestNews:nth-of-type(2n) {margin-left: 60px;}
.community .latestNewsContainer.tile .letestNews:hover {text-decoration: none;}
.community .latestNewsContainer.tile .letestNews img {display: block; width: 100%; height: 140px;}
.community .latestNewsContainer.tile .letestNews p.title {display: block; width: 100%; margin-bottom: 1em; padding: 10px 15px; box-sizing: border-box; font-size: 0.4rem;}
.community .latestNewsContainer.tile .letestNews p.desc {position: absolute; bottom: 0; display: block; width: 100%; box-sizing: border-box; padding: 10px 15px; vertical-align: bottom;}
.community .latestNewsContainer.tile .letestNews p.desc::after {content: ''; display: block; clear: both;}
.community .latestNewsContainer.tile .letestNews span.date {display: inline-block; color: #8e8e8e;}
.community .latestNewsContainer.tile .letestNews span.comments {display: inline-block; float: right; font-weight: 300;}
.community .latestNewsContainer.tile .letestNews span.comments::after {content: ''; display: inline-block; width: 16px; height: 14px; background-image: url(../img/community/comments.png); vertical-align: middle; margin-left: 5px;}

.community .popularComments ul {list-style: none; padding: 0;}
.community .popularComments ul li {display: block; width: 100%; margin-bottom: 10px; padding: 10px; font-size: 0.4rem; background-color: #f5f5f5; box-sizing: border-box;}
.community .popularComments ul li::after {content: ''; display: block; clear: both;}
.community .popularComments .avatarContainer img {border-radius: 50%; max-height: 2.3em; width: auto; margin-right: 10px;}
.community .popularComments .avatarContainer.fl {float: left;}
.community .popularComments .info {font-weight: 700;}
.community .popularComments .link {color: #e31818;}

.community #search {width: 100%; max-width: 100%; border-radius: 0; margin: 10px 0; padding: 7px 10px 8px 0; font-size: 0.5rem; line-height: 0.6rem; box-sizing: border-box; background: #fff url(../img/search.png) no-repeat right 0.375rem center;}
.community .rssIcon {display: inline-block; height: 22px; width: 22px; background: url(../img/community/rss.png); vertical-align: middle; top: -5px; position: relative; right: -10px;}
.community .view-tree, .community .view-tile {float: right; display: inline-block; width: 19px; height: 19px; margin: 15px 0 0 10px;}

.community .dateholder {text-align: right;}
.community .datepicker {float: none !important; margin: 4px 6px !important;}
.community .view-tree:hover, .community .view-tile:hover, .community .view-tree.active, .community .view-tile.active {background-position: 19px 0;}
.community .view-tree {background-image: url(../img/community/tree.png);}
.community .view-tile {background-image: url(../img/community/tile.png);}

.community .articleContent a {text-decoration: underline; color: #e41819;}
.community .articleContent ol {list-style: decimal; padding: 0 0 0 .75rem;}
.community .articleContent ul {display: block; padding: 0 0 0 .75rem; list-style: disc; list-style-image: url(../img/bullets/square.png);}
.community .articleContent ul li {display: list-item;}
.community.firmy .articleContent ul {list-style-image: url(../img/bullets/square-biz.png);}
.community.msp-korporacje .articleContent ul {list-style-image: url(../img/bullets/square-corpo.png);}
.community.private-banking .articleContent ul {list-style-image: url(../img/bullets/square-priv.png);}

table.Styled {border-collapse: collapse; font-family: "Montserrat Lite", Arial, sans-serif; font-size: .3rem; color: #000; border: 0;}
table.Styled th {padding: 10px; background-color: #C2C2C2; border-right: 1px solid #EEE; border-top: 1px solid #EEE; color: #FFF; font-size: 1.5em !important;}
table.Styled tbody th:last-child {border-right: none;}
table.Styled tbody td {padding: 10px 5px; border: 0; border-bottom: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; color: #666; font-size: 1.2em !important;}
table.Styled tbody td:last-child {border-right: none;}

@media screen and (max-width: 920px) {
	.community #page-head nav ul.menu {border-top: 0 solid #ececec !important;}
}
@media screen and (max-width: 768px) {
	.news.community div.column.wide {display: inline-block; width: 49%;}
	.news.community div.column.wide h1 {float: none;}
	.news.community div.column.narrow {display: inline-block; width: 50%; min-width: 50%; background: transparent; box-sizing: border-box;}
	
	.news.community section.article div.column.narrow {width: 100%; padding: 0;}
	.news.community section.article div.column.wide {width: 100%;}
	
	.news.community .latestNewsContainer.tile .letestNews {display: block; width: 100%; margin: 0 0 20px;}
	.news.community .latestNewsContainer.tile .letestNews:nth-of-type(2n) {margin: 0 0 20px;}
	.news.community .dateholder {clear: none;}
	.news.community .dateholder .ui-datepicker-trigger {display: inline-block; height: auto; margin-right: 0;}
	.news.community #filters {margin-left: 0;}
	.news.community #search {padding: 7px 40px 8px 0; background: #fff url(../img/search.png) no-repeat right 5px center;}
}
@media screen and (max-width: 640px) {
	.news.community .article .addCommentBlock .addComment {margin-left: 0;}
	body.community .proper-head {padding-bottom: 0;}
}
@media screen and (max-width: 600px) {
	.community .view-tile {margin-left: 5px;}
	.community.news .dateholder .ui-datepicker-trigger {display: none;}
}
@media screen and (max-width: 525px) {
	.news.community .dateholder {clear: both;}
	.news.community .dateholder .ui-datepicker-trigger {display: inline-block;}
}
@media screen and (max-width: 480px) {
	.community #filters {display: inline-block; width: auto; background: transparent;}
	.community #filters::after {content: ''; display: inline-block; width: 30px; height: 12px; background: transparent url(../img/dropdown.png) no-repeat center center; background-size: 0.375rem auto;}
	.community.news div.column.wide {display: block; width: 100%;}
	.community.news .article .addCommentBlock {float: none; display: block;}
	.community.news div.column.narrow {display: block; width: 100%; min-width: auto; padding: 0;}
	.community .recommendedNews {display: none;}
	.community .popularComments ul li {box-sizing: border-box;}
	.community .view-tile {margin-left: 15px;}
	.news.community .dateholder {clear: none;}
}

/* reset and temp */
.community .fl, .community .fr {float: none;} 
.community .separator.first.clear, .community .separator.first.clear {display: none;}
.community .column.narrow .clear, .community .column.narrow .clear {display: none;}

.community #connectWithFb.button.facebook, .community #disconnectWithFb.button.facebook {position: relative; vertical-align: middle; background:#6e86bd; background:-moz-linear-gradient(top,#6e86bd 0,#6680b9 100%); background:-webkit-gradient(linear,0% 0,0% 100%,from(#6e86bd),to(#6680b9)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e86bd',endColorstr='#6680b9',GradientType=0); border: 1px solid #3f5b98; border-radius: 6px; box-shadow: inset 0 1px 0 0 #abbbdf; color: #fff !important; line-height: 1; padding: 0.125rem 0.55rem 0.125rem 0.55rem; text-align: center; text-shadow: 0 -1px 1px #344d80; display: inline-block; margin: .125rem 0 0 .2rem;}
.community #connectWithFb.button.facebook > span, .community #disconnectWithFb.button.facebook > span {vertical-align: middle; margin: 0 .125rem 0 0; display: inline-block; height: .5rem; width: .3rem; position: absolute; top: .125rem; left: .075rem; cursor: pointer; bottom: 0;}
.community #connectWithFb.button.facebook > span > img, .community #disconnectWithFb.button.facebook > span > img {vertical-align: middle; width: .2rem; height: auto;}

/* search */
.community .forumHeader {background-color: #fff;}
.community .forumHeader h1, .community .forumHeader h13 {padding: .6rem .75rem; background-color: #f5f5f5; font: .6rem "Montserrat Lite Bold",Arial,Helvetica,sans-serif; line-height: .75rem; font-weight: normal;}
.community .forumTopicSearch {position: relative;}
.community .forumTopicSearch .searchBox, .forumTopicSearch .newThreadBtn {display: inline-block; vertical-align: middle;}
.community .forumTopicSearch .description {font-size: 0.5em; padding: 0.5rem 0.75rem 0 0;}
.community .forumTopicSearch .description a {color: #ee2e24 !important;}
.community .forumTopicSearch .searchBox {width: 18.75rem;}
.community .forumTopicSearch .searchBox form {position: relative; width: 100%; border-bottom: 1px solid #d5d5d5; padding: .45rem 0 .5rem; line-height: .425rem;}
.community .forumTopicSearch .searchBox input[type="text"] {width: 90.9%; border: 0; font-size: .5rem; line-height: .6rem; color: #acacac;}
.community .forumTopicSearch .searchBox input[type="text"], .forumTopicSearch .searchBox a {display: inline-block; vertical-align: middle;}
.community .forum #clearSearch {background-color: transparent; background-image: url(../img/elements.png); background-position: 0 -45px; background-repeat: no-repeat; height: .7rem; width: .7rem; position: absolute; right: .35rem; top: .5rem; line-height: .75rem; cursor: pointer;}
.community .forum #clearSearch:hover {text-decoration: none;}
.community .forumTopicSearch .newThreadBtn {margin-left: .8rem; position: absolute; right: .75rem; top: 2.1rem; cursor: pointer;}
.community .forumTopicSearch .newThreadBtn div {font: .4rem "Montserrat Lite Bold", Arial, sans-serif; font-weight: normal; position: relative;}
.community .forumTopicSearch .newThreadBtn div::after {content: ""; position: absolute; top: .15rem; margin-left: .15rem; background-color: transparent; background-image: url(../img/elements.png); background-repeat: no-repeat; background-position: -50px -48px; background-size: 120px; width: .375rem; height: .375rem;}
.safari .community .forum #clearSearch {background-image: url(../img/elements.png); background-size: 260px; background-position: 2px -38px; background-repeat: no-repeat;}
.safari .community .forumTopicSearch .newThreadBtn div::after {background-image: url(../img/elements.png); background-size: 190px; background-position: -50px -48px; background-repeat: no-repeat;} 
.ie9 .community .forumHeader h1, .ie9 .community .forumHeader h3 {font: 24px "Montserrat Lite Bold",Arial,Helvetica,sans-serif; line-height: .75rem; font-weight: bold;}

@media screen and (max-width: 1170px) {
	.community .forumHeader {width: 100%; display: block;}
	.community .forumTopicSearch .searchBox {width: 100%; display: block;}
	.community .forumTopicSearch .searchBox form {width: auto;}
	.community .forumTopicSearch .newThreadBtn {right: .5rem;}
	.community .forumHeader h3, .community .forumHeader h1 {padding: .6rem .5rem;}
	.community .forumTopicSearch .searchBox input[type="text"] {padding-left: .5rem;}
	.community .forumTopicSearch .description {padding: 0.5rem 0.5rem 0;}
}
@media screen and (max-width: 768px) {
	community div.column.wide {display: inline-block; width: 50%;}
	community div.column.wide h1 {float: none;}
	community div.column.narrow {display: inline-block; width: 50%; min-width: 50%; background: transparent; box-sizing: border-box;}
	
	community section.article div.column.narrow {width: 100%; padding: 0;}
	community section.article div.column.wide {width: 100%;}
	
	community .latestNewsContainer.tile .letestNews {display: block; width: 100%; margin: 0 0 20px;}
	community .latestNewsContainer.tile .letestNews:nth-of-type(2n) {margin: 0 0 20px;}
	community .forumTopicSearch .searchBox form {border: 0; padding-right: 0; padding-left: 0;}
}
@media screen and (max-width: 640px) {
	.community.logged .forumHeader {top: 3.62rem;}
	.community .forumTopicSearch {padding-left: .5rem; padding-right: .5rem;}
	.community .forumTopicSearch .searchBox form {width: auto; padding: .18rem 0 .29rem; border: 1px solid #4e4e4e;}
	.community .forumTopicSearch .searchBox input[type="text"] {font-size: .4rem; line-height: .5rem;}
	.community .forum #clearSearch {top: .18rem; right: .25rem;}
	.community .forumTopicSearch .newThreadBtn, .safari.desktop .community .forumTopicSearch .newThreadBtn {right: .5rem; width: 3rem; top: 1.68rem;}
	.community .forumTopicSearch .newThreadBtn div br {display: none;}
	.community .forumTopicSearch .newThreadBtn div::after {top: .12rem;}
	.community .forumHeader h1 {display: none;}
}
@media screen and (max-width: 480px) {
	.community .forumHeader {width: auto;}
	.community.logged .forumHeader {top: 30.2vw;}
	.community .forumTopicSearch {padding-left: 0; padding-right: 0;}
	.community .forumTopicSearch .searchBox form {width: auto;}
	.community .forum #clearSearch {top: 2vw; right: 2.1vw;}
	.community .forumTopicSearch .newThreadBtn, .safari.desktop .community .forumTopicSearch .newThreadBtn {position: absolute; right: 0;}
}

/* page header */
.community header#page-head {/*! z-index: 11; */}

/* main heading */
.community #header h1 {margin: 0.75rem .25rem; line-height: 1; font-size: 1.125rem;}

@media screen and (max-width: 480px) {
	.community #header h1 {margin: 0.75rem .25rem; line-height: 1; font-size: 1rem;}
}

/* sections */
.community #page-content {padding-bottom: 1em;}
.community #page-content section {margin-bottom: 0;}

/* containers */
.community .profile div.container {padding-left: 0; padding-right: 0;}
.community #third-level-menu {/*! width: 29.25rem; */ /*! margin: 0 auto; */}
.community #third-level-menu div.container:last-child {/*! padding-left: 0; */}
.community #third-level-menu div.container:first-child {/*! padding-top: .5rem; */ /*! padding-bottom: .5rem; */}
.community .topicsContainer {padding-top: .25rem; padding-right: .75rem;}
.safari .community .topicsContainer {padding-right: 0;}

#third-level-menu nav div.container{overflow-y: hidden;}

@media screen and (max-width: 1170px) {
	.community #third-level-menu {width: 100%;}
	.community .topicsContainer, .safari .community .topicsContainer {padding-right: .5rem;}
}
@media screen and (max-width: 640px) {
	.community .topicsContainer {margin-top: 0; padding-top: .5rem; padding-right: .5rem; padding-left: .5rem;}
	section .container.wrap .community div.container {position: relative; font-size: 0;}
	.community div.column.narrow {padding-right: 0;}
	.community #third-level-menu div.container:last-child {padding-right: 0;}
	.community #third-level-menu {width: 100%;}
	.community #third-level-menu {overflow: hidden;}
	.community div#header {position: relative; z-index: 0;}
}
@media screen and (max-width: 480px) {
	.community .topicsContainer, .safari .community .topicsContainer {padding-top: 4.17vw; padding-right: 0; padding-left: 0;}
}

/* login buttons */
.community #loginFromFb {display: inline-block;}
.community #loginFromFb > * {font: 16px "Montserrat Lite Bold"; cursor: pointer;}
.community #loginFromFb .changePasswd {margin-right: 1em; border-right: 1px solid #999; padding-right: 1em;}
.community #loginFromFb .changePasswd:hover {text-decoration: underline;}
.community .fbButtons .msg {display: none;}
.community .fbRegBox, .community .fbRegBox p, .community .fbRegBox span {display: inline; vertical-align: top; line-height: .8rem; font-size: .325rem;}
.community .fbRegBox .button.reg {background-color: transparent; padding: 0; line-height: .8rem; vertical-align: top; margin: 0; color: #ee2e24 !important;}
.community .column.narrow .fb .wrap {position: relative;}
.community .column.narrow span.login {position: absolute; left: 1.625rem;}
.community .column.narrow span.button.login.green {position: static; left: 1.625rem;}
.community .column.narrow span.login a {font: .5rem "Montserrat Lite Bold",Arial,Helvetica,sans-serif; font-weight: normal;}
.community .column.narrow div.fbButtons.login {position: absolute; line-height: .4rem; left: 1.625rem;}
.community .column.narrow div.fbButtons.login {top: 1rem;}
.community .column.narrow .avatar img {margin-top: .075rem; margin-bottom: .125rem; width: 1.25rem; height: auto; border-radius: 50%;}
.ie9 .community .column.narrow span.login a {font: 20px "Montserrat Lite Bold",Arial,Helvetica,sans-serif; font-weight: normal;}

@media screen and (max-width: 640px) {
	.community .column.narrow .avatar img {width: 1.95rem; margin-bottom: 0;}
	.community .column.narrow span.login, .community .column.narrow div.fbButtons.login {left: 2.9rem;}
	.community .column.narrow span.login a {font-size: .75rem;}
}
@media screen and (max-width: 480px) {
	.community .column.narrow .avatar img {width: 16.25vw; min-width: 1.25rem;}
	.community .column.narrow span.login, .community .column.narrow div.fbButtons.login {left: 23.17vw;}
	.community .defaultUserAvatar, .community .fb .wrap {line-height: 5vw;}
	.community .column.narrow span.login a {font-size: .5rem; line-height: .5rem;}
}

/* close and edit buttons */
.community .addMsg .button {box-shadow: 1px 1px 0 rgba(96, 96, 96, 0.5); cursor: pointer; border: 0;}
.community .button.grey {background: -webkit-linear-gradient(top #adadad 0, #e3e3e3; 100%); background: linear-gradient(top #adadad 0, #e3e3e3; 100%) repeat scroll 0% 0%;}
.community .button.close, .community .editBtn {padding: 0; position: absolute; right: 0; top: .2rem; display: block; border-radius: 4px;}
.community .button.grey:hover, .community .button.close:hover, .community .editBtn:hover {background-color:#e3e3e3; background: linear-gradient(to bottom, #e3e3e3 0,#f6f6f6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3',endColorstr='#f6f6f6',GradientType=0);}
.community .button.close span {display: block; width: .4rem; height: .4rem; margin: .15rem; background-color: transparent; background-image: url(../img/elements.png); background-position: -172px -78px; background-repeat: no-repeat;}
.community .button.backBtn.close {height: auto;}
.community .profile .editBtn a > span, .community .profile .editBtn div > span {background-color: transparent; background-image: url(../img/elements.png); background-position: -115px -100px; background-repeat: no-repeat; height: .45rem; width: .45rem; margin: .075rem; display: block;}
.community div.addMsgContainer .button.red {padding: .075rem .2rem;}

@media screen and (max-width: 1170px) {
	.community .button.close, .community .editBtn {right: .5rem;}
	.community form#editProfileForm .editBtn {right: 0;}
}
@media screen and (max-width: 640px) {
	.community .button.close, .community .editBtn {right: 0;}
	.community .profile .button.close, .community .editBtn {right: .5rem;}
}

/* login layer */
.community .info-boxes .userInfoBox .login {font-size: 1.5em;}
.community div.cover {background-color: #000; opacity: 0.4; display: none; width: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.community div.addMsgContainer {display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 10; margin: auto;}
.community div.addMsgContainer div.addMsgBox {position: absolute; left: 0; right: 0; min-width: 20rem; max-width: 20rem; margin: auto; padding: 0 0 .5rem; background: #bec2c3 url(../img/community/addMsgBg.jpg); background-image: linear-gradient(to right, #bec2c3 0%, #ebecee 50%, #bec2c3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bec2c3', endColorstr='#bec2c3', GradientType=1); /*text-align: center; */}
.community div.addMsgContainer div.addMsgBox div.addMsg h1 {padding: .75rem 0 0;}
.community div.addMsgContainer div.fbContainer {margin: .5rem 0 .25rem; text-align: center;}
.community div.addMsgContainer div.fbContainer {margin: .5rem 0 0; text-align: center;}
.community div.addMsgContainer .button.facebook {position: relative; vertical-align: middle; background:#6e86bd; background: -moz-linear-gradient(top,#6e86bd 0,#6680b9 100%); background:-webkit-gradient(linear,0% 0,0% 100%,from(#6e86bd),to(#6680b9)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e86bd',endColorstr='#6680b9',GradientType=0); border: 1px solid #3f5b98; border-radius: 6px; box-shadow: inset 0 1px 0 0 #abbbdf; color: #fff !important; line-height: 1; padding: .125rem .25rem .125rem .45rem; text-align:center; text-shadow:0 -1px 1px #344d80; display: inline-block; margin: .125rem 0 0 .2rem;}
.community div.addMsgContainer .button.facebook > span {vertical-align: middle; margin: 0 .125rem 0 0; display: inline-block; height: .5rem; width: .3rem; position: absolute; top: .125rem; left: .075rem; cursor: pointer; bottom: 0;}
.community div.addMsgContainer .button.facebook > span > img {vertical-align: middle; width: .2rem; height: auto;}
.community div.addMsgContainer div.addMsgBox div.addMsg div.orContainer {background-color: transparent; background-image: url(../img/community/or.png); background-repeat: no-repeat; display: block; position: relative; width: 84%; height: .75rem; margin: .5rem auto; text-align: center;}
.community div.addMsgContainer div.addMsgBox div.addMsg div.orContainer p {position: relative; top: .15rem; left: .087rem; margin: 0; font-size: .325rem; text-align: center;}
.community div.addMsgContainer input:focus {background-color: #ffffe3;}

.community div.addMsgContainer div.form form input {margin: .125rem 0;}
.community div.addMsgContainer div.form form input.text {display: block; height: .625rem; width: 5.5rem; padding: 0 .125rem; font: .325rem "Montserrat Lite"; font-weight: normal;}
.community div.addMsgContainer div.lostPass {margin: 5px 0 5px .6rem;}

.community div.addMsgContainer div.bestUsersContainer .userDescription {background: transparent linear-gradient(top, #f6f6f6 0, #e3e3e3 100%) repeat scroll 0% 0%; padding: 0; position: absolute; right: 0;}
.community div.addMsgContainer div.bestUsersContainer span .userDescription span {display: block; width: .4rem; height: .4rem; margin: .15rem; background-color: transparent; background-image: url(../img/elements.png); background-position: -4.25rem -1.95rem; background-repeat: no-repeat;}

.community div.addMsgContainer div.addMsgBox div.addMsg {height: 100%; max-width: 100%; padding: 0 .5rem; margin: 0 auto;}
.community div.addMsgContainer div.addMsgBox div.addMsg div.commentClose {position: absolute; top: .25rem; right: 2.5rem;}
.community div.addMsgContainer input[type='text'], .community div.addMsgContainer input[type="password"], .community div.addMsgContainer textarea {box-sizing: border-box; border-radius: 4px; width: 100%; margin: 5px 0; padding: 0; border: 1px solid rgb(209, 209, 209); line-height: 1.5; vertical-align: baseline;}
.community div.addMsgContainer input[type='checkbox'] {float: left; display: inline-block; margin: -.05rem 0 .05rem; vertical-align: middle;}

.community div.addMsgContainer label.error {font-size: .355rem; color: #ee2e24; text-align: center; width: 100%; display: block; padding-bottom: .125rem;}
.community div.addMsgContainer input.error {border-color: #ed8484; background: #ffe2e2; outline: 2px solid #e97;}
.community div.addMsgContainer div.addMsgBox div.addMsg #registrationForm p {padding: 0;}
.community div.addMsgContainer fieldset.inner {background-color: transparent; padding: 0; display: block; text-align: left; line-height: .6rem;}
.community div.addMsgContainer fieldset.inner div:last-child {text-align: right;}
.community div.addMsgContainer p.success {color: #1aa94a; text-align: center;}
.community #logInBtn {padding: 0 .2rem .075rem .2rem; text-align: center;}
.community #changePassForm {width: 230px; margin: 0 auto; text-align: center;}
.community #changePassForm .pass {text-align: left;}
.community #loginform {margin: .5rem auto; width: 5.75rem; text-align: left;}
.community #loginform label {margin: 0 0 0 .25rem; width: 5rem; font-size: .325rem; line-height: .6rem;}
.community #registrationForm {margin: 0 auto; width: 270px;}
.community #registrationForm label.block {font-size: .325rem;}
.community #registrationForm .captchaContainer {text-align: center;}
.community #registrationForm.evenFilled hr {margin-top: .5rem; margin-bottom: 0;}
.community #registrationForm.evenFilled hr:last-child {margin-top: .25rem; margin-bottom: 0;}
.community #registrationForm.evenFilled .button.red {padding: .075rem .2rem .125rem .2rem;}
.community #registrationForm input#pass2[type='password'].error {margin-bottom: .125rem;}
.community #registrationForm h2 {font: .5rem "Montserrat Lite Bold";}

@media screen and (max-width: 1170px) {
	.community div.addMsgContainer {width: 100%;}
	.community div.addMsgContainer div.addMsgBox {min-width: 1px; width: 100%;}
	.community div.addMsgContainer div.addMsgBox div.addMsg div.commentClose {right: .5rem;}
	.community div.addMsgContainer div.addMsgBox div.addMsg div.orContainer {background-position: center; width: 81%;}
}
@media screen and (max-width: 768px) {
	.community div.addMsgContainer div.addMsgBox div.addMsg div.commentClose {top: 1rem;}
	.community div.addMsgContainer .button.facebook {margin: 0;} 
}
@media screen and (max-width: 640px) {
	.community.logged div.addMsgContainer {top: 0;}
	.community div.addMsgContainer div.addMsgBox div.addMsg div.commentClose {right: .5rem;}
}
@media screen and (max-width: 480px) {
	.community div.addMsgContainer div.addMsgBox div.addMsg div.commentClose {right: 4.17vw; top: 8vw;}
	.community div.addMsgContainer div.addMsgBox div.addMsg {padding: 0 4.17vw;}
}

/* registration layer */
.community div.addMsgContainer div.addMsgBox div.addMsg h1.addMsgHeader {margin: 0; font: .75rem "Montserrat Lite Bold"; text-align: left;}
.community #registrationForm {margin: .5rem auto; text-align: left;}
.community #registrationForm form input[type="text"], .community #registrationForm form input[type="password"] {display: block; height: .625rem; width: 5.75rem; padding: 0 .125rem; margin-bottom: .25rem;} /*{height: .625rem; width: 5.75rem; padding: .1rem .125rem; line-height: .625rem; font-size: .3rem;}*/
.community #registrationForm form input[type="password"]#pass2 {margin-bottom: .5rem;}
.community #registrationForm form input[type="checkbox"] {margin: 0 .125rem 0 0; float: left;}
.community #registrationForm div.agreed {position: relative; margin: .25rem 0; font-size: .325rem;}
.community #registrationForm a {color: #ec2b1e;}
.community #registrationForm .qMark {background-color: transparent; background-image: url(../img/community/qmark.png); background-repeat: no-repeat; cursor: pointer; display: inline-block; height: .525rem; width: .525rem; position: absolute; bottom: .125rem; right: -.25rem;}
.community #registrationForm .submitContainer {text-align: center;}

/* send new message layer */
.community div.addMsgContainer div.msgContentBox #sendMsgForm {text-align: left;}
.community div.addMsgContainer div.msgContentBox #sendMsgForm input {margin-bottom: .125rem; width: 100%;}
.community div.addMsgContainer div.fl.userInfo {text-align: left; padding: .75rem 0 0.25rem;}
.community div.addMsgContainer div.addMsg div.fl.userInfo p {padding: 0;}

/* columns */
.community div.column.wide, .community div.column.narrow {display: table-cell; vertical-align: top;}
.community div.column.wide {width: 780px; max-width: 780px; padding-right: 0;}
.community div.column.wide .postContentNextPages {padding-left: .75rem; padding-bottom: .25rem;}
.community div.column.wide .postContentNextPages h3, .community div.column.wide .postContentNextPages h1 {font: 0.75rem/0.75rem "Montserrat Lite Bold",Arial,Helvetica,sans-serif;}
.ie9 .community div.column.wide .postContentNextPages h3, .ie9 .community div.column.wide .postContentNextPages h1 {font: 030px/030px "Montserrat Lite Bold",Arial,Helvetica,sans-serif;}
.community .tree .column.narrow {padding: 0;}
.community div.column.narrow > div.info-boxes {}
.community div.column.narrow > div > div {border-bottom: 1px solid #ccc; padding-top: .2rem; padding-bottom: .55rem;}
.community .profile div.column.narrow > div > div {border-bottom: 0;}
.community div.column.narrow > div > div.contact {border-bottom: 0;}
.community div.column.narrow > div > div.social {padding-bottom: .75rem; border-bottom: 0;}
.community div.column.narrow > div > div:first-child {border-top: 0; padding-top: .5rem;}
.community div.column.narrow h3 {font: .6rem "Montserrat Lite Bold"; font-weight: normal; line-height: .6rem; margin-bottom: .3rem;}
.ie9 .community div.column.narrow h3 {font: 22px "Montserrat Lite Bold"; font-weight: bold; line-height: 24px; margin-bottom: .3rem;}
.community .column.narrow h3 span {color: #ee2e24;}
.community .column.narrow h4 {font: .5rem "Montserrat Lite Bold"; font-weight: normal; line-height: .6rem; margin-bottom: .3rem;}
.community .column.narrow ul {padding: 0;}
.community .column.narrow ul li {display: block; margin-bottom: 1px; padding: 10px; background: #f5f5f5; cursor: pointer;}
.community .column.narrow ul li a {display: block;}
.community .column.narrow ul li:hover a {color: #fff; text-decoration: none;}
.community .column.narrow .colorbox-red h4 {color: #e41819;}
.community .column.narrow .colorbox-red li:hover {background: #e41819;}
.community .column.narrow .colorbox-orange h4 {color: #f49100;}
.community .column.narrow .colorbox-orange li:hover {background: #f49100;}
.community .column.narrow .colorbox-green h4 {color: #1c9f35;}
.community .column.narrow .colorbox-green li:hover {background: #1c9f35;}
.ie9 .community div.column.narrow h4 {font: 22px "Montserrat Lite Bold"; font-weight: normal; line-height: 24px; margin-bottom: .3rem;}
.community div > a {font-size: .375rem;}
.community div.column.narrow div > a {height: .5rem; display: block;}
.community div.comment.clear > a {display: none;}

@media screen and (max-width: 1170px) {
	.community div.column.narrow {padding-left: .5rem; padding-right: .5rem;}
}
@media screen and (max-width: 768px) {
	.community div.column.narrow > div {width: auto;}
}
@media screen and (max-width: 640px) {
	.community.logged div.column.narrow > div:first-child .wrap {padding-bottom: .25rem;}
	.community .profile div.column.narrow {padding-bottom: .125rem; padding-top: 1rem;}
	.community.logged .profile div.column.narrow {padding-left: 0; padding-right: 0;}
	.community div.column.narrow > div:first-child {padding-top: 0; padding-bottom: 0;}
	.community.logged div.column.narrow > div:first-child .userInfoBox {padding-top: 0; padding-bottom: .125rem;}
}
@media screen and (max-width: 480px) {
	.community .profile div.column.narrow, .community.logged .profile div.column.narrow {padding-bottom: .75vw;}
	.community.logged div.column.narrow > div:first-child .wrap {padding: 0;}
	.community.logged div.column.narrow > div:first-child .userInfoBox {padding-bottom: .05rem;}
}

/* page header and menu */
.community.profile #page-head li.active ul.submenu {display: none;}
.community #page-head ul {list-style: none;}
.community #page-head li {list-style: none;}

/* social media right column */
.community .column.narrow .social ul {list-style: none; margin: .5rem 0 0 0; padding: 0; line-height: .5rem;}
.community .column.narrow .social ul li {display: inline-block; padding: 0; line-height: .5rem; background: transparent;}
.community .column.narrow .social .fb {background-color: transparent; background-image: url(../img/socials.png); background-position: 0 0; width: .7rem; background-repeat: no-repeat; height: .7rem; display: block;}
.community .column.narrow .social .tw {background-color: transparent; background-image: url(../img/icons/twitter_blog.png); background-position: 0 0; background-size: .7rem; width: .7rem; background-repeat: no-repeat; height: .7rem; display: block;}
.community .column.narrow .social .in {background-color: transparent; background-image: url(../img/socials.png); background-position: -58px 0; width: .65rem; background-repeat: no-repeat; height: .7rem; display: block;}
.community .column.narrow .social .yt {background-color: transparent; background-image: url(../img/socials.png); background-position: -85px 0; width: .82rem; background-repeat: no-repeat; height: .7rem; display: block;}
.community .column.narrow .social .gp {background-color: transparent; background-image: url(../img/socials.png); background-position: -118px 0; width: .7rem; background-repeat: no-repeat; height: .7rem; display: block;}
.community .column.narrow .social .pin {background-color: transparent; background-image: url(../img/socials.png); background-position: -147px 0; width: .7rem; background-repeat: no-repeat; height: .7rem; display: block;}

/* contact right column */
.community .column.narrow .contact ul {list-style: none; margin: 0; padding: 0;}
.community .column.narrow .contact ul li {padding-left: .6rem; position: relative; line-height: .6rem;}
.community .column.narrow .contact a::before, .community .column.narrow .contact span::before {position: absolute; left: 0;}
.community .column.narrow .contact .ph::before {content: ""; background-color: transparent; background-image: url(../img/elements.png); background-position: 3px -105px; background-repeat: no-repeat; width: .45rem; height: .45rem; top: .2rem}
.community .column.narrow .contact .mail::before {content: ""; background-color: transparent; background-image: url(../img/elements.png); background-position: -18px -105px; background-repeat: no-repeat; width: .45rem; height: .45rem; top: .25rem;}
.community .column.narrow .contact .online::before {content: ""; background-color: transparent; background-image: url(../img/elements.png); background-position: -39px -105px; background-repeat: no-repeat; width: .45rem; height: .45rem; top: .3rem;}
.community .column.narrow .contact a, .community .column.narrow .contact span {display: inline-block; vertical-align: middle; font-size: .325rem;}

/* search cloud */

.community .column.narrow .search-cloud a {display: inline-block; line-height: .7rem;}

/* filers */
.community #filters {height: .5rem; border: 0; font: .45rem "Montserrat Lite Bold"; line-height: .4rem; font-weight: normal; margin-top: .50rem; padding-left: 0; padding-right: .75rem;}
.community #filters::after {background-size: .375rem;}
.community .filters {border: 0; padding-bottom: 0; display: none;}
.community .filters a.filter {position: relative;}

@media screen and (max-width: 1170px) {
	.community #filters {padding-left: 0;}
	.community #filters {margin-left: .5rem;}
}
@media screen and (max-width: 640px) {
	.community.logged #filters {margin-top: .65rem;}
	.community .filters {display: none;}
}
@media screen and (max-width: 480px) {
	.community #filters, .community.logged #filters {margin-left: 0;}
}

/* comments */
.community .comment .postContent .curret {width: .25rem; height: .25rem; border-left: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; display: block; position: absolute; top: .75rem; left: -.15rem; background-color: #fff; transform: rotate(315deg);}
.community .comments .postContent {display: table-cell; padding: 0 .75rem .2rem .125rem; width: 80%;}
.community .comments .postContent h1 {font: 0.6rem "Montserrat Lite Bold",Arial,Helvetica,sans-serif; line-height: .75rem;}
.ie9 .community .comments .postContent h1 {font: 30px "Montserrat Lite Bold",Arial,Helvetica,sans-serif; line-height: 30px;}

.community .comment .postContent .content {display: block; width: auto; padding: 0.25rem; position: relative; border: 1px solid #D4D4D4; border-radius: 3px; box-shadow: 1px 1px 0 #D5D5D5; background-color: #FFF;}
.community .comment .postContent .content.grey, .community .comment .postContent .content.grey .curret {background-color: #f5f5f5;}
.community .comments .userInfo, .community .comments .postContent {display: table-cell; vertical-align: top;}
.community .comments .userInfo {position: relative; width: 155px; padding: .25rem .25rem .75rem; text-align: center;}
.community .comments .userInfo > * {display: block;}
.community .comments .userInfo img {width: 1.25rem; height: auto; margin: 0 auto 5px;border-radius: 50%;}
.community .comments .userInfo .login {display: block; font-size: 0.4rem;}
.community .comments .userInfo .sendMsgBtn {margin-top: 10px;}
.community .userInfo {text-align: left;}
.community .userInfo a {height: 100%;}
.community .userInfo .mailIcon {content: ''; display: inline-block; background: url(../img/elements.png) -153px -78px no-repeat transparent; width: 19px; height: 11px;}
.community .userInfo .userActive {display: inline-block; height: 5px; width: 5px; margin-left: 0.25em; border-radius: 50%; vertical-align: middle; background-color: green;}
.community .userInfo .userUnactive {display: inline-block; height: 5px; width: 5px; margin-left: 0.25em; border-radius: 50%; vertical-align: middle; background-color: red;}

.community .postFooter {line-height: .4rem; margin-top: .25rem; padding-bottom: .5rem; font-size: .325rem; text-align: right;}
.community .postFooter span {display: inline-block; margin-left: 0.125rem; font-size: .375rem; line-height: .4rem; vertical-align: baseline;}
.community .postFooter span.timeContainer {float: left; cursor: default;}
.community .postFooter span.abuseMsg {cursor: default;}
.community .postFooter span.options {display: none;}
.community .postFooter > span, .postFooter a {margin-left: .125rem; cursor: pointer;}

.community .comment .commentProperties {display: none;}
.community .comment:first-child .userInfo .mailIcon {top: .25rem; left: .2rem;}
.community .comments:first-child .comment.clear > a:first-child {display: block; font: 0.75rem "Montserrat Lite Bold",Arial,Helvetica,sans-serif; font-size: .4rem; padding: .5rem 1.3rem;}
.community .comments:first-of-type hr {display: none;}
.community .comments:first-of-type .postFooter {padding-bottom: .75rem;}
.community .comments:first-of-type .postFooter > span:last-child {bottom: .76rem;}
.community .comments:first-of-type .postFooter > span span {margin-left: .125rem;}
.community .comments:first-of-type .postFooter span.plus:last-child {bottom: 0;}
.community .comments:first-of-type .postFooter > span span:hover {text-decoration: underline !important;}
.community .comment.clear:last-child .postFooter {border: 0;}
.community .comment.clear:last-child {border-bottom: 1px solid #ccc;}
.community .comments:first-child .comment.clear:last-child {border-bottom: 0;}
.community .comments:first-child .postFooter {border: 0;}
.community .postContent p {font-size: .375rem; line-height: .5rem;}
.community .postContent hr {display: none;}

@media screen and (max-width: 1170px) {
	.community .userInfo .mailIcon {left: .25rem;}
}

/* tree view */
.community .tree div.treeNav {display: none;}
.community .tree div.treeNav ul {margin: 0; padding: 0;}
.community .tree div.treeNav ul li {display: inline-block; margin: 0; padding: 0; width: 8.825rem;}
.community .tree div.treeNav a.button.prev, .tree div.treeNav a.button.next {display: none;}
.community .tree ul.treeList {padding: .75rem 0 0 1.1rem; font-size: .4rem;}
.community .tree ul.treeList li {line-height: .4rem;}
.community .tree ul.treeList li .subject {position: relative;}
.community .tree span.treeDate, span.treeAuthor {margin: 0 0 0 .25rem;}
.community .tree span.treeAuthor {color: #727272;} 
.community .tree ul.treeList li .subject, .community .tree span.treeDate, .community span.treeAuthor, .community .tree span.treeAuthor {line-height: .5rem;} 
.community .tree .bullet {background-color: #adadad; height: .05rem; width: .05rem; position: absolute; top: .2rem; left: -.2rem;}
.community .tree div.treeNav a.button.prev, .community .tree div.treeNav a.button.next {display: none;}
.community .tree .comments:first-child .postContent .curret {display: none;}
.community .tree .comment:first-child .userInfo .mailIcon {top: -.5rem; left: -.1rem;}

@media screen and (max-width: 1170px) {
	.community .tree ul.treeList {padding-left: .9rem;}
}
@media screen and (max-width: 640px) {
	.community .tree div.treeNav {display: none;}
	.community .tree div.treeNav ul li {line-height: 0;}
}
@media screen and (max-width: 480px) {
	.community .tree ul.treeList {padding-left: 7.5vw; margin-top: 4.17vw}
}

/* groups *//*
.community .group .column.wide .userInfo .bestUsersList {list-style: none;}
.community .group .column.wide .userInfo .bestUsersList li {display: inline-block; height: 1.8rem;}
.community .group .column.wide .activityMenu ul {list-style: none; margin-bottom: .5rem;}
.community .group .column.wide .activityMenu ul li {display: inline-block; margin-left: 0; margin-right: .05rem; position: relative;}
.community .group .column.wide .activityMenu .button.grey {box-shadow: 1px 1px 1px #d4d4d4; background: -moz-linear-gradient(top, #F6F6F6 0, #E3E3E3 100%); background: -webkit-linear-gradient(top, #F6F6F6 0, #E3E3E3 100%); background: -ms-linear-gradient(top, #F6F6F6 0, #E3E3E3 100%); background: -o-linear-gradient(top, #F6F6F6 0, #E3E3E3 100%); background: transparent linear-gradient(to bottom, #F6F6F6 0, #E3E3E3 100%) repeat scroll 0% 0%; background: transparent linear-gradient(top, #F6F6F6 0, #E3E3E3 100%) repeat scroll 0% 0%; -moz-border-radius: 0; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 0.375rem .5rem; text-shadow: none; font-size: .4rem; color: #000; font-size: .325rem}
.community .group .column.wide .activityMenu ul li:hover .button.grey {background: -moz-linear-gradient(top, #E3E3E3 0, #F6F6F6 100%); background: -webkit-linear-gradient(top, #E3E3E3 0, #F6F6F6 100%); background: -ms-linear-gradient(top, #E3E3E3 0, #F6F6F6 100%); background: -o-linear-gradient(top, #E3E3E3 0, #F6F6F6 100%); background: transparent linear-gradient(to bottom, #E3E3E3 0, #F6F6F6 100%) repeat scroll 0% 0%; background: transparent linear-gradient(top, #E3E3E3 0, #F6F6F6 100%) repeat scroll 0% 0%;}
.community .group .column.wide .activityMenu .button.grey.active {position: relative; background: -moz-linear-gradient(top, #707070 0%, #4f4f4f 100%); background: -webkit-linear-gradient(top, #707070 0%, #4f4f4f 100%); background: -ms-linear-gradient(top, #707070 0%, #4f4f4f 100%); background: -o-linear-gradient(top, #707070 0%, #4f4f4f 100%); background: transparent linear-gradient(to bottom, #707070 0%, #4f4f4f 100%) repeat scroll 0% 0%; background: transparent linear-gradient(top, #707070 0%, #4f4f4f 100%) repeat scroll 0% 0%; color: rgb(255, 255, 255) !important;}
.community .group .column.wide .activityMenu ul li:hover .button.grey.active {background: -moz-linear-gradient(top, #4f4f4f 0%, #707070 100%); background: -webkit-linear-gradient(top, #4f4f4f 0%, #707070 100%); background: -ms-linear-gradient(top, #4f4f4f 0%, #707070 100%); background: -o-linear-gradient(top, #4f4f4f 0%, #707070 100%); background: transparent linear-gradient(to bottom, #4f4f4f 0%, #707070 100%) repeat scroll 0% 0%; background: transparent linear-gradient(top, #4f4f4f 0%, #707070 100%) repeat scroll 0% 0%;}
.community .group .column.wide .activityMenu .active.buttonCurret {position: absolute; top: 1.1rem; right: 43%; width: 0; height: 0; border-width: 0.2rem; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: #4f4f4f transparent transparent; content: "";}
.community .group .column.wide .activityMenu ul li:hover .active.buttonCurret {border-color: #707070 transparent transparent;}
.community .group .column.narrow .userDescription {font-size: .325rem;}
.community .group .column.wide .comment {margin-bottom: .5rem;}
.community .group .column.wide > div h3 {margin-bottom: .5rem;}
.community .group .column.wide .comments .postContent, .community .group .comments .userInfo {display: inline-block; vertical-align: top;}
.community .group .column.wide .comments .postContent {margin-bottom: .5rem; width: auto;}
.community .group .column.wide .comments .commentProperties {display: none;}
.community .group .column.wide .comments .postContent hr {margin: .25rem 0;}
.community .group .column.wide .comments .postContent .content {vertical-align: top; line-height: .6rem;}
.community .group .column.wide .comments .postFooter {line-height: .6rem;}
.community .group .column.wide .groupUsers, .community .group .column.wide .contentGroupDescription {display: none;}
.community .group .column.wide .contentGroupDescription {padding-top: 1rem; font-size: .325rem;}
.community .group div.bestUsersContainer .userDescription {display: block; bottom: -.5rem; left: 0; padding: .125rem .25rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; line-height: .75rem; min-width: 1.875rem; z-index: 2; visibility: hidden; text-align: center; font-size: .325rem; color: #000; background: -moz-linear-gradient(top, #F6F6F6 0, #E3E3E3 100%); background: -webkit-linear-gradient(top, #F6F6F6 0, #E3E3E3 100%); background: -ms-linear-gradient(top, #F6F6F6 0, #E3E3E3 100%); background: -o-linear-gradient(top, #F6F6F6 0, #E3E3E3 100%); background: transparent linear-gradient(to bottom, #F6F6F6 0, #E3E3E3 100%) repeat scroll 0% 0%; background: transparent linear-gradient(top, #F6F6F6 0, #E3E3E3 100%) repeat scroll 0% 0%;}
.community .group .column.wide .mailIcon, .community .group .column.wide .sendMsgBtn {vertical-align: top; font-size: .325rem;}
.community .group .column.wide .mailIcon {margin-right: .125rem; margin-top: .05rem;}
.community .group .groupUsers {font-size: .325rem;}
.community .group .groupUsers span.query {position: relative; display: inline-block; width: 8.75rem; margin: 0 .25rem .25rem 0;}
.community .group .column.wide .groupUsers span.query h3 {margin-right: .9rem;}
.community .group .column.wide .groupUsers span.query input {width: 3.725rem; height: .6rem; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.community .group .groupUsers span.userGroupSelect {margin: 0 .25rem .25rem 0; float: left;}
.community .group .groupUsers #userGroupSelectSelectBoxItContainer ul {width: 100%;}
.community .group .groupUsers div.sortOptions {width: 100%; height: .5rem; margin: .375rem 0;}
.community .group .groupUsers span.onlineProfile, .community .group .groupUsers span.activeProfile {line-height: .375rem; float: left;}
.community .group .groupUsers span.onlineProfile {margin-right: .5rem;}
.community .group div.searchBoxUser {margin-bottom: .75rem; margin-top: .75rem;}
.community .group .column.wide div.searchBoxUser h3 {margin-right: .25rem; margin-bottom: 0; display: inline-block; vertical-align: middle;}
.community .group div.searchBoxUser #userGroupSelect, .community .group div.searchBoxUser #query {display: inline-block; vertical-align: middle;}
.community .group div.searchBoxUser #userGroupSelect {width: 3.7rem}
.community .group .onlineProfile label, .community .group .onlineProfile input, .community .group .activeProfile label, .community .group .activeProfile input {display: inline-block; vertical-align: middle; margin-top: 0; margin-bottom: 0;}
.community .group div.activityMenu ul, .community .group div.groupUsers ul.groupUsersList, .community .group div.groupUsers ul.groupUsersList li, .community .group div.groupUsers ul.groupUsersList li ul, .community .group div.groupUsers ul.groupUsersList li ul li {margin: 0; padding: 0;}
.community .group div.stream {margin-top: .75rem;}
.community .group div.stream h3 {margin-bottom: .75rem;}
.community .group div.groupUsers ul.groupUsersList li {display: inline-block; width: 5.5rem; margin: 0 .125rem .375rem 0;}
.community .group div.groupUsers ul.groupUsersList span.avatar {margin: .25rem .125rem 0 0; width: 1.6rem; height: 2.1rem; float: left;}
.community .group #page-content span.hpPoints {display: inline-block; margin: .075rem 0 0 .075rem;}
.community .group div.groupUsers ul.groupUsersList li ul li {display: inline-block; width: 3.5rem; margin-bottom: 0;}
.community .group div.groupUsers ul.groupUsersList li ul {margin-top: .25rem;}
.community .group .column.wide .comment {display: table; width: 100%;}
.community .group .column.wide .comments .postContent, .community .group .comments .userInfo {display: table-cell;}
.community .group .comments .userInfo {width: 3rem; padding-right: .25rem;}
.community .group #userSearch {margin-left: .125rem; position: relative; top: 0; left: .25rem; width: .375rem; height: .375rem; padding: .15rem; display: inline-block; vertical-align: middle;}
.community .group #userSearch span {display: block; width: .375rem; height: .375rem; margin: 0; background-color: transparent; background-image: url(../img/elements.png); background-position: -48px 0; background-repeat: no-repeat;}

@media screen and (max-width: 1170px) {
	.community .group div.column.narrow > div {width: auto;}
	.community .profile .comment {margin-left: 0; margin-bottom: .75rem;}
	.community .profile .comment .postFooter span.usefulContainer span.plusBtn {position: relative; top: .9rem;}
}
@media screen and (max-width: 1028px) {
	.community .group div.searchBoxUser #query {margin-left: 1.55rem;}
	.community .group .column.wide .query, .community .group .column.wide .userGroupSelect, .community .group .groupUsers span.onlineProfile, .community .group .groupUsers span.activeProfile {display: block; float: none; width: 100%;}
	.community .group .users {padding-top: .5rem;}
	.community .group div.searchBoxUser #userGroupSelect, .community .group div.searchBoxUser #query {position: static; margin-left: 0; margin-bottom: 0;}
	.community .group .column.wide .groupUsers span.query h3 {display: block; margin-bottom: .25rem;}
	.community .group div.searchBoxUser #userGroupSelect {max-width: 101%; width: 7.85rem;}
	.community .group #userSearch {left: 0;}
	.community .group .column.wide .selectContainer {display: block; margin-top: .25rem;}
	.community .group .column.wide span.userGroupSelect h3 {margin-top: .25rem;}
	.community .group .groupUsers span.query {margin-bottom: 0;}
}
@media screen and (max-width: 768px) {
	.community .group .column.wide .sendMsgBtn {visibility: hidden; display: block; height: 0; width: 0;}
	.community .group .column.wide .sendMsgBtn::after {content: ''; visibility: visible; display: block; width: .5rem; height: .357rem; position: absolute; top: 3.125rem;}
	.community .group .comments .userInfo {width: 1.6rem; position: relative;}
}
@media screen and (max-width: 640px) {
	.community .group .column.wide .sendMsgBtn {visibility: visible; display: inline-block; height: auto; width: auto;}
	.community .group .column.wide .sendMsgBtn::after {display: none;}
	.community .group div.column.narrow {padding-left: 0; padding-right: 0;}
	.community .group div.column.wide {padding-right: .5rem; padding-left: .5rem}
	.community .profile div.column.narrow > div.userAvatr {padding: 0 .5rem;}
	.community .group .column.wide h3 {padding: 0;}
	.community .group .column.wide .userInfo .bestUsersList {padding: 0;}
	.community .group .column.wide .comments .postContent {width: auto;}
	.community .group .comments .userInfo {width: 3rem;}
	.community .group .column.wide h1 {position: absolute; top: 0; left: 6.75rem; top: 1.2rem; font-size: .75rem;}
	.community .group div.column.narrow > div.userDescription {padding-left: 0; padding-right: 0; position: absolute; bottom: 1.2rem; background-color: transparent; border: 0; display: block; width: 50vw; left: 6.75rem; margin: 0}
	.community .group .column.wide .comments {padding: 0;}
	.community .group div.column.narrow > div {margin-left: 0; margin-right: 0; padding-left: .5rem; padding-right: .5rem;}
	.community .group .column.narrow img {margin-left: 0;}
	.community .group.profile .postFooter {border-top: 0;}
	.community .group .column.wide > div.activityMenu, .community .group .column.wide > div.stream, .community .group .column.wide > div.userInfo {padding-left: 0;}
	.community .group div.column.narrow > div > div:first-child {min-height: 2rem;}
	.community .profile .comment .postFooter span.usefulContainer span.plusBtn {position: relative; top: 1.4rem;}
}
@media screen and (max-width: 550px) {
	.community .group div.column.narrow > div.userDescription {width: 40vw;}
}
@media screen and (max-width: 480px) {
	.community .group .column.wide .sendMsgBtn {visibility: hidden; display: block; height: 0; width: 0;}
	.community .group .column.wide .sendMsgBtn::after {display: block;}
	.community .group .comments .userInfo {width: 1.6rem;}
	.community .group .column.wide h1 {left: 55vw;}
	.community .group div.column.narrow > div.userDescription {left: 55vw;}
	.community .group .groupUsers span.query, .community .group .groupUsers span.userGroupSelect {margin: 0; position: relative;}
	.community .group .column.wide div.searchBoxUser .sortOptions h3 {margin-right: .2rem;}
	.community .group div.column.wide, .community .profile div.column.narrow > div.userAvatr, .community .group div.column.narrow > div {padding-right: 4.17vw; padding-left: 4.17vw;}
}
@media screen and (max-width: 380px) {
	.community .group .column.wide .activityMenu .button.grey {padding: .25rem .35rem;}
	.community .group .column.wide h1 {font-size: .5rem;}
	.community .group .column.wide .activityMenu .active.buttonCurret {top: .87rem;}
}*/

/* informacje dla klienta */
.community .view-tile, .community .view-tree {cursor: pointer;}

/* skip links */
.community .proper-head .skip-links li a.onscreen {position: absolute; z-index: 9; top: 1.025rem; right: 0;}
.community #footer ul.skip-links li a.onscreen {top: -2.25rem;}