/* SPIS TERŚCI
 *
 * 1. Fonts
 * 2. Główne ustawienia
 * - 2.1 Przyciski
 * - 2.2 Social Media
 * - 2.3 Formularze
 * 3. Nagłówek
 * - 3.1 Logo
 * - 3.2 Userbar
 * - 3.3 Koszyk#boxes-bottom
 * - 3.4 Menu
 * - 3.5 Menu Mobile
 * - 3.6 Slider
 * - 3.7 Boxy - Góra
 * 4. Stopka
 * - 4.1 Boxy - Dół
 * - 4.2 Newsletter
 * - 4.3 Opinie klientów
 * - 4.4 Menu - Stopka
 * - 4.5 Copyrights
 * 5. Lewe Menu - Produkty
 * - 5.1 Product Search
 * - 5.2 Menu
 * 6. Wspólne dla stron
 * 7. Strona główna
 * 8. Rejestracja
 * 9. Logowanie
 * 10. Widok produktu opartego na wariantach
 * 11. Koszyk
 * 12. Panel klienta
 * 13. Lista zamówień - tabela
 * 14. Lista zamówień - szczegóły
 * 15. Zmień dane
 * 16. Prezenty/Punkty
 * 17. Zamówienie projektu
 * 18. Kontakt
 * 19. Artykuł
 * 20. Opinie
 * 21. Bezpłatne próbki
 * 22. 404
 * 23. Artykuł
 * 24. Formularz kontaktowy
 * 25. Fancybox
 * 26. Oplacenie zamowienia
 * 27. Kontakt 2
 */

@background: #FFFFFF;
@color9: @color9;
@leftMenuEnabled: false ;
@color1: #838383;
@color2: #ff5f4f;
@color3: #ff5f4f;
@color4: #383737;
@color5: #222;
@color6: #262626;
@color7: #333;
@color8: #747474;
@color9: #666;

@screen-sm-min: 768px;
@screen-md-min: 992px;
@screen-lg-min: 1200px;

.authorization-view,
.product-view {
#left-col {
& when (@leftMenuEnabled = false) {
    display: none;
}
}
#main.col-md-9 {
& when (@leftMenuEnabled = false) {
    width: 100%;
}
}

}

#left-col {
& when (@leftMenuEnabled = false) {
    display: none;
}
}
#main.col-md-9 {
& when (@leftMenuEnabled = false) {
    width: 100%;
}
}

/* -----------------------------------------------------------------------------
1. Fonts */

/* BEGIN Light */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Light.eot?v=1.1.0");
    src: url("../fonts/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-Light.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
    font-weight: 300;
    font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-LightItalic.eot?v=1.1.0");
    src: url("../fonts/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
    font-weight: 300;
    font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Regular.eot?v=1.1.0");
    src: url("../fonts/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
    font-weight: normal;
    font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Italic.eot?v=1.1.0");
    src: url("../fonts/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
    font-weight: normal;
    font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Semibold.eot?v=1.1.0");
    src: url("../fonts/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
    font-weight: 600;
    font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-SemiboldItalic.eot?v=1.1.0");
    src: url("../fonts/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
    font-weight: 600;
    font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Bold.eot?v=1.1.0");
    src: url("../fonts/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
    font-weight: bold;
    font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-BoldItalic.eot?v=1.1.0");
    src: url("../fonts/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic; }
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-ExtraBold.eot?v=1.1.0");
    src: url("../fonts/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
    font-weight: 800;
    font-style: normal; }
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
    src: url("../fonts/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
    font-weight: 800;
    font-style: italic; }
/* END Extrabold Italic */

/* BEGIN SOCIAL MEDIA */
@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('../fonts/MonoSocialIconsFont-1.10_.eot');
    src: url('../fonts/MonoSocialIconsFont-1.10_.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MonoSocialIconsFont-1.10_.woff') format('woff'),
    url('../fonts/MonoSocialIconsFont-1.10_.ttf') format('truetype'),
    url('../fonts/MonoSocialIconsFont-1.10_.svg#MonoSocialIconsFont') format('svg');
    src: url('../fonts/MonoSocialIconsFont-1.10_.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* END SOCIAL MEDIA */


/* -----------------------------------------------------------------------------
2. Główne ustawienia */

body {
    font-family: 'Work Sans', Verdana, sans-serif;
    color: @color9;
    font-size: 14px;
    background: @background;
}

a {
    text-decoration: none;
    color: @color8;
}

a:hover {
    color: #424242;
    text-decoration: none;
}

#left-col{
    padding-top:10px;
    margin-top: 30px;
    margin-bottom: 0;
}
@media (min-width: 992px){
    #left-col{
        margin-top: 0px;
        margin-bottom: 40px;
        
    }
}


.gradient-grey{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); *//* IE6-9 */

}

.loading,
.params_loading{
    background: url(../images/loader-cog.GIF) center center no-repeat;
    width: 100%;
    height: 200px;
}
.params_loading > *{
    display: none;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---- 2.1 Przyciski ---- */

.btn-custom{
    background-color: #838383;
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 400;
}
.btn-custom:focus{
    color: #fff;
}

.btn-custom:hover,
a.btn-custom:hover{
    color: #fff;
}

.btn-green{
    background-color: @color2;
    border: 1px solid  @color2;
    font-weight: 500;
}
.btn-brown{
    background-color: @color1;
    border: 1px solid  @color1;
}

.creator-create-project-button:hover{
    color: #fff;
}

#login-form input[type="submit"],
#register-form .register-button,
#variantParams .upload-button{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 30px;
    border: 0;
    float: right;
    background-color: #838383;
}

#login-form input[type="submit"]
{
    /* background-color: @color8;
    background-color: @color6; */
}

#register-form .register-button{

}






/* ---- 2.2 Social Media ---- */
.social-container{
    margin: 10px 0;
    display: table;
    width:100%;
}

.social-container > a{
    display: table-cell;
    text-align: center;
}

.social {
    background-image: url(../images/social-icons.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.social-facebook {
    width: 28px;
    height: 26px;
    background-position: -5px -5px;
}

.social-google-plus {
    width: 28px;
    height: 26px;
    background-position: -5px -41px;
}

.social-instagram {
    width: 28px;
    height: 26px;
    background-position: -5px -77px;
}

.social-pinterest {
    width: 28px;
    height: 26px;
    background-position: -5px -113px;
}

.social-twitter {
    width: 28px;
    height: 26px;
    background-position: -5px -149px;
}

.social-youtube {
    width: 28px;
    height: 26px;
    background-position: -5px -185px;
}


@media (min-width: 992px) {
    .social-container{
        display: block;
    }
    .social-container > a{
        display: inline-block;
    }
}


.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}

a.symbol {
    background: #9f9f9f;
    padding: 7px 5px 3px 5px;
    color: white;
    text-decoration: none;
}


/* Social Bar */
#social-bar{
    font-size: 30px;
    margin-top: 40px;
}
#social-bar ul{
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #e5e5e5;
}
#social-bar ul:before,
#social-bar ul:after{
    display: block;
    content: '';
    clear: both;
}
#social-bar ul li{
    float: left;
}
#social-bar ul li > a{
    display: block;
}
#social-bar ul li > a:hover{
    text-decoration: none;
    color: @color1;
}

#social-bar ul li.sharethis{
    background-color: @color1;
    color: #fff;
    width: 40px;
    text-align: center;
}





/* ---- 2.3 Formularze ---- */
::-webkit-input-placeholder {
    font-weight: 300;
}

:-moz-placeholder { /* Firefox 18- */
    font-weight: 300;
}

::-moz-placeholder {  /* Firefox 19+ */
    font-weight: 300;
}

:-ms-input-placeholder {
    font-weight: 300;
}

input[type="text"],
input[type="email"],
input[type="password"]{
    background-color: transparent;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-image: url(../images/input-text-bg.png);
    background-position: right 10px center;
    background-repeat: no-repeat;

    font-size: 14px;
    line-height: 19px;
    padding: 10px 2px;
    text-indent: 10px;
    margin-bottom: 15px;
    width: 100%;
    box-shadow: none;
}
input[type="text"][disabled="disabled"],
input[type="email"][disabled="disabled"],
input[type="password"][disabled="disabled"]{
    background-color: #f1f1f1;
}


select.hasCustomSelect{
    width: 100%;
}
.customSelect {
    /* This is the default class that is used */
    /* Put whatever custom styles you want here */
    border: 1px solid #e7e7e7;
    width: 100%;
    padding: 10px;
    font-weight: 300;
    color: @color8;
    font-size: 14px;
    background: url(../images/arrow-down-select.png) right 15px center no-repeat;
}

.customSelect.customSelectHover {
    /* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
    /* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
    /* Styles for when the select box is in focus */
}

.customSelect.customSelectDisabledOption {
    /* Styles for when the selected item is a disabled one */
}

.customSelect.customSelectDisabled {
    /* Styles for when the select box itself is disabled */
}

.customSelectInner {
    /* You can style the inner box too */
}


.styledCheckbox,
.styledRadio{
    display: inline-block;
    margin-bottom: -5px;
}


/* -----------------------------------------------------------------------------
3. Nagłówek */

.topbar {
    background:#ff5d4e;
    padding-top:10px;
    padding-bottom:10px;
}

.topbar-left {
    float: left;
    
}

.topbar-nav {
    display: flex;
    list-style: none;
    float: right;
    margin-bottom: 0px;
    padding-top: 3px;
}

@media only screen and (max-width: 991px) {
 .topbar {
    display: none;
}
}

.topbar-link {
    color: #fff;
    margin-right: 20px;
}

.topbar-item {
    margin-left: 5px;
    font-weight: 500;
}

.topbar-item a:hover {
    font-size:25px !important;
}

.topbar-link a:hover {
    font-size:25px !important;
}

.topbar-search {
    background-color: #fff;
    width: 370px;
}

.input1 {
    border: none;
    background-image: none !important;
    padding: 7px 3px !important;
    margin-bottom: 0px !important;
    width: 300px !important;
}

.input2 {
    border: 0;
    padding: 7px 12px 8px 12px;
    margin-left: -4px;
}



#main-header-bottom{
    width:100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#main-header{
    position: relative;
    margin-bottom: 15px;
}
@media (min-width: 992px){
    #main-header{
        margin-bottom: 0px;
    }
}

