/*
@font-face {
    font-family: 'Lato', sans-serif; font-weight: 400;
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Regular.woff2') format('woff2'),
         url('../fonts/Lato-Regular.woff') format('woff'),
         url('../fonts/Lato-Regular.ttf') format('truetype'),
         url('../fonts/lato-regular.svg#latoregular') format('svg');
    font-weight: normal;
}


@font-face {
    font-family: 'Lato', sans-serif; font-weight: 300;
    src: url('../fonts/Lato-Light.eot');
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Light.woff2') format('woff2'),
         url('../fonts/Lato-Light.woff') format('woff'),
         url('../fonts/Lato-Light.ttf') format('truetype'),
         url('../fonts/lato-light.svg#latolight') format('svg');
    font-weight: normal;

}

@font-face {
    font-family: 'Lato', sans-serif; font-weight: 700;
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Bold.woff2') format('woff2'),
         url('../fonts/Lato-Bold.woff') format('woff'),
         url('../fonts/Lato-Bold.ttf') format('truetype'),
         url('../fonts/lato-bold.svg#latobold') format('svg');
    font-weight: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'Lato', sans-serif; font-weight: 300;
        src: url('../fonts/lato-light.svg#latolight') format('svg');
    }
}
*/
body {
    font-family: 'Lato', sans-serif; font-weight: 300;
    color: #454545;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lato', sans-serif; font-weight: 400;
}
h1, .h1 {
    font-size: 34px;
}
h2, .h2 {
    font-size: 20px;
    font-family: 'Lato', sans-serif; font-weight: 400;
}
a {
    color: #16b89f;
}
a:hover, a:focus {
    color: #20cab0;   
}
input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline {
    cursor: pointer;
    pointer-events: auto;
}
.no-padding {
    padding: 0 !important;
}
.lato-light {
    font-family: 'Lato', sans-serif; font-weight: 300;
}
.lato-bold {
    font-family: 'Lato', sans-serif; font-weight: 700;
}
.form-margin-bottom {
    margin-bottom: 15px;
}
.color76 {
    color: #767676
}

