/* 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
 * - 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
 */

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



/*
 * REUSABLE
 * -------------------------------------------------------------------------- */

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/
.trunc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-white{
    color: #fff;
}
.text-grey{
    color: #777;
}



/*
 * FORMS
 * -------------------------------------------------------------------------- */
/*
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover{
    outline:0px;
    border-color: inherit;
    box-shadow: 0;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
}
*/
textarea,
input[type="text"],
input[type="password"],
input[type="email"]{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #dadada;
}



select {
    -moz-appearance: window;
    -webkit-appearance: none;
    background: #fff url("../images/select-arrow-down.png") right 10px center no-repeat;
    padding-right: 20px;
}
@-moz-document url-prefix() {
    .wrapper {
        background: #f5f5f5 url("../images/select-arrow-down.png") right 10px center no-repeat;
        padding-right: 20px;
    }
}



/*
 * BUTTONS
 * -------------------------------------------------------------------------- */

.btn{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-main{
    color: #fff;
    background-color: #635F5D;
    border-color: #635F5D;
}

.btn-grey{
    color: #fff;
    background-color: #cccccc;
    border-color: #cccccc;
}

.btn-main.focus,
.btn-main:focus,
.btn-main:hover {
    color: #fff;
    background-color: #DD137B;
    border-color: #DD137B;
}

.btn-grey.focus,
.btn-grey:focus,
.btn-grey:hover {
    color: #fff;
    background-color: #bbb;
    border-color: #bbb;
}

.btn-lg{
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;

}


/*
 * MAIN
 * -------------------------------------------------------------------------- */
#main{
    margin-bottom: 40px;
}

/*
 * HEADER
 * -------------------------------------------------------------------------- */

#main-header{

    color: #fff;

a{
    color: #666666;
}

#product-search{
button{
    background: transparent;
    border: 0px solid transparent;
    margin-left: -40px;
    margin-top: -39px;
    height: 34px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: right;
    position: relative;

@media (min-width: @screen-sm-min) {
    margin-top: -35px;
}

}



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

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {}

}

#logo{
    color: #fff;
    font-size: 48px;

&.logo-img{
     max-height: 180px;

& img{
      max-height: 180px;
      max-width: 614px;
          width: 100%;
    height: auto;
  }

}

}

.navbar-toggle{
    border-color: #fff;
.icon-bar{
    background-color: #fff;
}
}

.navbar{
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 50;
}

@media (min-width: @screen-md-min) {
    #logo{
        margin: 0 163px;
    }
}

@media (min-width: @screen-lg-min) {
    #main-top-menu{
        max-width: 740px;
    }
    #logo{
        margin: 0 263px;
    }
}

.navbar-nav{
li{
    position: relative;

a,h3{
@media (min-width: @screen-sm-min) {
    border-left: 1px solid rgba(255,255,255,0.2);
    padding-top: 10px;
    padding-bottom: 10px;
}
}

h3{
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 20px;
}

>ul.sub{
     list-style: none;
     margin: 0;
     padding: 0;
>li{
>a{
     padding: 5px 0 5px 25px;
     display: block;
&:before{
     content: '\f054';
     font-family: FontAwesome;
 }
}

&:hover{
>a{
     color: #635F5D;
     text-decoration: none;
 }
}

}
}

&.active,
&:hover,
&:focus,
 a:hover,
 a:focus{
     background-color: #3290e3;
 }

@media (min-width: @screen-sm-min) {


&:hover{
>ul.sub{
     display: block;
 }
}

>ul.sub{
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     width: 600px;
     background-color: #3290e3;
     list-style: none;
     margin: 0;
     padding: 20px 0;

>li{
     float: left;
     display: block;
     width:33%;

>a{
     display: block;
     padding: 10px 0 10px 30px;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 11px;
     border: 0;

&:before{
     content: '\f054';
     font-family: FontAwesome;
 }

}

}

}
}


}
}

.navbar-form{
    margin-top: 4px;
    margin-bottom: 4px;
}

.navbar-collapse{
@media (min-width: @screen-sm-min) {
    padding: 0;
}
}

#header-meta{
    padding: 0px 0 0 0;
}



#banner{
.noselect();
    margin-top: -20px;
    position: relative;

.cycle-prev,
.cycle-next{
    width: 40px;
    height: 40px;
    background-color: #635F5D;
    color: #fff;
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;

&:after{
     line-height: 40px;
     width: 40px;
     text-align: center;
     display: block;
 }

}

.cycle-prev{
    left: 0;
}
.cycle-next{
    right: 0;
}

.cycle-prev:after{
    content: "\f053";
}
.cycle-next:after{
    content: "\f054";
}

.imgs{
    overflow: hidden;
    position: absolute;
    width:100% !important;
    height: 100% !important;
img{
    width:100% !important;
    height: auto !important;
}
}

.fake-banner-top{
    width:100%;
}
}

}


/*
 * BOXES - TOP
 * -------------------------------------------------------------------------- */

#boxes-top,
.single-box{
    max-width: 1920px;
    margin: 0 auto;
a{
    display: block;
    width:100%;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-decoration: none;

&:first-child{
     background-color: #fed731;
     color: #635F5D;

button{
    color: #635F5D;
    background-color: #fff;
}

}
&:nth-child(2){
     background-color: #fff;
     color: #635F5D;

button{
    color: #fff;
    background-color: #1480de;
}

}
&:nth-child(3){
     background-color: #e83e1a;
     color: #fff;

button{
    color: #fff;
    background-color: #67bf25;
}

}
&:nth-child(4){
     background-color: red;

button{
    color: #fff;
    background-color: #67bf25;
}

}

>h2{
     font-weight: 300;
 }

>*{
     padding: 0 60px;
     width: 100%;
     display: block;

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
    width: 50%;
}

&:first-child{
     margin-top: 60px;
 }

&:nth-last-child(2){
     padding-bottom: 60px;
 }
}

button{
    padding: 20px 50px;
    border: 0;
    font-size: 15px;
    margin-top: 30px;
}


p:last-child{
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    padding: 0;
img{
    min-width: 100%;
    height: 100%;
    display: none;

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
    display: block;
}
}
}

&:nth-child(even){
>*{
     margin-left: 0;

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
    margin-left: 50%;
}
}

p:last-child{
    left: 0;
    margin-left: 0;
}
}

&:nth-child(odd){
p:last-child{
    right: 0;
}
}