/* ---- 3.1 Logo ---- */

#logo-container{
    float: left;
    left: 50%;
    margin-left: -50px;
    top: 0;
}

#custom-logo {
    text-align:center;
    display:table;
    width: 100px;
    text-align:center;
    margin-right: 50px;
}
#custom-logo a{
    display:table-cell;
    vertical-align:middle;
    height: 50px;
}
#custom-logo a img{
    /*max-width:100%;
    max-height:100%;
    */
    height: 40px;
    max-height: 141px;
    max-width: 393px;
}

@media (min-width: 992px) {

    #logo-container{
        
        margin: 0;
        left: auto;
        margin-left: 0;
    }

    #custom-logo {
        text-align:left;
        
    }

    #custom-logo a{
        height: auto;
    }

    #custom-logo a img{
        height: auto;
    }
}


/* ---- 3.2 Userbar ---- */

#header-userbar{
    line-height:40px;
    padding-top:25px;
    padding-bottom:25px;
    font-size: 14px;
}
#header-userbar .infolinia{
    font-weight: 500;
    position:relative;
    padding-right: 18px;
    font-size: 18px;
    float: right;
    margin-left: 15px;
}
.infolinia .phone-icon {
    background: url('../images/phone-icon.png') no-repeat;
    display: inline-block;
    width: 24px;
    height: 25px;
    vertical-align: middle;
    margin-top:-5px;
}
.infolinia .email-icon {
    background: url('../images/email-icon.png') no-repeat;
    display: inline-block;
    width: 24px;
    height: 25px;
    vertical-align: middle;
    margin-top:-5px;
}


#header-usermeta a {
    background: right 20px center no-repeat;
    background-image: url(../images/arrow-right-user-meta.png);
    font-weight: 300;
    padding-right:35px;
    padding-left:18px;
    position:relative;
}
#header-userbar .infolinia:after,
#header-usermeta a:after{
    position:absolute;
    right: 0;
    top:50%;
    margin-top:-20px;
    content:'';
    width:1px;
    height:40px;
    background-color:#ddd;
}
#header-usermeta a:last-child{
    padding-right: 18px;
    background-position:
    right center;
}
#header-usermeta a:last-child:after{
    width:0;
}


/* ---- 3.3 Koszyk ---- */

/* ----#header-cart {
    font-size: 12px;
    line-height:40px;
    min-width:260px;
    background-color:@color2;
    float:right;
    padding-left:15px;
    margin-left: 15px;
    color:#fff;
    margin-bottom:0;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;
}---- */

#header-cart {
    
    background-color:@color2;
    float:right;
    line-height: 30px;
    color:#fff;
    
    position: relative;
}

#header-cart .cart-icon {
    background: url('../images/basket-icon.png') no-repeat;
    display: inline-block;
    width: 32px;
    height: 27px;
    vertical-align: middle;
}
#header-cart #cart-count{
    font-weight:bold;
}
#header-cart #cart-price{
    font-weight:bold;
    font-size:14px;
    line-height:14px;
}
#header-cart #cart-show {
    width:37px;
    height:30px;
    display:block;
    float:right;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    cursor:pointer;
    background:center no-repeat @color3;
    background-image:url(../images/arrow-down-cart.png);
}

#header-cart-container{
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 100;
    background-color: #464646;
    border-radius: 0px;
}

.header-single-product{
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #8d8d8d;
}
.header-single-product-name{
    display: table-cell;
    width: 70%;
}
.header-single-product-price{
    display: table-cell;
    width: 30%;
    text-align: right;
}

.header-cart-href{
    text-align: center;
    display: block;
    color: #fff;
}
.header-cart-href:hover{
    color: #fff;
}
/* ---- 3.4 Menu ---- */


#header-menu{
    list-style:none;
    padding:15px 0 0 0;
    margin:0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow:hidden;
    display:block;
}

#header-menu:after,
#header-menu:before{
    clear:both;
    content:'';
    display:block;
}
#header-menu li {
    background-color:#f2f5f8;
    display:block;
}
#header-menu li a {
    display: block;
    padding: 13px 15px;
    text-align:center;
    line-height: 14px;
    color:@color7;
    transition: background-color 0.1s ease-in-out;
    font-weight: 500;
    text-decoration:none;
}

#header-menu li a.active,
#header-menu li a:hover {
    color: #fff;
    background-color: @color2;
    -webkit-box-shadow: 0 4px 0 0 @color3 inset;
    -moz-box-shadow:    0 4px 0 0 @color3 inset;
    box-shadow:         0 4px 0 0 @color3 inset;
}

@media (min-width: 768px){
    #header-menubar{
        padding: 0;
    }

    

    #header-menu li {
        float: none;
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .collapse.in {
        display: block !important;
    }

}
@media (min-width: 992px){

    #header-menubar{
        padding: 0 15px;
    }
    #header-menu{
        
        padding: 0;
    }
    #header-menu li {
        float: left;
    }

    .navbar-collapse.collapse {
        display: block!important;
    }
}


/* ---- 3.5 Menu Mobile ---- */

#menu-mobile{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
#menu-mobile a{
    color: @color7;
}
.menu-toggle,
.menu-search,
.menu-usermeta,
.menu-basket{
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
    background-color: transparent;
    border: 0;
    font-size: 0;
}
.menu-toggle{
    background-image: url(../images/hamburger-menu-icon.png);
    margin-right: 15px;
}
.menu-search{
    background-image: url(../images/search-menu-icon.png);
}
.menu-usermeta{
    background-image: url(../images/usermeta-menu-icon.png);
    float: right;
}
.menu-basket{
    background-image: url(../images/basket-menu-icon.png);
    float: right;
    margin-left: 15px;
}

@media (min-width: 768px) {
    .menu-toggle,
    .menu-search,
    .menu-usermeta,
    .menu-basket{
        font-size: 14px;
        font-weight: 700;
        color: @color5;
        width: auto;
        background-position: center left;
        display: inline-block;
        text-indent: 25px;
    }

}


/* ---- 3.6 Slider ---- */

#banner{
    margin-top: 15px;
    position: relative;
    overflow:hidden;
}
#banner .cycle-prev,
#banner .cycle-next{
    width:40px;
    height:40px;
    border: 2px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index:10;
    position:absolute;
    top:50%;
    margin-top:-21px;
    cursor:pointer;
    background:no-repeat transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}
#banner .cycle-prev:hover,
#banner .cycle-next:hover{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#banner .cycle-prev{
    left:25px;
    background-image:url(../images/arrow-left-slider.png);
    background-position: 14px center;
}
#banner .cycle-next{
    right:25px;
    background-image:url(../images/arrow-right-slider.png);
    background-position: 16px center;
}
#banner .imgs{
    z-index:0;
}
#banner .imgs img{
    width:100% !important;
    height:auto !important;
}

@media (min-width: 1922px) {
    #banner .imgs img {
    object-fit: none;

}
}


#banner .banners-pager{
    z-index:20;
    display:block !important;
    position:absolute;
    bottom: 10px;
    right:10px;
}
#banner .banners-pager > a{
    display:inline-block;
    font-size: 0;
    width:10px;
    height:10px;
    margin:5px;
    background-color: rgba(255,255,255,0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#banner .banners-pager > a.activeSlide,
#banner .banners-pager > a:hover{
    background-color: rgba(255,255,255,0.5);
}

@media (min-width: 768px) {
    #banner{
        height: 158px;
    }
}

@media (min-width: 992px) {
    #banner{
        height: 206px;
    }
}

@media (min-width: 1200px) {
    #banner{
        height: auto;
    }
}



/* ---- 3.7 Boxy - Góra ---- */

#boxes-top{
    display: none;
}

#boxes-top a{
    display: block;
    padding: 0;
}


#boxes-top a img{
    max-width: 100%;
    min-width: 100%;
}

#boxes-top p{
    margin-bottom: 0;
}

@media (min-width: 992px) {
    #boxes-top{
        background: url(../images/buttonsTopDivider.png) no-repeat bottom center;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: table;
        margin-top: 20px;
;
    }

    #boxes-top a:first-child{
        padding-left: 15px;
    }
    #boxes-top a:last-child{
        padding-right: 15px;
    }
    #boxes-top a:nth-child(even){
        /*padding-right: 15px;*/
    }
}

/* -----------------------------------------------------------------------------
4. Stopka */

#footer{
    margin-top: 45px;
}

/* ---- 4.1 Boxy - Dół ---- */

#boxes-bottom{
    
    background-color: #f2f5f8;
    padding: 25px 0;
}

#boxes-bottom a > p{
    padding: 0;
    margin: 0;
}
#boxes-bottom a{
    display: block;
    text-align: center;
    -webkit-box-shadow: 1px 0 0 0 #CCCCCC, -1px 0 0 0 #fff inset;
    -moz-box-shadow:    1px 0 0 0 #CCCCCC, -1px 0 0 0 #fff inset;
    box-shadow:         1px 0 0 0 #CCCCCC, -1px 0 0 0 #fff inset;
}
#boxes-bottom a:last-child{
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}


/* ---- 4.1 Newsletter ---- */

#newsletter {
    background-color: #ccc;
    padding: 35px 0;
}
#newsletter .newsletter-desc {
    text-align: center;
    width: 100%;
    padding-left: 0;
    float:none;
    margin: 0 0 20px 0;

    color: @color7;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
}
#newsletter .newsletter-form {
    float:none;
}
#newsletter .newsletter-form input.email{
    width: 100%;
    margin-left: 0;

    height: 48px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    text-indent: 50px;
    padding:0;
    background: url(../images/newsletter-envelope.jpg) no-repeat #fff;
    background-position: left 16px center;
}
#newsletter .newsletter-form input.submit{
    margin-left: 0;
    margin-top: 10px;
    width: 100%;

    color: #fff;
    background-color:@color1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 17px 50px;
    border: 0;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 13px;
}

@media (min-width: 1200px) {
    #newsletter .newsletter-desc {
    text-align: right;
    width: 508px;
    padding-left: 104px;
    margin: 0;
    float: left;
    font-size: 15px;
    font-weight: 400;
    margin-top:5px;
    }
    #newsletter .newsletter-form {
        float:left;
        display:flex;
    }
    #newsletter .newsletter-form input.email{
        width: 320px;
        margin-left: 25px;
        margin-bottom: 0;
    }
    #newsletter .newsletter-form input.submit{
        width: auto;
        margin-left: 25px;
        margin-top: 0;
    }
}