header {
    width: 100%;
    background: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
.hfixed {
    position: fixed;
    top: 0px;
    left:0px;
    z-index: 7000;
}
.header-white-bg {
    background: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
.header {
    position: absolute;
    top: 0px;
    left: 0;
}
header .top-menu {
    font-family: 'Libre Baskerville', serif;
    text-transform:uppercase;
}
header .top-menu-border{
    border: 1px solid #e7e7e7;
    color: #454545;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
.top-spacer {
    background: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}

.menu-produkty {
    background: #63ffe7;
    margin-top: 0px !important;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    color: #535353;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
.menu-produkty:hover {
    background: #4df7dd;
    color: #535353;
    text-decoration: none;
}
.menu-produkty span {
    color: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}

.menu-zdjecia {
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
header .menu2, header .menu2 li a {
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
    
}
.logo-right-container {
    text-align: right;
    padding-top: 12px;
}
.menu1, .menu1 li a{
    width: 253px;
    height: 42px;
}


.top-menu {
    padding: 0 15px;
}
.top-menu .dropdown-menu {
    padding: 0 0 5px 0;
    background: #FFF;
}
.top-menu .dropdown-menu li {
}
.top-menu .dropdown-menu li a {
    padding: 5px 20px 10px 15px;
    font-size: 11px;
    background: #FFF;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    white-space: normal;
}

.top-menu .dropdown-menu li:last-child a {
    padding: 10px 20px 10px 15px;
}

.menu2 li a {
    padding: 10px 20px 10px 15px !important;
}


.top-menu .dropdown-menu li a:hover {
    background: #e7e7e7;
}
.top-menu-border {
    font-family: 'Libre Baskerville', serif;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-weight: 400;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #FFF;
}
.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 0;
}
.nav .caret {
    border-bottom-color: #454545;
    border-top-color: #454545;
    float: right;
    margin-top: 8px;
}
.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret {
    border-bottom-color: #454545;
    border-top-color: #454545;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: #e7e7e7;
}

.login-menu {
    text-align: right;
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
.login-menu a {
    font-family: 'Libre Baskerville', serif;
    display: inline-block;
}
.login-menu a.btn-login {
    color: #535353;
    background-color: #63ffe7;
    border-radius: 0 !important;
    font-size: 10px;
    letter-spacing: 1.4px;
    line-height: 9px;
    padding: 11px 14px 11px;
    text-align: left;
    text-transform: uppercase;
   /* width: 194px;*/
}
.login-menu a.btn-login:hover, .login-menu a.btn-login:active, .login-menu a.btn-login:focus {
    color: #FFF;
    background-color: #535353;
    border-radius: 0 !important;
    text-decoration: none;
}
.login-menu a.btn-register {
    color: #FFF;
    background-color: #535353;
    border-radius: 0 !important;
    font-size: 10px;
    letter-spacing: 1.4px;
    line-height: 9px;
    padding: 11px 14px 11px;
    text-transform: uppercase;
}
.login-menu a.btn-register:hover, .login-menu a.btn-register:active, .login-menu a.btn-register:focus {
    color: #535353;
    background-color: #63ffe7;
    border-radius: 0 !important;
    text-decoration: none;
}
.login-menu a.info-koszyk {
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
/* margin-right: 20px;*/
    line-height: 31px;
    letter-spacing: 0.6px;
    background: url('../images/frontend/koszyk.png') no-repeat;
    height: 31px;
    color: #16b89f;
}
.login-menu a.info-koszyk:hover, .login-menu a.info-koszyk:active, .login-menu a.info-koszyk:focus {
    color: #454545;
}


/* Baza do responsive */
.login-menu {
    margin-bottom: 20px;
}
.login-menu a.info-koszyk {
    float: left;
    margin-bottom: 10px;
    padding: 0px 0px 8px 46px;
}

.login-menu .konto-menu {
    float: left;
    margin-bottom: 0;
}
    
.login-menu a.btn-register {
    float: left;
    text-align: center;
}

.login-menu a.btn-login {
    float: left;
}

.info-koszyk-wrapper {
    text-align: left;
}

.konto-menu-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}

.btn-register-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}


h1.logo {
}

h1.logo a {
    color: #333;
}

h1.logo a img {
    width: 40px;
}

h1.logo a span {
    margin-left: 5px;
}

h1.logo a:hover {
    color: #333333;
    text-decoration: none;
}


.border-fieldset {
    border: 1px solid #F0F0F0;
    padding: 30px 0;
    font-family: 'Lato', sans-serif; font-weight: 400;
}
.border-fieldset label {
    font-weight: normal;
}
.border-fieldset.big-padding {
    color: #767676;
    font-family: 'Lato', sans-serif; font-weight: 300;
    padding: 60px 90px;
}



.logo-black {
    outline: 0 !important;
}

.logo-white{
    float: right;
    z-index: 500;
    outline: 0 !important;
}
.logo-white-wrapper {
    position:absolute;
    z-index:499;
    left:50%;
    margin-left: 225px;
}
.logo-white img{
    margin-top: 74px;
}



/**************************************
    STRONY TEKSTOWE
 ******************************************/
.article-static {
    padding: 5px;
    font-family: 'Lato', sans-serif; font-weight: 300;
    color: #767676;
    margin-top: 18px;
}
.article-static h1{
    font-family: 'Lato', sans-serif; font-weight: 400;
    color: #383838;
    margin-top: 0px;
    margin-bottom: 22px;
}

.article-static h2{
    margin-bottom: 6px;
}

.article-static ul, .article-static ol, .article-static li {
    margin: 0px;
    padding: 0px;
    list-style-position:inside;
}

.article-static ul {
    list-style-type:disc;
}

.article-static ol.low-alpha  {
  counter-reset: list;
}

.article-static ol.low-alpha > li {
  list-style: none;
}

.article-static ol.low-alpha > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

.link-download-pdf {
    background: url('../images/frontend/pdf-file.png') no-repeat;
    padding-left: 24px;
    padding-top: 2px;
    line-height: 16px;
}
/**************************************
    FOOTER
 ******************************************/

footer {
   /* margin-top: 109px;*/
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    padding-bottom: 35px;
}
footer .footer {
    margin-top: 55px;
    font-size: 12px;
}
footer .footer p {
    margin-bottom: 5px;
}
.marginbottom {
    margin-bottom: 109px;
}
footer h4 {
    font-family: 'Libre Baskerville', serif;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
    margin-top: 0px;
}
footer ul {
    margin: 0;
    padding: 0;
}
footer ul li {
    list-style: none;
    padding: 0;
    margin: 2px 10px;
    display: inline-block;
}
footer ul li a{
    font-family: 'Lato', sans-serif; font-weight: 300;
    color: #767676;
    font-size: 13px;
}

div.footer {
    padding: 0px;
}

div.footer p {
    margin-top: 8px;
    color: #c6c6c6;
}

div.footer ul li a {
    color: #999;
}
.obslugiwane-platnosci {
    text-align: right;    
}
.obslugiwane-platnosci img {
    display: inline-block;
}
.nopadding {
    padding: 0px !important;
}

.padding15 {
    padding: 0 0 0 15px;
}

.kontakt h5.kontakt-title {
    color: #383838;
    font-family: 'Lato', sans-serif; font-weight: 700;
    margin-bottom: 22px;
}
.kontakt h5.kontakt-subtitle {
    font-family: 'Lato', sans-serif; font-weight: 700;
    margin: 25px 0;
}
.kontakt-mail {
    font-family: 'Lato', sans-serif; font-weight: 400;
}
.kontakt .form-group {
    margin-bottom: 11px;
}
.kontakt textarea, .kontakt input[type="email"] {
    width: 312px;
    margin-left: 3px;
}

.czas-td1 {
    width: 20%;   
}
.czas-td2 {
    width: 40%;   
}
.czas-td3 {
    width: 20%;   
}
.czas-td4 {
    width: 20%;   
}

div.cookies {
    padding: 0px;
    min-height: 80px;
    background: #454545;
    color: #FFF;
    font-family: 'Lato', sans-serif; font-weight: 400;
}
div.cookies .container, div.cookies .col-sm-10{
    padding: 0px;
}
div.cookies p {
    padding: 6px 0px;
    margin-bottom: 0px;
    line-height: 16px;
    font-size: 13px;
    letter-spacing: 0.02px;
}
div.cookies a {
    color: #63ffe7;
}
div.cookies button {
    background: #3dc4b2;
    color: #FFF;
    font-family: 'Lato', sans-serif; font-weight: 700;
    font-size: 13px;
    margin: 10px 0 0;
    letter-spacing: 0.6px;
    padding: 4px 10px;
}
div.cookies .alert {
    margin-bottom: 0px;
}
div.cookies .col-sm-2 {
    padding-right: 0;
}




/**************************************
    BLOG
 ******************************************/
.blog .date {
	background: url('../images/frontend/clock.png') no-repeat;
	padding-left: 18px;
	font-size: 12px;
}
.blog .head-title {
	margin-bottom: 10px;
}

.blog .wp-post-image {
	margin: 0 23px 25px 0;
}
.blog article {
	padding: 28px 0 0 0;
	border-bottom: 1px solid #dddddd;
}
.blog h1 {
	padding-left: 0px;
}
.blog h2 {
	font-size: 21px;
}
.blog .stronicowanie {
	text-align: center;
	margin-top: 30px;
}
.blog .pagination > li > a,
.blog .pagination > li > span {
    color: #16B89F;
}
.blog .pagination > .active > a,
.blog .pagination > .active > span,
.blog .pagination > .active > a:hover,
.blog .pagination > .active > span:hover,
.blog .pagination > .active > a:focus,
.blog .pagination > .active > span:focus {
    background-color: #ebebeb;
    border-color: #dddddd;
    color: #000;
}


a.footer-menu-idea-book {
    color: #16b89f;
}
a.footer-menu-idea-book:hover, a.footer-menu-idea-book:focus {
    color: #20cab0;   
}





.logged-out-margin {
    margin-top: 0px;
}

.footer-links {
    font-family: 'Open Sans';
    margin-top: 62px;
    font-size: 12px;
    color: #454545;
}

.footer-links a{
    color: #454545;
}
.zloty-span {
    font-size: 12px;
    color: #fdd000;
    font-family: 'Lato', sans-serif; font-weight: 400;
    text-transform: uppercase;
}
.footer-links .left {
    text-align: left;
}

.footer-links .right {
    color: #c6c6c6;
    text-align: left;
}
.navbar-nav {
    float: none;
    display: inline-block;
}
header .header {
    margin-left: 0;
}
header nav {
    text-align: center;
}

.top-spacer {
    height: 106px;
}
header {
    height: 120px;
}
header .header-white-bg {
    height: 106px;
}
header .menu-produkty {
    height: 120px;
    padding: 25px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    width: 47%;
    margin: 0 7px;
    vertical-align: top;
}
header .menu-produkty span.crc {
    font-size: 32px;
    padding: 5px;
    background-color: #63ffe7;
    border-radius: 50%;
}
header .menu-produkty-big span.crc {
    padding: 5px;
}
header .menu-produkty span.price {
    font-size: 16px;
    color: #454545;
    font-weight: 700;
    text-transform: none;
}
header .menu-produkty-big span.price {
    font-size: 21px;
}
header .menu-produkty-small {
    width: 255px;
}
header .menu-produkty-big {
    width: 335px;
    height: 140px;
    font-size: 21px;
}
header .menu-zdjecia {
    padding-left: 0;
    width: 50%;
    margin-top: 35px;
}
header .top-menu-border {
    font-size: 13px;
}
header .menu2, header .menu2 li a{
    width: 216px;
    height: 42px;
}
header .navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 10px;
}



.top-spacer.smaller  {
    height: 57px;
}
header.smaller {
    height: 83px;
}
header.smaller .header-white-bg {
    height: 57px;
}
header.smaller .menu-produkty  {
    height: 76px;
    font-size: 12px;
    padding: 3px 0 0 0;
    width: 200px;
}
header.smaller .menu-produkty-big  {
    height: 86px;
    width: 240px;
    padding: 6px 0 0 0;
}
header.smaller .menu-produkty span.price {
    font-size: 14px;
}
header.smaller .menu-produkty-big span.price {
    font-size: 16px;
}
header.smaller .menu-produkty span  {
    font-size: 22px;
}
header.smaller .login-menu {
    margin-top: 11px;
}
header.smaller .menu-zdjecia {
    margin-top: 11px;
}
header.smaller .top-menu-border {
    font-size: 11px;
}
header.smaller .menu2, header.smaller .menu2 li a{
    width: 170px;
    height: 35px;
}
header.smaller .navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 6px;
}
.navbar-default {
    background: #FFF;    
}

.blog-header-img {
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    
    .top-menu {
        padding: 0;
    }
}
    
@media (max-width: 767px) {
    
    footer .obslugiwane-platnosci {
        padding: 0px 15px;
    } 
      
    footer .footer-menu {
        padding: 0px 15px;
    }
    .top-menu {
        margin-left: 15px;
    }
    header .top-menu-last {
        margin-top: 5px;
    }
    div.footer, div.cookies {
        padding: 0px 15px;                                         
    }
}
@media (min-width: 768px) {
    .header {
        left: 50%;
    }

    header .header {
        margin-left: -375px;
    }
    
    header.smaller .logged-out-margin {
        margin-top: 0px;
    }

     
    footer .footer-menu {
        padding: 0px;
    }
    
    footer .col-sm-6{
        padding: 0px 0px 0px 20px;
    }
    .article-static {
        padding: 30px 30px;
    }
    
    .konto-menu-wrapper {
        padding-left: 15px;
        padding-right: 0;
    }
    
    .btn-register-wrapper {
        padding-left: 0;
        padding-right: 15px;
    }
    
    .footer-links .right {
        text-align: right;
    }
}
@media (max-width: 991px) {
    .login-menu a.info-koszyk {
        margin-right: 0px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

    .login-menu {
        margin-top: 15px;
        text-align: center;
    }
    .logo-white-wrapper {
        margin-left: -420px;
    }
    
    
    
    .login-menu {
        margin-bottom: 20px;
    }
    .login-menu a.info-koszyk {
        float: none;
        margin-bottom: 10px;
    }
    
    .login-menu .konto-menu {
        float: left;
    }
        
    .login-menu a.btn-register {
        float: left;
    }

    .info-koszyk-wrapper {
        text-align: center;
    }
    
    .logged-out-margin {
        margin-top: 25px;
    }
    
    
}

@media (min-width: 992px) and (max-width: 1199px) {
    .menu1, .menu1 li a {
        width: 220px;
    }
    .logo-white-wrapper {
        margin-left: -485px;
    }
    
}

@media (min-width: 992px) {
    
    header .login-menu {
        margin-top: 35px;
    }

    header .header {
        margin-left: -485px;
    }
    .kontakt h5.kontakt-subtitle {
        margin: 0 0 25px;
    }
    .login-menu .konto-menu {
        float: right;
    }
    .konto-menu-wrapper {
        padding-left: 15px;
        padding-right: 5px;
    }
    .login-menu a.btn-login {
        float: right;
    }
    .login-menu a.btn-register {
        float: right;
        width: 100%;
    }
    
}



@media (min-width: 1200px) {
    
    header .login-menu {
        margin-top: 35px;
    }

    header .header {
        margin-left: -585px;
    }
    
    .logo-white-wrapper {
        margin-left: -585px;
    }
    .article-static {
        padding: 60px 90px;
    }
    .info-koszyk-wrapper {
        text-align: right;
    }
    .login-menu a.info-koszyk {
        float: right;
        margin-bottom: 0px;
    }
    
    .konto-menu-wrapper {
        padding-left: 0px;
        padding-right: 5px;
    }
}
.body-bg {
    background: url("../images/frontend/body_bg.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

a.link-black {
    color: #454545;
}
.pointer {
    cursor: pointer;
}
.flight {
    font-weight: 300 !important;
}
.close-btn {
    color: #808080;
    font-size: 21px;
    font-family: 'Lato', sans-serif; font-weight: 400;
    line-height: 1;
    text-shadow: 0 1px 0 #FFFFFF;
}
.quantity-input {
    width: 45px;
    float: left;
    font-family: 'Lato', sans-serif; font-weight: 400;
}
.quantity-btn {
    float: left;
    height: 34px;
    border-color: #cccccc !important;
    margin-left: 4px;
}

.vhidden {
    visibility: hidden;
}
.quantity-input-no-float {
    width: 45px;
}

.koszyk-lista-produkt-link {
    font-family: 'Lato', sans-serif; font-weight: 400;
}

.do-zaplaty {
    font-size: 18px;
}
/**************************************
    KONTO KLIENTA
 ******************************************/
.login-form, .rejestracja {
    margin-top: 25px;
}
.login-form input {
    font-family: 'Lato', sans-serif; font-weight: 400;
}

.login-form label {
    font-family: 'Lato', sans-serif; font-weight: 300;
}

.login-form button, .rejestracja button {
    margin:0px;
}

#errorStr {
    padding: 0 40px;
}

.wylogowano h1 {
    font-family: 'Lato', sans-serif; font-weight: 700;
    margin-bottom: 18px;
}

.wylogowano p {
    font-family: 'Lato', sans-serif; font-weight: 400;
    font-size: 18px;
}

.rejestracja .form-group label, .logowanie .form-group label{
    text-align: left !important;
}

.rejestracja  label {
    font-family: 'Lato', sans-serif; font-weight: 300;
}

.rejestracja .info-text {
    font-family: 'Lato', sans-serif; font-weight: 300;
    margin-bottom: 40px;
}

.form-field-required {
    color: #33c6af;
}
.zarejestrowany {
    padding: 0 40px;
    font-family: 'Lato', sans-serif; font-weight: 300;
}


.konto-menu {
    list-style: none;
    display: inline-block;
    padding-left: 0;
}

.konto-menu .dropdown-menu {
    text-align: left;
    border-radius: 0;
    border: 1px solid #F0F0F0;
    left: auto;
    margin: 0;
    padding: 0;
}


.konto-menu .dropdown-menu a {
    color: #535353;
    font-size: 13px;
    letter-spacing: 0.6px;
    line-height: 9px;
    padding: 9px 14px 8px;
    text-transform: uppercase;
}
.konto-menu .caret {
    border-bottom-color: #454545;
    border-top-color: #454545;
    float: right;
    margin-top: 4px;
}

.moje-konto {
    font-family: 'Lato', sans-serif; font-weight: 300;
}

.moje-konto label{
    font-family: 'Lato', sans-serif; font-weight: 300;
    text-align: left !important;
}
.moje-konto h2, .koszyk-fieldset-bottom h2 {
    font-family: 'Lato', sans-serif; font-weight: 700;
    font-size: 13px;
    margin-bottom: 24px;
}

.greybg {
    background: #F0F0F0;
}




.dropdown-menu {
    box-shadow: none;
    border:none;
}

.zamowienia-do-zaplaty {
    padding-top: 25px !important;
}

/**************************************
    KONTAKT
 ******************************************/

.kontakt-form label{
    font-family: 'Lato', sans-serif; font-weight: 300;
    text-align: left !important;
}




.light-thead th {
    font-weight: 300 !important;
}
.light-thead th{
    background: none;
}
.czas-head {
    font-size: 18px;
}
.formy-nazwa {
    font-family: 'Lato', sans-serif; font-weight: 700;
}
/**************************************
    SLIDER
 ******************************************/
.fotob-wrapper {
    position: relative;
}
.fotob {
    position: relative;
    width: 100%;
    overflow: hidden;

    font-size: 18px;
    line-height: 24px;
    text-align: center;

}
.fotob ul {
    list-style: none;
    width: 300%;
    padding: 0px;
    margin:0px;
}
.fotob ul li {
    display: block;
    float: left;
    padding: 0;

    min-height: 640px;

    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
.fotob ul li img {

    /*width: 100%;*/
}

.fotob .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 348px;
    height: 15px;
    padding: 0;
    z-index:500;
}
.fotob .dots li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: auto 4px;
    text-indent: -999em;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
    vertical-align: middle;
}
.fotob .dots li.active {
    background: #63ffe7;
    border: 1px solid #63ffe7;
    width: 13px;
    height: 13px;
}

.fotob-content {
    top: 0px;
    position: absolute;
    width: inherit;
    text-align: center;
    color: #FFF;
    height: 100%;
}
.fotob-content-inner {
    position: relative;
    height: 100%;
    width: 100%;
}
.fotob-content h1 {

    font-family: 'Lato', sans-serif; font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 22px;
    margin-top: 30px;
    font-size: 18px;
}

.fotobt-content-par1 {
    font-style:italic;
    font-family: 'Libre Baskerville', serif;
}

.fotobt-content-par2 {
    top: 500px;
    position: absolute;

    font-family: 'Lato', sans-serif; font-weight: 700;
    text-decoration:underline;
    text-transform: uppercase;
    width: 100%;
}
.fotobt-content-ico img {
    width: 80px;
    height: 61px;
    margin-top: 70px;
}


.fotobt-content h1 {
    letter-spacing: 5px;
    line-height: 30px;
    margin-top: 30px;
    font-size: 24px;
}

.fotobt-content-par1 {
    font-size: 18px;
    margin-top: 20px;
    letter-spacing: 0.5px;
}

.fotobt-content-par2 {
    font-size: 12px;
    letter-spacing: 1.4px;
    line-height: 14px;
}
.fotobt-content a, .fotobt-content-par1 a, .fotobt-content-par2 a {
    color: #FFF !important;
}


/**************************************
    KATEGORIA
 ******************************************/

.kategoria {
    height: 750px;
    color: #FFF;
    text-align: center;
}
.kategoria h1 {
    font-size: 51px;
    font-family: 'Lato', sans-serif; font-weight: 700;
    letter-spacing: 9px;
    line-height: 60px;
    margin: 80px auto;
    text-transform: uppercase;
}
.kategoria h2 {
    font-size: 18px;
    font-family: 'Lato', sans-serif; font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    display: block;
    height: 70px;
    margin: 0;
}
.gradient {
    height: 130px;
    width: 100%;
    position: absolute;
    z-index:499;
    bottom: 0px;
    background: url('../images/frontend/gradient-short.png') repeat-x;
    pointer-events: none;
}
.gradient-long {
    height: 250px;
    width: 100%;
    position: absolute;
    z-index:499;
    bottom: 0px;
    background: url('../images/frontend/gradient-long.png') repeat-x;
    pointer-events: none;
}
.kategoria-wrapper .carousel-control {
    margin-top: 300px;
}
.kategoria-wrapper .carousel-indicators {
    list-style: none outside none;
    margin-top: 20px;
    margin-left: 0%;
    padding-left: 0;
    position: static;
    text-align: center;
    width: 100%;
    z-index: 15;
}
.kategoria-wrapper .carousel-indicators .active {
    background-color: #63ffe7;
    border-color: #63ffe7;
}

.catslider {
    position: relative;
    overflow: auto;
    text-align: center;
    max-width: 100%;
}

.catslider-content {
    text-align: center;
    color: #FFF;

    font-family: 'Lato', sans-serif; font-weight: 300;
}
.catslider-content {
    line-height: 18px;
}
.catslider-item {
    float: left;
    width: 31.3%;
    margin: 0 1%
}
.catslider-content a {
    color: #333 !important;
}
.small-flat-ul {
    padding: 0;
    margin: 0;
    font-size: 12px;
}
.small-flat-ul li{
    padding: 0;
    margin: 3px 0;
    list-style: none;
}

/**************************************
    KATEGORIA KONFIGURATOR
 ******************************************/

.kategoria-konfigurator {
    height: 810px;
    color: #FFF;
    text-align: left;

    font-family: 'Lato', sans-serif; font-weight: 300;
}
.kategoria-konfigurator h1 {
    font-size: 45px;
    font-family: 'Lato', sans-serif; font-weight: 700;
    letter-spacing: 14px;
    margin: 80px auto;
    text-align: center;
    text-transform: uppercase;
}
.kategoria-konfigurator h2 {
    font-size: 18px;
    font-family: 'Lato', sans-serif; font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    display: block;
    height: 70px;
    margin: 0;
}

.kategoria-konfigurator .col-lg-8 {
    text-align: left;
}
.kategoria-konfigurator .carousel-control {
    width: 20px;
    margin-top: 10px;
}
.no-padding-margin .row, .no-padding-margin .col-lg-1, .no-padding-margin .col-lg-12, .no-padding-margin .col-lg-10
{
    margin:0 !important;
    padding:0 !important;
}
.kategoria-konfigurator .col-lg-1 {
    width: 5%;
}
.kategoria-konfigurator .col-lg-10 {
    width: 90%;
}


.colzlider-item {
    float: left;
    height: 194px;
    width: 184px;
    margin: 0;
    position: relative;
}
.colzlider-item input {
    cursor: pointer;
    left: 10px;
    position: absolute;
    top: 50px;
}
.colzlider-item img {
    cursor: pointer;
    margin-left: 30px;
}
.colzlider-krok1-title-item, .colzlider-krok1-title-item-b {
    height: 217px;
    width: 184px;
}
.colzlider-krok1-title-item-c {
    height: 222px;
    width: 184px;
}
.colzlider-krok1-title-item input {
    top: 90px;
}
.colzlider-krok1-title-item-b input {
    top: 65px;
}
.colzlider-krok1-title-item-c input {
    top: 95px;
}

.krok1-carousel .carousel-control {
    position: static;
}

.krok1-carousel-nav {
    width: 30px;
    float: left;
}

.krok1-carousel-imgs {
    float: left;
    width: 750px;
}
.krok1-carousel-nav-h {
    height: 200px;
}

.krok1-carousel-nav-h a {
    padding-top: 60px;
    display: block;
}
.krok1-carousel-nav-l {
    height: 200px;
}

.krok1-carousel-nav-l a {
    padding-top: 25px;
    display: block;
}
.carousel-control.left, .carousel-control.right {
    background: none;
}

.carousel-kalkulator-img {
    height: 170px;
}
.carousel-kalkulator-img, .colzlider-krok1-title-item, .krok2-img-item {
    position: relative;
    cursor: pointer;
}

.krok2-img-item {
    display: inline-block;
}
.carousel-kalkulator-img:hover .carousel-kalkulator-img-hoverdiv,
.colzlider-item:hover .carousel-kalkulator-img-hoverdiv4,
.krok1-img-item:hover .carousel-kalkulator-img-hoverdiv2,
.krok2-img-item:hover .carousel-kalkulator-img-hoverdiv3,
.krok2-img-item:hover .carousel-kalkulator-img-hoverdiv
{
    display: block;
}

.carousel-kalkulator-img-hoverdiv {
    position: absolute;
    top: -20px;
    left: -5px;
    display: none;
    background: url('../images/frontend/lupa.png') no-repeat center center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.carousel-kalkulator-img-hoverdiv2 {
    position: absolute;
    top: 2px;
    left: 20px;
    display: none;
    background: url('../images/frontend/lupa.png') no-repeat center center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.carousel-kalkulator-img-hoverdiv3 {
    position: absolute;
    top: 0px;
    left: -5px;
    display: none;
    background: url('../images/frontend/lupa.png') no-repeat center center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.carousel-kalkulator-img-hoverdiv4 {
    top: -20px;
    position: absolute;
    left: 15px;
    display: none;
    background: url('../images/frontend/lupa.png') no-repeat center center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}



.kategoria-konfigurator label {
    font-family: 'Lato', sans-serif; font-weight: 400;
}
.format-thumb-container {
    height: 50px;
    text-align: center;
    position: relative;
}
.format-thumb {
    background: none;
    border: 1px solid #E7E7E7;
    margin: auto;
    bottom: 4px;
    left: 0;
    right: 0;
    position: absolute;
}
.format-thumb.active {
    background: #FFF;
}

select.green-inline-dropdown {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/frontend/dropdown-arrow.png") no-repeat scroll 174px 0 #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    color: #454545;
    cursor: pointer;

    font-family: 'Lato', sans-serif; font-weight: 300;
    height: 34px;
    margin-bottom: 5px;
    padding: 8px;
    padding-right: 0px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 200px;
}
select.green-inline-dropdown.short {
    background-position: 74px 0;
    width: 100px;
}
select.green-inline-dropdown option {

    padding: 8px 0 8px 8px;
}

.krok1-listy input[type=text] {
    width:  190px !important;
}

.krok1-listy-green-inline-dropdown {
    width:  190px !important;
    background-position: 164px 0 !important;
    margin-left: 0px !important;
}



/**************************************
    KOSZYK
 ******************************************/
.koszyk-fieldset-top .table thead {
    border-bottom: 2px solid #ddd;
}
.koszyk-fieldset-top {
    padding: 60px 90px 20px 90px;
}
.koszyk-fieldset-bottom {
    padding: 20px 0px  0px 0px;
    background: #f9f9f9;
    font-weight: 300 !important;
}
.koszyk-fieldset-bottom label {
    width: 150px;
    font-family: 'Lato', sans-serif; font-weight: 300;
    text-align: left !important;
}
.koszyk-fieldset-bottom .form-group {
    margin-bottom: 11px;
}

#koszyk-podglad-modal .modal-dialog {
    margin: 80px auto;
    left: 150px;
}

#koszyk-podglad-modal .modal-body {
    padding: 0px;
}

#koszyk-podglad-modal .arrow, #koszyk-podglad-modal  .arrow:after {
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

#koszyk-podglad-modal  .arrow {
    border-width: 11px;
}

#koszyk-podglad-modal  .arrow:after {
    border-width: 10px;
    content: "";
}

#koszyk-podglad-modal .arrow {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px;
}

