@import url('font/font.css');

*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#tinymce .issuuembed, #tinymce .video-container {width: 300px; height: 300px; background-color: #aaa; border: 1px solid #000;}

html {position: relative; height: auto;}
body {width: 100%; height: auto; margin: 0; padding: 0; position: relative; background: #fff; font-family: 'NeuzeitGrotesk', sans-serif !important; font-size: 14px; font-kerning: normal; color: #000000; overflow-y: scroll;}

/* override */
.noborder {border: 0px !important;}
.nopadding {padding: 0 !important;}
.container-np {/*padding: 0 15px;*/}
.nomargin {margin: 0 !important;}
.nomargin-left {margin-left: 0 !important;}
.nooutline {outline: none !important;}
.clear-left {clear: left !important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.abs-right {right: 0px !important; left: auto !important;}
.abs-left {left: 0px !important; right: auto !important;}
.abs-top {top: 0px !important; bottom: auto !important;}
.abs-bottom {bottom: 0px !important; top: auto !important;}
.hidden {display: none !important;}
.uppercase {text-transform: uppercase !important; letter-spacing: 1px;}
.center {text-align: center !important;}
.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.nowrap {white-space: nowrap;}

/* helpers */
.grey {color: #838383 !important;}
.lightgrey {color: #909090 !important;}
.blue {color: #262626 !important;}
.white {color: #ffffff !important;}
.red {color: #e2001a !important;}
.dark-red {color: #e2001a !important;}
.bold {font-weight: bold !important;}
.smallfont {font-size: 11px;}
.biggerfont {font-size: 1.1em !important;}
.handcursor {cursor: pointer;}
.transitionease {-webkit-transition: all 0.5s ease !important; -moz-transition: all 0.5s ease !important; -o-transition: all 0.5s ease !important; transition: all 0.5s ease !important;}
.transitionoff {-webkit-transition: all 0 linear !important; -moz-transition: all 0 linear !important; -o-transition: all 0 linear !important; transition: all 0 linear !important;}

/* global */
a {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #000000;}
img {border: 0px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'NeuzeitGrotesk', sans-serif !important;}
h1 img, h2 img {border: 0 !important;}
h1, h2 {font-size: 16px; font-weight: normal; line-height: 1.1em; color: #000; margin: 0; padding: 0; border: none !important;}
h1 {margin: 0 0 0.5em 0; font-size: 26px; font-weight: bold;}
input[type="text"], input[type="password"], textarea, select, button {outline: none;}  
hr {border: 0; background-color: #000; height: 3px; margin: 10px 0;}
div.hr {height: 1px; background-color: #e6e6e6; margin: 10px 0; overflow: hidden;}
div.hr2 {height: 1px; background-color: #e6e6e6; margin: 0px 12px 0px 11px; overflow: hidden;}
.imgtitle {font-size: 10px; color: #6b6b6b !important; margin-top: 5px !important; line-height: 12px;}
input[type="text"], input[type="password"], input[type="submit"], select, textarea {border: 1px solid #e2e2e2; background-color: #ffffff; font-size: 14px; padding-left: 10px;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px white inset;}
section {margin-top: 20px;}
/*button[type="submit"] {background: #000000 !important; border: 0 !important; color: #ffffff !important; font-size: 14px !important; font-style: italic !important; font-weight: normal !important; text-transform: lowercase !important;}*/
/*button[type="submit"] h1 {font-weight: normal !important;}*/
/*.column {width: 270px; height: auto; margin-right: 15px;}*/

/* misc */
.page-content .path {height: 38px; vertical-align: middle; display : table-cell;}
.avatar img {height: 50px; max-width: 50px;}
.forum img.avatar {height: 40px; max-width: 40px;}
.right-column {margin-top: 20px;}
.affix {width: auto; top: 40px; position: static;}
.affix-top {top: 0;}
.affix-bottom {position: relative;}

/* youtube */
.video-container {position: relative; padding-bottom: 40px; padding-top: 40px; height: 0; overflow: hidden;}
.video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.issuuembed {width: 100%; height: 500px; margin: 40px 0;}

/* nav & header */
.navbar-header {position: relative; padding-left: 0px; padding-right: 0px; width: 100%; z-index: 1100;}
.navbar-default {background-color: #fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
.navbar {min-height: 40px; border: none;}
.navbar-fixed-top {position: fixed; margin-bottom: -40px;}
.navbar-nav > li {float: none;}
.forum .navbar-nav > li {float: left;}
.nav-justified > li > a {margin-bottom: 0; max-height: 40px; line-height: 40px; color: #000; padding: 0; white-space: nowrap; text-align: center; background-color: #fff; letter-spacing: 0.02em;}
.navbar-default .navbar-nav>li>a {color: #000;}
.navbar-collapse > .nav-justified > .active > a {color: #e2001a;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a:focus {background-color: #e2001a; color: #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background-color: #fff; color: #e2001a;}
.navbar-default .navbar-nav>.active>a:focus {background-color: #fff; color: #e2001a;}
.navbar-nav .open .dropdown-menu>li>a {padding: 5px 10px;}
html.no-touch ul.nav li.dropdown:hover ul.dropdown-menu {display: block;}
.dropdown-menu {box-shadow: none; -webkit-box-shadow: none; border: none; margin: 0; padding: 0; border-radius: 0;}
.navbar-toggle {position: relative; width: 40px; height: 40px; margin: 0; padding: 0; border: 0px; border-radius: 0px; background: url('./images/menu-open.png') #000 no-repeat center center; float: left; z-index: 20;}
.navbar-toggle:hover {background-color: #e2001a !important;}
.navbar-toggle:focus {background-color: #e2001a !important;}
.navbar .login {max-width: 210px; line-height: 40px; background-color: #fff; transition: width 1s; -webkit-transition: width 1s;}
/*.navbar .login .user-icon {position: relative; width: 40px; height: 40px; background: url('images/user-icon.png') 12px 12px no-repeat; border: 1px solid #e0e0e0; margin-right: 11px; background-color: #fff; z-index: 3;}*/
.navbar .login .user-icon {position: relative; width: 40px; height: 40px; border: 1px solid #e0e0e0; margin-right: 11px; background-color: #fff; z-index: 3; font-size: 16px; color: #e2001a; padding-top:12px;/*line-height: 40px;*/}
/*.navbar .login .user-icon:before {content: '\e60f'}*/
.navbar .login a {line-height: 38px; background-color: #fff;}
#formSearchTop {height: 40px; top: 0px; right: -20px; position: absolute; display: block; z-index: 19; width: 0%; padding-left: 80px; padding-right: 40px; -webkit-appearance: none; -webkit-border-radius: 0px;}
.searchOpen {box-sizing: border-box; position: static; float: right; width: 100%; display: block; background: #e0e0e0; height: 40px; font-size: 15px; border: none; outline: none; color: #000; padding: 0 0 0 15px;-webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
.searchOpen:-webkit-autofill {-webkit-box-shadow:0 0 0 50px #e0e0e0 inset;}
#formSearchTop.active {width: 100%; right: 0px;}
.menuSite {position: relative;}
.rightMenu {width: 40px; height: 40px; float: right; position: relative; z-index: 20}
.rightMenu > a {display: block; float: left; border-right: 1px solid #e0e0e0;}
.rightMenu .search, .rightMenu .fb, .rightMenu .insta, .rightMenu .pinterest {/*background: url('images/search-icon.png') 12px 12px no-repeat;*/ width: 40px; height: 40px; border: 1px solid #e0e0e0; background-color: #fff; font-size: 16px; line-height: 40px; color: #e2001a}
.rightMenu .fb {/*background-image: url('images/fb.png'); background-position: center center;*/}
.rightMenu .insta {background-image: url('images/instagram.png'); background-position: center center; background-repeat: no-repeat;}
.rightMenu .pinterest {background-image: url('images/wystawka.png'); background-position: center center; background-repeat: no-repeat;}
.rightMenu .lang {float: left; width: 40px; height: 40px; text-align: center; line-height: 40px;}
#loginBt, #profileBt {cursor: pointer; overflow: hidden; white-space: nowrap;  position: relative; z-index: 18;}
#profileBt a {text-overflow: ellipsis; left: auto; width: 165px; overflow: hidden; white-space: nowrap; transition: width 1s, left 1s linear 1s; -webkit-transition: width 1s, left 1s linear 1s;}
#loginBt * {pointer-events: none;}
.userPanel.active {display: block;}
.userPanel {display: none; width: 100%; position: absolute; margin-top: -1px; background: #ffffff; z-index: 100;}
.userPanel ul {border-top: 1px solid #e0e0e0; margin-bottom: 0px; padding: 0;}
.userPanel li {list-style-type: none; line-height: 40px; height: 40px; border-bottom: 1px solid #e0e0e0; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; margin-left: 0px; width: 100%;}
.userPanel ul li span {display: block; float: left; width: 40px; height: 40px; margin-right: 15px}

/*.userPanel ul li a:hover {color: #e2001a;}*/
.userPanel ul li span {height: 38px; line-height: 38px; font-size: 16px; color: #e0e0e0; transition: color .4s ease; -webkit-transition: color .4s ease;}
.userPanel ul li:hover span {color:#e2001a; transition: color .4s ease; -webkit-transition: color .4s ease;}
/*.jobs-icon {background: url('images/jobs-icon.png') 12px 12px no-repeat}
.calendar-icon {background: url('images/calendar-icon.png') 12px 12px no-repeat}
.book-icon {background: url('images/book-icon.png') 12px 12px no-repeat}
.ftp-icon {background: url('images/ftp-icon.png') 12px 12px no-repeat}
.logout-icon {background: url('images/logout-icon.png') 12px 12px no-repeat}*/
span.login-name {position: relative; padding: 12px 10px; margin-left: -5px; background-color: #fff; transition: margin-left 0.5s ease; -webkit-transition: margin-left 0.5s ease;}

/* search */
a.logo {margin: 80px auto 40px auto; display: block; width: 100%; max-width: 315px; min-height: 80px; background: url('./images/logo_stgu_small.min.svg') no-repeat top left; background-size: cover;}
html.touch a.logo {min-width: 300px; background-size: contain;}
#advsearch {margin: 0; width: 100%; height: 160px; vertical-align: middle; display: block; position: relative;}
#advsearch select {opacity: 0 !important; z-index: 0;/* top: 0px; left: 0px;*/}
#advsearch .search-title {width: 100%; height: 40px; line-height: 40px; color: #fff; background-color: #000; font-size: 16px; border: 0; font-weight: bold; text-align: center; text-transform: uppercase;}
#advsearch .search-title span {width: 20px; height: 40px; display: block; float: right; background: url('images/search-button.png') #000 no-repeat center center;}
#advsearch .search-button {width: 40px; height: 40px; background: url('images/search-button.png') #000 no-repeat center center; border: 0px; /*border-bottom: 1px solid #fff;*/}
#advsearch .b-custom-select {width: 100%; height: 40px; background-color: #e2001a; font-family: inherit; font-size: inherit; /*border-bottom: 1px solid #fff;*/}
#advsearch .b-custom-select .b-custom-select__list {padding-bottom: 10px; background-color: #e2001a;}
#advsearch .last+.b-custom-select .b-custom-select__title__icon {background-position: 1px center;}
#advsearch .close-select {width: 10px; height: 10px; position: absolute; top: 11px; right: 35px; background: url('images/close-select.png') no-repeat center center; background-size: contain; margin: 5px; display: none;}
#advsearch .close-select.active {display: block;}
html.touch.ios #advsearch .close-select {display: none !important;}
html.touch.ios #advsearch .close-select.active {display: none !important;}
#advsearch .b-custom-select {height: 40px; background-color: #e2001a; border:0; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; font-size: 14px; margin: 0; display: block; float: left;}
#advsearch .b-custom-select__title__text {margin-left: 30px; margin-top: 10px; font-size: 15px; color: #fff; font-family: "NeuzeitGrotesk";}
#advsearch .b-custom-select__title__icon {top: 0px; right: 0px; border: 0; height: 38px; width:38px; background: url('images/search-arrow.png') no-repeat;	background-position: center center;	background-size: contain;}
#advsearch .b-custom-select__title__icon:after {display: none;}
#advsearch .b-custom-select__dropdown {width: 100%; overflow: hidden; border:0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; background-color: #e2001a; color: #fff; z-index: 1000;}
/*#advsearch .b-custom-select__dropdown_inner {width: 110% !important;}*/
html.touch.ios #advsearch .b-custom-select__dropdown {display: none !important;}
#advsearch .b-custom-select__list {padding: 0; /*margin-bottom: 20px;*/}
#advsearch .b-custom-select__item {border: 0; font-family: "NeuzeitGrotesk"; line-height: 20px; height: 30px; text-transform: uppercase; font-size: 11px; letter-spacing: 0.12em; padding: 5px 0px 5px 30px;}
#advsearch .b-custom-select__item[data-type=r]:hover {color: #000; padding-left: 30px;}
#advsearch .b-custom-select__item:hover, .b-custom-select__item.selected {background-color: transparent; border: 0; color: #000;}
#advsearch .b-custom-select__item.selected {color: #fff;}
#advsearch .b-custom-select__item[data-type=r] {font-weight: bold; letter-spacing: 0.12em; color: #fff}
#advsearch .b-custom-select__item[data-type=c] {padding: 2px 0 2px 40px;}
html.no-touch #advsearch .b-custom-select__dropdown .b-custom-select__item:first-child{display: none;}
html.touch.android #advsearch .b-custom-select__dropdown .b-custom-select__item:first-child{display: none;}
#advsearch .b-custom-select__wrap-scrollbar {border: 0; height: 94%; top: 3%; width: 1px; right:18px; background-color: #fff; /*overflow: hidden;*/ cursor: default;}
#advsearch .b-custom-select__wrap-scrollbar:after {display: none;}
#advsearch .b-custom-select__scrollbar {width: 1px; background-color: #000; cursor: default;}
/*#advsearch .b-custom-select[name=specjalizacja] .b-custom-select__wrap-scrollbar {display: none;}*/

/* modals */
.modal-dialog {position: absolute; top: 50%; left: 50%; width: 460px; height: 660px; margin-top: -330px; margin-left: -230px;}
.modal-content {border-radius: 0px; padding: 20px; height: 370px;}
.modal-content.error {height: 480px;}
.modal-content * {font-family: "NeuzeitGrotesk"; font-weight: 400;}
#userBlockedModal .modal-content, #userBlockedModal .modal-dialog {height: auto;}
#validTillModal .modal-content, #validTillModal .modal-dialog {height: auto;}
.modal-content .modal-close {position: absolute; top: 10px; right: 15px; width: 15px; height: 15px; cursor: pointer; padding: 20px;}
.modal-content .modal-close span:nth-child(1) {width: 15px; height: 2px; background-color: #000; display: block; transform: rotate(45deg); position: relative; top: 50%;}
.modal-content .modal-close span:nth-child(2) {width: 15px; height: 2px; background-color: #000; display: block; transform: rotate(-45deg); position: relative; top: calc(50% - 2px);}
.modal-header {padding: 0; border: 0;}
.modal-header+.modal-header {margin-top: 30px;}
.modal-header h4 {font-size: 20px; padding-bottom: 25px;}
.modal-header hr {width: 100%; height: 3px; margin-top: 0px; margin-bottom: 25px;}
.modal-body {padding: 0; border: 0; font-size: 14px; line-height: 38px;}
.modal-body .login, .modal-body .register {position: relative; width: 100%; height: 200px;}
.modal-body .register {line-height: 20px;}
.modal-body .register span {line-height: 38px; padding-left: 0px; padding-top: 0px;}
.modal-body input[type=email], .modal-body input[type=password] {margin-bottom: 0px; line-height: 14px; width: 160px; border: 1px solid #e0e0e0; vertical-align: middle; padding: 7px 0px 7px 10px; outline: none; font-size: 14px;}
.modal-body input[type=submit],.modal-body input[type=button] {position: absolute; right: 0; width: 160px; height: 34px; background-color: #e2001a; color: #fff; font-size: 14px; font-family: "NeuzeitGrotesk"; font-weight: bold; border: 0; outline: none;}
.modal-body input[type=submit] {vertical-align: middle; padding: 0; line-height: normal; margin-left: 25px;}
.modal-body input[type=button] {background-color: #000; bottom: 40px;}
.modal-body .accept {line-height: 15px;}
.modal-body .accept p {font-size: 12px; line-height: 15px; margin-top: 15px;}
#uploadModalPanel .left, #uploadModalPanel .right {float: left; width: 50%; height: 100%; padding: 5px;}
#uploadModalPanel .right {line-height: 1.2em; padding-left: 25px;}
#uploadModalPanel input {float: right; margin: 0px; font-family: "NeuzeitGrotesk"; font-size: 14px; height: 30px; vertical-align: middle; line-height: 1.1em; padding: 4px;}
#uploadModalPanel textarea {margin: 5px; width: 330px; height: 150px; line-height: 1em; padding: 5px;}
#uploadModalPanel .right .drop-zone {width: 100%; height: 70%; margin: 20px auto; border: 1px dashed #e2e2e2; padding: 10px;}

/* socials */
.socials-share {margin-top: 10px; min-height: 30px; position: relative; display: block;}
.fb_iframe_widget {display: block; float: left; line-height: 20px; width: auto !important; height: 20px; margin: 10px 20px 0 0;}
#twitter-widget-0 {margin: 10px 0 0 0; height: 20px; line-height: 20px;}

/* masonry */
.stack {display: block;}
.stack .masonry {margin: 10px 0 -10px 0; display: block; position: relative;}
.stack .smallblock {width: 100%; padding: 10px 10px; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;}
.stack .smallblock:not(.masonry-brick) {display: none;}
.stack .grid-sizer {width: 100%;}

/* breadcrumbs */
.breadcrumb {display: none;}
.breadcrumb > li > a {color: #909090; font-size: 11px;}
.breadcrumb > li.active {color: #000; font-size: 11px;}
.breadcrumb span a {color: #909090; font-size: 12px;}
.breadcrumb span.active {color: #000; font-size: 12px;}

/* date progress */
.dateBar {width: 100%; display: block; line-height: 14px;}
.dateBar .table {display: table; width: 100%; margin-bottom: 0px; height: 14px;}
.dateBar .left {display: table-cell; white-space: nowrap; padding-right: 10px; text-align: left; vertical-align: middle;}
.dateBar .center {display: table-cell; width: 100%; vertical-align: middle; position: relative;}
.dateBar .center hr {width: auto; margin: 0; padding: 0;}
.dateBar .center hr.red {background-color: #e2001a; position: absolute; top: 0px; left: 0;}
.dateBar .center span.marker {position: absolute; display: block; width: 1px; background-color: #e2001a;}
.dateBar .right {display: table-cell; white-space: nowrap; padding-left: 10px; text-align: right; vertical-align: middle}
.dateBar .hrwrapper {display: block; position: relative; width: 100%: height: 100%;}
/* date background calendar */
#cal-slide-content .dateBar .center hr:not(.red) {background: #fff}


/* pager */
.pages {font-size: 12px; text-transform: uppercase; letter-spacing: 1px; margin-top: 30px; font-weight: normal; color: #e2001a;}
.pages a {color: #000;}
.pages a:hover {color: #e2001a;}
.pages .bt-page-back {padding-right: 20px; width: 150px; text-align: right;}
.pages .bt-page-forward {padding-left: 20px; width: 150px; text-align: left;}

/* slider */
.inner .next {position: absolute; top: 50%; margin-top: -20px; right: 10px; border: 1px solid #e5e5e5; background: #fff url('images/sliderPortNext2.png') no-repeat; background-size: contain; width: 40px; height: 40px;/* border-radius: 28px;*/ -webkit-transition: all .4s ease; display: none; z-index: 100;}
.inner .next:hover {cursor: pointer; background: #e2001a url('images/sliderPortNext2.png') no-repeat; background-size: contain; border-color: #e2001a; -webkit-transition: all .4s ease;}
.inner .prev {position: absolute; top: 50%; margin-top: -20px; left: 10px; border: 1px solid #e5e5e5; background: #fff url('images/sliderPortPrev2.png') no-repeat; background-size: contain; width: 40px; height: 40px;/* border-radius: 28px;*/ -webkit-transition: all .4s ease; display: none; z-index: 100;}
.inner .prev:hover {cursor: pointer; background: #e2001a url('images/sliderPortPrev2.png') no-repeat; background-size: contain;  border-color: #e2001a; -webkit-transition: all .4s ease;}
.responsiveHeight {height: 209px; padding: 0 0 0 0; position: relative;overflow: visible;}
.responsiveHeight > .inner {position: absolute; width: 100%; height: 100%;}
.inner:not(.mainbanner) .slider .slide {margin: 0 10px 0 -1px; }
.mainbanner .slide {min-width: 300px;}
.iosSlider {/*width: 100%;*/height: 209px; position: relative; overflow: hidden;}
.slider {margin: 0; height: 209px; /*width: 667px;*/}
.slider .slide {float: left; height: 209px; margin: 0px 10px; border: 1px solid #e5e5e5;}
.slider.standalone .slide {overflow: hidden; float: none; display: inline-block;}
.slider.standalone .slide > div {position: relative; display: inline-block;}
.slider .slide img {height: 209px; width: auto; backface-visibility: hidden;}
.slider .slide .slider-content {position: absolute; bottom: 20px; left: 0px; height: auto; width: 100%; padding: 0px 10px 0px 10px;}
.inner {position: relative; opacity: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.slider .slide h1 {font-family: "NeuzeitGrotesk"; padding: 0px;}
.slider .slide h1 span {background: #000; line-height: 43px; font-size: 21px; padding: 9px 17px 9px 15px; font-weight: 600; margin: 1px 0px 1px 0px;/* display: inline;*/ white-space: pre;}
.slider .slide h1 span br:after {content:" ";}
.slider .slide h2 {font-family: "NeuzeitGrotesk"; background: #fff; padding: 5px 14px 4px 14px; font-weight: 300; font-size: 14px; padding: 7px 11px 5px 15px;}
.slider .slide h2.second {margin-bottom: 0px;}
.slider .slide h4 {background: #e2001a; font-size: 11px; font-weight: 500; /*transition: opacity 1s; -webkit-transition: opacity 1s;*/ padding: 8px 14px 9px 16px;}
.slider .slide h4,.slider .slide h1, .slider .slide h2,.slider .slide h2.second {z-index: 100; /*opacity: 0;*/ display: inline-block; float: left; clear: both; margin: 0; margin-bottom: 1px;}
.slider .slide .slider-content {opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;}
.slider .slide.active .slider-content {opacity: 1; transition: opacity 1s; -webkit-transition: opacity 1s;}
.slide .title {position: absolute; font-size: 11px; line-height: 15px; background: #fff; top: -120px; left: -1px; padding: 15px 12px 0px 38px; max-width: 95%; display: none; border: 1px solid #e5e5e5;}
.slide:hover .title {top: -1px;}
.slide .title .icon {width: 16px; height: 16px; position: absolute; top: 0; left: 0; background: url('./images/slider-title-icon.png') no-repeat center center; background-size: contain; vertical-align: middle; margin: 12px 0 0 12px;}
.slide .title p {margin: 0 0 14px 0;}
/* portfolio */
.studioInfo {margin-top: 20px; display: table;}
.studioInfo .image {margin: 0; padding-right: 20px; display: table-cell;/* vertical-align: middle;*/}
.studioInfo .namelocation {height: 50px; display: table-cell; vertical-align: middle; line-height: 13px;}
.studioInfo .namelocation h2 {color: #000; font-size: 19px; font-weight: bold; padding: 0px; margin: 0px;}
.studioInfo .namelocation span {color: #7f7f7f; font-size: 12px; padding: 0px; margin: 0px;}
/*.portfolio.allTemplate0 .studioInfo .image {padding-right: 20px;}*/
.folioData {margin: 25px 0 0 0; padding-left: 80px;}
.folioData p {font-size: 13px; line-height: 1.1em; color: #000; font-weight: 300; margin-bottom: 5px; word-wrap: break-word;}

/* small article - categories */
.article0 {/*position: relative; width: 275px; height: auto; */border: 1px solid #e5e5e5; padding-bottom: 20px;/*margin: 0px 15px 15px 0px; */}
.article0 h1 {font-family: "NeuzeitGrotesk"; font-weight: bold; font-size: 21px; margin: 22px 25px 22px 18px; line-height: 1.2em; /*letter-spacing: -0.01em;*/}
.article0 h4 {font-family: "NeuzeitGrotesk"; font-weight: normal; letter-spacing: 1px; font-size: 11px; font-weight: 500; margin: 0px 0px 0 9px;} 
.article0 > hr {/*width: 438px;*/ background-color: #000; height: 3px; margin: 0px 25px 17px 20px;}
.article0 hr.small {width: 155px; background-color: #000; height: 3px; margin: 0px 9px 17px 18px;}
.article0 span {margin-top: -6px; font-family: "NeuzeitGrotesk"; font-weight: normal; font-size: 10px;}
.article0 p {font-family: "NeuzeitGrotesk"; margin: 10px 25px 0px 20px; font-size: 15px; line-height: 19px; font-weight: 300;}
.article0 img {width: 100%;}
html.no-touch .article0 a:hover .big-plus {opacity: 1;}
.article0 .big-plus {position: absolute; width: 180px; height: 180px; border-radius: 90px; background-color: #fff; left: 50%; margin-left: -90px; top: 50%; margin-top: -90px; opacity: 0;
					transform: scale(0.9); -webkit-transform: scale(0.9);
					-webkit-transition: all 0.6s ease !important; -moz-transition: all 0.6s ease !important; -o-transition: all 0.6s ease !important; transition: all 0.6s ease !important;}
.article0 .big-plus .sign {position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin: -25px 0px 0px -25px; background: url('./images/big-plus.png') no-repeat center center; background-size: 100% 100%;}
html.no-touch .article0 .big-plus:hover {transform: scale(1); -webkit-transform: scale(1);}
.article0 .article.dGraph .line {position: relative; width: 47%; height: 3px; top: 2px; margin-left: 15px; margin-right: 15px; padding: 0px}
.article0 .article.dGraph {margin-top: 0px; margin-bottom: 17px; padding-left: 10px; padding-right: 10px;}
.article0 .article.dGraph .d1 {padding-left: 20px;}
.article0 .article.dGraph .d2 {margin-right: 20px;}
.article0 .article.dGraph span.marker {height: 15px; top: 5px;}
.article0 .dateBar {padding: 15px 20px 0 20px; font-size: 11px;}
.article0 span.marker {height: 13px; top: 1px;}

/* article content */
.article-content {margin: 0px 0px; border: 1px solid #e5e5e5; word-wrap: break-word; padding: 0 25px 25px 25px;}
.article-content .breadcrumb {background: transparent; font-size: 12px; margin-top: 20px; margin-bottom: -5px; padding: 0;}
.article-content h1 {font-family: "NeuzeitGrotesk"; font-weight: 700; font-size: 25px; margin-top: 25px; margin-bottom: 0; line-height: 1.2em; word-wrap: break-word;}
.article-content .arttext {font-size: 15px; margin-top: 25px; font-weight: 300; /*line-height: 19px;*/ /*letter-spacing: 0.01em*/}
.article-content .arttext a {color: #ff0000;}
.article-content .arttext .place {position: relative; font-size: 11px; margin-left: 20px; margin-bottom: 17px; line-height: 11px;}
.article-content .arttext .place .icon {background: url('./images/place-article-icon.png') no-repeat center center; position: absolute; left: -20px; top: -1px; width: 12px; height: 16px;}
.article-content .cLine {margin-top: 20px;}
.article-content .images {margin-top: 25px;}
.article-content .inner {margin: 25px -25px 0 -25px;}
.article-content .slider.standalone {margin: 25px -25px 0 -25px;}
.article-content .dateBar {margin-top: 25px; font-size: 13px;}
.article-content img {max-width: 100%;}
section.right-column {width: 10%;}
.article-content span.date {font-size: 13px; margin-top: 20px;}
.article-content span.marker {height: 12px; top: -4px;}
.article-related {border: 1px solid #e5e5e5; word-wrap: break-word; overflow: hidden; display: table; width: 100%;}
.article-related .img {display: table-cell;}
.article-related .text {display: table-cell; padding: 0px 10px 0 20px; vertical-align: middle; width: 100%;}
.article-related .text h3 {margin: 0; font-size: 17px; font-weight: 700;}

/* work adds */
.workadds-search select {width: 100%; height: 40px;}
.workadds-search button {width: 40px; height: 40px; position: absolute; right: 0; z-index: 0; background: url('images/forum_search.png') #000 no-repeat center center; float: right; border: 0;}
.workadds-search input[type=text] {height: 40px; margin: 0 40px 0 0; padding-left: 18px; width: 100%; box-sizing: border-box;}
.workadds-table {border: 1px solid #e0e0e0; margin-top: 30px;}
.workadds-table thead {background-color: #a1a1a1; color: #fff;}
.workadds-table th, .workadds-table tr {height: 40px;}
.workadds-table th, .workadds-table td {font-weight: normal; font-size: 12px; white-space: break-word;}
.workadds-table tr:nth-child(odd) td {background-color: #e0e0e0;}
.workadds-table tr:hover td {background-color: #e2001a; color: #fff;}
.workadds-table tr:hover td a {color: #fff;}
.workadds-table tr td a {width: 100%; height: 100%; display: block;}
.workadds-table .date {text-align: center; padding: 0 10px 0 15px; width: 10%;}
.workadds-table .position {text-align: left; padding: 0 10px;}
.workadds-table .company {text-align: right; padding: 0 10px;}
.workadds-table .city {text-align: right; padding: 0 20px 0 10px;}

/* forum */
.forum{margin-left: 0;}
.forum-sidebar {display: block; position: relative;}
.forum-sidebar .form-search {width: 260px;}
.forum-sidebar .form-search input {border-right: 0; height: 40px; padding-left: 18px; float: left; width: 220px;}
.forum-search-icon {width: 40px; height: 40px; position: absolute; top: 0; right: 0; background: #fff;/*background: url('images/forum_search.png') #fff no-repeat center center;*/ float: right; border: 1px solid #e0e0e0;}
.forum-search-icon:before {font-family: 'stgu'; font-size: 16px; content: '\e609'; color: #e2001a}
#myTab {/*margin-top: 70px; */border: 1px solid #e1e1e1;}
#myTab li, 
#myTab li.active a, 
#myTab li:hover, 
#myTab li a { background-color: #e0e0e0; border:0; border-radius: 0; font-size: 15px;}
#myTab li a { border-right:1px solid #fff; margin-right: 0;}
#myTab li.active a { background-color:#fff; color:#e2001a; margin-right: 0; border-right:1px solid #fff;}
#myTab li:last-child { background-color: #e1e1e1;}
#myTab li:last-child a { padding-left: 18px; padding-right: 20px;border:0;}
#myTabContent { border: 1px solid #e1e1e1; border-top:0;}
.forum-content {border:1px solid #e1e1e1; padding: 20px 30px;}
.forum-content > div.row > .span9 h1 { padding-left: 7px;}
.forum-content .breadcrumb {border:0; background: none; margin: 0 0 20px 0; padding: 0;}
.forum-content .breadcrumb li,
.forum-content .breadcrumb span { color: #e3001b; font-size: 11px; text-transform: uppercase;}
.forum-content .breadcrumb li { color:#000;}
.forum-content h1 {font-size: 27px; margin-top: 20px;}
.forum-content div.forum-head { float: left; padding-left: 15px;}
.forum-content .mi_box {padding: 20px;}
.forum-content .mi_box .span1 {padding: 0;}
/*.forum-content .mi_box h2, .forum-content .mi_box h3 {margin-bottom: 8px; margin-top: 15px;}*/
.forum-content .mi_box h3 {margin-top: 0; color: #e30021; font-size: 21px;}
.forum-content .mi_box h2 a, .forum-content .mi_box h3 a {font-size: 21px; font-weight: bold;}
/*.forum-content .mi_box div.row div.span7 div {margin-right: -30px;}*/
/*.forum-content .mi_box div.row div.span7 div {padding: 0 0 0 0;}*/
.forum-content .mi_box div.span7 img {margin-right: 10px;}
.forum-content .mi_box div p a img { width: 40px; height: 40px; margin: 0 0px 26px 10px;}
.forum-content .mi_box .label { background-color: #7f7f7f; border-radius:0;margin: 0 -2px 0 -1px;font-size: 11px; text-transform: uppercase; padding: 4px 14px 3px 14px; letter-spacing: 1px;line-height: 21px;}
.forum-content .mi_box .label-info { background-color: #c1c1c1;}
.forum-content .mi_box .label-success { background-color: #e2001a;}
.forum-content .mi_box .label-inverse { background-color: #7f7f7f;}
.forum-content .mi_box .label-warning { margin-top: 10px}
.forum-content .mi_box .kategoria {float: left; width: 100%; color: #e3000a; text-transform: uppercase; font-size: 12px; margin: 0; padding: 0;}
.forum-content .mi_box.table {display: table; margin: 0;}
.forum-content .mi_box .col-left {width: 60px; display: table-cell; vertical-align: top; text-align: left;}
.forum-content .mi_box .col-right {display: table-cell; vertical-align: top; text-align: left;}
.forum-content div.threadrows img {width: 100%;}
.forum-content div.threadrows div.mi_box:nth-child(odd){background-color: #e0e0e0}
.forum-content div.threadrows div.mi_box:nth-child(even){background-color: #fff}
.forum-content div.homerows .mi_box {border-top: 1px solid #e5e5e5;}
.forum-content div.span7 { padding: 0 6px 0 0px }
.forum-content .well {border: 1px solid #e5e5e5; border-radius: 0; background-color: #fff;}
.forum-content .well h3 {margin: 0;}
/*.forum-content .threads div.span7 { padding: 0 15px 0 15px; }*/
.forum-content .post-manage {margin:10px 0px -20px 0;}
.forum-content .post-manage .btn {border:0; border-radius: 0; height: 40px; padding: 10px 18px; margin-left: -3px; background-color: #707070;}
.forum-content .post-manage .btn:hover, .forum-content .post-manage .btn.active{background-color: #e2001a;}
.btn, .btn-info { border:0;border-radius: 0;height: 40px;padding: 10px 18px;/*margin-left: -3px;*/ background-color: #707070;}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {border:0; border-radius: 0; height: 40px; padding: 10px 18px; margin-left: -3px; background-color: #707070}
.forum-content .btn-file {background-color: #000}
/*.forum-content .post { margin-left: 13px; margin-right: 30px}*/
.forum-content .post-manage .btn-danger {background-color: #e2001a} 
.forum-content .forum-cat { text-transform: uppercase; font-size: 11px;}
.forum-content .alert {border-radius: 0; border: 0; margin: 1px 0; background-color: #707070; color: #fff;}
.forum-content .alert .close {color: #fff; opacity: 1;}
.forum-top {display: block; position: relative; margin-bottom: 35px; height: 40px;}
.forum-content form input,.forum-content form textarea { width: 100%;}
.forum-content .post form {margin: 0 -13px}
.forum-content .control-group {margin-top: 10px}
.forum-content .table {margin-top: 10px}
.forum-content .img-add { background-color: #e2001a; height:30px; color:#fff;}
.forum-content .img-add input[type=file] {background: url(images/add_files_1.png) no-repeat 100% 0;}
.thread span, .thread a { color: #e2001a; text-transform: uppercase; font-size: 11px; letter-spacing: 1px;}
.thread span a {color: #000}

/* Footer & bottomnav */
.bottomnav {display: block; margin-top: 20px;}
#page-nav a {display:block !important;}
a#loadmore {position: relative; z-index: 10000}
footer {position: relative; width: 100%; text-align: left; font-size: 11px; border-top: 1px solid #ccc; margin-top: 20px;}
footer .bottom-menu {margin-bottom: 20px; text-transform: uppercase;}
footer .container {font-weight: 400; margin: 0 auto; padding-top: 20px; min-height: 236px; line-height: 2.6em;}
footer .container .icogarda {width: 139px; height: 70px; background: url('images/icogarda.png') no-repeat center center; background-size: contain;}

@media (max-width: 480px) {
	/* slider */
	/*.iosSlider {height: 209px;}
	.mainbanner .slide {max-width: 300px;}
	.slider {height: 209px;}
	.slider .slide {height: 209px;}
	.slider .slide img {height: 209px;}*/
	/*.slider .slide h1 {height: auto;}
	.slider .slide h1 span {font-size: 21px; line-height: 43px;}
	.slider .slide h2 {font-size: 14px; white-space: nowrap;}
	.slider .slide h4 {font-size: 11px; white-space: nowrap;}*/
	/* modal */
	#newsletter .modal-content {height: 435px !important;}
	#newsletter .modal-content.error {height: 480px !important;}
	.modal-dialog {width: 300px; height: 500px; margin-top: -275px; margin-left: -150px;}
	.modal-body .accept input {position: relative; top: 3px;}
	.modal-body {font-size: 12px; line-height: 35px;}
	.modal-body .errorNewsletterModal {font-weight: bold; color: red;}
	.modal-body .login {height: 200px;}
	.modal-body .register {height: 190px;}
	.modal-body .newsletter-input {float: right;}
	.modal-body .newsletter-button {position: relative !important; right: auto !important; left: 0; bottom: auto !important; top: 0; margin-top: 30px; margin-bottom: 30px; margin-left: 0 !important; width: 100% !important;}
}

@media (min-width: 481px) and (max-width: 767px) {
	/* slider */
	.iosSlider {height: 290px;}
	.slider {height: 290px;}
	.slider .slide {height: 290px;}
	.slider .slide img {height: 290px;}
	.slider .slide h1 {font-size: 30px; margin-bottom: 3px;}
	.slider .slide h1 span {font-size: 28px; line-height: 46px;}
	.slider .slide h2 {font-size: 13px;}
	.slider .slide h4 {margin-bottom: 4px;}
	/* modal */
	.modal-dialog {height: 500px;}
	.modal-content.error {height: 430px;}
	.modal-body .accept input {position: relative; top: 2px;}
	.modal-body .newsletter-span {margin-right: 20px; width: 20%;}
	.modal-body .newsletter-input {float: left; width: 50% !important;}
	.modal-body .errorNewsletterModal {font-weight: bold; color: red; display: block; margin-bottom: 20px;}
	.modal-body .newsletter-button {position: relative !important; right: auto !important; left: 0; bottom: auto !important; margin-top: 20px; margin-bottom: 30px; margin-left: 0 !important; width: 50% !important;}
	.modal-body .accept {line-height: 20px;}
}

@media (min-width: 768px) {
	/* misc */
	html.no-touch .affix {width: 228px; top: 80px; position: fixed;}
	.right-column {margin-top: 0px;}

	/* nav */
	.nav-justified {font-size: 14px; max-height: 40px;}
	.nav.navbar-nav > li > a {text-align: left; padding-left: 20px;}
	.dropdown-menu {width: auto;}
	.open .dropdown-menu {border: 0; left: 0; display: table;}
	.dropdown-menu > li {display: block; min-width: 100%; background-color: #fff; padding: 0 20px; border-bottom: 1px solid #e0e0e0;}
	.dropdown-menu > li a {font-size: 12px; text-align: left !important; height: 39px; letter-spacing: 1px; text-transform: uppercase;}
	.dropdown-menu > li.active a, .dropdown-menu > li a:hover {background-color: transparent; color: #e2001a;}
	.rightMenu .icon {margin-left: -1px;}
	.rightMenu {width: 158px;}
	/*.rightMenu .pinterest {display: none !important;}*/
	#formSearchTop {padding-left: 40px; padding-right: 78px; -webkit-appearance: none; -webkit-border-radius: 0px;}
	.userPanel {width: auto;}
	.userPanel li {width: 270px}

	/* search */
	.navbar-fixed-top {position: fixed;}
	a.logo {width: 546px; max-width: 100%; margin-top: 120px; background: url('./images/logo_stgu.min.svg') no-repeat top right;}


	#advsearch {height: 40px;}
	#advsearch .search-title {width: 235px; height: 40px;}
	#advsearch select[name=lokalizacja] {top: 40px; left: 20px;}
	#advsearch select[name=specjalizacja] {top: 40px; left: 255px;}
	#advsearch select[name=rodzaj] {top: 40px; left: 510px;}
	#advsearch .b-custom-select {width: 235px;}
	#advsearch .b-custom-select[name=rodzaj] {width: 235px;}
	#advsearch .b-custom-select__dropdown {width: 235px;} 
	#advsearch .b-custom-select .b-custom-select__title {left: 30px; height: 40px;}
	#advsearch .b-custom-select .b-custom-select__title__text {margin-left: 30px;}
	#advsearch .b-custom-select__item {padding: 5px 0px 5px 30px;}
	#advsearch .b-custom-select__title__text {margin-left: 30px;}
	#advsearch .b-custom-select__item[data-type=r] {padding-left: 30px;}
	#advsearch .b-custom-select__item[data-type=c] {padding-left: 40px;}

	#advsearch {height: 80px;}
	#advsearch .search-title {width: 724px; height: 40px;}
	#advsearch .b-custom-select {width: 241px;}
	#advsearch .b-custom-select[name=rodzaj] {width: 242px;}
	#advsearch .b-custom-select__dropdown {width: 242px;}
	#advsearch .b-custom-select .b-custom-select__title {left: 30px; height: 40px;}
	#advsearch .b-custom-select .b-custom-select__title__text {margin-left: 30px;}
	#advsearch .b-custom-select__item {padding: 5px 0px 5px 20px;}
	#advsearch .b-custom-select__title__text {margin-left: 20px;}
	#advsearch .b-custom-select__item[data-type=r] {padding-left: 20px; }
	#advsearch .b-custom-select__item[data-type=c] {padding: 2px 0 2px 30px;}

	/* modals */
	/*#userModalPanel*/ .modal-dialog {width: 750px; margin-top: -225px; margin-left: -375px;}
	#userModalPanel .modal-dialog {height: 450px;}
	/*#userModalPanel*/ .modal-content { padding: 50px 60px;}
	#userModalPanel .modal-content {height: 450px;}
	/*#userModalPanel*/ .modal-header h4 {padding-bottom: 15px;}
	/*#userModalPanel*/ .modal-header hr {margin-bottom: 45px;}
	/*#userModalPanel*/ .modal-body {height: 190px;}
	/*#userModalPanel*/ .modal-body .login, .modal-body .register {width: 50%; height: 100%;}
	/*#userModalPanel*/ .modal-body .register {padding-left: 30px;}
	/*#userModalPanel*/ .modal-body input[type=submit],.modal-body input[type=button] {bottom: 0; width: 160px;}
	.modal-body .newsletter-container {width: 100%; clear: left; float: left; margin-bottom: 45px; height: 34px;}
	.modal-body .input-wrapper {width: 100%; float: left;}
	.modal-body .input-wrapper span {width: 20%}
	.modal-body .input-wrapper input {width: 50%; float: left;}
	.modal-body .newsletter-button {width: calc(30% - 45px) !important; position: relative !important; right: auto !important; left: 0; bottom: auto !important; top: 0px; margin-left: 25px !important; float: left; margin: 0;}
	.modal-body .accept {width: 100%; float: left; line-height: 20px; margin-top: -4px;}
	.modal-body .accept p {font-size: 12px; line-height: 15px; margin-top: 15px;}
	.modal-body .errorNewsletterModal {position: absolute; top: -40px; left: 0; color: red; font-weight: bold;}
	#newsletter .modal-content {height: 375px;}
	#newsletter .modal-dialog {height: 375px;}

	/* socials */
	.socials-share {margin-top: 20px;}

	/* masonry */
	.stack .smallblock {width: 50%; padding: 10px 10px; float: left;}
	.stack .grid-sizer {width: 50%;}

	/* breadcrumbs */
	.breadcrumb {display: block;}

	/* slider */
	.inner .next, .inner .prev {/*top: 160px; */right: 23px; display: block;}
	.inner .prev {left: 23px;}
	.iosSlider {height: 306px;}
	.inner:not(.mainbanner) .slider .slide {margin: 0 20px 0 -1px; }
	.slider {height: 306px; /*height: 327px; min-width: 440px;*/}
	.slider .slide {height: 306px; /*height: 316px; max-width: 100%; height:auto;*/}
	.slider .slide img {height: 306px;}
	.slider .slide .slider-content {bottom: 20px; padding: 0px 20px 0px 20px;}
	.slider .slide h1 {font-size: 25px; /*padding: 6px 14px 7px 17px;*/ /*margin-bottom: 3px;*/}
	.slider .slide h2 {/*height: 27px;*/ font-size: 14px; padding: 7px 14px 8px 14px;}
	.slider .slide h4 {padding: 7px 15px 7px 14px; /*margin-bottom: 4px;*/}
	.mainbenner .slide {margin: 0 10px;}
	/*.slider {margin: 0 0; height: 370px;width: 100% }*/

	/* portfolio */
	.folioData {margin-top: 8px;}

	/* small article - categories */
	.article0 > hr {width: 100%;}
	.article0 .big-plus {width: 120px; height: 120px; border-radius: 60px; margin-left: -60px; margin-top: -60px;}
	.article0 .big-plus .sign {width: 40px; height: 40px; margin: -20px 0px 0px -20px;}
	.article0 .article.dGraph {margin-top: 0px; margin-bottom: 17px; padding-left: 10px; padding-right: 10px;}
	.article0 .article.dGraph .line {width: 196px;}
	.article0 .article.dGraph .d1 {padding-left: 25px;}
	.article0 .article.dGraph .d2 {margin-right: 25px;}
	.article0 .article.dGraph span.marker {height: 15px; top: 5px;}

	/* article content */
	.article-content {padding: 0 40px 30px 40px;}
	.article-content .breadcrumb {margin-top: 30px; margin-bottom: -10px;}
	.article-content .arttext {line-height: 1.6em;}
	.article-content .arttext .place {margin-left: 0px;}
	.article-content .arttext .place .icon {top: -3px;}
	.article-content .images {margin-top: 30px;}
	.article-content h1 {margin-top: 30px; font-size: 36px; line-height: normal;}
	.article-content .arttext {margin-top: 30px;}
	.article-content .dateBar {margin-top: 33px;}
	.article-content .inner {margin: 30px -40px 0 -40px;}
	.article-content .slider.standalone {margin: 30px -40px 0 -40px;}

	/* work adds */
	.workadds-search {position: relative; margin-top: 23px;}
	.workadds-table th, .workadds-table td {font-size: 14px;}

	/* logos */
	.logos {margin: 0 0 0px 1px; padding: 0;}
	.logos .logo:nth-child(1n) {float: left; width: 145px; height: 145px; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; padding: 20px;}
	.logos .logo:nth-child(6n), .logos .logo:nth-child(6n+1), .logos .logo:nth-child(6n+2) {width: 146px;}
	.logos .logo-wrapper {display: table; width: 100%; height: 100%;}
	.logos .logo-image {vertical-align: middle; text-align: center; display: table-cell;}
	.logos img {max-width: 103px; max-height: 103px;}

	/* forum */
	.forum-content {border:1px solid #e1e1e1;}
	.forum-top .nav-pills > li > a {border-radius: 0px;}
	.forum-top .navbar-nav > li > a {padding: 10px 45px; background-color: #eee; font-size: 15px; height: 40px;}
	.forum-top .navbar-nav > li:hover > a {background-color: #fff; border: 1px solid #e5e5e5; height: 40px;}
	.forum-top .navbar-nav > li div {padding: 10px; border-bottom: 1px solid #eee;font-size: 11px; width: 270px;}
	.forum-top form input {padding: 9px 0 9px 11px; border-right: 0; width: 385px;}
	.forum-top .navbar-form {margin:0 0 0 20px; width:210px;}
	.forum-top { border-radius: 0;}
	.forum-top div { padding:10px 0 0 0;margin-bottom: 0; }
	.forum-top div div { padding: 10px; border-bottom:1px solid #e1e1e1; margin-bottom: 0;}
	.forum-top div div:last-child { border-bottom: 0;}
	.forum-top div a { margin: 0 20px;text-transform: uppercase;}
	.forum-top div > a {color:#000; transition: color 0.4s; -webkit-transition: color 0.4s;}
	.forum-top div:hover > a { color:#e2001b; transition: color 0.4s; -webkit-transition: color 0.4s;}
	.forum-top div.home:before {font-size: 16px; font-family: 'stgu'; content:'\e613'; color: #e1e1e1; transition: color 0.4s; -webkit-transition: color 0.4s;}
	.forum-top div.posts:before {font-size: 16px; font-family: 'stgu'; content:'\e614'; color: #e1e1e1; transition: color 0.4s; -webkit-transition: color 0.4s;}
	.forum-top div.book:before {font-size: 16px; font-family: 'stgu'; content:'\e602'; color: #e1e1e1; transition: color 0.4s; -webkit-transition: color 0.4s;}
	.forum-top div:hover:before {color: #e2001a; transition: color 0.4s; -webkit-transition: color 0.4s;}
	/*.forum-top div.home {background: url(images/home_1.png) no-repeat  10px 10px; }
	.forum-top div.home:hover { background: url(images/home_2.png) no-repeat  10px 10px; }*/
	/*.forum-top div.posts { background: url(images/twoje_watki_1.png) no-repeat  10px 10px; }
	.forum-top div.posts:hover { background: url(images/twoje_watki_2.png) no-repeat  10px 10px; }*/
	/*.forum-top div.book { background: url(images/twoje_subskrypcje_1.png) no-repeat  10px 10px; }
	.forum-top div.book:hover { background: url(images/twoje_subskrypcje_2.png) no-repeat  10px 10px; }*/
	.forum-top div.profile { background: url(images/kto_jest_1.png) no-repeat  10px 10px; }
	.forum-top div.profile:hover { background: url(images/kto_jest_2.png) no-repeat  10px 10px; }
	.forum-top div.messages { background: url(images/message_1.png) no-repeat  10px 10px; }
	.forum-top div.messages:hover { background: url(images/message_2.png) no-repeat  10px 10px; }
	.forum-top div.online { background: url(images/kto_jest_1.png) no-repeat  10px 10px; }
	.forum-top div.online:hover { background: url(images/kto_jest_2.png) no-repeat  10px 10px; }
	.forum-top li.dropdown { border-right: 1px solid #fff;}
	.forum-content .mi_box h2, .forum-content .mi_box h3 { margin-bottom: 8px; /*margin-top: 0;*/}
	/*.forum-content .threads div.span7 { padding: 0 60px 0 0px; }*/
	.forum-content .mi_box div.span7 div {margin-right: -38px;}
	.forum-content .mi_box div.span7 img {margin-right: -30px;letter-spacing: 1px;}
	.forum-content .mi_box div.span1 {margin-right: 3px;}
	/*.forum-content .mi_box div.row div.span1 {padding-left: 3px;margin-right: 15px;margin-top: 15px;}*/
	.forum-content .mi_box .label-warning { margin-top: 10px}
	.forum-content .mi_box div p a img { width: 40px; height: 40px; margin: 0}
	.forum-content .post-manage {margin: 10px 0px -20px 0;}
}

@media (min-width: 992px) {
	/* misc */
	html.no-touch .affix {width: 220px;}

	/* nav */
	.nav-justified {font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 300; font-style: normal;}
	.navbar-fixed-top {position: fixed;}
	.navbar-collapse > .nav-justified {font-size: 15px; font-weight: 300; letter-spacing: 0em; text-transform: none;}

	/* search */
	a.logo {margin-top: 120px;}
	#advsearch {height: 40px;}
	#advsearch select {top: auto !important; left: auto !important;}
	#advsearch .search-title {width: 235px; height: 40px;}
	#advsearch .b-custom-select {width: 235px;}
	#advsearch .b-custom-select[name=rodzaj] {width: 235px;}
	#advsearch .b-custom-select__dropdown {width: 235px;} 
	#advsearch .b-custom-select .b-custom-select__title {left: 30px; height: 40px;}
	#advsearch .b-custom-select .b-custom-select__title__text {margin-left: 30px;}
	#advsearch .b-custom-select__item {padding: 5px 0px 5px 30px;}
	#advsearch .b-custom-select__title__text {margin-left: 30px;}
	#advsearch .b-custom-select__item[data-type=r] {padding-left: 30px;}
	#advsearch .b-custom-select__item[data-type=c] {padding-left: 40px;}

	/* modals */
	/*#userModalPanel*/ .modal-dialog {width: 850px; margin-top: -225px; margin-left: -425px;}
	#userModalPanel .modal-dialog {height: 550px;}
	/*#uploadModalPanel*/ .modal-dialog {height: 550px;}
	#uploadModalPanel .modal-dialog {height: 550px;}
	/*#userModalPanel*/ .modal-content {width: 850px;  padding: 45px 40px;}
	#userModalPanel .modal-content {height: 430px;}
	#uploadModalPanel .modal-content {height: 550px;}
	/*#userModalPanel*/ .modal-body {height: 190px;}
	#uploadModalPanel .modal-body {height: 430px;}
	/*#userModalPanel*/ .modal-body .login, .modal-body .register {width: 50%; height: 100%;}
	/*#userModalPanel*/ .modal-body .register {padding-left: 30px;}
	/*#userModalPanel*/ .modal-body input[type=submit],.modal-body input[type=button] {bottom: 0;}
	#newsletter .modal-content {height: 340px; width: 700px; margin: 0 auto;}
	.modal-body input[type=email], .modal-body input[type=password] {width: 200px;}
	.modal-body .newsletter-container {width: 100%;}
	.modal-body .errorNewsletterModal {float: left; position: relative; top: -15px;}
	.modal-body .input-wrapper {width: 100%; float: left;}
	.modal-body .input-wrapper span {width: 20%}
	.modal-body .input-wrapper input {width: 50%; float: left;}
	.modal-body .newsletter-button {width: calc(30% - 45px) !important; position: relative !important; right: auto !important; left: 0; bottom: auto !important; top: 0px; margin-left: 25px !important; float: left; margin: 0;}
	.modal-content.error {height: 375px !important;}

	/* masonry */
	.stack .smallblock {width: 33.3333333%; padding: 10px 10px;}
	.stack .grid-sizer {width: 33.3333333%;}

	/* slider */
	.inner .next, .inner .prev {/*top: 160px; */right: 23px;}
	.inner .prev {left: 23px;}
	.iosSlider {height: 317px;}
	.slider {height: 317px;}
	.slider .slide {height: 317px;}
	.slider .slide img {height: 317px;}
	.slider .slide .slider-content {bottom: 20px; padding: 0px 20px 0px 20px;}
	.mainbanner .slide {width: 440px;}
	.slider .slide h4 {padding: 7px 15px 7px 14px;}
	.slider .slide h1 {font-size: 25px; /*padding: 6px 14px 7px 17px;*/}
	.slider .slide h2 {/*height: 27px; */font-size: 14px; padding: 7px 14px 8px 14px;}

	/* portfolio */
	.folioData {padding-left: 0;}

	/* small article - categories */
	.article0 hr {width: 258px;}
	.article0 .big-plus {width: 100px; height: 100px; border-radius: 50px; margin-left: -50px; margin-top: -50px;}
	.article0 .big-plus .sign {width: 38px; height: 38px; margin: -19px 0px 0px -19px;}
	.article0 .article.dGraph .line {width: 143px;}

	/* article content */
	.article-content .arttext {line-height: 1.6em;}

	/* logos */
	.logos {margin: 0 0 0px 1px; padding: 0;}
	.logos .logo:nth-child(1n) {float: left; width: 157px; height: 157px; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; padding: 30px;}
	.logos .logo:nth-child(6n), .logos .logo:nth-child(6n+1), .logos .logo:nth-child(6n+2) {width: 158px;}
	.logos .logo-wrapper {display: table; width: 100%; height: 100%;}
	.logos .logo-image {vertical-align: middle; text-align: center; display: table-cell;}
	.logos img {max-width: 95px; max-height: 95px;}

	/* forum */
	/*.nicEdit-panelContain {width:772px;}*/
	.forum-content {border: 1px solid #e1e1e1;}
	/*.forum-sidebar {width:248px;margin-left: 6px;}*/
	.forum-sidebar .form-search {display: block; position: relative; width: 100%; padding-right: 40px; height: 40px; margin-bottom: 20px;}
	.forum-sidebar .form-search input {height: 40px; padding-left: 18px; width: 100%; box-sizing: border-box;}
	#myTab {/*margin-top: 60px;*/ border: 1px solid #e1e1e1; background-color: #e1e1e1}
	#myTab li, 
	#myTab li.active a, 
	#myTab li:hover, 
	#myTab li a {background-color: #e0e0e0; border:0; border-radius: 0; font-size: 13px;}
	#myTab li a {border-right:1px solid #fff; margin-right: 0; padding: 10px 8px;}
	#myTab li.active a { background-color:#fff; color:#e2001a; margin-right: 0; border-right:1px solid #fff; /*padding: 10px 9px;*/}
	#myTab li:last-child a {padding-left: 17px; padding-right: 19px;border: 0;}
	/*.forum-content > div.row > .span9 h1 { padding-left: 0;}*/
	/*.forum-content .mi_box div.row div.span1 {padding-left: 3px;margin-right: 15px;margin-top: 15px;}*/
	.forum-content .mi_box div.span7 div {margin-right: -40px;}
	.forum-content .mi_box div.span7 img {margin-right: -30px;letter-spacing: 1px;}
	.forum-content .mi_box div.span1 {padding-left: 3px;margin-right: 15px;margin-top: 15px;}
	.forum-content .post-manage {margin: 10px 0px -20px 0;}
	.forum-content div.span7 {padding: 0 20px 0 0;}
	.tab-pane {border-radius: 0;}
	.tab-pane div {padding: 0 0 0 0; margin-bottom: 0; font-size: 13px;}
	.tab-pane div div { padding: 10px; border-bottom:1px solid #e1e1e1; margin-bottom: 0;}
	.tab-pane div div:last-child { border-bottom: 0;}
	.tab-pane div a {margin: 0 0px 0 46px;text-transform: uppercase;font-size: 12px;}
	#forums_tab.tab-pane div a {margin: 0;}
	#admin_tab.tab-pane div a {margin: 0;}
	.tab-pane div:hover > a{color:#e3001b;text-transform: uppercase; transition: color .4s ease; -webkit-transition: color .4s ease;}
	.tab-pane div.panel > div:before {font-size: 16px; color: #e0e0e0; font-family: 'stgu'; position: absolute; padding-left: 6px; transition: color .4s ease; -webkit-transition: color .4s ease;}
	.tab-pane div.panel > div:hover:before {color: #e2001a; transition: color .4s ease; -webkit-transition: color .4s ease;}
	.tab-pane div.home:before {content:'\e613';}
	/*.tab-pane div.home:hover:before {color: #e2001a; transition: color .4s ease; -webkit-transition: color .4s ease;}*/
	/*.tab-pane div.home:hover {background: url(images/home_2.png) no-repeat  16px 10px; }*/
	.tab-pane div.posts:before {content:'\e614';/*background: url(images/twoje_watki_1.png) no-repeat  16px 10px; */}
	/*.tab-pane div.posts:hover {background: url(images/twoje_watki_2.png) no-repeat  16px 10px; }*/
	.tab-pane div.book:before {content:'\e602';/*background: url(images/twoje_subskrypcje_1.png) no-repeat  16px 10px; */}
	/*.tab-pane div.book:hover {background: url(images/twoje_subskrypcje_2.png) no-repeat  16px 10px; }*/
	/*.tab-pane div.profile {background: url(images/kto_jest_1.png) no-repeat  16px 10px; }
	.tab-pane div.profile:hover {background: url(images/kto_jest_2.png) no-repeat  16px 10px; }
	.tab-pane div.messages {background: url(images/message_1.png) no-repeat  16px 10px; }
	.tab-pane div.messages:hover {background: url(images/message_2.png) no-repeat  16px 10px; }
	.tab-pane div.online {background: url(images/kto_jest_1.png) no-repeat  16px 10px; }
	.tab-pane div.online:hover {background: url(images/kto_jest_2.png) no-repeat  16px 10px; }*/
}

@media (min-width: 1200px) {
	/* misc */
	html.no-touch .affix {width: 270px; top: 40px;}
	section {margin-top: 30px;}
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  		padding-left: 15px;
		padding-right: 15px;
	}

	/* nav */
	.navbar-collapse > .nav-justified {width: 798px; position: absolute; right: 158px; top: 0px;}
	.bottom-menu {margin-bottom: 30px;}
	span.login-name.scrolling:hover {margin-left: -51px;}

	/* search */
	a.logo {margin-top: 80px;}
	#advsearch .search-title {width: 270px; letter-spacing: 1px;}
	#advsearch .b-custom-select {width: 300px;}
	#advsearch .b-custom-select[name=rodzaj] {width: 300px;}
	#advsearch .b-custom-select__dropdown {width: 300px;}

	/* masonry */
	.stack section.masonry {margin: 15px 0 -15px 0;}
	.stack .smallblock {width: 25%; padding: 15px 15px;}
	.stack .grid-sizer {width: 25%;}

	/* slider */
	.inner .next {right: 23px;}
	.inner .prev {left: 23px;}
	.iosSlider {height: 397px;}
	.slider {height: 397px;}
	.slider .slide {margin: 0 30px 0 -1px; height: 397px;}
	.slider .slide img {height: 397px;}
	.slider .slide .slider-content {bottom: 20px; padding: 0px 20px 0px 20px;}
	.mainbanner .slider {width: 570px;}
	.mainbanner .slide {width: 570px !important; margin: 0 15px;}
	.mainbanner.inner .next {right: 48px;}
	.mainbanner.inner .prev {left: 48px;}
	.slider.standalone {margin-bottom: 30px;}
	.slider .slide .wrapper {width: 570px; height: auto;}
	.slider .slide h4 {padding: 8px 14px 7px 14px; margin-bottom: 1px;}
	.slider .slide h1 {font-size: 35px; padding: 0; margin-bottom: 0px; /*padding: 6px 14px 7px 17px;*/}
	.slider .slide h1 span {background: #000; line-height: 51px; font-size: 35px; padding: 5px 17px 5px 15px; /*font-weight: 400;*/ /*margin: 1px 0px 1px 0px;*/ white-space: pre;}
	.slider .slide h2 {/*height: 27px;*/ font-size: 14px; padding: 8px 14px 7px 14px;}

	/* small article - categories */
	.article0 hr {width: 228px;}
	.article0 .article.dGraph {padding-right: 15px; padding-left: 15px;}
	.article0 .article.dGraph .line {width: 114px;}

	/* article content */
	.article-content .slideshow {left: auto !important; margin: 0 auto; margin-top: 27px; width: 100%; height: auto !important;}
	.article-content .arttext {line-height: 1.7em;}
	.article-related .text h3 {font-size: 15px;}

	/* logos */
	.logos {margin: 0 0 0px 1px; padding: 0;}
	.logos .logo:nth-child(1n) {float: left; width: 147px; height: 147px; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; padding: 30px;}
	.logos .logo:nth-child(8n) {width: 148px;}
	.logos .logo-wrapper {display: table; width: 100%; height: 100%;}
	.logos .logo-image {vertical-align: middle; text-align: center; display: table-cell;}
	.logos img {max-width: 85px; max-height: 85px;}

	/*forum*/
	/*.nicEdit-panelContain {width:772px;}*/
	/*.forum-content { border:1px solid #e1e1e1; padding-left: 40px; 	width: 856px;margin-right: 20px;}*/
	.forum-sidebar .form-search {margin-bottom: 30px;}
	.forum-sidebar .form-search form {margin: 0;}
	.forum-content {border:1px solid #e1e1e1; padding: 30px 40px;}
	.forum{margin-left: 0;}
	.forum-sidebar .form-search {width: 100%;}
	.forum-sidebar .form-search input { color:#000; border-right: 0;height: 40px;padding-left: 18px;float: left;width: 240px}
	.forum-search-icon{width: 40px;height: 40px;/*background: url('images/forum_search.png') #000 no-repeat center center;*/float: right;}
	.forum-content .breadcrumb { border:0;}
	#myTab {/*margin-top: 70px;*/ border: 1px solid #e1e1e1;background-color: #E1E1E1;}
	#myTab li, 
	#myTab li.active a, 
	#myTab li:hover, 
	#myTab li a { background-color: #e0e0e0; border:0; border-radius: 0; font-size: 15px;}
	#myTab li a { border-right:1px solid #fff; margin-right: 0; padding: 9px 15px 9px 15px;}
	#myTab li.active a { background-color:#fff; color:#e2001a; margin-right: 0; border-right:1px solid #fff;}
	#myTab li:last-child { background-color: #e1e1e1;}
	#myTab li:last-child a { padding-left: 18px; padding-right: 17px;border:0;}
	.forum-content div.span7 {padding: 0 30px 0 0;}
	/*.forum-content > div.row > .span9 h1 { padding-left: 15px;}*/
	.forum-content .post-manage {margin:10px 0px -20px 0;}
}