/* ---- 4.1 Opinie klientów ---- */

#footer-testimonials-container{
    background-color:#f2f5f8;
    padding: 40px 0;
}
#footer-testimonials-container p{
    color: @color7;
    font-weight: 300;
}
#footer-testimonials-container p.lead{}
#footer-testimonials-container p.desc{
    margin-bottom: 40px;
}
.single-testimonial{
    margin-left: 15px;
    margin-right: 15px;
}
.single-testimonial > p{
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 30px;
    position: relative;
}
.single-testimonial > p:after{
    content: '';
    display: block;
    position:absolute;
    bottom: -7px;
    left: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #ffffff transparent transparent transparent;
}

.testimonial-client{
    padding-left: 45px;
    padding-top: 10px;
}
.testimonial-client .testimonial-author{
    font-weight: bold;
    font-size: 18px;
    display:block;
}

#footerTestimonials .slick-prev,
#footerTestimonials .slick-next{

    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
#footerTestimonials .slick-prev:before,
#footerTestimonials .slick-next:before{
    font-size: 30px;
    line-height: 11px;
    height: 20px;
    width: 20px;
    display: block;
    opacity: .75;
    color: @color8;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#footerTestimonials .slick-prev{
    left: -10px;
}
#footerTestimonials .slick-prev:before{
    content: '\002039';
}
#footerTestimonials .slick-next{
    right: -10px;
}
#footerTestimonials .slick-next:before{
    content: '\00203A';
}
#footerTestimonials .slick-prev.slick-disabled:before,
#footerTestimonials .slick-next.slick-disabled:before
{
    opacity: .25;
}

@media (min-width: 768px) {
    #footerTestimonials .slick-next{
        right: -20px;
    }
    #footerTestimonials .slick-prev{
        left: -20px;
    }
}


/* ---- 4.1 Menu - Stopka ---- */
.tekst-bottom {
    display: contents;
}

.tekst-footer {
    display: inline-grid;
}

.kontakt-label {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 400;
    color: #0c0c0c;
}

.kontakt-label a {
    color: #ff5e4e;
}

#footer-menu-container {
    background-color: #efefef;
}
#footer-menu{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}
#footer-menu a {

}
#footer-menu a:hover {

}
#footer-menu li > h3{
    margin: 0;
    background: url(../images/show-more-arrow.png) right 10px center no-repeat;
}
#footer-menu li > h3.opened{
    background: url(../images/show-less-arrow.png) right 10px center no-repeat;
}
#footer-menu li.footerMenuKontakt > h3,
#footer-menu li > h3 > a{
font-weight: 500;
    font-size: 20px;
    color: #1a1a1a;
    text-decoration: none;
    margin-bottom: 10px;
    border-bottom: 3px solid #ff5e4e !important;
}

@media only screen and (max-width: 766px) {
    #footer-menu li.footerMenuKontakt > h3,
    #footer-menu li > h3 > a
    {

        border-bottom: 0px !important;
}
}

.footerMenuMainLi address,
.footerMenuMainLi ul.sub {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    min-width:150px;
    overflow: hidden;

    display: block;
    padding: 0 10px 10px 10px;
}
.footerMenuMainLi > ul.sub > li.sub > a  {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    display: block;
    color: #0c0c0c;
}
.kontakt-footer{
    font-size: 12px;
    line-height: 24px;
    color: #b4bbc2;
}
.kontakt-footer a:hover{
    color: @color1;
}

@media (min-width: 768px) {
    #footer-menu li.footerMenuKontakt > h3,
    #footer-menu li > h3 > a{
        border: 0;
        padding: 10px 0;
        display: block;
    }
    #footer-menu li > h3,
    #footer-menu li > h3.opened{
        background: transparent;
    }

    .footerMenuMainLi address,
    .footerMenuMainLi ul.sub {
        height: auto;
        display: inline-block;
        padding: 0;
    }
}




/* ---- 4.1 Copyrights ---- */

#copyrights {
    text-align: center;
    font-size: 10px;
    background-color: @color5;
    padding: 10px 0;
    display:none;
}


#copyrights a {
    color: #ccc;
}

#copyrights a:hover {
    color: #000;
}

/* -----------------------------------------------------------------------------
5. Lewe Menu - Produkty */

/* 5.1 Product Search */

#mobile-search-container{
    padding-top: 15px;
}
#mobile-search-container #product-search,
#mobile-search-container #product-search input.text{
    margin-bottom: 0;
}

#product-search{
    position: relative;
    margin-bottom: 20px;
}

#product-search input.text{
    width: 70%;
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px;
    background: transparent;
}
#product-search button.submit{
    border:0;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
}
#product-search button.submit .icon-search-btn{

    width: 30px;
    height: 20px;
    display: block;
    border: none;
    background:  url(../images/search-menu-icon.png) center no-repeat;
    background-size: 40%;

}


/* 5.2 Menu */
#products-menu-left{}

#products-menu-left ul.products h3{
    font-weight: 300;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    cursor: pointer;
}
#products-menu-left ul.products h3.active,
#products-menu-left ul.products h3:hover{
    font-weight: 700;
}
#products-menu-left ul.products ul{
    list-style: none;
    margin: 0 -15px;
    padding: 0;
    display: none;
}
#products-menu-left ul.products ul li a{
    font-weight: 300;
    display: block;
    font-size: 12px;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
}
#products-menu-left ul.products ul li:first-child a{
    margin-top: 10px;
}
#products-menu-left ul.products ul li:last-child a{
    padding-bottom: 0;
}
#products-menu-left ul.products ul li {
    padding: 0px;
    border: none;
}

/* -----------------------------------------------------------------------------
6. Wspólne dla stron */

.page-heading{
    color: #6c6c6c;
    font-size: 30px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
.page-heading:after{
    content: '';
    width: 165px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: -15px;
    background-color: @color3;
}

.cart-heading{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}
.cart-heading a{
    text-decoration: none;
}
.cart-heading a.active{
    font-weight: 700;
}

.spacer-15{
    display: block;
    margin: 15px 0;
}
.spacer-30{
    display: block;
    margin: 30px 0;
}
.spacer-60{
    display: block;
    margin: 60px 0;
}



/* -----------------------------------------------------------------------------
7. Strona główna */

.homepage-product{
    overflow: hidden;

    margin-top: 10px;
    margin-bottom: 10px;
}

.homepage-product:last-child h4{
    font-weight: 900;
    color: @color8;
    font-size: 30px;
}

.homepage-product:last-child .btn{
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#e5e5e5 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5',GradientType=0 ); *//* IE6-9 */

    text-transform: lowercase;
    color: @color8;
}

.homepage-product .product-title-front,
.homepage-product .product-title-back{
    text-align: center;
    position: absolute;
    bottom: 43px;
    left:0;
    width:100%;
    text-align: center;
    font-size: 18px;
    z-index: 99999;
    padding: 0 10px;
    font-weight: 300;
}
.homepage-product .product-title-front{
    color: #444;
}
.homepage-product .product-title-back{
    color: #fff;
}
@media (min-width: 768px) {
    .homepage-product{
        height:175px;
    }
    .homepage-product .product-title-front,
    .homepage-product .product-title-back{
        bottom: -170px;

    }
}

@media (min-width: 992px) {
    .homepage-product{
        height:175px;
    }
    .homepage-product .product-title-front,
    .homepage-product .product-title-back{
        bottom: -165px;
    }
}

@media (min-width: 1200px) {
    .homepage-product{
        height:270px;
    }
    .homepage-product .product-title-front,
    .homepage-product .product-title-back{
        bottom: -244px;
        font-weight: 500;
    }
}





/* entire container, keeps perspective */
.homepage-product.flip-container {
    perspective: 1000;
}
/* flip the pane when hovered */
.homepage-product.flip-container:hover .flipper,
.homepage-product.flip-container.hover .flipper {

}

.homepage-product.flip-container,
.homepage-product  .front,
.homepage-product  .back {

}

/* flip speed goes here */
.homepage-product .flipper {
    transition: 0.3s;
    transform-style: preserve-3d;
    -webkit-transition: 0.3s;
    -webkit-transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.homepage-product .front,
.homepage-product .back {
    backface-visibility: hidden;
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.homepage-product .front {
    z-index: 2;

}

/* back, initially hidden pane */
.homepage-product .back {

}

.homepage-product.flip-container:hover .flipper,
.homepage-product.flip-container.hover .flipper,
.homepage-product.flip-container.flip .flipper {

}


@media (max-width: 767px) {

    .homepage-product{
        overflow: visible;
    }

    .homepage-product  .front,
    .homepage-product  .back {
        position: relative;
    }
    .homepage-product  .back{
        display: none;
    }

    .homepage-product .product-title-front,
    .homepage-product .product-title-back{
        font-size: 12px;
        position: absolute;
        bottom: 5px;
    }

}

@media (min-width: 768px) {

    /* flip the pane when hovered */
    .homepage-product.flip-container:hover .flipper,
    .homepage-product.flip-container.hover .flipper {
        transform: rotateY(180deg);
    }

    .homepage-product.flip-container:hover .flipper,
    .homepage-product.flip-container.hover .flipper,
    .homepage-product.flip-container.flip .flipper {
        transform: rotateY(180deg);
    }

    /* front pane, placed above back */
    .homepage-product .front {
        z-index: 2;
        /* for firefox 31 */
        transform: rotateY(0deg);
    }

    /* back, initially hidden pane */
    .homepage-product .back {
        transform: rotateY(180deg);
    }



}


/* -----------------------------------------------------------------------------
8. Rejestracja */

#register{}

#register-form{}

.register-heading{
    color: @color8;
    font-size: 30px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
}
.register-heading:after{
    content: '';
    width: 165px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: -20px;
    background-color: @color3;
}


#register-login-form h3{
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
}

#register-form form .type-checkboxes{
    margin-bottom: 15px;
}
#register-form form .type-checkboxes br{
    display: block;
}
#register-form label{
    font-weight: 300;
    font-size: 14px;
}