@media (min-width: @screen-md-min) {
    min-height: 500px;
}

}
}


.single-box.yellow > a{

    background-color: #fed731;
    color: #635F5D;

button{
    color: #635F5D;
    background-color: #fff;
}

}

.single-box.white > a{

    background-color: #fff;
    color: #635F5D;

button{
    color: #fff;
    background-color: #1480de;
}

}

.single-box.red > a{
    background-color: #e83e1a;
    color: #fff;

button{
    color: #fff;
    background-color: #67bf25;
}

}

.single-box.green > a{
    background-color: #67bf25;
    color: #fff;

button{
    color: #635F5D;
    background-color: #fed731;
}
}

.single-box.reverse > a{
>*{
     margin-left: 0;

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
    margin-left: 50%;
}
}

p:last-child{
    left: 0;
    margin-left: 0;
}

}





/*
 * BOXES - BOTTOM
 * -------------------------------------------------------------------------- */

#boxes-bottom{
    margin-top: 40px;
    margin-bottom: 40px;
a{
    display: block;
    width:100%;
    position: relative;
    overflow: hidden;
    padding: 2%;
    float: left;
    color: #444;

@media (min-width: @screen-sm-min) {
    width:50%;
}

h3{
    font-size: 16px;
}

p{
    color: #888;
&:first-child{
     overflow: hidden;
 }
img{
    max-width:100%;
    min-width:100%;
}
}
}
}


/*
 * NAV TABS PRIMARY
 * -------------------------------------------------------------------------- */

.nav-tabs-primary.nav-tabs>li>a{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: bold;
    color: #635F5D;
    padding: 17px 25px;
}

.nav-tabs-primary.nav-tabs>li.active>a,
.nav-tabs-primary.nav-tabs>li.active>a:focus,
.nav-tabs-primary.nav-tabs>li.active>a:hover{
    border-color: #c9c9c9;
    border-bottom-color: transparent;
    color: #635F5D;
}


/*
 * MAIN
 * -------------------------------------------------------------------------- */

#main{
#homepage-products{
    margin: 40px 0;

.tab-content{
    padding-top: 20px;
}
}
}


/*
 * HOMEPAGE PRODUCTS
 * -------------------------------------------------------------------------- */

#produkty{
.homepage-product{
    padding-top: 15px;
    padding-bottom: 15px;


.product-title{
    margin-bottom: 25px;
a{
    color: #635F5D;
    text-decoration: none;
}
}

img{
    min-width:100%;
}

a.btn:hover{
    background-color: #DD137B;
    border-color: #DD137B;
}

&:hover{
     -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
     -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
     box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
     text-decoration: none;
 }
}
}






/*
 * FOOTER
 * -------------------------------------------------------------------------- */

#main-footer{

    background-color: #fff;
    color: #635F5D;
    padding-top: 80px;

}

#footer-testimonials,
#footer-testimonials-alt{

&.slick-slider
 {
     margin-bottom: 80px;
     padding: 0 30px;
 }


/* Arrows */
.slick-prev,
.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;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0;
}
.slick-prev:before
{
    content: '\f053';
}

.slick-next
{
    right: 0;
}

.slick-next:before
{
    content: '\f054';
}


/* Dots */
.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

}
#footer-testimonials-alt{
    background: url(../images/testimonials-alt.jpg) center center no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 70px;
}

#footer-newsletter{

    margin: 12px 0;

.newsletter-desc{
    font-weight: normal;
    margin-right: 20px;
}

@media (max-width: @screen-md-min) {

    margin: 0 0 30px 0;

    .newsletter-desc{
        margin-right: 0;
        margin-bottom: 20px;
    }

    .form-group{

        width:100%;

    .input-group{
        width:100%;
    }

    .newsletter-desc{
        display: block;
        text-align: center;
    }

}

}

input{
    border-right: 0;
}

.input-group-addon{
    padding:0;
    background-color: #fff;
    border: 1px solid #dadada;
    border-left: 0;

button{
    height:100%;
    border: 0;
    padding: 0 10px;
    background-color: #fff;
}

}
}

#footer-socialmedia{

    text-align: center;

.desc{
    display: block;
    margin-bottom: 20px;
}

a{
&.facebook .fa-circle{
     color: #3b5999;
 }
&.google-plus .fa-circle{
     color: #d14836;
 }
&.instagram .fa-circle{
     color: #3e729a;
 }
&.pinterest .fa-circle{
     color: #f23533;
 }
&.twitter .fa-circle{
     color: #01bbf4;
 }
&.youtube .fa-circle{
     color: #f70303;
 }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
    text-align: right;

    .desc{
        display: inline;
        margin-bottom: 0;
        margin-right: 10px;
    }

}

}

#footer-menu{
    display: block;
    width: 100%;
    margin-bottom: 0;

&:before,
&:after{
     content: none;
     display: none;
 }

.footerMenuMainLi{
    display: block;
    padding: 20px 15px 30px 15px;

    color: #777;

&.footerMenuKontakt{
     border-left: 0;
 }

h3,
h3 > a{
    color: #666;
    font-size: 16px;
}

.sub{
    list-style: none;
    padding: 0;
    margin:0;

li a{
    color: #777;
    font-size: 11px;
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #2f2f2f;
}

}

}


@media (min-width: @screen-md-min) {

    display: table;
    table-layout: fixed;

    .footerMenuMainLi{
        display: table-cell;

&.footerMenuKontakt{
     border-left: 1px solid #424242;
 }
}

}

}

#footer-bottom{
    border-top: 1px solid #424242;
    border-bottom: 1px solid #424242;
    margin-top: 50px;
}

#copyrights{
a{
    color: #555;
}


font-size: 12px;
padding: 20px 0;
}


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

.product-temporary-order-files-manager{
    display: none;
}


#variant{

    margin-bottom: 40px;

.product-temporary-order-files-manager{

    margin-bottom: 40px;

&:after{
     content: '';
     display: block;
     clear: both;
 }

&.file-loading{

 }

.form-container{
    float: left;
    max-width: 50%;
}
.product-files-form-information{
    font-size: 12px;
    margin: 10px 0;
    color: #888;
}
}