#koszyk-podglad-modal .arrow:after {
    border-bottom-color: #FFFFFF;
    border-top-width: 0;
    content: " ";
    margin-left: -10px;
    top: 1px;
}
/**************************************
    INNE
 ******************************************/
.jumbotron {
    margin: 20px 0 40px;
    text-align: center;
}

.jumbotron h1 {
    font-size: 72px;
    line-height: 1;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.marketing {
    margin: 60px 0;
}

.marketing p + h4 {
    margin-top: 28px;
}

th {
    background-color: #f1f1f1;
}

#sidebar ul {
    margin-left: 0;
    list-style: none;
    padding: 0;
    overflow: hidden;
}

#sidebar ul span.nav-header {
    padding-left: 10px;
    font-weight: bold;
}

#sidebar ul.nav-list {
    margin-top: 10px;
}

#sidebar ul li a:hover {
    text-decoration: none;
}

#sidebar ul li img {
    float: left;
    margin-right: 10px;
}

#sidebar ul li h4 {
    font-size: 15px;
    text-align: left;
}

div.product-box {
    margin-bottom: 20px;
}

div.product-box a {
    text-decoration: none;
}

div.product-box a img {
    margin-bottom: 5px;
}

div.product-box h3 {
    color: #333;
}


#sidebar ul li img.menu-thumbnail {
    float: none;
    margin-right: 0;
}