#register-form #welcome_box{
    -webkit-box-shadow: 0;
    -moz-box-shadow:    0;
    box-shadow:         0;
}

#register-form #welcome_box .type-checkboxes label{
    margin-right: 6px;
}


#register-form label[for="korespondencyjne"],
#register-form #welcome_box table:nth-child(5),
#register-form #welcome_box table:nth-child(5) tr:nth-child(even),
#register-form #welcome_box div:nth-child(7) p{
    font-size: 13px;

    margin-bottom:10px;
}
#register-form #welcome_box div:nth-child(7) div:first-child{
    margin-left: 0 !important;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #register-form #welcome_box{
        -webkit-box-shadow: 1px 0 0 0 #e5e5e5;
        -moz-box-shadow:    1px 0 0 0 #e5e5e5;
        box-shadow:         1px 0 0 0 #e5e5e5;
    }
}



#login-form form tr,
#register-form form tr{
    display: block;
}

#login-form form td,
#register-form form td{
    display: block;
}

#login-form form br,
#register-form form br{
    display: none;
}

#login-form form td.label,
#login-form form td:first-child,
#register-form form td:first-child{
    display: none;
}

#register-form form > div:nth-of-type(2) table:nth-child(5) > tbody > tr > td{
    display: inline;
}

#login-form form tr:nth-child(3) td:first-child{
    display: block;
}


#login-form form td:last-child,
#register-form form td:last-child{
    box-sizing: content-box;
}



#register-form > form table,
#login-form > form table{
    width: 100%;
}

#register-form > form table td,
#login-form > form table td{
    position: relative;
}

#register-form > form table td select,
#login-form > form table td select{
    width:100%;
}
#register-form > form .customSelect{
    margin-bottom: 15px;
}

#register-form > form > div:first-child tr.extra-nr-budynku-lokalu input,
#register-form > form > div:nth-of-type(2) #dane_korespondencyjne tr.extra-nr-budynku-lokalu > td:nth-child(2) > input{
    width: 48%;
}
#register-form > form > div:first-child tr.extra-nr-budynku-lokalu > td:nth-child(2) input:first-child,
#register-form > form > div:nth-of-type(2) #dane_korespondencyjne tr.extra-nr-budynku-lokalu > td:nth-child(2) > input:first-child{
    float: left;
}
#register-form > form > div:first-child tr.extra-nr-budynku-lokalu > td:nth-child(2) input:last-child,
#register-form > form > div:nth-of-type(2) #dane_korespondencyjne tr.extra-nr-budynku-lokalu > td:nth-child(2) > input:last-child{
    float: right;
}

#register-form > form > div:first-child tr.extra-nr-budynku-lokalu > td:nth-child(2) input:first-child,
#register-form > form > div:nth-of-type(2) #dane_korespondencyjne tr.extra-nr-budynku-lokalu > td:nth-child(2) > input:first-child{
    /*margin-right: 15px;*/
}

.vies-check-info{
    border: 1px solid #bce8f1;
    background: #d9edf7 url(images/ui-bg_flat_95_fef1ec_40x100.png) 50% 50% repeat-x;
    color: #31708f;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 12px;
}

#login-form input[type="submit"],
#register-form .register-button,
#variantParams .upload-button{
    /* Przyciski */
}

#login-form input[type="submit"]
{
    /* Przyciski */
}


#login-form .labelInfo{
    color: @color6;
    margin-bottom: 10px;
    text-align: right;
}
#login-form .labelInfo a{
    color: @color6;
    font-weight: 700;
}



.login-desc{
    margin-left: 0;
    box-shadow: none;

    color: @color8;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;


    padding-left: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
    margin-right: 20px;
    background: url(../images/login-desc-bg.png) center left 40px no-repeat;
}

@media (min-width: 768px) {
    .login-desc{


        margin-left: 70px;
        box-shadow: -1px 0 0 0 #e5e5e5;
        padding-left: 100px;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 0;

    }
}

/* -----------------------------------------------------------------------------
9. Logowanie */

/* Przypomnienie hasła */
#remindPassword{}

#remindPassword > form table tr,
#remindPassword > form table tr td{
    display: block;
}

#remindPassword > form .label{
    color: @color9;
    text-align: left;
}

#remindPassword #recaptcha_image{
    margin-bottom: 20px;

}

#remindPassword input.pinkButton{
    color: #fff;
    background-color: @color6;
    border-radius: 5px;
    padding: 15px 30px;
    border: 1px solid @color6;
}

/* Informacja o wysłanym przypomnieniu */
#info{}



/* -----------------------------------------------------------------------------
10. Widok produktu opartego na wariantach */



#product-page{

}

#product-variant{

}

.product-heading{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.product-heading a{

}
.product-heading .heading-templates{
    margin-top: 10px;
    float: none;
    display: block;
}

.product-heading .heading-templates:after,
.product-heading .heading-templates:before{
    content: '';
    display: block;
    clear: both;
}

@media (min-width: 992px) {
    .product-heading .heading-templates{
        margin-top: 0px;
        float: right;
        display: inline;
    }
}

#variantParamsFields{
    margin-bottom: 20px;
}

.heading-third,
.heading-alt,
#variantParamsFields h2{
    font-size: 21px;
    font-weight: 400;
    color: @color7;
    position: relative;
}
.heading-alt:after,
#variantParamsFields h2:after{
    content: '';
    width: 165px;
    height: 2px;
    background-color: @color1;
    position: absolute;
    left: 0;
    top: -15px;
    display: none;
}
.heading-third:after{
    content: '';
    width: 165px;
    height: 2px;
    background-color: #cccccc;
    position: absolute;
    left: 0;
    top: -10px;
}

#variantParamsFields .paramName{
    font-size: 14px;
    font-weight: 600;
    color: @color8;
    
    text-indent: 15px;
}

#variantParamsFields .paramValue{
    position: relative;
}


#variantParams{
    margin-bottom: 20px;
}

#variantParams .product-files-form-information{
    color: @color9;
    font-size: 12px;
    line-height: 14px;
    margin: 20px 0;
}
#variantParams .upload-button{
    background-color: @color2;
    float:none;
    display: inline-block;
    margin-top: 20px;
    padding: 10px 35px;
}

#variantParams .product-file-list table{
    width: 100%;
    margin: 0;
}
#variantParams .product-file-list table td{
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
}
#variantParams .product-file-list table tr:nth-child(even){
    background-color: #f5f5f5;
}

#variantParams .file-delete-container input[type="submit"]{
    border: 1px solid #e5e5e5;
    background-color: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #444;
}
#variantParams .file-delete-container input[type="submit"]:hover{
    color: #fff;
    background-color: #f23b3b;
    border-color: #f23b3b;
}

/* Informacje o zamówieniu */
.project-order-widget-in-product{
    text-align: left;
    margin-bottom: 45px;
}
.project-order-widget-in-product legend{
    display: none;
}
.project-order-description-label{
    font-size: 18px;
    font-weight: 300;
    color: @color7;
    position: relative;
    border: 0;
    display: block;
}
.project-order-description-label:after{
    content: '';
    width: 165px;
    height: 2px;
    background-color: @color1;
    position: absolute;
    left: 0;
    top: -15px;
}
.project-creation-user-info{
    display: none;
}
#project-order-description{
    max-width:100%;
    width:100%;
    height: 100px;
    border: 1px solid #e5e5e5;
}

#set-project-order-pre-cart-form input[type="submit"]{
    background-color: @color2;
    float: none;
    display: inline-block;
    margin-top: 20px;
    border-radius: 5px;
    padding: 15px 30px;
    color: #fff;
    border: 0;
    display: none;
}
#set-project-order-pre-cart-form .loading{
    height: 32px;
}


/* Tabs */
#productTabsMenu{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

#productTabsMenu > ul{
    list-style:none;
    padding: 15px 0;
    margin: 0;
}
#productTabsMenu > ul > li{
    display: inline-block;
    margin: 1px 0;
}
#productTabsMenu > ul > li > a{
    color: #878787;
    display: inline-block;
    padding: 10px 30px;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 400;
}
#productTabsMenu > ul > li > a.active{
    background-color: #646464;
    color: #fff;
}

#productTabsContent .productImg{
    display: none;
}

#productTabsContent p{
    font-weight: 300;
    color: @color8;
    line-height: 20px;
}

#templateList{
    list-style: none;
    padding: 0;
    margin: 0;
}

#templateList li{
    display: inline-block;
    margin: 0 5px;
}

.heading-templates li{
    display: inline-block;
    margin: 0 5px;
}

/* Tabs Galeria Portfolio*/
#product-gallery a{
    display: block;
    width: 50%;
    float: left;
    height:200px;
    overflow: hidden;
    position: relative;
}
#product-gallery a img{
    width: 100%;
}


/* Table */
#result{
    margin-top: 67px;
}

#variantMatrixTable{
    width: 100%;
    border: 1px solid #e5e5e5;
    margin-bottom: 40px;
}

#variantMatrixTable th{
    text-align: center;
    padding: 12px 5px;
    background-color: #ff5f4f;
    color: #fff;
}

#variantMatrixTable tr.even{
    background-color: #f7f7f7;
}
#variantMatrixTable tr.even td{
    border-right: 1px solid #fff;
}
#variantMatrixTable tr.odd td,
#variantMatrixTable tr:nth-child(odd) td{
    border-right: 1px solid #efefef;
}

#variantMatrixTable tr td:last-child{
    border-right: none;
}


#variantMatrixTable td{
    text-align: center;
    font-weight: 400;
    padding: 12px 5px;
    color: @color9;
}

#variantMatrixTable .addToCart{
    width: 37px;
    height: 35px;
    display: inline-block;
    background: url(../images/do-koszyka-produkt.png) center center no-repeat #ccc;
    font-size:0;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
#variantMatrixTable .addToCart:hover{
    background-color: @color2;
}


.projectsWidget{
    text-align: right;
}
.creator-create-project-button{
    background-color: #e5e5e5;
    padding: 10px 20px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
}
.creator-create-project-button:hover{
    color: #fff;
}

/* Automatyczny Preflight */
.pre-order-automatic-preflight-root{
    text-align: left;
    padding-bottom: 20px;
}

.pre-order-automatic-preflight-root legend{
    border-bottom: 0;
    font-size: 18px;
    font-weight: 300;
    color: @color7;
    position: relative;

}