.product-file-list{
table{
    width:100%;
    font-size: 20px;
    margin: 20px 0;
}
.file{
    border-bottom: 1px solid #eee;

&:last-child{
     border-bottom: 0;
 }
}


.file-name{
    padding: 5px 0 5px 40px;

    position: relative;
&:before{

     font-family: FontAwesome;
     content: '\f1c5';
     display: block;
     position: absolute;
     left: 13px;
     top: 8px;
 }
}

.file-automatic-preflight{
    display: none;
}

.file-delete-container{
    text-align: right;
    padding: 5px 0;

input[type=submit]{
    border: 2px solid red;
    background-color: transparent;
    color: red;

&:hover{
     color: #fff;
     background-color: red;
 }
}
}
}

.loading{

    width:100%;
    text-align: center;
    padding: 20px 0;
    background: url(../images/ajax-loader.gif) top center no-repeat;
}

}

#result{
    margin-bottom: 40px;

.params_loading{
    display: block;
    text-align: center;
}

}

#variantParamsFields{
    margin-bottom: 40px;
h2{
    font-size: 24px;
    background-color: #fbfbfb;
    border: 1px solid #d3d3d3;
    padding: 15px 20px;
}
}

#variantParamsFields{

    display: none;
    border-bottom: 1px solid #d3d3d3;

.param{

    border-top: 1px solid #d3d3d3;
    display: table;
    table-layout: fixed;
    width: 100%;

.paramName{
    display: table-cell;
    border-right: 1px solid #d3d3d3;
    padding: 10px;
    font-weight: 600;
}

.paramValue{
    display: table-cell;

select{
    width:100%;

    height: 40px;
    display: block;
    line-height: 40px;
    position: static;
    border: 0;
}

input{
    width:100% !important;
    height: 45px;
    padding-left: 5px;
    border: 0;
    background: url(../images/input-text-bg-icon.png) right 7px center no-repeat;
}

}

.paramAsk{

    font-size: 0;
    float: right;

&:before{
     font-size: 14px;
     font-family: FontAwesome;
     content: '\f129';
     display: inline-block;
     width: 20px;
     line-height: 20px;
     text-align: center;
     color:#b2b2b2;
     -moz-box-shadow: 0 0 0 4px #b2b2b2;
     -webkit-box-shadow: 0 0 0 4px #b2b2b2;
     box-shadow: 0 0 0 4px #b2b2b2;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
 }

}

.paramAnswer{
    display: none;
    position: absolute;
    background-color: #635F5D;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    font-weight: 300;
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 250px;
    margin-left: 6px;

&:after{
     content: '';
     display: block;
     position: absolute;
     left: -7px;
     top: 10px;
     margin-top: -4px;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 5px 7px 5px 0;
     border-color: transparent #000000 transparent transparent;
 }

hr{
    margin: 5px 0;
&:first-of-type{
     display: none;
 }

}

}
}
}

#variantMatrix{
    overflow: hidden;
    width:100%;

#variantMatrixTable{

    width:100%;

tr{

th{
    font-size: 20px;
    padding: 15px;
}

td{
    font-size: 20px;
    color: #666;
    padding: 15px;
}
}

tr.odd td{
    background-color: #f4f4f4;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;



}

.price-before-discount{
    font-size: 84%;
    text-decoration:  line-through;
}

.addToCart{
    float: right;
}

.no-products{
    line-height: 46px;
}

}
}

#slide-handler{

    display: none;
    padding: 20px;
    cursor: pointer;

#slide-handler-less-text{
    display: none;
}
}

#variantMatrix.matrix-slide + #slide-handler{
    display: block;
}

#product-tabs{
    margin-bottom: 40px;

.tab-content{
    margin-top: 20px;

#description{
.productImg{
    display: none;
}
}

/* ICONS */

#templateList{

    padding: 0;
    margin: 0;
    list-style: none;

li{
    float: left;
    margin-right: 20px;
}

img{
    display: none;
}

/*
& a[href$=".jpg"]:before,
& a[href$="/jpg"]:before,
& a[href*="format=jpg"]:before{
    content: url("../images/info-icon-1.png ");
    float: left;
}

& a[href$=".jpg"]:before,
& a[href$="/jpg"]:before,
& a[href*="format=jpg"]:before{
    content: url("../images/info-icon-1.png ");
    float: left;
}
& a[href$=".jpg"]:after,
& a[href$="/jpg"]:after,
& a[href*="format=jpg"]:after{
    content: 'Instrukcje przygotowania projektu';
    float: left;
    text-transform: none;
    text-decoration: underline;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 0 5px 10px;
}*/

& a[href$=".ai"]:before,
& a[href$="/ai"]:before,
& a[href*="format=ai"]:before{
      content: url('../images/ai-ico.png');
  }

& a[href$=".pdf"]:before,
& a[href$="/pdf"]:before,
& a[href*="format=pdf"]:before{
      content: url('../images/pdf-ico.png');
  }

& a[href$=".cdr"]:before,
& a[href$="/cdr"]:before,
& a[href*="format=cdr"]:before{
      content: url('../images/cdr-ico.png');
  }

& a[href$=".psd"]:before,
& a[href$="/psd"]:before,
& a[href*="format=psd"]:before{
      content: url('../images/psd-ico.png');
  }


}



}
}



/*
 * Product Gallery
 * -------------------------------------------------------------------------- */
#product-gallery{

    position: relative;
    padding: 0 20px;

    min-height: 100px;

a{
    display: block;
    height: 90px;
    width: 90px;
    margin: 0 auto;
    overflow: hidden;

img{
    max-height: 90px;
    max-width: none;
}

}

.slick-prev,
.slick-next{
    position: absolute;
    top: 33px;
    border: 0;
    background: transparent;
    padding: 0;
    width: 0;
    height: 0;
    font-size: 0;


&:after{
     display: block;
     width: 20px;
     height: 20px;
     position: absolute;
     left: 0;
     top: 0;
     font-family: FontAwesome;
     color: #aaa;
     font-size:12px;
 }

}

.slick-prev{
    left: 0;
}
.slick-next{
    right: 20px;
}

.slick-prev:after{
    content: '\f053';
}
.slick-next:after{
    content: '\f054';
}

.slick-disabled{
    opacity: 0.5;
}


}


/*
 * Headings
 * -------------------------------------------------------------------------- */
.page-heading{
&.secondary{
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 600;
     border-bottom: 2px solid #cdcdcd;
     padding-bottom: 10px;
     margin-bottom: 25px;
 }
&.special{

@media (min-width: @screen-md-min) {
    padding-bottom: 76px;
    border-bottom: 1px solid #c9c9c9;
}

}
}