.form-actions {
    padding: 10px;
    text-align: center;
    border-top: medium none;
}

div.currency-menu {
    margin-right: 50px;
}

.checkout-new-customer form, .checkout-existing-customer form {
    margin-top: 20px;
}

.checkout-new-customer .form-group {
    clear: both;
    margin-bottom: 10px;
    overflow: auto;
}

.checkout-new-customer .form-group > .control-label, .address-container .form-group > .control-label {
    padding-left: 0;
    padding-right: 0;
    width: 25%;
}

.checkout-new-customer .form-group > .col-lg-10, .address-container .form-group > .col-lg-10 {
    width: 75%;
}

a.oauth-login {
    margin-right: 8px;
}

a.oauth-login:hover {
    text-decoration: none;
}
.btn-clear-black {
    background: #FFF;
    border-color: #F0F0F0;
    color: #454545;
}
.form-control {
    box-shadow: none;
}
legend.border-fieldset-legend  {
    position: relative;
    width: 100%;
    font-size: 14px;
    text-transform:uppercase;
    border-bottom: none;
    padding: 0 10px;
    text-align: center;
    top: 10px;
    margin: 0px;
}
legend.border-fieldset-legend span {
    background: white;
    padding: 0 10px;
    font-size: 16px;
    letter-spacing: 3px;
    font-family: 'Lato', sans-serif; font-weight: 400;
}
.account, .kreator {
    padding: 10px;
}
.account .nav > li > a {
    color: #333;
}

.account .form-horizontal .control-label {
    text-align: left;
}
.btn-primary {
    background-color: #16b89f;
    border-color: #16b89f;
    color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #20cab0;
    border-color: #20cab0;
    color: #FFFFFF;
}



/* Edytor
 * -------------------------- */
.modalZapisz {
    font-family: 'Lato', sans-serif; font-weight: 300;
}
.modalZapisz .row {
    margin-top: 10px;
}
.modalZapisz .modal-header {
    padding: 5px 15px;
}
.modalZapisz h4 {
    font-size: 16px;
}
.btn-clear {
    background: #FFF;
    border-color: #CCCCCC;
    color:#454545;
    font-size: 16px;
    font-family: 'Lato', sans-serif; font-weight: 400;
    margin: 0 5px;
    padding: 6px 12px;
}
.btn-clear-normal {
    background: #FFF;
    border-color: #F0F0F0;
    color:#454545;
}
.btn-clear-green {
    background: #FFF;
    border-color: #CCCCCC;
    color: #16b89f;
    font-size: 16px;
    font-family: 'Lato', sans-serif; font-weight: 400;
    margin: 0 5px;
    padding: 6px 12px;
}
.btn-green {
    background: none repeat scroll 0 0 #3DC4B2;
    border-color: #3DC4B2;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Lato', sans-serif; font-weight: 400;
    margin: 0 5px;
    padding: 6px 12px;
}
.btn-green-normal {
    background: none repeat scroll 0 0 #3DC4B2;
    border-color: #3DC4B2;
    color: #FFFFFF;
}
.circle {
    font-family: 'Lato', sans-serif; font-weight: 300;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    color: #383838;
    text-align: center;
    line-height: 64px;
    display: inline-block;
    margin: 0 4px;
    cursor: pointer;
    -webkit-transition: background 500ms ease;
    -moz-transition: background 500ms ease;
    -ms-transition: background 500ms ease;
    -o-transition: background 500ms ease;
    transition: background 500ms ease;
}
.circle:hover {
    background: #F7F7F7;
}
.circle-clear {
    background: #FFF;
    border: 1px solid #F0F0F0;
}
.circle-active {
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
}
.btn-help {
    color: #67d3d1;
    line-height: 20px;
    cursor: pointer;
}
.btn-help:hover {
    color: #46b6b4;
}
.green-info {
    color: #67d3d1;
}
.green {
    color:  #16b89f
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.scroll-row {
    width: 200px;
    height: 220px;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
}
.scroll-row img {
    margin: auto;
    display: block;
    cursor: pointer;
}
.scroll-row-img {
    width: 200px;
    height: 100px;
    margin: 0 10px 10px 0;
    cursor: pointer;
}
.editor-podpisy {
    color: #aeaeae;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    height: 20px;
}

.editor-bottom-belt {
    margin-top: 30px;
}
.editor-bottom-belt p{
    font-size: 18px;
}
.editor-bottom-belt strong{
    font-family: 'Lato', sans-serif; font-weight: 700;
}
.editor-bottom-belt span{
    font-family: 'Lato', sans-serif; font-weight: 300;
}
.editor-tabs {
    margin-top: 30px;
}
.editor-tabs .nav > li.active > a{
    text-decoration: none;
    background-color: #FFF;
}
.editor-tabs .nav > li > a{
    font-family: 'Lato', sans-serif; font-weight: 300;
    text-decoration: none;
    color: #333333;
    background-color: #eeeeee;
    -webkit-transition: background 500ms ease;
    -moz-transition: background 500ms ease;
    -ms-transition: background 500ms ease;
    -o-transition: background 500ms ease;
    transition: background 500ms ease;
}
.editor-tabs .nav > li > a:hover {
    text-decoration: none;
    background-color: #F6F6F6;
}
.editor-tabs .tab-content {
    background: #F9F9F9;
    border: 1px solid #dddddd;
    padding: 10px;
    height: 252px;
}

.editor-tabs-container, .editor-canvas {
    width: 822px; /*+2px na border, żeby uzyskać 820px */
    margin: 0 auto;
}
.editor-bottom-belt-fixed-width {
    width: 822px; /*+2px na border, żeby uzyskać 820px */
    margin: 30px auto 0 auto;
}
.editor-bottom-belt-fixed-width  .col-md-6 {
    padding: 0px;
}
.editor-canvas {
    border: 1px solid #d7d7d7;
    float: left;
}
.kreatorFirstParagraph {
    margin-top: 44px;

}
.wybor-typu-druku {
    margin: 44px auto 0;
    text-align: center;
    font-size: 13px;
    color: #333;
    letter-spacing: 0.5px;
    height: 140px;
}

.wybor-typu-druku div {
    margin: 0 auto;
    text-align: center;
    width: auto
}

.wybor-typu-druku label {
    border: 1px solid;
    text-align: center;
    cursor: pointer;
    width: 260px;
    height: 140px;
}
.wybor-typu-druku label span{
    font-size: 13px;
    font-family: 'Lato', sans-serif; font-weight: 300;
    color: #767676;
}
.wybor-typu-druku input[type=radio] {
    display:none;
    margin:10px;
}

#kreator .popover-content {
    padding: 0;
}