.pre-order-automatic-preflight-root legend:after{
    content: '';
    width: 165px;
    height: 2px;
    background-color: @color1;
    position: absolute;
    left: 0;
    top: -15px;
}




/* Matrix Toggle */
#variantMatrix{
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}

.matrix-on span,
.matrix-off span{
    width: 12px;
    line-height: 45px;
    display:inline-block;
    background: url('../images/show-more-arrow.png') no-repeat center center;
    color: transparent;
}

.matrix-off span{
    transform: rotate(180deg);
}

#matrix-toggle-table{
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    font-size: 14px;
    color: #686868;
    font-weight: 300;
    text-align: center;
    line-height: 45px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #e5e5e5 inset;
    cursor: pointer;
}

/* Parametry produktu */

#variantParamsFields{
    margin-bottom: 20px;

}
#variantParamsFields .param{
    position: relative;
    padding-right: 25px;
    margin-top:10px;
}

#variantParamsFields .param .popover-content{
    font-size: 12px;
    min-width: 200px;
}
#variantParamsFields .param .popover-content hr:first-child{
    display: none;
}
#variantParamsFields .param .popover-content hr{
    margin: 5px 0;
}
#variantParamsFields .paramValue{
    position: relative;

}
#variantParamsFields .paramAsk{
    display: none;
}

.param-info{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 13px;
    border: 1px solid #c2c2c2;
    color: #c2c2c2;
    text-align: center;
    line-height: 18px;
    font-style: normal;
    cursor: pointer;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -2px;
    font-weight: 700;
    font-family: serif;
    text-indent: -1px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.param-info:hover{
    background-color: #c2c2c2;
    color: #fff;
}

.paramAnswer{
    display: none;
}




/* -----------------------------------------------------------------------------
11. Koszyk */
#cart{}

/* Pojedynczy produkt w koszyku */
#cart-items-container .cart-item{
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
/* - Image */
#cart-items-container .product-img{}
#cart-items-container .product-img img{}

/* - Product Info */
#cart-items-container .product-info{
    color: @color8;
}
#cart-items-container .product-info-name{
    font-weight: 700;
    font-size: 18px;
    margin-top: 15px;
}
#cart-items-container .product-info-params{
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
}
#cart-items-container .product-remove{
    border: 1px solid #e5e5e5;
    display: inline-block;
    background: transparent;
    font-weight: 300;
    padding: 6px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#cart-items-container .product-icon-remove{
    background: url(../images/remove-x.png) center center no-repeat;
    width: 10px;
    height: 10px;
    background-size: 100%;
    display: inline-block;
    margin-right: 5px;
}

/* - Pliki */
#cart-items-container .product-attachment{
    
    box-shadow: 1px 0 0 0 #eee, -1px 0 0 0 #eee;
}

#cart-items-container .product-attachment >.row{
    display: table;
}
#cart-items-container .product-attachment >.row > div{
    display: table-cell;
    float: none;
    vertical-align: middle;
}
#cart-items-container .product-attachment .loading{
    height: 120px;
}
#cart-items-container .product-attachment legend{
    display: none;
}
#cart-items-container .cart-temporary-order-files-manager{
    margin-bottom: 10px;
}

#cart-items-container .product-attachment .upload-button{
    display: block;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #838383;
    color: #fff;
    font-weight: 300;
    text-transform: lowercase;
    cursor: pointer;
}

#cart-items-container .product-attachment .loading{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    padding: 20px 0;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 0 10px 0 #fff;
}
#cart-items-container .file-list-container{
    padding: 0 0 10px 0;
}
#cart-items-container .file-list-container > table{
    /*float: right;*/
}
#cart-items-container .file-list-container .file-name{
    font-weight: 300;
    font-size: 11px;
}
#cart-items-container .file-list-container .file-delete-container input[type="submit"]{
    font-size: 0;
    background: url(../images/remove-x.png) no-repeat center center transparent;
    background-size: 75%;
    border: 1px solid #e5e5e5;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 300;
}


/* - Rabat -*/
.single-element-rabat-form{}

.single-element-rabat-form input[type="text"]{
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: transparent;
    /*width: 120px;*/
    margin-bottom: 0;
    display: block;
}
.single-element-rabat-form input[type="submit"]{
    display: block;
    width:100%;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #838383;
    color: #fff;
    text-transform: lowercase;
    margin: 5px 0;
}

/* hover dla przycisków w koszyku */
#cart-items-container .product-attachment .upload-button:hover,
.single-element-rabat-form input[type="submit"]:hover{
    color: #e5e5e5;
    background-color: #5a5a5a;
    text-decoration: none;
    border: 1px solid #e5e5e5;
}


/* - Duplikuj */
.product-duplicate-container{
    text-align: center;
    box-shadow: -1px 0 0 0 #eee;
}
.product-duplicate{
    font-size: 0;
    display: inline-block;
    width: 37px;
    height: 44px;
    background: url(../images/duplicate-icon.png) center center no-repeat;
}
.product-duplicate:hover{
    background-image: url(../images/duplicate-icon-hover.png);
}

/* - Cena */
#cart-items-container .product-price{
    color: @color8;
    font-weight: 14px;
    text-align: right;
    position:relative;
    min-height: 158px;
    box-sizing: border-box;
}
#cart-items-container .product-price-container{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 0 15px;
}
#cart-items-container .value{
    font-weight: 700;
}
#cart-items-container .price{
    font-size: 14px;
    margin: 0;
}
#cart-items-container .price .value{
    font-size: 32px;
    display: block;
    font-weight: 300;
}

/* Dodatkowe ustawienia */
#additional-settings-container{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
#additional-settings-container .paramValue{
    position: relative;
}

#additional-settings-container .sendingPrice {
    font-weight: 300;
    color: @color8;
    padding: 20px 0;
}
#additional-settings-container .sendingPrice .value{
    font-size: 32px;
    font-weight: 300;
    display: block;
    line-height: 32px;
}

/* Informacje dodatkowe */
#additionalRealizationInfo{
    margin-bottom: 40px;
}
#additionalRealizationInfo > div{
    border: 1px solid #e5e5e5;
    padding: 10px;
    color: @color8;
}
#additionalRealizationInfo > div strong{
    display: block;
    margin-bottom: 10px;
}

/* Informacje o wysyłce */

.sendingRealizationInfo{}
.sendingRealizationInfo .borderBox{
    border: 1px solid #e5e5e5;
    padding: 10px;
    color: @color8;
}

#additional-settings-container .sendingRealizationInfo .sendingPrice{
    padding-bottom: 0;
}

/* Ilość paczek */
#cartRealizationInfo{
    margin-bottom: 40px;
}
#cartRealizationInfo > .row{
    margin-right: 0;
    margin-left: 0;
    border: 1px solid #e5e5e5;

}
#cartRealizationInfo .title{
    margin-top: 10px;
    color: @color8;
}

.editAddress {
    background-image: url(../images/input-text-bg.png);
    font-size: 0;
    width: 21px;
    height:21px;
    display: inline-block;
    line-height: 30px;
    float:right;
}

.newAddress{
    display: none;

}

.oldAddress{
    font-weight: 700;
}
.oldAddress span{
    display: block;
}



/* Sposób wysyłki */
#boxDetails{
    margin-bottom: 50px;
}

#boxDetails .selected{
    padding-left: 20px;
    background: url(../images/yes-icon-green.png) center left no-repeat;
}

/* Kontener rabatu i podsumowania */
#summary-container{
    margin-bottom: 40px;
}
#summary-container > div:first-child{}
#summary-container > div:first-child > #discount-form{
    box-shadow: 0 0 0 1px #e5e5e5 inset;
}
#summary-container > div:last-child{
    color: #fff;
}
#summary-container > div:last-child > form{
    background-color: @color1;
}

/* Kupon rabatowy */
#discount-form{
    padding: 40px 20px;
}
#discountForm{}

#discountForm h2{
    font-size: 18px;
    font-weight: 700;
    color: @color9;
    margin: 0 0 10px 0;
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #summary-container > div:first-child{
        padding-right: 0;
    }
    #summary-container > div:last-child{
        padding-left: 0;
    }

    #discount-form{
        padding: 46px 80px 47px;
    }

}


#summary-container #cartAmount{
    padding: 20px 20px;
    background-color: @color1;
}

#summary-container .cartAmountTotalNetto{
    font-size: 14px;
    font-weight: 300;
}
#summary-container .cartAmountTotalNetto .value{
    font-size: 32px;
    line-height: 32px;
    font-weight: 300;
    display: block;
}

#summary-container .cartAmountTotal{
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}
#summary-container .cartAmountTotal .value{
    font-size: 33px;
    line-height: 44px;
    font-weight: 700;
    display: block;
}

/* Preflight info */

#confirm .cart-automatic-preflight-container,
#cart .cart-automatic-preflight-container{
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    color: @color8;
    font-size: 12px;
    font-weight: 300;
    margin: 5px 0;
}


#confirm .cart-automatic-preflight-container a,
#cart .cart-automatic-preflight-container a{
    color: #2ab7eb;
}


/* Podsumowanie */
#user-comments-container {
    margin-right: 0;
    margin-bottom: 20px;

}
#user-comments-container textarea {
    max-width:100%;
    min-width:100%;
    width:100%;
    min-height: 100px;
    border: 1px solid #e5e5e5;
    padding: 10px;
}


@media (min-width: 992px) {
    #user-comments-container {
        margin-right: 20px;
    }
}



.leftMiddleCol {
    float: left;
    width: 752px;
}

.rightRightCol {
    float: right;
    width: 156px;
    margin-left: 8px;
}

.rightRightCol .boxes-right .box { margin-bottom: 16px; }


.rightLeftCol {
    float: left;
    width: 620px;
}

.banners-right {
    /* float: right; */
}

#productMenu {
    position: relative;
    background: url('../images/products-menu-label.png') no-repeat left top;
    overflow: hidden;
    margin-bottom: 14px;
}

#productMenu .menuBackground {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 9px;
    z-index: 10;
    background-color: #f0f0f0;
    padding: 4px;
    width: 118px;
    margin: 10px 0 0 28px;
}