/*
 * Products Menu Left
 * -------------------------------------------------------------------------- */
#product-menu{

    margin-top: 0;

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
    margin-top: 79px;
    margin-bottom: 80px;
}

h3{
    font-size: 24px;
    background-color: #fbfbfb;
    border: 1px solid #d3d3d3;
    padding: 15px 20px;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
a{
    display: block;
    padding: 5px 5px 5px 25px;
    font-size: 14px;
    color: #7f7f7f;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
    -webkit-transition: all ease 0.1s;
    -o-transition: all ease 0.1s;
    -moz-transition: all ease 0.1s;
    transition: all ease 0.1s;

&:before{
     content: '\f054';
     display: block;
     font-family: FontAwesome;
     position: absolute;
     left: 11px;
     top: 9px;
     font-size: 10px;
 }

&:hover{
     color: #444;
     margin-left: 10px;
     border-color: #444;
     text-decoration: none;
 }

}
}


/*
 * Product
 * -------------------------------------------------------------------------- */


.projectsWidget{

/*float: right;
max-width: 50%;
margin-top: -123px;*/

&>a.creator-create-project-button{
      position: relative;
      padding-left: 40px;

&:before{
     content: '\f044';
     display: block;
     font-family: FontAwesome;
     position: absolute;
     left: 17px;
     top: 11px;
 }
}

&>fieldset.pre-order-automatic-preflight-root,
&>fieldset.project-order-widget-in-product{
legend{
    font-size: 24px;
    background-color: #fbfbfb;
    border: 1px solid #d3d3d3;
    padding: 15px 20px;
}
textarea{
    display: block;
    width:100%;
}
}

&>fieldset .pre-order-automatic-preflight{
      margin-bottom: 25px;
  }

#set-project-order-pre-cart-form{

.loading{
    margin-top: 20px;
}

input[type=submit]{

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    color: #fff;
    background-color: #635F5D;
    border-color: #635F5D;

    font-size: 18px;
    line-height: 24px;
    padding: 10px 16px;
    margin-top: 15px;
    float: right;

&.focus,
&:focus,
&:hover {
     color: #fff;
     background-color: #303030;
     border-color: #303030;
 }


}
}


}


/*
 * FANCYBOX
 * -------------------------------------------------------------------------- */
#fancybox-wrap{
    padding: 0;
}
#fancybox-content{
    background-color: #fff;

>div:first-child{
     padding: 20px;
 }
}
#fancybox-overlay{
    background-color: #000 !important;
    opacity: 0.75 !important;
}


#cart-tabs{
    margin-top: 20px;
    margin-bottom: 20px;
}











/*
 * ZAMÓWIENIE
 * -------------------------------------------------------------------------- */

#cart,
#confirm{

/* Wgrane pliki
------------------- */
.cart-temporary-order-files-manager{
    margin-bottom: 10px;
legend{
    display: none;
}

.upload-button{
    width:100%;

    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;

    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;

    color: #fff;
    background-color: #635F5D;
    border-color: #635F5D;

&:before{
     content:'\f093';
     font-family: FontAwesome;
     margin-right: 5px;
 }

}

.file-list-container{

    margin-bottom: 10px;

table{
    width:100%;
    display: block;

tbody{
    display: block;
tr{
    display: block;
}
}

.file{

    border-bottom: 1px solid #d3d3d3;
    position: relative;

&:last-child{
     border-bottom: 0;
 }

.file-name{

    display: block;

    word-break: break-word;

    padding-right: 65px;
    line-height: 14px;
    padding-left: 20px;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;

&:before{
     font-family: FontAwesome;
     content: '\f1c5';
     display: block;
     position: absolute;
     left: 0px;
     top: 50% !important;
     margin-top: -7px !important;
 }

}

.file-automatic-preflight{
    display: none;
}

.file-delete-container{

    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;

input[type=submit]{
    float: right;
    border: 2px solid red;
    color: red;
    background-color: transparent;
}
}
}

}


}

.loading{
    text-align: center;
    padding: 25px 0;
    background: url(../images/ajax-loader.gif) top center no-repeat;
    font-size: 12px;
    color: #999;
}

.cart-automatic-preflight-info {
    margin-top: 10px;
}

}

.rebate-form{
    margin-bottom: 20px;
.code-input{
    height: 45px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button{
    height: 45px;
}
}

.product-info{

    border-right: 1px solid #d3d3d3;

.product-info-name{
    font-weight: 600;
    font-size: 16px;
}

.product-remove{
    color: #666;

&:hover{
     color: red;
 }
}
}


.product-attachment{
.project-order-cart-attachment{
legend{
    border:0;
    font-size: 16px;
    background-color: #fbfbfb;
    border: 1px solid #d3d3d3;
    padding: 10px 15px;
}
textarea{
    width:100%;
    max-width:100%;
}
input[type=submit]{
.btn();
.btn-main();
    float: right;
}
}
}

.product-price{
    text-align: right;
.price{
    font-size: 20px;
    font-weight: 600;

.value{
    font-weight: normal;
    color: #888;
    display: block;
}
}

.rabat,
.realization{
    color: #888;
    font-size: 15px;
}
}

.product-divider{
div{
    height:1px;
    background-color: #d3d3d3;
    margin-top: 25px;
    margin-bottom: 25px;
}
}

#cartAdditionalSettings{

h2.heading-alt{
    font-size: 16px;
    font-weight: bold;
}



.sendingOptionsSelect{
    width: 100%;
    height: 45px;
    border: 1px solid #aaa;
}

.sendingOptions{
    display: table;
    width:100%;
    background-color: #fbfbfb;
    border: 1px solid #d3d3d3;
    margin-bottom: 20px;
>h2,>div{
         display:table-cell;
     }

>h2{
     padding-left: 10px;
 }

select{
    background-color: #fbfbfb;
    padding-left: 10px;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-color: #d3d3d3;
}
}

}


#summary-container{
#cartAmount{
    margin-top: 40px;
    margin-bottom: 40px;
    color: #635F5D;
    font-weight: 600;
.cartAmountTotalNetto{
    font-size: 20px;
.value{
    color: #747071;
}
}
.cartAmountTotal{
    font-size: 30px;
.value{
    color: #747071;
}
}
}


}
}


#discount-form{
    max-width: 450px;