.wybor-typu-druku input[type=radio] + label {
    float: left;
    margin:0;
    padding: 14px 23px;
    background-color: #FFF;
    border-color: #E7E7E7;
}

.wybor-typu-druku input[type=radio]:checked + label {
    background-image: none;
    background-color:#E7E7E7;
}

.wybor-typu-druku label:hover {
    background-color:#E7E7E7 !important;
}


.rdruku1 {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.rdruku2 {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 0px !important;
    border-right: 0px !important;
}

.rdruku3 {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.zaokraglenie label{
    font-family: 'Lato', sans-serif; font-weight: 300;
    margin-top: 40px;
}
/*
.popover {
    min-width: 800px;
}
*/
form.kreator {
    padding: 0 77px 50px 77px;
}
.kreator-attr-name {
    font-family: 'Lato', sans-serif; font-weight: 300;
    font-size: 13px;
}
.kreator-attr-name-label {
    display: block;
    height: 20px;
    text-align: center;
    padding: 0 8px;
    margin-left: 30px;
}

form.kreator .format-thumb-container {
    height: 60px;
}

form.kreator .row {
    margin-bottom: 20px;
}

form.kreator .form-control::-moz-placeholder {
    font-family: 'Lato', sans-serif; font-weight: 300;
}




.edit-menu-bar {
    margin: 60px 0px 0px 0;
}
.edit-menu {
    margin-left: 45px;
    display: block;
    float: left;

}
.edit-menu .tools-main {
    float: left;
    cursor: pointer;
    margin-top: 4px;
    margin-left: -1px;
    border: 1px solid #e7e7e7;
    width: 25px;
    height: 25px;
    background: url('../images/frontend/tools-main.png') no-repeat;
}

.tools-main {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.tools-main.maintools-menu-active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=1000);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#toolSelect {
    background-position: 0 0;
}

#toolText {
    background-position: -23px 0;
}

#toolPhoto {
    background-position: -46px 0;
}

#toolSelect.maintools-menu-active:hover, #toolSelect.maintools-menu-active.active-tool {
    background-position: 0 -23px;
}

#toolText.maintools-menu-active:hover, #toolText.maintools-menu-active.active-tool {
    background-position: -23px -23px;
}

#toolPhoto.maintools-menu-active:hover, #toolPhoto.maintools-menu-active.active-tool {
    background-position: -46px -23px;
}
.maintools-menu-active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=51000);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}



.tools-menu {
    margin-left: 12px;
    display: block;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.tools-menu .tools {
    float: left;
    cursor: pointer;
    margin-top: 4px;
    margin-left: -1px;
    border: 1px solid #e7e7e7;
    width: 25px;
    height: 25px;
    background: url('../images/frontend/tools.png') no-repeat;
}

#toolRotate {
    background-position: 0 0;
}

#toolScale {
    background-position: -23px 0;
}

#toolMoveUp {
    background-position: -46px 0;
}

#toolMoveDown {
    background-position: -69px 0;
}

#toolDelete {
    background-position: -92px 0;
}

.editor-menu-active > #toolRotate:hover, .editor-menu-active #toolRotate.active-tool {
    background-position: 0 -23px;
}

.editor-menu-active > #toolScale:hover, .editor-menu-active #toolScale.active-tool {
    background-position: -23px -23px;
}

.editor-menu-active > #toolMoveUp:hover, .editor-menu-active #toolMoveUp.active-tool {
    background-position: -46px -23px;
}

.editor-menu-active > #toolMoveDown:hover, .editor-menu-active #toolMoveDown.active-tool {
    background-position: -69px -23px;
}

.editor-menu-active > #toolDelete:hover{
    background-position: -92px -23px;
}


.editor-menu-active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=51000);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


.nav-buttons {
    width: 60px;
}
.nav-buttons {
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.nav-buttons:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.nav-buttons img {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    cursor: pointer;
}

.nav-prev {
    float: left;
}
.nav-next {
    float: right;
}
.editor-container {
    padding: 0 15px;
}
.green-inline-dropdown-short {
    height: 34px;
    text-align: right;
    display:inline-block;
}
.podglad {
    display:inline-block;
    margin-right: 45px;
    width: 32px;
    height: 34px;
    cursor: pointer;
}

#podgladWidok {
    position: fixed;
    top: 50px;
    left: 50%;
    margin-left: -650px;

    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    padding: 10px;
    white-space: normal;
    z-index: 1030;
}
#podgladWidokInner img {
    cursor: pointer;
}
.green-inline-dropdown-short label {
    line-height: 34px;
    margin: 0px;
}


.green-inline-dropdown-short .green-inline-dropdown {
    height: 34px;
    border: 1px solid #ccc !important;  /*Removes border*/
    border-radius: 4px;
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
    background: url('../images/frontend/dropdown-arrow.png') no-repeat transparent;  /*Adds background-image*/
    background-position: 74px 0px;  /*Position of the background-image*/
    width: 100px; /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/
    cursor: pointer;
    display:inline-block;
    margin-left: 5px;
    padding: 6px;
}

select.green-inline-dropdown::-ms-expand {
    display: none; /* hide default arrow in IE10 */
}

select.green-inline-dropdown:disabled {
    background: #E7E7E7 url('../images/frontend/dropdown-arrow-disabled.png') no-repeat;
    background-position: 174px 0px;
}

.wybierz-kompozycje {
    font-family: 'Lato', sans-serif; font-weight: 300;
    position: absolute;
    right: 64px;
    width: 350px;
}
.wybierz-zdjecie {
    font-family: 'Lato', sans-serif; font-weight: 300;
    position: absolute;
    right: 24px;
    width: 350px;
}

#dodaj-zdjecia {
    font-family: 'Lato', sans-serif; font-weight: 300;
    position: absolute;
    left: 440px;
    padding-top: 9px;
}

.horizontal-scroller .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0px;
    height: 15px;
    margin: 0 auto;
    width: 46px;
}


.vertical-scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: url("../images/frontend/slider-vert.png") no-repeat;
}
.vertical-scroller .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.vertical-scroller .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.vertical-scroller .mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar,
.vertical-scroller .mCSB_dragger_bar:hover,
.vertical-scroller .mCSB_dragger_bar:active,
.vertical-scroller .mCSB_dragger_bar:focus  {
    background: url("../images/frontend/slider-vert.png") no-repeat;
}
.vertical-scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0px;
    width: 15px;
    margin: auto 0;
    height: 46px;
    margin-left: 2px;
}

.vertical-scroller .mCSB_draggerRail {
    border-radius: 10px;
    width: 15px !important;
    margin: 0;
    height:  100%;
    background: rgba(244, 244, 244, 1) !important;
}

#uploadFormEdytor {
    width: 820px;
    height: 249px;
    background-color: #FFFFFF;
    display: none;
    padding: 10px 0 0 0;
    position: absolute;
    left: 50%;
    margin-left: -410px;
    text-align: left;
    white-space: normal;
    z-index: 1030;
}

#uploadFormEdytor #uploadImagesInner {
    height: 200px;
}
#uploadFormEdytor #uploadImagesContainer {
    float: left;
    height: 200px;
    margin:0;
}
#uploadFormEdytor .uploadImagesEdytorContainer {
    float: right;
    width: 310px;
    margin-right: 23px;
}

#uploadFormEdytor .uploadImagesEdytorInfo {
    height: 170px;
    text-align: center;
}