#productMenu ul > li > h3 {
    display: none;
}
#productMenu li.item ul li {
    background: url('../images/arrowGrayRight.png') no-repeat left 9px;
    padding-left: 14px;
}
#productMenu a {
    display: block;
    color: @color7;
    margin-left: -4px;
    padding: 9px 0 9px 4px;
    line-height: 1.5;
    border-bottom: 1px solid #ccc;
    font-size: 10px;
    font-family: Arial, Sans-serif;
}

#productMenu li.item ul li:last-of-type a {
    border: none
}

#productMenu a:hover {
    color: #000;
}


.main-products {
    float: left;
    width: 608px;
    font-size: 8pt;
    color: @color7;
}
.main-products > a {
    width: 142px;
    height: 100px;
    float: left;
    padding: 10px 5px;
    color: @color7;
    position: relative;
}
.main-products > a .bg {
    position: absolute;
    z-index: -10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
    border-radius: 9px;
    background: rgb(0,153,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,153,255,1) 0%, rgba(7,132,196,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,153,255,1)), color-stop(100%,rgba(7,132,196,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,153,255,1) 0%,rgba(7,132,196,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,153,255,1) 0%,rgba(7,132,196,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,153,255,1) 0%,rgba(7,132,196,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,153,255,1) 0%,rgba(7,132,196,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#0784c4',GradientType=0 ); *//* IE6-9 */
}

.main-products > a:hover {
    font-weight: bold;
    color: #fff;
}

.main-products > a:hover .bg {
    opacity: 1;
}

.main-products > a .img {
    text-align: center;
    vertical-align: middle;

    height: 100px;
}




/* -----------------------------------------------------------------------------
12. Panel klienta */

/* Menu panelu klienta */
#panelMenu{}
#panelMenu ul,
.addressTabsLinks{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    margin-bottom: 20px;
    margin-left: 0;
}
#panelMenu ul li,
.addressTabsLinks li{
    padding: 0;
    margin: 5px 0;
}
#panelMenu ul a,
.addressTabsLinks a{
    border-color: #e5e5e5;
    color: #ccc;
    font-weight: 300;

}
#panelMenu ul a:hover,
#panelMenu ul a.active,
.addressTabsLinks a:hover,
.addressTabsLinks a.active{
    color: #fff;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    box-shadow: none;
}

/* -----------------------------------------------------------------------------
13. Lista zamówień - tabela  */

#panelContentOrders{
    margin-top: 20px;
}
#panelContentOrders table{
    border: 1px solid #e5e5e5;
}
@media screen and (max-width: 767px){
    #panelContentOrders table {
        width:1140px;
    }
}
#panelContentOrders table thead{
    background-color: #e5e5e5;
    color: #fff;
}
#panelContentOrders table thead th{
    border-bottom: 0;
    text-align: center;
}

#panelContentOrders table tbody tr:nth-child(3),
#panelContentOrders table tbody tr:nth-child(4n-1){
    background-color: #f7f7f7;
}

#panelContentOrders .order td{
    vertical-align: middle;
    text-align: center;
    color: @color9;
    font-weight: 300;
    border-top: 0;
    padding: 5px 0px;

}
#panelContentOrders tr:nth-child(4n+1) td{
    border-right: 1px solid #efefef;
}
#panelContentOrders tr:nth-child(4n-1) td{
    border-right: 1px solid #fff;
}

#panelContentOrders tr td:last-child{
    border-color: #e5e5e5;
}

#panelContentOrders .orderDetailsContent{
    display: none;
    border-bottom: 1px solid #e5e5e5;
}
#panelContentOrders .orderDetailsContent .row > div:first-child{
    box-shadow: 1px 0 0 0 #eee;
}

#panelContentOrders .orderDetailsContent td{
    padding: 20px 0;
}

/* Lista zamówień - rząd */
.order{

}

.orderDetails .show-details{
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 0;
    cursor: pointer;
    background: center no-repeat #cccccc;
    background-image: url(../images/arrow-down-cart.png);
}
.show-details.hidden-detalis{
    transform: rotate(180deg);
}


/* -----------------------------------------------------------------------------
14. Lista zamówień - szczegóły  */

.orderDetailsContent{

}

.orderStatusDetails{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}
.orderStatusBig{
    background-color: @color1;
    padding: 15px 20px;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}

/* Dane osobowe */
.addressTabsLinks{
    border-top: 0;
}
.addressTabsContent{
    padding-bottom: 15px;
}
.addressTabsContent > div{
    padding: 15px;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    color: @color8;

}

/* Historia zamówienia */
.orderHistory{
    font-weight: 300;
    padding-bottom: 10px;
}
.orderHistory ul{
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    padding: 10px;
}
.orderHistory ul li{
    padding: 10px 0;
}
.orderHistory ul li span{
    display: block;
    width: 50%;

    float: left;
}
.orderHistoryDate{
    color: @color9;
    padding-right: 10px;
}
.orderHistoryContent{
    overflow: hidden;
    text-overflow: ellipsis;
    color: @color8;
    padding-left: 10px;
}

/* Informacje o produkcie */
.productInfo{
    border: 1px solid #e5e5e5;
    margin:20px 0;
    padding: 15px;
    color: @color8;
    font-weight: 300;
    white-space: normal;
}

.productInfoName{
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
    color: @color9;
}

.productInfo .orderNo{
    margin-bottom: 10px;
}

.productInfo .col-1,
.productInfo .col-2,
.productInfo .col-3{
    padding: 0 10px;
    box-shadow: 1px 0 0 0 #e5e5e5;
    float: left;
}
.productInfo .col-1{
    width: 20%;
    padding-left: 0;
}
.productInfo .col-2{
    width: 40%;
    padding: 0 20px;
}
.productInfo .col-3{
    width: 40%;
    padding-right: 0;
    box-shadow: 0 0 0 0 #fff;
}
.productInfo .complain-button:hover{
    background-color: @color2;
    color: #fff;
    text-decoration: none;
}
.productInfo .productInfoParams{
    margin-bottom: 10px;
}
.productInfo .status-green{
    color: @color2;
}

.statusFinished{
    position: relative;
    margin-top: 5px;
    padding-top: 5px;
}
.statusFinished strong{
    display: block;
    color: @color2;
}
.statusFinished:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: @color2;
}

/* Wgrywanie plików */
.productInfo .addFiles{
    margin-top: 10px;
}

.order-file-list{
    padding: 0;
    margin: 0;
    list-style: none;
    color: @color8;
    margin-top: 10px;
}


.order-file-list .fileDetailsName{
    font-weight: 700;
}


.order-file-list .fileDetails span:last-child{
    font-size: 10px;
}

.order-file-list li{
    padding: 5px 0;
    border-top: 1px solid #e5e5e5;
}
.order-file-list .fileStatus .yellow{
    color: @color1;
    font-weight: 300;
    background: url(../images/file-check-clock.png) left top no-repeat;
    display: block;
    padding-left: 30px;
}

.productInfo .automatic-preflight-check-list-main{
    box-shadow: 0 0 0 1px #e5e5e5 inset;
    font-size: 12px;
}

.productInfo .automatic-preflight-check-list-main .total-status{
    padding: 10px 10px 5px 10px;
}

.productInfo .automatic-preflight-check-list-main .show-elements{
    padding: 0 10px 10px 10px;
    display: block;
}


.pricesActions{
    text-align: right;
}

.pricesDetails{
    background-color: @color1;
    border-radius: 2px;
    padding: 25px;
    margin-bottom: 20px;
    color: #fff;
    text-align: right;
    font-weight: 300;
}
.additionalPrices,
.mainPrice{
    float:left;
}
.additionalPrices{
    width:60%;
}
.mainPrice{
    width:40%;
}
.additionalPrices .postPrice,
.additionalPrices .changePrice{
    float:left;
    width:50%;
    padding-top: 8px;
}
.additionalPrices .special{
    font-size: 32px;
    line-height: 32px;
}
.mainPrice .special{
    font-size: 44px;
    line-height: 40px;
    font-weight: 700;
}

/* -----------------------------------------------------------------------------
15. Zmień dane  */

#responsive-personal-panel-wrapper{}
#responsive-personal-panel-wrapper table{
    width:100%;
}
#responsive-personal-panel-wrapper table td:first-child{
    display: none;
}
#responsive-personal-panel-wrapper table td:last-child{
    width: 100%;
}

#responsive-personal-panel-wrapper #personalDetails form > #welcome_box{
    box-shadow: 1px 0 0 0 #e5e5e5;
}
#responsive-personal-panel-wrapper #personalDetails form > div:nth-child(3) > div:first-child{
    float: left;
}
#responsive-personal-panel-wrapper #personalDetails form > div:nth-child(3) > div:nth-child(2){
    float: right;
}


#responsive-personal-panel-wrapper input[name="nr_budynku"],
#responsive-personal-panel-wrapper input[name="nr_lokalu"],
#responsive-personal-panel-wrapper input[name="kod_pocztowy"],
#responsive-personal-panel-wrapper input[name="korespondencyjne_nr_budynku"],
#responsive-personal-panel-wrapper input[name="korespondencyjne_nr_lokalu"],
#responsive-personal-panel-wrapper input[name="korespondencyjne_kod_pocztowy"]{
    width: 48%;
}
#responsive-personal-panel-wrapper input[name="korespondencyjne_nr_budynku"],
#responsive-personal-panel-wrapper input[name="nr_budynku"]{
    float:left;
}
#responsive-personal-panel-wrapper input[name="korespondencyjne_nr_lokalu"],
#responsive-personal-panel-wrapper input[name="nr_lokalu"]{
    float: right;
}

#responsive-personal-panel-wrapper #passwordChange input[type=submit]:hover{
    background-color: @color2;
}

/* -----------------------------------------------------------------------------
16. Prezenty/Punkty */

#promotionHeader{
    text-align: center;
}
#promotionHeader:before,
#promotionHeader:after{
    content: '';
    display: block;
    clear: both;
}
#promotionHeader h1{
    font-size: 20px;
    font-weight: 300;
    padding: 30px 15px;
    text-transform: lowercase;
    color: #ccc;

}
#promotionHeader h1 span{
    font-size: 48px;
    font-weight: 900;
    color: @color2;
    display: block;
    padding: 10px 0;
}
#promotionHeader a{
    display: inline-block;
    color: #fff;
    background: #e5e5e5;
    border-radius: 3px;
    padding: 12px 30px;
}