input{
    height: 45px;
    border-color: #aaa;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
}
button{
    height: 45px;
}

#backTo{
    margin-top: 20px;
}
}


/*
 * Register Page, Login Page, Remind Password Page
 * -------------------------------------------------------------------------- */

/*
 * Login/Register (Cart/Page)
 * -------------------------------------------------------------------------- */
#register-page-form form,
#login-page-form form,
#remind-password form,
#register-form form,
#login-form form,
#client-data-form form{
    border: 2px solid #cdcdcd;
    padding: 10px 15px;
    background-color: #fbfbfb;

h2, h3{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 10px;
}

label{
    font-weight: 600;
}
}


#register-page-form form,
#login-page-form form,
#login-form form,
#client-data-form form{

    display: none;

h3{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
}

table{
    width:100%;

tr{
td,
td.label{
    display: block;
    font-weight: 600;
    color: #635F5D;
    font-size: 15px;
    text-align: left;
    padding: 4px 0 2px 0;

}

td.type-checkboxes label{
    margin-right: 7px;
input{
    margin-right: 5px;
}
}

}
}


table.form-agreements{

tr{
td,
td.label{
    display: table-cell;
    font-weight: normal;
    color: #888;
    vertical-align: top;
}

label{
    font-weight: normal;
}

td:first-child{
    padding-right: 15px;
}
}
}

#action-data{
.red{
    color: red;
    font-weight: bold;
}
}

input[type=text],
input[type=password],
select{
    width:100%;
    max-width: 260px;
    height: 30px;
    padding-left: 5px;
    font-weight: normal;
}

select{
    border: 1px solid #ddd;
}

input[name=nr_budynku],
input[name=nr_lokalu],
input[name=korespondencyjne_nr_budynku],
input[name=korespondencyjne_nr_lokalu]{
    width: 120px;
}
input[name=nr_budynku],
input[name=korespondencyjne_nr_budynku]{
    margin-right: 15px;
}

input[disabled=disabled]{
    background-color: #eee;
}

input[type=submit]{
    margin-top: 20px;
}

::-webkit-input-placeholder {
    color: transparent;
}

:-moz-placeholder { /* Firefox 18- */
    color: transparent;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: transparent;
}

:-ms-input-placeholder {
    color: transparent;
}

/* VIES */
.vies-check-info-not-in-database{
    color: red;
    font-weight: normal;
}
.vies-check-info-valid{
    color: green;
    font-weight: normal;
}

}


#register-page-form form,
#register-form form{
.register-button{
    padding-right: 40px;
    background-image: url(../images/chevron-right-white.png);
    background-repeat: no-repeat;
    background-position:  center right 15px;
}
}


#login-form form{
input[type=submit]{
    padding-left: 45px;
    background-image: url(../images/lock-white.png);
    background-repeat: no-repeat;
    background-position:  center left 15px;
}
}



/*
 * Confirm Cart
 * -------------------------------------------------------------------------- */
#confirm{


.cart-temporary-order-files-manager{

legend{
    display: none;
}
.upload-button{
    display: none;
}

.file-list-container{

    margin-bottom: 10px;

table{
    width:100%;

.file{

    border-bottom: 1px solid #d3d3d3;

&:last-child{
     border-bottom: 0;
 }

.file-name{
    padding-left: 17px;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;

&:before{
     font-family: FontAwesome;
     content: '\f1c5';
     display: block;
     position: absolute;
     left: 0px;
     top: 3px;
 }

}

.file-delete-container{
    display: none;
}
}

}


}


}



#cartAdditionalSettings{

    background-color: #fbfbfb;
    border: 1px solid #d3d3d3;
    margin-left: 0;
    margin-right: 0;

>div{
     padding: 0 15px 15px 15px;
 }


@media (min-width: @screen-md-min) {
    display: table;
    table-layout: fixed;
    width:100%;
>div{
     display: table-cell;
     border-right: 1px solid #d3d3d3;

&:last-child{
     border-right:0;
 }
}
}




h2.heading-alt{
    font-size: 16px;
    font-weight: bold;
}

}

#additionalRealizationInfo{
strong{
    display: block;
}



}
#cartRealizationInfo{
#adresses-realization{

}

}


.newAddress{
    display: none;

select{
    width:100%;
    margin-bottom: 5px;
    max-width: none !important;
}

table{
    width:100%;

input{
    width:100%;
    margin-bottom: 3px;
}
input[type=submit]{
    width: auto;
    background-color: #635F5D;
    color: #fff;
    border: 0;
    padding: 5px 10px;
}
}

}
.oldAddress span{
    display: block;
}

.editAddress{
    display: block;
    color: #635F5D;
    font-size: 12px;
    font-weight: 600;
    color: #635F5D;
    margin-top: 10px;

}



#user-comments-container{
.heading-alt{
    font-size: 16px;
    font-weight: bold;
}
textarea{
    width:100%;
    max-width:100%;
    height: 75px;
}
}


}


#panelMenu{
    margin-bottom: 60px;
}

#panelContentOrders{
    padding: 8px;
    font-size: 15px;
    color: #747071;
.order{
    font-size: 15px;
    color: #747071;

&.active td{
     background-color: #fbfbfb;
 }


td{
    vertical-align: middle;
}

&:first-child{
td{
    border-top: 0;
}
}

.orderDetails{
    text-align: right;
span{
    width:100%;
    max-width: 200px;
    position: relative;
    padding-right: 25px;

&:after{
     content: '\f106';
     font-family: FontAwesome;
     position: absolute;
     top: 50%;
     right: 10px;
     margin-top: -12px;
 }

&.hidden-detalis{
     background-color: #999;
     border-color: #999;
 }
&.unhidden-detalis:after{
     content: '\f107';
 }

}



}

}