#uploadFormEdytor .uploadImagesEdytorBtn {

}



#textEdit {
    width: 360px;
    height: 375px;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    padding: 0px;
    position: absolute;
    text-align: left;
    white-space: normal;
    z-index: 1020;
}

#textEdit  #texts {
    width: 306px;
    height: 120px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}

.text-color-view {
    line-height: 34px;
}

#tcolorview {
    float: right;
    width: 126px;
}
.minicolors {
    float: right;
    margin: 0 10px;
}
#tsize {
    background-position: 54px 0;
    width: 80px;
}

#tbold, #titalic {
    display:none;
}

#tbold + .tboldlab, #titalic + .titallab  {
    /*padding-left:31px;*/
    height:18px;
    display:inline-block;
    line-height:26px;
    background-repeat:no-repeat;
    font-size:18px;
    vertical-align:middle;
    cursor:pointer;
}

#tbold + .tboldlab  {
    background-position: 0 0;
}

#titalic + .titallab  {
    background-position: -16px 0;
}

#tbold:checked + .tboldlab  {
    background-position: 0 -18px;
}

#titalic:checked + .titallab  {
    background-position: -16px -18px;
}

label.css-label {
    height: 18px;
    width: 16px;
    background-image:url("../images/frontend/tools-fontstyle.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cropQinner {
    display: block;
    margin: 67px auto 0 auto;
    color: #e62230;
    font-family: 'Lato', sans-serif; font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px;
    width: 150px;
    height: 50px;
    border: 1px solid #e7e7e7;
}

#cropTool {
    width: 780px;
    height: 360px;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    padding: 0px;
    position: absolute;
    text-align: left;
    white-space: normal;
    z-index: 1020;
}

#cropToolImage {
    width: 555px;
    background-color: #ededed;
    float: left;
    height: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

#cropToolSidebar {
    width: 221px;
    float: right;
    height: 100%;
    padding-left: 16px;
}

#cropToolSidebar button {
    padding: 5px 6px;
    margin-left: 0;
    font-size: 14px;
    font-family: 'Lato', sans-serif; font-weight: 400;
}

#cropToolImageCanvas{
    text-align: center;
    width: 540px;
    height: 340px;
    margin-top: 10px;
    margin-left: 7px;
}

#cropToolImageCanvas .kineticjs-content {
    /* border: 2px solid #000;*/
    background: #FFF;
    margin: auto;
    top: 50%;
    position: absolute;
}

#cropSlider {
    background: #ededed;
}
.cropHeader {
    border-bottom: 1px solid #e5e5e5;
}

.cropHeader h5 {
    font-family: 'Lato', sans-serif; font-weight: 400;
    color: #333;
    line-height: 35px;
    float: left;
}

.cropHeader button{
    float: right;
    margin: 19px 16px 0 0;
}

.cropQ {
    height: 150px;
}

.cropS {
    height: 100px;
    padding-right: 16px;
}





/* Wirtualny album
 * -------------------------- */

header.album-public {
    margin-top: 50px;
}
header.album-public h2 {
    text-align: right;
    text-transform: uppercase;
}
form.album-public {
    margin: 15% auto;
}
form.album-public label {
    font-family: 'Lato', sans-serif; font-weight: 300;
}
.album-public-katalog {
    font-family: 'Lato', sans-serif; font-weight: 300;
    text-align: center;
    padding: 9px;
}
.album-public-katalog h3{
    font-family: 'Lato', sans-serif; font-weight: 400;
    font-size: 18px;
    margin-bottom: 0px;
}
.album-public-katalog p{
    font-family: 'Lato', sans-serif; font-weight: 300;
    font-size: 12px;
}
.album-public-katalog-img {
    /* width: 180px;
     height: 180px;*/
    display: inline-block;
}
footer.album-public {
    color: #C6C6C6;
    font-size: 12px;
    font-family: 'Lato', sans-serif; font-weight: 300;
    margin-top: 50px;
}
.album-public-katalog-name {
    height: 250px;
}
.album-public-katalog-name h1 {
    font-size: 50px;
    margin: 80px 0 20px 140px;
}
.album-public-katalog-name a {
    margin: 0 0 0 140px;
}
.btn-rounded {
    border-radius: 40px;
}
.btn-rounded .glyphicon {
    font-size: 10px;
}





/* Wirtualny album - backend
 * -------------------------- */
#uploadForm input[type="text"]{
    width: 200px;
    font-family: 'Lato', sans-serif; font-weight: 300;
}

#uploadForm {
    font-family: 'Lato', sans-serif; font-weight: 300;
}

#uploadForm  .row {
    margin-bottom: 30px;
}

#uploadForm label {
    font-family: 'Lato', sans-serif; font-weight: 300;
}

#uploadProgressContainer {
    margin-left: 10px;
}

#uploadProgress{
    margin-left: 5px;
    font-family: 'Lato', sans-serif; font-weight: 300;
    color: #333;
}

#uploadForm .btn-help {
    line-height: 14px;
}

#uploadForm .uploadFormThumbnail, #uploadFormEdytor .uploadFormThumbnail {
    width: 94px;
    height: 94px;
    float: left;
    margin: 5px;
}

#uploadImagesContainer {
    width: 476px;
    height: 460px;
    margin-bottom: 30px;
}
#uploadImagesInner {
    width: 458px;
    height: 442px;
    background: url('../images/ps-grid.png');
    top: 9px;
    left: 9px;
    bottom: 9px;
    right: 9px;
    position: relative;
}

#uploadImages{
    width: 100%;
    height: 100%;
}

#uploadImages img.selected {
    border:2px solid #3dc4b2;
}
#uploadImages img.uploaded {
    border:2px solid #f7f7f7;
}
#uploadImages img {
    cursor: pointer;
    vertical-align: middle;
    max-height: 90px;
    max-width: 90px;
}
.uphelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.uiTopLeft {
    border-bottom: 1px solid #454545;
    border-right: 1px solid #454545;
    width: 8px;
    height: 8px;
    float: left;
}
.uiTopRight {
    border-bottom: 1px solid #454545;
    border-left: 1px solid #454545;
    width: 8px;
    height: 8px;
    float: right;
}

.uiBottomLeft {
    border-top: 1px solid #454545;
    border-right: 1px solid #454545;
    width: 8px;
    height: 8px;
    left: 0;
    top: 9px;
    position: relative;
}

.uiBottomRight {
    border-top: 1px solid #454545;
    border-left: 1px solid #454545;
    width: 8px;
    height: 8px;
    position: relative;
    left: 467px;
    top: 0px;
}

#userfile {
    display: none;
}

#uploadProgressContainer {
    display: none;
}

#numberOfFiles {
    float: left;
    line-height: 20px;
    margin-left: 10px;
}

#uploadProgressNumber {
    display: inline-block;
    text-align: right;
    width: 60px;
}

#uploadProgress {
    display: inline-block;
    width: 60px;
    margin-left: 10px;
}

.album-backend-row {
    padding: 20px 80px;
}

.album-backend-row-flat {
    padding: 0px 74px;
}

#createFolderForm {

}

.createFolderFormWithUsage {
    width: 378px;
    float: left;
    margin-top: 10px;
}
.album-backend-image {
    position: relative;
    cursor: pointer;
}

.album-backend-image:hover .hoverdiv
{
    display: block;
}

.hoverdiv {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: rgba(255,255,255,0.4) url('../images/frontend/lupa.png') no-repeat center center;
    width: 100%;
    height: 100%;

}
.album-backend-image input {
    position: absolute;
    bottom: 15px;
    left: 15px
}



.album-admin-album {
    margin-top: 30px;
}

.album-admin-album label {
    font-family: 'Lato', sans-serif; font-weight: 300;
    color: #767676;
    text-align: left !important;
    padding-left: 30px;
}



.text-modal img {
    border: none;
}

.text-modal .btn-clear {
    margin-left: 0;
}

.text-modal select.green-inline-dropdown {
    background-position: 194px 0;
    width: 220px;
}

.text-modal input {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    color: #454545;
    height: 34px;
    padding: 8px;
    width: 315px;
}

.clean-bg {
    position: relative;
}
.clean-bg img{
    border: dashed 1px #000;
}
.clean-bg-text {
    position: absolute;
    top: 40px;
    left:50%;
    margin-left: -30px;
    text-align: center;
    width: 60px;
}

.status-switch {
    background: url('../images/frontend/zamowienie-status.png') no-repeat;
    background-position: 0 0;
    width: 31px;
    height: 35px;
    border: none;
}
.status-switch.switch-off {
    background-position: -31px 0;
}

.rowcollapse.out {
    display: none;
}
.rowcollapse.in {
    display: table-row;
}

.switch1 {
    width: 20%;
}

.switch2 {
    width: 25%;
}

.switch3 {
    width: 25%;
}

.switch4 {
    width: 20%;
}

.switch5 {
    width: 10%;
}

.zamowienia strong {
    font-family: 'Lato', sans-serif; font-weight: 400;
}
.zamowienia th {
    background: #FFF;
    font-family: 'Lato', sans-serif; font-weight: 300;
    text-align: left;
}

.zamowienie-nr {
    font-family: 'Lato', sans-serif; font-weight: 400;
}

.btn-add-cart {
    font-family: 'Lato', sans-serif; font-weight: 700;
}


.caret.caret-up {
    border-top-width: 0;
    border-bottom: 4px solid #454545;
}

#footer-info {
    color:#454545;
}