/* -----------------------------------------------------------------------------
17. Zamówienie projektu */

#project-order-view{}

#project-order-view h1{
    display: none;
}

.project-propositions{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px;
}
.project-proposition{
    margin-bottom: 40px;
}

.project-order-description{}
.project-order-description .label{
    display: block;
    text-align: left;
    padding: 0;
    margin: 30px 0 15px 0;
}
.project-order-description .contents pre{
    border: 0;
    background-color: transparent;
    font-family: 'Open Sans';
    font-weight: 300;
    color: @color8;
    padding: 0;
    margin-bottom: 40px;
}

.proposition-image{
    position: relative;
    text-align: center;
}
.proposition-image img{
    max-width:100%;
}
.proposition-title{
    display: none;
}

.comments-form-container .comment-add-button,
.proposition-choose-button{
    background-color: #e5e5e5;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    margin: 20px auto;
}
.proposition-choose-button:hover{
    background-color: @color2;
    border-color: @color2;
}
.proposition-choose-form{
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.proposition-details{
    color: #e5e5e5;
    font-weight: 300;
    line-height: 20px;
    margin-top: 10px;
}
.proposition-details .label{
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    width: 60px;
    display: inline-block;
    text-align: left;
    color: #e5e5e5;
}

.comments-form-container textarea{
    max-width:100%;
    width:100%;
    min-height:50px;
    height: 150px;
    border: 1px solid #e5e5e5;
    padding: 10px;
}
.comments-form-container .comment-add-button{
    float: right;
}

.comment-heading-wrapper{
    margin-bottom: 20px;
    clear:both;
}

#project-order-view h1.comments-heading{
    display: block;
}


.comments-list{
    margin-bottom: 40px;
}
.comment{
    background: url(../images/comment-bg.png) top left no-repeat;
    padding-left: 70px;
    min-height: 60px;
    position: relative;
    margin-bottom: 20px;
}
.comment:after{
    position:absolute;
    background: url(../images/comment-divider.png) left center no-repeat;
    height: 7px;
    width: 100%;
    content: '';
    display: block;
    bottom: -15px;
    left: 0;
}
.comment-header{
    padding-top: 10px;
}
.comment-date,
.comment-author{
    display: inline;
    font-weight: 700;
}
.comment-author{
    color: @color7;
}
.comment-date{
    color: @color8;
    font-size: 10px;
}
.comment-date .label,
.comment-author .label{
    display: none;
}
.comment-content pre{
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: @color8;
    line-height: 22px;
    font-weight: 300;
    font-family: 'Open Sans';

    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */

}


/* -----------------------------------------------------------------------------
18. Kontakt */

.kontakt{
    font-weight: 300;
}
.kontakt > div{
    margin-bottom: 20px;
}
.kontakt .kontakt-divider{
    border-top: 2px solid @color1;
    display:block;
    margin-bottom: 10px;
}

/* -----------------------------------------------------------------------------
19. Artykuł */



/* -----------------------------------------------------------------------------
20. Opinie */
.singleOpinion{
    border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 30px;
}
.opinionAuthor{
    font-weight: 700;
    display: block;
}
.opinionDate{
    font-size: 10px;
    color: @color8;
}
.opinionText{
    background: url(../images/opinion-divider.png) top 15px left -20px no-repeat;
    padding-top: 30px;
    font-weight: 300;
    color: @color8;
}

#addOpinionForm{}

#addOpinionForm #message{
    width:100%;
    padding: 10px;
    max-width:100%;
    min-width:100%;
    height: 160px;
    margin-bottom: 20px;
    border-color: #e5e5e5;
}

#addOpinionForm label[for="rate"]{
    float: left;
    padding-right: 10px;
}

#addOpinionForm #rate-container{
    float: left;
}

#addOpinionForm button[type="submit"]{
    color: #fff;
}


/* -----------------------------------------------------------------------------
21. Bezpłatne próbki */

.samplesDesc p:first-child{
    width: 100%;
    float: none;
    margin-right: 0;
    margin-top: 0;
    line-height: 24px;
    font-size: 24px;
    text-align: center;
    font-weight: 300;
    color: @color8;
}
.samplesDesc p:nth-child(2){
    float: none;
    text-align: center;

    font-weight: 600;
    font-size: 260px;
    line-height: 230px;
    color: @color6;
    margin-top: 40px;
}
.samplesDesc p:nth-child(2) span{
    font-size: 34px;
    line-height: 34px;
    font-weight: 300;
    display: block;
    text-align: right;
}
.samplesDesc p:last-child{
    font-weight: 300;
    font-size: 20px;
    color: @color8;
    display: block;
    margin-top: 20px;
    margin-bottom: 40px;
}

.samplesFormContainer h4{
    font-size: 18px;
    font-weight: 700;
    color: @color8;
    margin-bottom: 20px;
}
.samplesReqFields{
    font-size: 10px;
    color: @color8;
}
.samplesSubmit{
    padding-right: 40px;
    padding-left: 40px;
}

@media (min-width: 768px) {
    .samplesDesc p:first-child{
        text-align: left;
        font-size: 48px;
        width: 170px;
        margin-right: 90px;
        margin-top: 100px;
        line-height: 45px;
        float: left;

    }

    .samplesDesc p:nth-child(2){
        float: left;
        text-align: left;
        margin-top: 40px;

        font-weight: 600;
        font-size: 260px;
        line-height: 230px;
        color: @color6;

    }
}
@media (min-width: 992px) {
    .samplesFormContainer{
        box-shadow: -1px 0 0 0 #e8e8e8;
    }
}

/* -----------------------------------------------------------------------------
22. 404 */
.error404cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    box-sizing: content-box;
    background-color: rgba(204,153,51,0.7);
}

.error404page{
    color: #fff;
}

.ups404{
    font-size: 48px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
}
.code404{
    font-size: 48px;
    font-weight: 300;
    color: #fff;
    background: url(../images/404-bg.png) center center no-repeat;
    height: 90px;
    margin: 20px 0 40px 0;
}
.code404 span{
    font-size: 120px;
    font-weight: 900;
}
.noExists404{
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 40px;
}

.toHome404 a{
    background-color: @color1;
    font-weight: 300;
    color: #fff;
    text-transform: lowercase;
    font-size: 14px;
}


/* -----------------------------------------------------------------------------
23. Artykuł */
#article{
    color: @color8;
    font-size: 14px;
    font-weight: 300;
}
#article-heading{
    font-size: 36px;
    font-weight: 700;
    margin-bottom:20px;
}
#article-meta{
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}
#article-content{
    line-height: 24px;
}



/* -----------------------------------------------------------------------------
24. Formularz kontaktowy */

#tresc.contact-form{}

#tresc.contact-form input[type=text]{
    background: transparent;
}
#tresc.contact-form textarea{
    max-width:100%;
    width:100%;
    border: 1px solid #e5e5e5;
    height: 100px;
}
#tresc.contact-form #recaptcha_image{
    margin-top: 20px;
}


/* -----------------------------------------------------------------------------
25. Fancybox */
#fancybox-content{
    background-color: #fff;
}

/* ------------------ ---------- ------------------ */




/* --- FAQ --- */

#faq {
.hidden {
    display: none;
}

background: url(../images/faq-bg.png) transparent no-repeat;
background-position: right 100px center;

.subject {

    border: 1px solid #d9d9d9;
    margin-bottom: 10px;

.title {
    display: block;
    padding: 15px 10px;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
&:hover {
     background: @color1;
     color: white;
 }

&.selected {
     background: @color1;
     color: white;
 }
}

.elements {

    padding: 10px 10px 0 10px;

.element {
    padding: 10px;
    margin-bottom: 10px;

    border: 1px solid #CCC;

.element-title {
    font-weight: bold;

    cursor: pointer;
&:hover {
     color: @color2;
 }
}

.content {
    margin-top: 10px;
}
}

}
}
}












span.menu-tag {
    display: inline-block;
    background: red;
    border-radius: 5px;
    text-align: right;
    padding: 0px 4px;
    font-size: 8px;
    color: white;
    font-weight: bold;
    margin-left: 4px;
    line-height: 14px;
}

#found
{
.right {
    float: right;
}
.yellowBtn {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 30px;
    border: 0;
    float: right;
    background-color: @color6;
}
.clear {
    clear: both;
}

.found-list-item
{
    border-bottom:1px solid @color8;
padding-bottom: 10px;
.img
{

    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.title{
    margin-top: 10px;
    font-weight: bold;
    font-size: 20px;
float: left;
}
.content{

    float: left;

    margin-top: 5px;
    margin-bottom: 5px;

    width:495px;
}

}
}



.price-before-discount {
    color: red;
    text-decoration: line-through;
}

.order-file-list {
    .remove::before {
        content: "Usuń";
    }
    .remove {
        color: red;
        float: right;
    }
}


/* -----------------------------------------------------------------------------
26. Oplacenie zamowienia */

 
.pay-button{
    border: 1px solid #eee;
    border-radius: 4px;
    color: #888;
    padding: 10px 70px 10px 10px;
    display: inline-block;
    position: relative;
}

.pay-button:after{
    content:'';
    position: absolute;
    width:1px;
    height: 40px;
    right: 59px;
    top: 0;
    background-color: #eee;
}

.paypal-button{
    background: url(../images/paypal-icon.png) center right 10px no-repeat;
}

.payu-button{
    background: url(../images/payu-icon.png) center right 10px no-repeat;
}

/* -----------------------------------------------------------------------------
26. Kontakt 2 */

.contact-row  .dummy-border{
    border-top: 2px solid #ff5d4e;
    margin-bottom: 15px;
}
.contact-row> div{
    margin-bottom: 20px;
}

.contact-row p{
    padding-left: 26px;
    margin-bottom: 5px;
    font-weight: 500;
    font-size:16px;
}

.contact-row .tel-icon,
.contact-row .email-icon,
.contact-row .home-icon{
    position: relative;
}

.contact-row .tel-icon:before,
.contact-row .email-icon:before,
.contact-row .home-icon:before{
    content: '';
    width: 20px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -2px;
    display: block;
    background-position: center left;
    background-repeat: no-repeat;
}
.contact-row .tel-icon:before{
    background-image:url(../images/phone-icon-grey.png);
}
.contact-row .home-icon:before{
    background-image:url(../images/home-icon-grey.png);
}
.contact-row .email-icon:before{
    background-image:url(../images/envelope-icon-grey.png);
}

#contactFormContactPage{
    padding-top: 34px;
    padding-bottom: 30px;
}