.order-details{

    display: none;

.order-canceled-details{
    padding-top: 15px;
    padding-bottom: 15px;
    color: #666;
}


>td{
>div.row{
     margin: 0;
 }
}


&.active td{
     background-color: #fbfbfb;
 }

h3{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}

.address-tabs{

    margin-bottom: 35px;

.address-tabs-links{
    margin-bottom: 20px;
.active a{
    background-color: #fbfbfb;
}
}
}

.order-history{
ul {

    padding: 0;
    margin: 0;
    list-style: none;

li{
    padding: 5px 0;
    border-bottom: 1px solid #dedede;

&:after{
     content: '';
     clear: both;
     display: block;
 }

.order-history-date{
    padding-right: 5px;

}
.order-history-content{
    margin-left: 152px;
    float: left;
    margin-top: -20px;
}
}
}
}

.order-status{
    border-bottom: 1px solid #c9c9c9;
div{
    float: right;
    margin-top: -30px;
}
}

.order-item{
    margin-bottom: 40px;
    margin-top: 20px;
    padding-bottom: 40px;
    border-bottom: 4px double #ccc;

.order-item-status{
&.status-red{
     color: #ff0000;
 }
&.status-green{
     color: #0ECE0E;
 }
}

.order-item-price{
    margin: 15px 0;
}

.order-item-product-params{
    margin-bottom: 40px;

br:first-child{
    display: none;
}
}

}


.productFiles{
.order-file-list{
    padding: 0;
    margin: 0;
    list-style: none;

p:before{
    content: '\f119';
    font-family: FontAwesome;
    padding-right: 5px;
}

li{

    border-bottom: 1px solid #c9c9c9;
    position: relative;
    padding: 5px 0;

.fileDetails{
    padding-right: 10px;
}

.fileActions{
.fileInfoLink{
    display: none;
}
.fileDescContent{
    height: auto !important;
    max-width: 300px !important;
}
}
.fileDetails,
.fileActions{
    float: left;
}


.fileStatus{
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -5px;
    font-weight: normal;

b{
    font-weight: normal;
}

.green{
    color: #0ECE0E;
}
.red{
    color: #ff0000;
}

}

&:after{
     content:'';
     display: block;
     clear: both;
 }

a.remove{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 51px;
    font-size: 20px;

&:after{
     font-family: FontAwesome;
     content: '\f014';
     display: block;
     position: absolute;
     top: 50%;
     margin-top: -10px;
     left: 0;
     color: #aaa;
 }

&:hover:after{
     color: #635F5D;
 }
}
}
}
}


.order-change-files-provider-to-creator{
    float: right;
    margin-top: 20px;
}

.addFiles{
    float: left;
    margin-top: 20px;
}



.order-summary{
    margin: 40px 0;
}


.prices-details{

    margin-bottom: 20px;

.post-price,
.change-price,
.main-price{
    width: 100%;
    border-bottom: 1px solid #c9c9c9;
    padding: 5px 0;

.special{
    float: right;
}

}

.main-price{
    border-bottom: 0;
    font-size: 17px;
}

}



}
}


/*
 * Fancybox - Preflight
 * -------------------------------------------------------------------------- */
#fancybox-content .automatic-preflight-elements td.status-icon{

    padding: 0 5px;
.icon-remove:after{
    content: '\f00d';
    font-family: 'FontAwesome';
    color: red;
    font-style: normal;
}
.icon-ok:after{
    content: '\f00c';
    font-family: 'FontAwesome';
    color: green;
    font-style: normal;
}
}
#fancybox-content .automatic-preflight-elements td.info{
    padding: 10px;
    border-bottom: 1px solid #ddd;

.title{
    font-weight: bold;
}
}


/*
 * Zamówienie projektu
 * -------------------------------------------------------------------------- */
#project-order-view{

.back-to-orders-button{
.btn();
.btn-main();
.btn-lg();
}

.project-order-description{
.label{
    font-weight: bold;
    color: #635F5D;
    margin-bottom: 5px;
}
.contents{
    margin-top: 10px;
    margin-bottom: 40px;
}
}

.project-propositions{

&:before,
&:after{
     content: '';
     display: block;
     clear: both;
 }

.project-propositions-list{
.project-proposition{
    width: 33.333%;
    padding: 0 5px;
    float: left;

.proposition-header{
.proposition-choose-button{
.btn();
.btn-main();
.btn-lg();
}
.proposition-title{
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}
}

.proposition-contents{
.proposition-image{
a{
    max-height: 200px;
    overflow: hidden;
    display: block;


img{
    max-width:100%;
    height: auto;
}

}

}

.proposition-details{
    margin-top: 20px;
.label{
    color: #635F5D;
    font-weight: bold;
}
}

}

}
}
}

.comments{

.comments-form-container{

&:before,
&:after{
     content: '';
     clear: both;
     display: block;
 }

textarea{
    width:100%;
    min-height: 150px;
    margin-bottom:15px;
}
.comment-add-button{
.btn();
.btn-main();
.btn-lg();
    float: right;
}
}

.label{
    color: #635F5D;
    font-weight: bold;
}

}

}


/*
 * ZMIEŃ DANE
 * -------------------------------------------------------------------------- */

#client-data-form form{
input[type="submit"]{
    display: inline-block;
    border:0;
    background-color: #635F5D;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 30px 10px 15px;
    background-image: url(../images/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: center right 12px;
}
}

/*
 * OFERTY
 * -------------------------------------------------------------------------- */
#offer-view{

.clear{
    display: block;
    clear: both;
    float: none;
}

.offer-number{
    float: left;
    margin-bottom: 20px;
    color: #636363;
>span{
     display: block;
     font-size: 16px;
 }
}
.offer-date{
    color: #636363;
    margin-bottom: 20px;
>span{
     display: block;
     font-size: 16px;
 }
}
.additional-info{
    text-align: right;
    margin-bottom: 20px;
    color: #636363;
>span{
     display: block;
     font-size: 16px;
     color: #999999;
 }
}