.footer-info-text {
    text-align: center;

}
.footer-info-text .circle {
    color: #9b9b9b;
    line-height: 30px;
}
.footer-info-text p {
    font-size: 14px;
    line-height: 18px;
    padding: 0 5px;
}
.dobra-cena-up {
    font-size: 40px;
    bottom: 23px;
    position: relative;
}
.dobra-cena-zl {
    font-size: 18px;
    bottom: 0px;
    right: 40px;
    position: relative;
}
.minuty {
    font-size: 18px;
}
.circle-big {
    clear: both;
    float: none;
    height: 156px;
    margin: 5px auto 25px;
    padding-top: 64px;
    width: 156px;
    position: relative;
}
.circle-big-1 {
    font-size: 65px;
    font-family: 'Lato', sans-serif; font-weight: 400;
    padding-left: 10px;
}

.circle-big-2 {
    font-size: 90px;
    font-family: 'Lato', sans-serif; font-weight: 300;
    padding-top: 55px;
}

.circle-big-3 {
    font-size: 65px;
    font-family: 'Lato', sans-serif; font-weight: 400;
}

.circle-big-4 {
    font-size: 65px;
    font-family: 'Lato', sans-serif; font-weight: 400;
}

.caret.caret-green {
    color: #16B89F;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid;
}
.caret.caret-white {
    color: #FFF;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid;
}

.footer-info-text .caret.caret-green {
    bottom: 20px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
}
.footer {
    letter-spacing: 0.6px ;
}

.dane-radio label{
    margin-left: 10px !important;
}

.dane-radio input[type="radio"] {
    margin-left: -5px;
}

.wirtualny-album-ustawienia input[type="text"] {
    font-family: 'Lato', sans-serif; font-weight: 400;
}

#spinner, #podgladloader, #changePageloader {
    position: relative;
}

.check-usuwanie {
    bottom: 20px;
    position: relative;
}

.kompozycja-nazwa {
    font-family: 'Lato', sans-serif; font-weight: 400;
}

.rozmiar-zdjecia {
    font-family: 'Lato', sans-serif; font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    font-size:  10px;
    padding-top: 5px;
}

.pomoc-kratka {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #FFF;
    border: 1px solid #000;
}


.pop-over-zapisz-projekt {
    min-width: 400px;
}

.pop-over-zapisz-projekt button{
    margin-left:  0px;
}
.dark38 {
    color: #383838;
}

.jak-kupowac-hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e7e7e7;
    margin: 30px 0;
    padding: 0
}

.album-public-katalog-name-mobile {
    margin: 30px 0;
}

.album-public-katalog-name-mobile h1 {
    font-size: 20px;
    margin: 0 0 10px 0;
}
.album-public-katalog-name-mobile a {
    margin: 0 0 0 0px;
}

.pomocTaf {
    font-size: 10px;
}
.pomocDaf, .pomocDaf:hover, .pomocDaf:focus, .pomocDaf:active {
    color: 	#454545;
    text-decoration: none;
}
.pomocDaf span{
    color: 	#46B6B4;
    margin-right: 5px;
}
.pomoc-krok1 {
    margin-left: 10px;
}
.pomoc-krok1-spacer {
    width: 140px;
    height: 64px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-top: 25px;
}
.podgladWidokInfo {
    display: inline-block;
    vertical-align: top;
    float: left;
}
#pomocRozkladowki {
    margin-right: 5px;
}

#editor_header {
    text-align: center;
}

#editor_header_inner {
    margin: 0 auto;
}

#changePageloaderWrapper{
    display: inline-block;
    margin-left: 5px;
    width: 100px;
    height: 34px;
    vertical-align: top;
}

#tinfo {
    color: #CC0000;
    font-size: 14px;
    text-align: left;
    height: 40px;
    margin-bottom: 5px;
}
.text-modal {
    padding-top: 10px;
}

.idea-book {
    padding: 60px 0 0 0;
}

.idea-book-top {
    padding: 0 90px;
}

.idea-book-content {
    background: #f9f9f9;
    margin-top: 30px;
}

.idea-book-content h2 {
    font-family: 'Lato', sans-serif; font-weight: 700;
    text-align: center;
    margin: 28px 0 19px 0;
    font-size: 16px;
}

.idea-book-mini {
    width: 100%;
    text-align: center;
    vertical-align: top;
    margin-bottom: 0px;
}

.idea-book-mini-item {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    margin: 4px 7px;
}
.idea-book-mini-item-tint {
    background: #63ffe7;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.19);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.19);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.19);
    margin-bottom: 4px;
}

.idea-book-mini-item img:hover {
    opacity: .5;
}

.green-inline-dropdown-ff30-wrapper {
    background: url("../images/frontend/dropdown-arrow.png") no-repeat scroll 100% 0px padding-box #fff;
    border: 1px solid #CCC;
    border-radius: 4px;
    display: inline-block;
    height: 34px;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: left;
    width: 200px;
    vertical-align: middle;
}

.green-inline-dropdown-ff30 {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #454545;
    cursor: pointer;

    font-family: 'Lato', sans-serif; font-weight: 300;
    height: 34px;
    padding: 8px 0px 8px 8px;
    width: 225px;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    outline: 0 none;
    text-shadow: 0 0 0 #454545;
}

.green-inline-dropdown-ff30:focus, .green-inline-dropdown-ff30:active {
    border-color: none;
    box-shadow: none;
    outline: 0 none;
}
.krok1-listy-green-inline-dropdown-ff30-wrapper {
    width:  190px !important;
    margin-left: 0px !important;
}

.krok1-listy-green-inline-dropdown-ff30 {
    width:  215px !important;
}

.edytor-strony-green-inline-dropdown-ff30-wrapper {
    width:  100px !important;
    margin-left: 5px;
}

.edytor-strony-green-inline-dropdown-ff30 {
    width:  125px !important;
}


.paczkomat-dropdown-ff30-wrapper {
    width:  363px !important;
}
select.paczkomat-dropdown {
    width: 388px;
}



#adminPosEdit {
    width: 360px;
    height: 375px;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    padding: 0px;
    position: absolute;
    text-align: left;
    white-space: normal;
    z-index: 1040;
}

#btnZmienPozycjeObiekty {
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -410px;

}

.gwarancja-jakosci-h {
    margin-top: 25px;
    text-transform: uppercase;
}


.edytortext-green-inline-dropdown-ff30-wrapper {
    width:  80px !important;
    margin-left: 0px !important;
}

.edytortext-green-inline-dropdown-ff30 {
    width:  105px !important;
}


.edytortextfont-green-inline-dropdown-ff30-wrapper {
    width:  220px !important;
    margin-left: 0px !important;
}

.edytortextfont-green-inline-dropdown-ff30 {
    width:  245px !important;
}

.sectionA {
    border-bottom: 1px solid #e9e9e9;
}

.sectionAfirst {
    height: 540px;
    background: #f2f2f2;
    text-align: center;
    padding-top: 50px;

    font-family: 'Lato', sans-serif; font-weight: 700;
    text-transform: uppercase;
}
.sectionAfirst h2 {
    font-family: 'Lato', sans-serif; font-weight: 700;
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 6.5px;
    line-height: 44px;
}
.sectionAfirst a {
    text-decoration: underline;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif; font-weight: 700;
}

.sectionAfirst p {
    font-size: 14px;
    color: #9b9b9b;
    letter-spacing: 3px;
    padding-top: 4px;
}

.sectionAlast {
    text-align: center;
    margin-top: -54px;
}
.sectionAlast .circle, .sectionABlocks .circle {
    color: #9b9b9b;
    line-height: 30px;
}
.sectionAlast p {
    color: #454545;
    font-family: 'Lato', sans-serif; font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 2px;
}
.sectionAlast p.or {
    color: #9b9b9b;
    font-family: 'Lato', sans-serif; font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    margin: 55px 0;
}
.sectionABlocksItemWrapper {
    position: relative;
    height: 530px;
}
.sectionABlocksItemBG {
    background-color: #f2f2f2;
    border-radius: 10px;
    height: 410px;
}
.sectionABlocksItemContent {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    padding-top: 30px;
    color: #454545;
    letter-spacing: 2px;
}
.sectionABlocksItemContent h3{
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 28px;
    margin: 32px 0 0 0;
}
.sectionABlocksItemContent p{
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
    margin: 0;
}
.sectionABlocksItemContent p span{
    color: #16b89f;
    text-decoration: underline;
}
.sectionABlocksItemContent p.time {
    color: #9b9b9b;
    font-size: 14px;
    margin: 26px 0 16px 0;
}

.sectionABlocksItemContent p.time span{
    color: #454545;
    text-decoration: none;
}


.home-circle-wrapper {
    position: relative;
    width: 156px;
    margin: 0 auto;
}
#home-circle-green {
    display: none;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 150px;
    height: 150px;
    padding: 45px 0 0;
    color: #FFF;
    font-family: 'Lato', sans-serif; font-weight: 700;
    text-transform: uppercase;
    font-size: 19px;
    background: #3dc4b2;
    letter-spacing: 4px;
    line-height: 24px;
}
#home-circle-green .caret {
    margin-top: 28px;
}
#home-circle-white div {
    padding-left: 10px;
}
.home-circle-wrapper:hover > #home-circle-green {
    display: block;
}
.home-circle-wrapper:hover .circle-clear {
    background: #FFF;
}
.home-circle-wrapper .circle-big-1 {
    padding-left: 0;
}