#contactFormContactPage table{
    width:100%;
}
#contactFormContactPage tr td:first-child{
    display: none;
}

#contactFormContactPage textarea{
    padding: 10px;
}


/* PLATNOSCI */

#platnosci-form{
    
}

#platnosci-form > table{
    width:100%;
    text-align: left;
    table-layout: fixed;
}

#platnosci-form > table > tbody > tr > td{
    padding: 3px;
}

#platnosci-form > table table{
    width: 100%;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 3px;
}
#platnosci-form > table table td:first-child{
    background-color: #f5f5f5;
    width:25px;
    text-align: center;
}
#platnosci-form > table table td:first-child input{
    margin: 0 auto;
}

/* REKLAMACJE */
.reklamacja-page{}
.reklamacja-page table{
 
}
.reklamacja-page table td{
    position: relative;
    padding: 5px;
}
.reklamacja-page table td:last-child{
    min-width: 200px;
}
.reklamacja-page table td select{
    width:100%;
}

.reklamacja-page textarea{
    border: 1px solid #e7e7e7;
     min-width: 200px;
}


/* PRE CREATOR PRODUCT */
.pre-creator-product{}

.pre-creator-product .product{
    display: block;
    padding: 5px 5px 15px 5px;
}

.pre-creator-product .product a{
    display: block;
    position: relative;
}

.pre-creator-product .product a img{
    margin: 0 auto;
    display: block;
    max-width:100%;
}

.pre-creator-product .product a .title{
    display: block;
    position: absolute;
    left: 0;
    width:100%;
    text-align: center;
    bottom: 20px;
}



.pre-creator-product fieldset{
    display: block;
    padding: 5px 5px 15px 5px;
}

.pre-creator-product fieldset a{
    display: block;
    position: relative;
}

.pre-creator-product fieldset a img{
    margin: 0 auto;
    display: block;
    max-width:100%;
    width:auto !important;
}

.pre-creator-product fieldset legend{
    display: block;
}





/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .pre-creator-product fieldset,
    .pre-creator-product .product{
        width: 33.333333%;
        float: left;
        padding: 5px 5px 10px 5px;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .pre-creator-product fieldset,
    .pre-creator-product .product{
        width: 25%;
        
    }
}


/* PRODUCTCATEGORY */

#productCategory{
    
}

#productCategory .productInfo{
    display: block;
    text-align: center;
}
#productCategory .productInfo img{
    max-width: 100%;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #productCategory .productInfo{
        width: 33.333333%;
        float: left;
        padding: 5px 5px 10px 5px;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
     #productCategory .productInfo{
        width: 25%;
        border: 0;
    }
}

.editable-module-representation a {
    height: 26px !important;
}


#cookie-policy-popup {
    height: 70px !important;
}

select.paramSelect{
    position: relative;
    left:0;
    top: 0;
    width:100%;
    border: 1px solid #e7e7e7;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    background: url(../images/arrow-down-select.png) right 15px center no-repeat;
}
select.paramSelect::-ms-expand {
    display: none;
}
select.paramSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.sendingOptions select {
    padding:10px;
}

#header-menu li a {
    -webkit-transition: background-color 0.1s ease-in-out;
}

.homepage-product.flip-container {
    -webkit-perspective: 1000;
}

.homepage-product .back {
    -webkit-backface-visibility: hidden;
}

.homepage-product.flip-container:hover .flipper,
.homepage-product.flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
}

.homepage-product.flip-container:hover .flipper,
.homepage-product.flip-container.hover .flipper,
.homepage-product.flip-container.flip .flipper {
    -webkit-transform: rotateY(180deg);
}

.homepage-product .front {
    /* for firefox 31 */
    -webkit-transform: rotateY(0deg);
}

.homepage-product .back {
    -webkit-transform: rotateY(180deg);
}

.matrix-off span{
    -webkit-transform: rotate(180deg);
}

.main-products > a .bg {
    -webkit-transition: opacity 0.15s ease-in-out;
}


.show-details.hidden-detalis{
    -webkit-transform: rotate(180deg);
}

.upload-progress-bar.active {
    display: block !important;
}
.upload-progress-bar {

    border: 1px solid #eee;
    margin-right: 10px;
    text-align: center;
}
.upload-progress-bar-inside {

    padding-top: 4px;
    padding-bottom: 4px;
    background: #22A86C;
    text-align: center;
}
.upload-progress-bar-value {
    color: white;
}


#offer-view {
.clear{
    clear: both;
}

.offer-number {
@media (max-width: @screen-sm-min) {
    width: 100%;
    margin-bottom: 20px;
}
float: left;
width: 31%;
span {
    display: block;
    font-size: 16px;
}
font-size: 10px;
height: 60px;
}

.offer-date {
@media (max-width: @screen-sm-min) {
    width: 100%;
    margin-bottom: 20px;
}
float: left;
width: 31%;
span {
    display: block;
    font-size: 16px;
}
font-size: 10px;
font-weight: bold;
height: 60px;
}

.additional-info {
@media (max-width: @screen-sm-min) {
    width: 100%;
    margin-bottom: 20px;
}
float: left;
width: 31%;
span {
    display: block;
    font-size: 16px;
}
font-size: 10px;
font-weight: bold;
height: 60px;
.extrainfo{
    border: 1px solid #e5e5e5;
    padding: 5px;
    color: #999999;
}
}

.products-table {
    color:#999999;
.contents{
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.product:first-of-type{
    border-top: 1px solid #e5e5e5;
}
.product {
    border-bottom: 1px solid #e5e5e5;
.product-files {
    text-align: center;
}

.product-files,
.product-price {
    float: left;
    width: 25%;
    padding: 5px;
    border-left: 1px solid #e5e5e5;
    height: 160px;
}
.product-params {
    float: left;
    width: 50%;
    padding: 5px;
h2 {
    font-weight: bold;
    padding-bottom: 15px;
}
}
.product-price {
    text-align: right;
.price-netto {
    font-weight: bold;
    font-size: 18px;
}
.price-brutto {
    font-weight: bold;
    font-size: 20px;
    color: #cc9933;
}
}
}
}

}

.shipment-tabs{
@media (max-width: @screen-md-min) {
    width: 100%;
    margin-bottom: 0px;
    margin-top: 10px;
}
color: #999999;
margin-top: 20px;
margin-bottom: 40px;
float: left;
width: 30%;
border: 1px solid #cdcdcd;
.tabs-offer{
    font-size: 18px;
    display: block;
    height: 41px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
>li{
&:first-of-type{
     border-right: 1px solid #cdcdcd;
 }
border-bottom: 1px solid #e5e5e5;
font-weight: 600;
float: left;
list-style-type: none;
width: 50%;

a{
    text-decoration: none;
    padding: 10px;
    color: #999999;
    display: block;
}

&.active{
     text-decoration: underline;
 }
}
}
.tabs-content{
.table{
    margin: 20px;
thead{
    display: none;
}
td{
    font-size: 15px;
    border: 0;
    padding: 0 15px 0 0;
}
}
}
}
.summary{
@media (max-width: @screen-sm-min) {
    width: 100%;
}

float: right;
background: #cc9933;
color: white;
width: 60%;
padding: 15px;
margin-top: 20px;
margin-bottom: 30px;

.shipment-method,
.discount-summary,
.netto{
    display: block;
    width: 33%;
    font-size: 14px;
    float: left;
    text-align: right;
    font-weight: normal;
span{
    font-size: 20px;
    font-weight: bold;
}
}

.price-brutto{
    text-align: right;
    float: right;
    border-top: 1px solid #cdcdcd;
    display: block;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    margin-top: 30px;
    padding: 5px 15px;
span{
    font-size: 22px;
    font-weight: bold;
}
}

}

.offer-footer{
.contener
{
@media (max-width: @screen-sm-min) {
    width: 100%;
    margin-bottom: 3px;
}
width: 33%;
float: left;
}
button{
    color: #ffffff;
    text-align: center;
    height: 60px;
    width: 200px;
    background-color: #22a86c;
    border: 1px solid #22a86c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
@media (min-width: @screen-sm-min) {
    float: right;
}
}
.delete-button{
    float:none;
    color: #ffffff;
    text-align: center;
    height: 60px;
    width: 200px;
    background-color: #cdcdcd;
    border: 1px solid #cdcdcd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.back{
    color: #ffffff;
    height: 60px;
    width: 200px;
    background-color: #cdcdcd;
    border: 1px solid #cdcdcd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
@media (min-width: @screen-sm-min) {
    float: left;
}
a{
    color: #ffffff;
    text-decoration: none;
}
}

}
}

.center {
    text-align: center;
}



/* address book */
.user-address-book {


.btn-group-xs>.btn, .btn-xs {
    padding: 10px 20px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 5px;
    color: #ccc;
    border: 1px solid #e5e5e5;
}
.btn-group-xs>.btn, .btn-xs:hover {
    color: #fff;
    border: 1px solid #e5e5e5;
}

.btn-primary{
    padding: 10px 20px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 300;
    background-color: #23a86c;
    border: 1px solid #23a86c;
}
.btn-primary:focus{
    background-color: #23a86c;
    border: 1px solid  #23a86c;
    text-decoration: underline;
}

.btn-primary:hover,
a.btn-primary:hover{
    background-color: #23a86c;
    border: 1px solid  #23a86c;
    text-decoration: underline;
}

.btn-danger{
    padding: 10px 20px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 300;
    background-color: #f00;
    border: 1px solid  #f00;
    margin-top: 4px;
}

.btn-danger:hover, a.btn-danger:hover, .btn-danger:focus{
    background-color: #f00;
    border: 1px solid #f00;
    text-decoration: underline;
}

select {
    position: relative;
    left: 0;
    top: 0;
    border: 1px solid #e7e7e7;
    width: 100%;
    padding: 10px 20px;
    font-size: 14px;
    /*background: url(http://ksiazkaadresowa.iwareprint.pl/layouts/kompromix6/images/arrow-down-select.png) right 15px center no-repeat;*/
}

}