.products-table{
    color: #999999;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border:1px solid #c9c9c9;
.header{
    padding: 10px 12px;
    border-bottom: 1px solid #cdcdcd;
    background: #eaeaea;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fdfdfd),color-stop(100%,#eaeaea));
    background-image: -webkit-linear-gradient(top,#fdfdfd,#eaeaea);
    background-image: -moz-linear-gradient(top,#fdfdfd,#eaeaea);
    background-image: -o-linear-gradient(top,#fdfdfd,#eaeaea);
    background-image: linear-gradient(top,#fdfdfd,#eaeaea);
    color: #636363;
}
.contents{
    background-color: #fafafa;
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.product{
    border-bottom: 1px solid #c9c9c9;
    margin: 0;
/* display: table;
 width: 100%;
 table-layout: fixed;*/
&:last-of-type{
     border-bottom: none;
 }
>div{
     /* display: table-cell;*/
     padding-bottom: 20px;
/* padding-right: 20px;*/
/*  padding-left: 20px;*/
&:last-child{
     display: none;
 }
}

.product-params{
h2{
    font-size: 16px;
    font-weight: bold;
}
b:before{
    content: '';
    display: block;
    clear: both;
}
}

.product-files {
@media (max-width: 768px) {
    border-left: none;
}
text-align: center;
border-left: 1px solid #cdcdcd;
height: 160px;
margin-top: 15px;
margin-bottom: 15px;
}

.product-price{
@media (max-width: 768px) {
    float: right;
    border-left: none;
}
text-align: right;
height: 160px;
border-left: 1px solid #cdcdcd;
margin-top: 15px;
margin-bottom: 15px;
small{
&:first-child,
&:nth-child(3),
&:nth-child(5),
&:nth-child(6){
     font-size: 14px;
     display: block;
 }
}

.price-netto,
.price-brutto{
    font-size: 20px;
    margin-bottom: 5px;
}
.price-brutto{
    color: #4196c1;
}



}


}
}
}

.shipment-tabs{
@media (max-width: 991px) {
    width: 100%;
}
color: #999999;
margin-top: 30px;
float: left;
width: 30%;
height: 220px;
border: 1px solid #cdcdcd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
.tabs{
    background: #eaeaea;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fdfdfd),color-stop(100%,#eaeaea));
    background-image: -webkit-linear-gradient(top,#fdfdfd,#eaeaea);
    background-image: -moz-linear-gradient(top,#fdfdfd,#eaeaea);
    background-image: -o-linear-gradient(top,#fdfdfd,#eaeaea);
    background-image: linear-gradient(top,#fdfdfd,#eaeaea);

    border-bottom: 1px solid #CDCDCD;

    display: block;
    height: 41px;

    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    padding-bottom: 7px;
>li{
     font-weight: 600;
     float: left;
     list-style-type: none;

a{
    text-decoration: none;
    padding: 10px;
    color: #999999;
    display: block;
    border-right: 1px solid #cdcdcd;
}

&.active{
     background-color: #f9f9f9;
     border-bottom: none;
 }
}
}

.tabs-content{
.table{
    margin: 20px;
thead{
    display: none;
}
td{
    border: 0;
    padding: 0 15px 0 0;
}
}
}

}

.summary{
@media (max-width: 991px) {
    width: 100%;
}

float: right;
background: #4196c1;
text-align: right;
color: white;
width: 60%;
height: 220px;
padding: 15px;
margin-top: 30px;
margin-bottom: 30px;
font-weight: bold;
font-size: 18px;

span{
    font-weight: normal;
}

strong{
    font-size: 20px;
}
.price-brutto{
    display: inline;
    font-weight: normal;
    font-size: 20px;
    border: 1px solid white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 15px;
}

}

.offer-footer{
@media (min-width: @screen-lg-min){
    width: 55%;
}
.contener-button
{
@media (max-width: @screen-sm-min) {
    width: 100%;
    margin-bottom: 3px;
}
width: 33%;
float: left;
}

button{
    width: 180px;
    padding: 7px 0px;
    color: #ffffff;
    text-align: center;
    background-color: #337ca1;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#66acce),color-stop(100%,#337ca1));
    background-image: -webkit-linear-gradient(top,#66acce,#337ca1);
    background-image: -moz-linear-gradient(top,#66acce,#337ca1);
    background-image: -o-linear-gradient(top,#66acce,#337ca1);
    background-image: linear-gradient(top,#66acce,#337ca1);
    border: 1px solid #337ca1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
@media (min-width: @screen-sm-min) {
    float: right;
}
}
.delete-button{
    width: 180px;
    padding: 7px 0px;
    float:none;
    color: #ffffff;
    text-align: center;
    background-color: #626e7f;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#8f9ba8),color-stop(100%,#626e7f));
    background-image: -webkit-linear-gradient(top,#8f9ba8,#626e7f);
    background-image: -moz-linear-gradient(top,#8f9ba8,#626e7f);
    background-image: -o-linear-gradient(top,#8f9ba8,#626e7f);
    background-image: linear-gradient(top,#8f9ba8,#626e7f);
    border: 1px solid #626e7f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.back{
    color: #ffffff;
    text-align: center;
    width: 180px;
    padding: 7px 0px;
    background-color: #626e7f;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#8f9ba8),color-stop(100%,#626e7f));
    background-image: -webkit-linear-gradient(top,#8f9ba8,#626e7f);
    background-image: -moz-linear-gradient(top,#8f9ba8,#626e7f);
    background-image: -o-linear-gradient(top,#8f9ba8,#626e7f);
    background-image: linear-gradient(top,#8f9ba8,#626e7f);
    border: 1px solid #626e7f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
@media (min-width: @screen-sm-min) {
    float: left;
}
a{
    color: #ffffff;
    text-decoration: none;
}
}
}

}
/*
 * Found List (SEARCH PAGE)
 * -------------------------------------------------------------------------- */
#found-list{

    margin: 40px 0;

li{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;

&:last-child{
     border-bottom: 0;
 }

.media-heading{
a{
    color: #635F5D;
}
}

.media-body{
.content{
    float: none;
    margin-top: 15px;
    width: auto;
    font-style: italic;
}
}

}
}
#found-list-message{

    margin: 40px 0;

p{
    font-size: 24px;
}
}


/*
 * Contact Form
 * -------------------------------------------------------------------------- */
#contact-form{

    display: none;

form{
    border: 2px solid #cdcdcd;
    padding: 10px 15px;
    background-color: #fbfbfb;
}

h2, h3{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 10px;
}

label{
    font-weight: 600;
}

table{
    width:100%;
}

td{
    display: block;

&:first-child{
     font-weight: bold;
 }
}

input[type=text],
textarea{
    width:100%;
    margin-bottom: 10px;
}
textarea{
    height: 100px;
    max-width:100%;
}

>.error{
     padding: 15px;
     margin-bottom: 20px;
     border: 1px solid transparent;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;

     color: #a94442;
     background-color: #f2dede;
     border-color: #ebccd1;
 }


}



/*
 * Samples
 * -------------------------------------------------------------------------- */
#samples-form{
    border: 2px solid #cdcdcd;
    padding: 10px 15px;
    background-color: #fbfbfb;

>row{
     margin-left: 0;
     margin-right: 0;
 }

}

.samples-boxes{
    margin-bottom: 40px;
}


/*
 * Opinions
 * -------------------------------------------------------------------------- */
#addOpinionForm{
form{
    border: 2px solid #cdcdcd;
    padding: 10px 15px;
    background-color: #fbfbfb;
}
}

.singleOpinion{

    margin-bottom: 15px;

.opinionAuthor{
    color: #747071;
}

.opinionDate{
    float: right;
    color: #747071;
}

.opinionBox{
    border: 2px solid #cdcdcd;
    padding: 10px 15px;
    background-color: #fbfbfb;
    margin-top: 5px;
}

.opinionRate{
    margin: 10px 0 0 0;
    float: right;

&:after{
     content: '';
     clear: both;
     display: block;
 }

}

}

.pager{
    border: 1px solid #d3d3d3;
    padding: 5px;
    display: table;
    margin: 0 auto;

.pager-element{
    padding: 2px 8px;
    margin-right: 5px;
    background-color: #191919;
    color: #fff;
    display: inline-block;

&.selected,
&:hover{
     background-color: #d1d1d1;
 }

}

.pager-next,
.pager-back{
    position: relative;
    width: 0;
    padding: 0;
    font-size: 0;

&:after{
     display: inline-block;
     text-align: center;
     line-height: 24px;
     height: 24px;
     width: 24px;
     font-family: FontAwesome;
     font-size: 12px;
     color: #aaa;
 }
}
.pager-next:after{
    content: '\f054';
}
.pager-back:after{
    content: '\f053';
}

}




/*
 * Error 404
 * -------------------------------------------------------------------------- */
#error-404{
#main{
    background: #fff;
    margin-top: -20px;
    min-height: 570px;
    color: #cacaca;

@media (min-width: @screen-md-min) {
    background: url(../images/404-bg.jpg) right top no-repeat #fff;

}
}

h1{
    font-size: 140px;
    font-weight: bold;
}
p{
    max-width: 400px;
    background-color: #fff;
}
}


/*
 * Program partnerski
 * -------------------------------------------------------------------------- */
#partner-program-form{
    border: 2px solid #cdcdcd;
    padding: 10px 15px;
    background-color: #fbfbfb;
}

#partner-program-content{
.nav-tabs-primary{
    margin-bottom: 20px;
}
}


/*
 * Cookie Bar
 * -------------------------------------------------------------------------- */
#cookie-policy-popup{
    height: auto !important;
    padding-bottom: 15px;
}

/*
 * FAQ
 * -------------------------------------------------------------------------- */

.segment-0-faq{
h1{
    padding-right: 15px;
    padding-left: 15px;
}
}

#faq{
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 80px;
.subject{

    margin-bottom: 5px;

.title{
    font-weight: bold;
    border: 1px solid #ddd;
    padding: 10px 15px;
    cursor: pointer;

}

.elements{
    border: 1px solid #ddd;
    border-top:0;
    padding: 5px;

.element{
    margin-bottom: 5px;

.element-title{
    font-weight: bold;
    border: 1px solid #ddd;
    padding: 10px 15px;
    cursor: pointer;
}

.content{
    border: 1px solid #ddd;
    border-top:0;
    padding: 15px;
}
}

}

}

}



/*
 * cartShipmentManager
 * -------------------------------------------------------------------------- */
#cartShipmentManager{

    color: #747071;

#cartRealizationInfo{
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.create-packages a{
    cursor: pointer;
}

.package{
    padding: 15px;
    border: 1px solid #d3d3d3;
    margin-bottom: 30px;
    position: relative;
}
.package-delete{
    position: absolute;
    top: 15px;
    right: 15px;
    width:18px;
    height: 18px;
    display: block;
    font-size: 0;
    cursor: pointer;
}



.package-delete:before{
    content: '\0000D7';
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 36px;
    line-height: 0.2;
    font-weight: 600;
    color: #635F5D;
}
.package-delete:hover:before{
    color: #f00;
}

.package-header{
    width:100%;
    display: block;
    margin-bottom: 20px;
}
.package-header > span{
    width: 50%;
    display: inline;
    float: right;
    font-weight: normal;
}

.package-products{
    margin-bottom: 15px;
    width: 100%;
}
.package-products th{
    font-weight: normal;
    padding: 10px 0;

}
.package-products tbody tr:first-child{

    border-top: 1px solid #d3d3d3;
}
.package-products input{
    border: 0;
    max-width: 100px;
}


.cart-element-in-package{
    background-color: #fbfbfb;
    border-bottom: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    position: relative;
}
.cart-element-in-package td{
    padding: 5px;
    border-right: 1px solid #d3d3d3;

}

.cart-element-in-package select{
    background-color: transparent;
    border: 0;
    line-height: 36px;
    margin-left: 45px;
    width: 220px;
}

.package-product-delete,
.package-product-desc{
    display: block;
    float: left;
    width: 20px;
    border-right: 1px solid #ddd;
    position: absolute;
    height: 47px;
    top: 0;
    cursor: pointer;
    text-align: center;
}
.package-product-delete{
    font-size: 0;
    left: 3px;
}
.package-product-delete:before{
    content: '\0000D7';
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: 55%;
    margin-top: -13px;
    font-size: 24px;
    line-height: 0.7;
    font-weight: 600;
    color: #635F5D;
}

.package-product-desc{
    text-align: center;
    left: 23px;
}
.package-product-desc > span{
    line-height: 48px;
    color: #635F5D;
}

.package-add-product{
    margin-bottom: 15px;
}

.package-add{
    margin-bottom: 20px;
}

.package-shipment-method{
    margin-bottom: 15px;
}
.package-shipment-method > span{
    background-color: #fbfbfb;
    padding: 10px 30px 10px 10px;
    border: 1px solid #d3d3d3;
    display: block;
    float: left;
}
.package-shipment-method > select{
    background-color: #fbfbfb;
    border: 1px solid #d3d3d3;
    border-left: 0;
    line-height: 38px;
    height: 42px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

}

.package-address label{
    cursor: pointer;
}
.package-edit-address{
    display: none;
}

.package-edit-address-btn{
    margin-left: 20px;
}

.package-address-form{
    border: 1px solid #cdcdcd;
    background-color: #fbfbfb;
    padding: 35px;

}

.package-address-form input,
.package-address-form select{
    width: 260px;
    height: 28px;
    margin-bottom: 10px;
    text-indent: 10px;
}

}
.center {
    text-align: center;
}