.sectionB {
    padding-top: 20px;
    padding-bottom: 60px;
}
.sectionB .col-xs-12-custom {
    padding: 0 70px;
}
.sectionB .flipbook-nav-wrapper {
    float: left;
    width: 70px;
    height: 100%;
    cursor: pointer;
    margin-top: 157px;
}
.sectionB .flipbook-nav-wrapper.left {
    margin-left: -70px;
}
.sectionB .flipbook-nav-wrapper.right {
    margin-right: -70px;
}
.sectionB .flipbook-wrapper-images {
    float: left;
    position: relative;
    width: 100%;
    padding-top: 45px;
}
.sectionB .frontib-wrapper {
    min-height: 200px;
    position: relative;
}

.sectionB .flipbook-wrapper {
    overflow: hidden;
    position: relative;
}
.sectionB .idea-book {
    padding: 0;
}
.sectionB .idea-book-content {
    margin: 0px;
    background: #FFF;
}
.sectionB .idea-book-mini {
    text-align: left;
}

.sectionB .idea-book-mini-item {
    color: #767676;
    margin: 40px 13px 4px 0px; /*right -4px because of inline-block */
    text-align: center;
    width: 97px;
}
.sectionB .idea-book-mini-item-tint img {
    width: 97px;
}
.sectionB .idea-book-mini-item-tint {
    width: 97px;
}
.sectionB .idea-book-mini-desc {
    display: inline-block;
    background: #f2f2f2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 25px 30px;
    max-width: 344px;
    margin-left: 14px;
    height: 240px;
}
.sectionB .idea-book-mini-desc  .h5like {
    font-family: 'Lato', sans-serif; font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    margin: 0 0 16px 0;
}

.sectionB .idea-book-mini-desc  p {
    font-family: 'Lato', sans-serif; font-weight: 300;
    font-size: 14px;
    color: #767676;
    margin: 0;
}

.sectionC {
    background: #f2f2f2;
}
.sectionB, .sectionC {
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
}
.sectionB h3, .sectionC h4{
    font-family: 'Lato', sans-serif; font-weight: 700;
    color: #383838;
    font-size: 44px;
    margin-top: 41px;
    margin-bottom: 18px;
}
.sectionB p.h4like, .sectionC p.h4like{
    font-style:italic;
    font-family: 'Libre Baskerville', serif;
    color: #a2a2a2;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 28px;
}

.sectionB .tlo-scroll {
    overflow: hidden;
}
.sectionB .horizontal-scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.sectionB .horizontal-scroller .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.sectionB .horizontal-scroller .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.sectionB .horizontal-scroller .mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar,
.sectionB .horizontal-scroller .mCSB_dragger_bar:hover,
.sectionB .horizontal-scroller .mCSB_dragger_bar:active,
.sectionB .horizontal-scroller .mCSB_dragger_bar:focus  {
    width: 15px;
    height: 15px;
    background-color: #3dc4b2;
    border-radius: 50%;
}
.sectionB .horizontal-scroller .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    height: 15px !important;
    margin: 0;
    width: 100%;
    background: url("../images/frontend/homepage-slider-bg.png") repeat-x;
    border-radius: 0px;
}
.sectionB .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 15px;

}
.sectionB .horizontal-scroller .mCSB_scrollTools .mCSB_draggerContainer,
.sectionB .horizontal-scroller .mCSB_scrollTools .mCSB_draggerContainer {
    position: static;
}
.sectionB .horizontal-scroller .mCSB_scrollTools .mCSB_draggerContainer {
    top: auto !important;
    height: 15px;
}

.sectionB .horizontal-scroller .mCSB_scrollTools {
    position: static !important;
}
.sectionB .horizontal-scroller .mCSB_horizontal > .mCSB_container {
    margin-bottom: 0 !important;
}

.sectionB .tab-content {
    display: inline-block;
    vertical-align: top;
}

.sectionC {
    padding-top: 23px;
}
.sectionC .circles-wrapper {
    margin-top:42px;
}
.sectionC .circle {
    height: 100px;
    width: 100px;
    font-size: 20px;
    line-height: 100px;
}
.sectionC .circle-active {
    background: #3dc4b2;
    color: #FFF;
}
.sectionC-left {
    text-align: center;
}
.sectionC-left img {
    max-width: 485px;
    width: 100%;
}
.sectionC-right {
    text-align: left;
}
.sectionC-right p.h5like {
    font-family: 'Lato', sans-serif; font-weight: 400;
    color: #333333;
    font-size: 19px;
    margin-top: 21px;
}
.sectionC-right p {
    font-family: 'Lato', sans-serif; font-weight: 300;
    color: #767676;
    font-size: 16px;

}

.sectionC-item {
    margin: 37px 0 60px 0;
}

.sectionNews {
    margin-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #e9e9e9;
}
.sectionNews h4 {
    font-size: 21px;
    margin-bottom: 6px;
}

.sectionNews h4 a{
    font-size: 21px;
    color: #16b89f;
}
.sectionNews .date {
    background: url(../images/frontend/clock.png) no-repeat;
    padding-left: 18px;
    font-size: 12px;
}

.fotob-wrapper #spinner {
    top: 50px;
    left: 50%;
    margin-left: -10px;
}

.footer-circles-wrapper {
    background: #f2f2f2;
    padding-top: 34px;
    padding-bottom: 34px;
}
#footer-circles p {
    color: #a4a4a4 !important;
    display: block;
    max-width: 320px;
    margin: 0 auto;
}
#spinnerib {
    left: 50%;
    margin-left: -10px;
    top: 50%;
    position: absolute;
}

.video-overlay {
    height: 3000px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background-image: url("../images/frontend/grid.png");
}
.video-wrap {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
video {
    position: absolute;
    top: 0;
    left: 0;
}
.video-ontop {
    z-index: 11;
}

.no-outline {
    outline: none !important;
}

.promotion {
    position: fixed;
    right: 0;
    cursor: pointer;
    -webkit-transition: right 200ms;
    -moz-transition: right 200ms;
    -ms-transition: right 200ms;
    -o-transition: right 200ms;
    transition: right 200ms;
}
.promotion a {
    outline: none;
}
.promotion1 {
    top: 155px;
    right:-144px;
    z-index: 601;
}

.promotion2 {
    top: 327px;
    right:-144px;
    z-index: 600;
}
.promotion1:hover, .promotion1:active, .promotion1:focus {
    right: 0;
}
.promotion2:hover, .promotion2:active, .promotion2:focus {
    right: 0;
}
@media (min-width: 420px) {

    .sectionAfirst p {
        font-size: 19px;
    }
    .sectionAfirst h2 {
        font-size: 35px;
    }
}

@media (min-width: 550px) {


}

@media (min-width: 630px) {

}
@media (max-width: 600px) {

    .col-xxs-12 {
        width: 100%;
    }
    .col-xxs-pull-12 {
        left:0;
    }
    .col-xxs-push-12 {
        right:0;
    }

}
@media (max-width: 400px) {
    .fotobt-content-par1 {
        font-size: 14px;
        margin-top: 20px;
    }

    .fotobt-content-par2 {
        font-size: 12px;
        line-height: 14px;
    }
}



@media (min-width: 992px) and (max-width: 1199px) {

    .dane-radio label{
        margin-left: -20px !important;
    }

    .dane-radio input[type="radio"] {
        margin-left: -40px;
    }

    .fotob .dots {
        bottom: 248px;
    }
}

@media (max-width: 767px) {

}

@media (min-width: 768px) {
    .sectionA {
    }

    .sectionAfirst {
        height: 390px;
    }

    .sectionAlast {
        margin-top: -54px;
    }

    .sectionAfirst h2 {
        font-size: 35px;
    }
    .sectionB .frontib-wrapper {
        min-height: 350px;
    }
    .fotobt-content-ico img {
        width: 120px;
        height: 92px;
        margin-top: 110px;
    }
    .fotob-content h1 {
        letter-spacing: 10px;
        line-height: 40px;
        margin-top: 30px;
        font-size: 35px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .fotob .dots {
        bottom: 340px;
    }
}


/* Medium devices (desktops, 992px and up) */
@media (max-width: 991px) {

    .album-public-katalog-name h1 {
        font-size: 40px;
        margin: 40px 0 10px 70px;
    }
    .album-public-katalog-name a {
        margin: 0 0 0 70px;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .album-public-katalog-name h1 {
        font-size: 50px;
        margin: 80px 0 20px 140px;
    }
    .album-public-katalog-name a {
        margin: 0 0 0 140px;
    }

    .fotob-content h1 {
        letter-spacing: 10px;
        line-height: 61px;
        margin-top: 50px;
        font-size: 50px;
    }

    .fotobt-content-par1 {
        font-size: 21px;
        margin-top: 20px;
        letter-spacing: 0.5px;
    }

    .fotobt-content-par2 {
        font-size: 14px;
        letter-spacing: 1.6px;
        line-height: 16px;
    }

    .fotobt-content-par2 {
        top: 600px;
    }

    .fotob .dots {
        bottom: 50px;
    }

    .sectionB .flipbook-wrapper {
        padding: 0 70px;
    }
    .sectionB .frontib-wrapper {
        min-height: 460px;
    }
    .video-ontop {
    }
}



@media (min-width: 1200px) {
    .rejestracja .form-group label {
        padding-left: 80px;
    }
    .sectionB .frontib-wrapper {
        min-height: 560px;
    }
    .video-ontop {
    }
}

@media (min-width: 1420px) {

    .fotobt-content-ico img {
        margin-top: 165px;
    }
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}