.aff { cursor: help; margin-left: 4px; }

html, body { background-color: #101010; }
body { font-family: tahoma,verdana,"trebuchet ms", arial; font-size: 12px; color: #9d9d9d; }
/* webkit scrollbars */
::-webkit-scrollbar {  width: 8px; }
::-webkit-scrollbar-track { -webkit-border-radius: 4px; border-radius: 4px; background-color: #151515; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background: #c9302c; }
.form-group:last-child { margin-bottom: 0; }
/* Bootstrap update */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: transparent; color: #ffffff; border-bottom: 1px solid #020202; }
.nav-tabs>li>a:hover { border-color: transparent; background-color: transparent; }
.tab-content { margin-top: 10px; }
textarea.form-control, input[type=text].form-control, input[type=password].form-control  { background-color: #151515; color: #ffffff; }
.dropdown { display: inline-block; }
.dropdown .dropdown-menu { background-color: #000000; border-color: #ffffff; }
.dropdown .dropdown-menu>li>a { color: #ffffff; }
.dropdown .dropdown-menu>li>a:hover, .dropdown .dropdown-menu>li>a:focus  { color: #ffffff; background-color: #101010; }

.btn-default { color: #ffffff; background-color: #000000; }
.btn-default:hover, .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default, .btn-default.focus, .btn-default:focus { color: #ffffff; background-color: #101010; }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color: #ffffff; background-color: #101010; }

.dropdown.plane .dropdown-menu { border-color: #9d9d9d; }
.dropdown.plane>button { border: none; padding: 0; color: #9d9d9d; background: transparent;  }
.dropdown.plane:focus, .dropdown.plane>button:focus  { outline: 0; }
.dropdown.plane li a { font-size: 13px; padding: 0 4px; color: #9d9d9d; }

.positive { color: #5cb85c; }
.negative { color: #d9534f; }

.flex { display: flex; }
.flex-row { flex-direction: row; }
.flex-column { flex-direction: column; }
.flex-grow { flex-grow: 1; }

.hidden { display: none; }
.hint { cursor: help; }
.navbar-right { margin-right: 0; }
.navbar-inverse { background-color: #000000; border-color: #000000;}
.navbar-inverse li>a { text-transform: uppercase; }
.navbar-inverse .dropdown-menu { background-color: #000000; border-color: transparent;}
.navbar-inverse .dropdown-menu>li>a { color: #9d9d9d; }
.navbar-inverse .dropdown-menu>li>a:focus, .navbar-inverse .dropdown-menu>li>a:hover { background-color: #101010; }
.dropdown-menu .divider { background-color: #101010; }
.nav>li>a { padding-left: 10px; padding-right: 10px; }
.flag-icon-en { background-image: url(../libs/flag-icon-css-master/flags/4x3/gb.svg); }
#langSwitch .dropdown-menu { min-width: auto; }
.dropdown-form { margin-bottom: 0; padding: 10px 15px; }
a { color: #9d9d9d; cursor: pointer; }
a:hover, a:focus { color:#ffffff; }
a[data-cmd]:hover, a[data-cmd]:focus { text-decoration: none; }
.form-control { padding: 4px 8px; }
.form-group { margin-bottom: 10px; }
#loginDropdown .dropdown-menu { min-width: 200px; }
.avatar { width: 80px; height: 80px; border-radius: 40px;  }
.avatar-l { width: 64px; height: 64px; border-radius: 32px; }
.avatar-m { width: 40px; height: 40px; border-radius: 20px; }
.avatar-s { width: 24px; height: 24px; border-radius: 12px; vertical-align: middle; }
.dropdown-menu .badge { vertical-align: top; }
.invitation { overflow: hidden; padding: 4px 8px; min-width: 200px; }
.invitation:hover { background-color: #101010; }
.invitation .avatar { display: block; float: left; margin-right: 8px; }
.invitation h4 { overflow: hidden; margin-bottom: 4px; margin-top: 0;  }
.invitation .date { font-size: 11px; white-space: nowrap; font-style: italic; }
.invitation .actions { margin-top: 8px; text-align: right; }
.debiutant, .debiutant:hover  { color:#ffffff; cursor: pointer }
.adept, .adept:hover { color:#0072ff; cursor: pointer }
.amator, .amator:hover { color:#4e9b1f; cursor: pointer }
.fotograf, .fotograf:hover { color:#ffcc00; cursor: pointer }
.honorowy, .honorowy:hover { color:#9a448b; cursor: pointer }
.pro, .PRO, .pro:hover, .PRO:hover { color:#ff7e00; cursor: pointer }
.art, .ART, .art:hover, .ART:hover { color:#e31d1d; cursor: pointer }
[data-cmd] { cursor: pointer; }
/* Photo Pane & Main Pane */
/*.main-pane,*/ .photo-pane { top: 50px; bottom: 0; left: 0; right: 0; position: absolute; display: flex; flex-direction: column; overflow: hidden; }
/*.main-pane>.major,*/ .photo-pane>.major { flex-grow: 1; position: relative; }
/*.main-pane>footer,*/ .photo-pane>footer { background-color: #1f1f1f; border-top: 1px solid #303030; padding: 8px 20px; }
.photo-pane>footer [data-cmd]:hover { color: #ffffff;}
.photo-pane>footer .placeholder { display: inline-block; }
.photo-pane>footer .placeholder>div { display: inline-block; margin-right: 10px; }

.photo-pane .content-pane { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; }
.photo-pane .comments-pane { position: absolute; left: 100%; top: 0; bottom: 0; background-color: green; width: 500px; box-sizing: border-box; padding: 20px 20px 10px 20px; background-color: #020202; }
.photo-pane .comments-pane { display: flex; flex-direction: column; }
.photo-pane .comments-pane .tab-content { flex-grow: 1; position: relative; }

.photo-pane .comments-pane .tab-pane { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.photo-pane .comments-pane .tab-body { display: flex; flex-direction: column; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.photo-pane .comments-pane .tab-content .list-wrapper { flex-grow: 1; position: relative; }


.comments-list { position: absolute; padding: 0; top: 10px; bottom: 10px; left: 0; right: 0; overflow-y: auto; overflow-x:  hidden; }
.comments-list>ul { list-style-type: none; margin: 0; padding: 0 8px 0 0; }

.comments-list>ul>li { padding: 0 46px 16px 60px; position: relative; min-height: 66px; }
.comments-list>ul>li.reply { padding-left: 80px; }
.comments-list>ul>li .avatar { display: block; position: absolute; left: 0; top: 0; }
.comments-list>ul>li>header>h5 { margin: 0 0 4px 0; font-size: 13px; }
.comments-list>ul>li>header>h5 a, .comments-list>ul>li>header>h5 i, .comments-list>ul>li>header>h5 span { vertical-align: middle; }
.comments-list>ul>li>header h6 { font-size: 12px; font-style: italic; margin: 0 0 4px 0; }
.comments-list>ul>li>.dropdown { top: 0; right: 0; position: absolute; display: block; }
.comments-list>ul>li>.dropdown .dropdown-menu { right: 0; left: auto;}
.comments-list>ul>li>.content { color: #9d9d9d; text-align: justify; font-size: 13px; }
.comments-list>ul>li>.content p { margin-bottom: 5px; }
.comments-list>ul>li>.content p:last-child { margin-bottom: 0; }
.comment [data-cmd=show-tag], .comment [data-cmd=show-frame] { color: #ffffff; }
.comment [data-cmd=show-tag]:hover, .comment [data-cmd=show-frame]:hover { text-decoration: underline; }

#dontPublishTab { overflow-x: hidden; overflow-y: auto; margin-bottom: 10px; }
.dont-publish-list { list-style-type: none; margin: 0; padding: 0; }
.dont-publish-list>li { padding: 0 46px 16px 60px; position: relative; min-height: 66px; }
.dont-publish-list>li .avatar { display: block; position: absolute; left: 0; top: 0; }
.dont-publish-list>li>header>h5 { margin: 0 0 4px 0; font-size: 13px; }
.dont-publish-list>li>header>h5 a, .comments-list>ul>li>header>h5 i, .comments-list>ul>li>header>h5 span { vertical-align: middle; }
.dont-publish-list>li>.content { color: #9d9d9d; text-align: justify; font-size: 13px; }
.dont-publish-list>li>.content p { margin-bottom: 5px; }
.dont-publish-list>li>.content p:last-child { margin-bottom: 0; }
.dont-publish-list>li>.content ul { padding-left: 20px; }



.photo-pane.animated .content-pane { -moz-transition: right 0.5s ease-out; -webkit-transition: right 0.5s ease-out; transition: right 0.5s ease-out; }
.photo-pane.animated .comments-pane { -moz-transition: margin-left 0.5s ease-out; -webkit-transition: margin-left 0.5s ease-out; transition: margin-left 0.5s ease-out; }
.photo-pane.open .comments-pane { margin-left: -500px; }
.photo-pane.open .content-pane { right: 500px; }
.pull-right: { float: right; }
.badges a, .badges span { margin-left: 10px; }
.badges i, .badges img { vertical-align: middle; }
.photo-pane .body .picture-wrapper { z-index: 1; }

.photo-pane .content-pane>div { flex-grow: 1; position: relative; }
.photo-pane .content-pane>div>div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.photo-pane .content-pane>header, .photo-pane .content-pane>header  { padding: 10px 20px; }

.author-pane { display: inline-block; margin-right: 10px; vertical-align: middle; }
.author-pane .avatar { margin-right: 8px; }
.author-pane>a { position: relative; display: inline-block; }

.modal-content {  background-color: #1f1f1f; }
.modal-header, .modal-footer { border-color: #000000; }
.modal-header .close { color: #9d9d9d; }

.gold { color: #F7B519; }
.silver { color: #C0C0C0; }
.bronze { color: #CD7F32; }
.black { color: #000000; }

.anonymous { display: inline-bloc}

/* Vote result pane */
.vote-result-pane { vertical-align: middle; }
.vote-result-pane .scales { display: inline-block; position: relative; height: 12px; width: 120px; background-color: #000000; margin: 0 4px; border-radius: 5px; vertical-align: middle; }
.vote-result-pane .scales .scale-right { position: absolute; left: 50%; top: 0; bottom: 0; right: 0; background-color: #d9534f; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.vote-result-pane .scales .scale-pointer { position: absolute; background-color: #ffffff; top: 2px; bottom: 2px; }
.vote-details { text-align: center; }
.vote-details h5 { font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-top: 0; }
.vote-details ul { list-style-type: none; margin: 0; padding: 0; }
label input[type=checkbox] { vertical-align: middle; margin-right: 4px; margin-top: 0; }
/* rate pane */
.rate-pane i, .rate-pane span { vertical-align: middle; }

/* Stats Pane */
.stats-pane i, .stats-pane span { vertical-align: middle; }
.footnav ul { padding-top: 10px; text-align: left; list-style-type: none; overflow: hidden; margin: 0; padding: 10px 0 0 0; }
.footnav ul li { display: inline-block; }
.footnav li a { text-transform: lowercase; padding: 0 4px 0 8px; border-left: 1px solid #9d9d9d; }
.footnav li:first-child a { border-left: none; }
.comments-pane .footnav ul { text-align: center; padding-top: 0; }
.picture-wrapper { position: absolute; display: block; color: #ffffff; /* -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;*/ }
.picture-wrapper>.overlay-loader { position: absolute; display: none; }
.picture-wrapper>img { width: 100%; height: 100%; opacity: 0; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.picture-wrapper .tag, .picture-wrapper .tag-new, .picture-wrapper .tag-show { position: absolute; display: block; transform: translate(-50%,-100%) }
.picture-wrapper .tag-new, .picture-wrapper .tag-show { color: #c9302c; display: none; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.photo-pane[data-mode=tagging] .picture-wrapper>img { cursor: crosshair; }
.label-tool { position: absolute; white-space: nowrap; top: 0; left: 50%; transform: translateX(-50%); background-color: rgba(16,16,16,0.7); border-style: solid; border-color: #101010; border-width: 0 1px 1px 1px; padding: 8px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: none; z-index: 100; }
.label-tool input[type=text], .label-tool input[type=text]:focus  { background-color: transparent; border: none; border-color: transparent; box-shadow: none; border-bottom: 1px solid #ffffff; }
.photo-pane[data-mode=tagging] .label-tool, .photo-pane[data-mode=framing] .label-tool  { display: block; }
.photo-pane[data-mode=tagging] .picture-wrapper .tag-new { display: block; }
.picture-wrapper .frame { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; }
.picture-wrapper .frame>div { background-color: #000000; opacity: 0.5; position: absolute; }
.picture-wrapper .frame>.north { top: 0; left: 0; right: 0; height: 25%; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.picture-wrapper .frame>.south { bottom: 0; left: 0; right: 0; height: 25%; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.picture-wrapper .frame>.west { left: 0; top: 25%; bottom: 25%; width: 25%; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.picture-wrapper .frame>.east { right: 0; top: 25%; bottom: 25%; width: 25%; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.badge-pane img { width: 40px; height: 40px; margin-right: 10px; }
.badge-pane img:last-child { margin-right: 0; }

.tags-toggle { display: none; }
.photo-pane.comments-loaded .tags-toggle { display: inline-block; }
.tag-pane { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.photo-pane[data-mode] .tag-pane { display: none; }
nav.tools { text-align: center; }
nav.tools ul { list-style-type: none; margin: 0; padding: 0; }
nav.tools ul li { display: inline-block; }
nav.tools ul li a:hover { text-decoration: none; }
nav.tools .tags-toggle { display: none; }

.tool-dialog { position: absolute; background-color: rgba(0,0,0,0.5); left: 0; top: 0; border: 1px solid #000000; border-radius: 4px; display: none; }
.tool-dialog>header { background-color: #000000; padding: 4px; color: #ffffff; border-bottom: 1px solid #000000; white-space: nowrap; }
.tool-dialog>.body { padding: 4px; cursor: auto; }
.tool-dialog>.body dl { margin-bottom: 0; }
.tool-dialog>.body dl dt { float: left; width: 40px; }
.tool-dialog>.body dl dd { overflow: hidden; }
.tool-dialog>header>h6 { cursor: move; margin: 0 4px 0 0; display: inline-block; }
.photo-pane[data-mode=brightness] .picture-wrapper img { cursor: crosshair; }


.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a { background-color: #c9302c; }
.thumb-slider { height: 64px; }
.thumb-slider ul { display: none; }
.thumb-slider>.nav { display: block; height: 100%; line-height: 64px; }
.thumb-slider>.nav>i { vertical-align: middle; }
.thumb-slider>.nav-prev { float: left; margin-right: 20px; }
.thumb-slider>.nav-next { float: right; margin-left: 20px; }
.thumb-slider img { width: 64px; height: 64px; }
.thumb-slider .lslide a { opacity: 0.5; -moz-transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.thumb-slider .lslide a.active, .thumb-slider .lslide a:hover { opacity: 1; }

.chat { display: flex; position: absolute; flex-direction: column; top: 0; right: 0; bottom: 0; left: 0; }
.chat>div { flex-grow: 1; overflow-x: hidden; overflow-y: auto; position: relative; margin: 10px 0; }
.chat>div>ul { padding: 0; margin: 0; list-style-type: none; }
.chat .sb_d { display: inline-block; font: normal normal normal 14px/1 FontAwesome; box-sizing: border-box; margin-right: 2px; color: #c9302c; cursor: pointer; }
.chat .sb_d:before { content: "\f00d"; }
.chat .sb_t { margin-right: 5px; }
.chat .sb_n { font-weight: bold; }

.log { list-style-type: none; padding: 0; margin: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; }
.log>li { overflow: hidden; padding-bottom: 10px; }
.log>li>a:hover { text-decoration: none; }
.log img { width: 24px; height: 24px; border-radius: 12px; display: block; float: left; margin-right: 20px; }

.jjmenu { background-color: rgba(0,0,0,0.8); padding: 4px; border: 1px solid #000000; z-index: 10000; position: absolute; }
.jjmenu .jj_menu_item { cursor: pointer; }
.jjmenu .jj_menu_item:hover { color: #ffffff; }

.komentarz { position: absolute; z-index: 10000; background-color: rgba(0,0,0,0.8); border: 1px solid #000000; width: 640px; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 20px; border-radius: 10px; }

.info-pane { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.65); padding: 20px; font-size: 13px; overflow: hidden; display: none; }
.photo-pane[data-mode=info] .info-pane { display: block; }
.info-pane h1 { font-size: 20px; }
.info-pane .left, .info-pane .right { box-sizing: border-box; width: 50% }
.info-pane .left { float: left; padding-right: 10px; }
.info-pane .right { float: right; padding-left: 10px; }
.info-pane table { width: 100%; }
.info-pane table tr { border-bottom: 1px dashed rgba(157,157,157,0.5); }
.info-pane table tr.no-border { border: none; }
.info-pane table td, .info-pane table th { padding-bottom: 4px; padding-top: 4px; vertical-align: top; }
.info-pane table td { text-align: right; }
.info-pane table th { padding-right: 4px; }

#fullScreen { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100000; background-repeat: no-repeat; background-position: center center; text-align: center; padding-top: 20px; padding-bottom: 20px; overflow: auto; }

.photo-pane.full-screen #fullScreen { display: block; }
.adult-pane { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #000000 url('/images/18/18d.png') no-repeat center center; text-align: center; display: none; }
.adult-pane>span { position: absolute; bottom: 10px; display: block; left: 0; right: 0; }

.star { vertical-align: middle; }
.ad-pane { width: 950px; max-height: 90px; margin: 0 auto; text-align: center; }
.ad-pane:empty { display: none; }
.eval-pane { text-align: center; }
.eval-pane .placeholder { display: inline-block; }
.eval-pane .placeholder>div { margin-bottom: 4px; }
.content-pane>footer { margin-top: 10px; }

.breadcrumb { background-color: transparent; margin-bottom: 0; padding-left: 10px; padding-right: 10px; }

.page-wrapper { position: absolute; top: 10px; right: 0; bottom: 10px; left: 0; overflow-x: hidden; overflow-y: auto; }
.page { width: 982px; margin: 0 auto; }
.main-slider { margin-bottom: 20px; overflow: hidden; width: 982px; height: 465px; }
/*.main-slider { width: 982px; height: 465px; overflow: hidden; margin-bottom: 20px; }
.main-slider a.slide { display: block; width: 982px; height: 465px; background-position: center; background-repeat: none; background-size: contain; text-decoration: none; position: relative; }
.main-slider a.slide:hover, .main-slider a.slider:focus { text-decoration: none; color: #9d9d9d; }
.main-slider ul { list-style-type: none; margin: 0; padding: 0; }
.main-slider a.slide span { background-color: rgba(0,0,0,0.7); border-top: 1px solid #000000; display: block; position: absolute; padding: 10px; bottom: 0; left: 0; right: 0; text-align: center; }*/

.newsticker_wrapper { position: relative; background-color: #1f1f1f; border: 1px solid #1f1f1f; }
.newsticker_scroller { position: relative !important; height: 30px !important; width: auto !important; margin-left: 15px; margin-right: 50px; }
.newsticker { top: 25%; margin: 0; padding: 0; }
.newsticker_scroller li { padding: 0 10px; }
.newsticker_controls { position: absolute; top: 0; right: 0; bottom: 0; background-color: #000000; list-style-type: none; margin: 0; padding: 0; }
.newsticker_controls li { height: 100%; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 10px 2px 0 2px; cursor: pointer; }
.newsticker_controls li.next:before { content: "\f054"; }
.newsticker_controls li.previous:before { content: "\f053"; }
.newsticker_controls li.pause:before { content: "\f04c"; }
.newsticker_controls li.resume:before { content: "\f04b"; }


h2 { font-size: 18px; font-family: Novecento, Arial; position: relative; margin-top: 0; }
h2 a.absolute { font-size: 10px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
h2 a.absolute:hover { text-decoration: none; color: #ffffff; }
.gallery { overflow: hidden; }
.page>section { margin-bottom: 20px; }
.page>section:last-child { margin-bottom: 0; }
.advert-wrapper { margin-bottom: 20px; }


.picture { /*border: 1px solid #000000;*/ background-color: #000000; }
.picture, .picture .front, .picture .back, .picture-ad { width: 241px; height: 241px; box-sizing: border-box; }
.picture { -webkit-perspective: 1000; perspective: 1000; }
.picture:hover .flipper, .picture.hover .flipper {  transform: rotateY(180deg); }
.picture .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; }
.picture .front, .picture .back { backface-visibility: hidden; position: absolute; top: 0; left: 0; }
.picture .front { z-index: 2; transform: rotateY(0deg); }
.picture .front img { width: 100%; height: 100%;}
.picture .back { text-align: center; overflow: hidden; transform: rotateY(180deg);  background-position: center center; background-repeat: no-repeat; display: block; }
.picture .back:hover { text-decoration: none; color: #9d9d9d; }
.picture .back .tint { padding: 10px; background-color: rgba(0,0,0,0.8); box-sizing: border-box; width: 100%; height: 100%; }
.picture .back h5 { margin-top: 0; margin-bottom: 30px; font-size: 13px; font-family: Novecento, Arial; margin-top: 20px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden !important; }
.picture .back h5 a:hover, .picture .back h5 a:focus { text-decoration: none;  }
.picture .back h6 { margin-top: 0; margin-bottom: 20px; margin-top: 10px; }
.picture .stats img, .picture .stats span { vertical-align: middle; }
.picture .front>.dis { position: absolute; width: 24px; height: 24px; display: block; right: 10px; bottom: 10px; }

.picture-inner { width: 241px; height: 241px; display: block; background-repeat: no-repeat; position: absolute; }
.picture-inner .stats { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; padding: 4px; background-color: rgba(0,0,0,0.8);  }
.picture-inner:hover { color: #9d9d9d !important; }
.picture-inner .dis { position: absolute; width: 24px; height: 24px; display: block; right: 10px; top: 10px; }

.sidepanel-switch { background-color: #c9302c; }
.sidepanel-switch>a { color: #ffffff !important; }

.gallery-wrapper.ad { padding-left: 160px; position: relative; }
.gallery-wrapper.ad>.gallery-ad { display: block; position: absolute; left: 0; top: 0; width: 160px; max-height: 600px; }


.gallery .picture, .gallery .picture-ad { float: left; margin: 3px; }
/*.gallery .picture:nth-child(4n) { margin-right: 0; }*/

.side-pane { position: absolute; left: 100%; top: 0; bottom: 0; width: 300px; box-sizing: border-box; padding: 20px 20px 10px 20px; background-color: #020202; }
/*.main-pane.open .page-wrapper { right: 300px; }
.main-pane.open .side-pane { margin-left: -300px; }
.main-pane.animated .page-wrapper { -moz-transition: right 0.3s ease-out; -webkit-transition: right 0.3s ease-out; transition: right 0.3s ease-out; }
.main-pane.animated .side-pane { -moz-transition: margin-left 0.3s ease-out; -webkit-transition: margin-left 0.3s ease-out; transition: margin-left 0.3s ease-out; }*/
.side-pane { display: flex; flex-direction: column; }
.side-pane>.tab-content { flex-grow: 1; position: relative; }
.side-pane>.tab-content>.tab-pane { position: absolute; top: 0; right:0; bottom:0; left:0; }
.online-user-list { position: absolute; left: 0; top: 0; right: 0; bottom: 0; position: absolute; overflow-x: hidden; overflow-y: auto; }
.online-user-list>ul { list-style-type: none; padding: 0; margin: 0; }
.online-user-list>ul>li { margin-bottom: 4px; }

.user-list { list-style-type: none; padding: 0; margin: 0; text-align: center; }
.user-list li { display: inline-block; margin-right: 3px; }
.user-list li:last-child { margin-right: 0; }
.user-list li .head { background-repeat: no-repeat; background-position: center center; width: 84px; height: 84px; display: block; background-size: cover; }
.user-list li a { background-color: #000000; border: 3px solid #000000; display: block; position: relative; }
.user-list li a:hover, .user-list li a:focus { text-decoration: none; }
.user-list .points { font-size: 11px; }

.picture-prev, .picture-next { font-size: 20px; visibility: hidden; }
.picture-prev { position: absolute; top: 50%; transform: translateY(-50%); display: block; left: 10px; }
.picture-next { position: absolute; top: 50%; transform: translateY(-50%); display: block; right: 10px; }

.breadcrumb-wrapper { padding-top: 10px; padding-bottom: 10px; }
.breadcrumb-wrapper .breadcrumb { padding-top: 0; padding-bottom: 0; }


/* This is for the second version of the layout */
#page { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
#page>header>nav { margin-bottom: 0; }
#page>footer { background-color: #1f1f1f; border-top: 1px solid #303030; padding: 8px 20px; }
#page>footer>.content { overflow: hidden; }
#page>.content { position: relative; overflow: hidden; }
#page>.content>.drawer { position: absolute; overflow: hidden; background-color: #020202; top: 0; width: 360px; left: 100%; bottom: 0; box-sizing: border-box; padding: 10px;}
#page>.content>[role=main] { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; padding: 10px 10px 10px 10px; }
#page.open>.content>.drawer { margin-left: -360px; }
#page.open>.content>[role=main] { right: 360px; }
#page.ready>.content>.drawer { -moz-transition: margin-left 0.3s ease-in-out; -webkit-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; }
#page.ready>.content>[role=main] { -moz-transition: right 0.3s ease-in-out; -webkit-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; }

.drawer { display: flex; flex-direction: column; }
.drawer .tab-content { flex-grow: 1; position: relative; }
.drawer .tab-content .tab-pane { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

#page .chat>div { margin-bottom: 0; }

.loader { display: none; }
#logTab>.loader { position: absolute; right: 0; top: 0; opacity: 1; color: #c9302c; }


.online-list { padding: 0; margin: 0; list-style-type: none; }
.online-list li { margin-bottom: 10px; overflow: hidden; }
.online-list li>a { display: block; float: left; margin-right: 10px; }
.online-list li>.content { overflow: hidden; }

.tab-pane .scroll { width: 100%; height: 100%; position: relative; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding-right: 10px; }

.card-list { padding: 0; margin: 0; list-style-type: none; }
.card-list li { margin-bottom: 6px; overflow: hidden; }
.card-list .image { width: 80px; height: 80px; border-radius: 0px; margin-right: 6px; display: block; float: left; }
.card-list .card { overflow: hidden; }
.card-list .card h5 { font-size: 12px; margin-top: 0; margin-bottom: 4px; }
.card-list .card p:last-child { margin-bottom: 0; }

.category>h4 { font-size: 18px; margin-top: 0; text-transform: uppercase; font-family: Novecento; padding-left: 86px; /*border-left: 4px solid #d9534f; padding-left: 4px;*/ }
.category>h4>a { text-decoration: none; color: #ffffff; }
.category { margin-bottom: 20px; }
.category:last-child { margin-bottom: 0; }

.gallery-pane { position: relative; width: 100%; height: 100%; overflow: visible; }
.gallery-pane>header nav.humble { margin-bottom: 10px; }
.gallery-pane>.flex-grow { overflow-x: hidden; overflow-y: auto; }
nav.humble ul { margin: 0; padding: 0; list-style-type: none; }
nav.humble>ul>li { display: inline-block; margin-right: 4px; }
nav.humble>ul>li:last-child { margin-right: 0; }
nav.humble li.select { position: relative; }
nav.humble li.select>ul { position: absolute; white-space: nowrap; background-color: #000000; padding: 6px; margin-left: -6px; display: none; opacity: 0; -moz-transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
nav.humble li.select.visible>ul { opacity: 0.9; display: block; }
nav.humble li.select>ul>li { margin-bottom: 1px; }
nav.humble li.select>ul>li:last-child { margin-bottom: 0; }
nav.humble li.active>a { color: #ffffff; }
nav.humble a:hover, nav.humble a:focus  { text-decoration: none; }
nav.humble a { -moz-transition: color 0.2s ease-out; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

.gallery-pane .breadcrumb { padding-top: 0; padding-left: 0; padding-right: 0; }
.gallery-pane>header { z-index: 2; }
.gallery-pane>.flex-grow { z-index: 1; }
.gallery-pane>header>nav.humble { margin-left: -10px; margin-right: -10px; position: relative; }
.gallery-pane>header>nav.humble>ul { background-color: #000000; padding: 4px 6px; }
.gallery-pane>header>nav.humble>ul.pull-left { padding-left: 10px; }
.gallery-pane>header>nav.humble>ul.pull-right { padding-right: 10px; }

.paginator { overflow: hidden; background-color: #000000; }
.paginator ul { margin: 0; padding: 0; list-style-type: none; }
.paginator ul>li { display: inline-block; }
.paginator a { -moz-transition: color 0.2s ease-out; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out;}
.paginator .page { padding: 4px 4px; }
.paginator a.page:hover { color: #ffffff; }
.paginator .page-current { color: #ffffff; }

#paginatorPlaceholder { overflow: hidden; margin-right: -10px; padding-bottom: 10px; }
#paginatorPlaceholder>.paginator { float: right; min-height: 17px; padding-right: 10px; }

.gallery-pane .gallery { margin: 0 auto; width: 1729px; overflow: hidden; }
.open .gallery-pane .gallery { width: 1482px; }

@media (max-width: 1880px) {
    .open .gallery-pane .gallery { width: 1235px; }
}

@media (max-width: 1760px) {
    .gallery-pane .gallery { width: 1482px; }
}

@media (max-width: 1636px) {
    .open .gallery-pane .gallery { width: 988px; }
}

@media (max-width: 1376px) {
    .open .gallery-pane .gallery { width: 741px; }
}

@media (max-width: 1270px) {
    .gallery-pane .gallery { width: 988px; }
}

@media (max-width: 1134px) {
    .open .gallery-pane .gallery { width: 494px; }
}

@media (max-width: 1018px) {
    .gallery-pane .gallery { width: 741px; }
}

@media (max-width: 890px) {
    .open .gallery-pane .gallery { width: 247px; }
}

@media (max-width: 772px) {
    .gallery-pane .gallery { width: 494px; }
}

@media (max-width: 528px) {
    .gallery-pane .gallery { width: 247px; }
}

.main-pane .gallery .picture:first-child, .main-pane .gallery .picture:nth-child(5n) { margin-left: 0;}
.main-pane .gallery .picture:nth-child(4n) { margin-right: 0; }
#onlineTab { overflow-x: hidden; overflow-y: auto; }

/*.navbar-with-toggler>.container-fluid { padding-right: 30px; }*/
.navbar-with-toggler .toggler { position: absolute; top: 0; right: 0; bottom: 0; vertical-align: middle; width: 30px; text-align: center; -moz-transition: color 0.2s ease-out; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; vertical-align: middle; line-height: 50px; font-size: 24px; }
.navbar-fixed-top.navbar-with-toggler { padding-right: 15px; }
/*.navbar-with-toggler .toggler:after { font: normal normal normal 14px/1 FontAwesome; font-size: 20px; content: "\f0a8"; position: absolute; }*/
/*.navbar-with-toggler .toggler>a { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }*/
.open .navbar-with-toggler .toggler>i { transform: rotate(180deg); }

.main-pane { width: 100%; height: 100%; margin: 0 auto; overflow-x: hidden; overflow-y: auto;}
.main-pane>.content-wrapper { width: 982px; margin: 0 auto; }
.main-pane section { margin-bottom: 20px; }

/*#page.ready { }*/




/*.newsticker_scroller { width: 100% !important; box-sizing: border-box; }


/*Novecento, Arial*/

/*@media (max-width: 1280px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}*/

@media screen and (max-width: 1000px) , screen and (max-height: 600px) {
    /* .photo-pane { display: block; position: relative; }
     .picture-wrapper { position: relative; }*/
}

.avatar-icon { width: 24px; height: 24px; border-radius: 12px; }

@media screen and (max-width:600px)  {
    .main-pane>.content-wrapper{
        max-width: 100% !important;
    }

    #highGallery h2,
    #disGallery h2,
    #popGallery h2,
    #lowGallery h2,
    #infGallery h2,
    #laGallery h2
    {
        text-align: center;
    }

    #highGallery .gallery,
    #disGallery .gallery,
    #popGallery .gallery,
    #lowGallery .gallery,
    #infGallery .gallery,
    #laGallery .gallery
    {
        text-align: center;
    }

    #highGallery .gallery .picture,
    #disGallery .gallery .picture,
    #popGallery .gallery .picture,
    #lowGallery .gallery .picture,
    #infGallery .gallery .picture,
    #laGallery .gallery .picture

    {
        display: inline-block;
        float: inherit;
    }


}