/* INFORMACJA (BOOTSTRAP):
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px;  } }
*/
@media (min-width: 1430px){
    body > .container,
    body > nav#top > .container,
    body > header > .container,
    body > footer > .container {
        width: 1400px;
    }
}
html,
body {
    font-family: 'Helvetica', sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
}
dn {
    display: none;
}
p {
    color: #313131;
}
h1, h2, h3, h4, h5, h6 {
    color: black;
}
.position-relative {
    position: relative;
}
/* default font size */
.fa {
    /*font-size: 19px;*/
}
/* Override the bootstrap defaults */
h1 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
}
h2 {
    font-size: 27px;
}
h3 {
    font-size: 21px;
}
h4 {
    font-size: 16px;
    margin-bottom: 3px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10.2px;
}
a {
    color: black;
}
a:hover {
    text-decoration: none;
}
legend {
    font-size: 18px;
    padding: 7px 0px
}
label {
    font-size: 12px;
}
/********** INPUTY (mp) *********/
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group,
.input-group *
.input-group::before,
.input-group::after {
    box-sizing: border-box;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input[type="search"].form-control {
    font-size: 24px;
    font-weight: lighter;
}
.form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 1rem;
}
select {
    word-wrap: normal;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;/*14px*/
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
        background-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    appearance: none;
}
/** przyciski obok **/
.input-group-prepend,
.input-group-append {
    display: flex;
    margin-left: -1px;
    font-size: 1rem;
    line-height: 1.5;
}
.input-group-append .btn {
    margin: 0 0 0 -1px;
    border-radius: 0;
    line-height: 1.5;
    font-size: 1rem;
    box-sizing: border-box;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    z-index: 2;
    cursor: pointer;
    padding: .375rem .75rem;
    webkit-appearance: button;
}
.input-group-append .btn * {
    line-height: 1.5;
    font-size: 1rem;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
    margin-left: -1px;
}
.input-group-prepend .btn, .input-group-append .btn {
    position: relative;
    z-index: 2;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
    cursor: pointer;
}
.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}
.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/******* koniec *******/
.btn-outline-secondary {
    background-color: rgb(248,248,248,0.85);
    border-color: #ddd;
}
.btn-outline-secondary:hover {
    background-color: rgb(230,230,230,0.85);
    border-color: #ddd;
}
input[type="search"].form-control {
    font-size: 24px;
    font-weight: lighter;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}

.nav-tabs {
    margin-bottom: 15px;
    border-radius: 0px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: black;
    cursor: default;
    background-color: #eaeaea;
    border: 0px;
    border-bottom-color: transparent;
    border-radius: 0px;
}
div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    /* a to było w language
    color: #1fc0a0;
    background-color: white;
    */
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}


/* menu */
#menu {
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    min-height: 40px;
}
#menu .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
    padding-bottom: 0;
}
#menu .dropdown-inner {
    display: table;
}
#menu .dropdown-inner ul {
    display: table-cell;
}
#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}
#menu .dropdown-inner li a:hover {
    color: #FFFFFF;
}
#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}
#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #229ac8;
}
@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
}
@media (max-width: 767px) {
    #menu {
        border-radius: 4px;
    }
    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }
    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }
    #menu .dropdown-inner {
        display: block;
    }
    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }
    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.1);
    }
    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }
}
/* content */
#content {
    min-height: 600px;
    margin-top: 20px;
}
/* footer */
footer {
    margin-top: 50px;
    padding-top:0px;
    background-color: #0d0d0d;
    color: #8C8C8C;
}
footer hr {
    border-top: none;
    border-bottom: 1px solid #666;
}
footer a {
    color: #8C8C8C;
    line-height: 28px;
    font-size: 14px;
}
footer a:hover {
    color: #1fc0a0;
}
footer h5 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 30px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
}
.foot-top {
    background-color: #3d3d3d;
    padding: 25px 20px;
    margin-bottom: 50px;
}
.service ul li h4 {
    font-size: 16px;
    text-transform: capitalize;    
    color: #b0b0b0;
    margin-bottom: 0;
}
.service li svg {
    margin: 0 5px;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}
.service li {
    vertical-align: middle;
    display: inline-block;
}
.slide-padding ul{
    margin: 0;
}
.service ul:hover svg {
    transform: rotateY(180deg);
    cursor: pointer;
}
.in-stock{
    color: #3c763d;
}
@media(max-width: 767px){
    .service ul{
        padding: 6px 0px;
    }
}
@media(min-width:549px) AND (max-width: 767px){
    .service ul.col-xs-12{
        width: 50%;
    }
}
@media(min-width:768px) AND (max-width:991px){
    .service li{
        vertical-align: middle;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}
@media(min-width:992px) AND (max-width:1199px){
    .service ul li h4{
        font-size: 14px;
    }
    .service ul li p{
        font-size: 12px;
    }
}
/* alert */
.alert {
    padding: 8px 14px 8px 14px;
    border-radius: 0;
}
.alert-success {
    background-color: #d8f0e9;
    color: #368a82;
}
.alert-dismissable .close, .alert-dismissible .close {
    top: 0;
    right: -4px;
}
/* supermenu */
nav#supermenu > ul > li.hometlli > a {
    padding-left: 5px;
}
/* breadcrumb */
.breadcrumb {
    margin: 0 0 17px 4px; /* w language od góry było 15px */
    padding:0 0 6px 0;
    border-radius: 0;
    background-color: #fff;
}
.breadcrumb i {
    font-size: 14px;
    color: #333;
    margin-top: 2px;
}
.breadcrumb > li {	
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    font-weight: 200;
    font-size: 13px;
    /*      text-transform: uppercase;*/
}
.breadcrumb > li:first-of-type {	
    padding: 0 0 0 0;
}
.breadcrumb > li:first-of-type a {	
    padding: 0 20px 0 0;
}
.breadcrumb > li + li:before {
    content: '';
    padding: 0;
}
.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: -5px;
    width: 9px;
    height: 9px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.pagination {
    margin: 0;
}
/* buttons */
.buttons {
    margin: 1em 0;
}
.btn {
    transition: all .3s ease-in-out;
    border-radius: 3px;
    box-shadow: none;
    padding: 4;
}
.btn-xs {
    font-size: 9px;
}
.btn-sm {
    font-size: 10.2px;
}
.btn-lg {
    padding: 10px 16px;
    font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px;
    min-width: 34px;
}
.btn-group > .btn-xs {
    font-size: 9px;
}
.btn-group > .btn-sm {
    font-size: 10.2px;
}
.btn-group > .btn-lg {
    font-size: 15px;
}
.btn-default {
    transition: all .3s ease-in-out;
    color: #0f0f0f;
    background-color: #eee;
}
.btn-primary {
    transition: all .3s ease-in-out;
    color: #ffffff;
    background-color: #dd4b38;
    border-radius: 0;
    border-color: #dd4b38;
}
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary.disabled, 
.btn-primary[disabled],
.btn-default:hover,
.btn-default.focus, 
.btn-default:focus,
.btn-default.active.focus, 
.btn-default.active:focus, 
.btn-default.active:hover, 
.btn-default:active.focus, 
.btn-default:active:focus, 
.btn-default:active:hover, 
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus, 
.open>.dropdown-toggle.btn-default:hover,
.btn-default.active, 
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-color: #222;
    color: #fff;
    border-color: #222;
}
.btn-primary:hover {
    color: #fff;
    background-color: #c43e2d;
    border-color: #c43e2d;

}
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open > .dropdown-toggle.btn-primary.focus, 
.open > .dropdown-toggle.btn-primary:focus, 
.open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #d00808;
    border-color: #d00808;
}
.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, 
.btn-warning:active, 
.btn-warning.active, 
.btn-warning.disabled, 
.btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
    color: #ffffff;
    background-color: #222;
    border-color: #222;

}
.btn-danger:hover, 
.btn-danger:active, 
.btn-danger.active, 
.btn-danger.disabled, 
.btn-danger[disabled] {
    color: #ffffff;
    background-color: #222;
    border-color: #222;
}
.btn-success {
    color: #fff;
    background-image: none;
    border-color: transparent;
    background-color: #15aa8c;
    border-color: #15aa8c;
    transition: all .3s ease-in-out;
}
.btn-success:hover, 
.btn-success:active, 
.btn-success.active, 
.btn-success.disabled, 
.btn-success[disabled] {
    /*box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);*/
}
.btn-success:hover {
    color: white;
    background-color: #15aa8c;
    border-color: white;
}
.btn-info {
    color: #fff;
    background-color: #1fc0a0;
}
.btn-info:hover, 
.btn-info:active, 
.btn-info.active, 
.btn-info.disabled, 
.btn-info[disabled] {
    color: #fff;
    background-color: #222;
}
.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #222;
    border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}
.btn-inverse {
    color: #000;
    /*	
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f2f2f2;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    */
}
.btn-inverse:hover, 
.btn-inverse:active, 
.btn-inverse.active, 
.btn-inverse.disabled, 
.btn-inverse[disabled] {
    /*
    ackground-color: #222222;
    background-image: linear-gradient(to bottom, #333333, #111111);  
    */
}
/* list group */
.list-group a {
    /*border: 1px solid #FBFBFB;*/
    color: #666;
    padding: 8px 12px;
    font-weight: 500;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #1fc0a0;
    background: #fff;
    border: 1px solid #DDDDDD;
    text-shadow: none;
}
/* list group */
.list-group a {
    color: #000;
    padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #dd4b38;
    background: transparent;
    border: 1px solid transparent;
    text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}
.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}
/* product list */
.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: auto;
}
.product-thumb .image {
    text-align: center;
}
.product-thumb .image a {
    display: block;
}
.product-thumb .image a:hover {
    opacity: 0.8;
    border: 1px;
    border-color: red;
}
.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
}
.product-grid .product-thumb .image {
    float: none;
}
@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
    }
}
.product-thumb h4 {
    font-weight: bold;
    text-transform: uppercase;
}

.product-thumb .caption p {
    padding: 4px 0 0px 0;

    margin-bottom: 6px;
    /*min-height: 120px;*/
}
.product-list .product-thumb .caption {
    margin-left: 230px;
}
@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }
    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}
.product-thumb .rating {
    padding-bottom: 10px;
}
.rating .fa-stack {
    font-size: 8px;
}
.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}
.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}
.rating .fa-star + .fa-star-o {
    color: #E69500;
}
.rating {
    margin-top: 10px;
}
h2.price {
    margin: 0;
}
.product-thumb .price {
    color: black;
    font-size: 15px;
    font-weight: 700;
    /*font-weight: bolder;*/
}
.product-thumb .price-new {
    font-weight: 600;
    color: red;
}
.product-thumb .price-old {
    text-decoration: line-through;
    margin-bottom: 5px;
}
.product-thumb .price-tax {
    color: #000;
    font-size: 15px;
    display: block;

    .price-ex {
        display: none;
    }
}
.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: auto;
    display: none;
}
.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}
.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}
@media (max-width: 1200px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}
@media (max-width: 767px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}
.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}
.thumbnails > li {
    /* nie dodawaj tu tego: margin-left: 20px;*/
}
.thumbnails {
    /* nie dodawaj tu tego: margin-left: -20px;*/
}
.thumbnails > img {
    width: 100%;
}
.image-additional {
    /* nie dodawaj tu tego: max-width: 78px;*/
}
.image-additional {
    /* nie dodawaj tu tego: width: 53px;*/
}
.image-additional a {
    margin-bottom: 10px;
    display: block;
}
.thumbnails .image-additional {
    float: left;
    /* nie dodawaj tu tego: margin-left: 20px;*/
}


@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-3:nth-child(4n+1),
    #content .col-lg-4:nth-child(3n+1),
    #content .col-lg-6:nth-child(2n+1) {
        clear:left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #content .col-md-2:nth-child(6n+1),
    #content .col-md-3:nth-child(4n+1),
    #content .col-md-4:nth-child(3n+1),
    #content .col-md-6:nth-child(2n+1) {
        clear:left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #content .col-sm-2:nth-child(6n+1),
    #content .col-sm-3:nth-child(4n+1),
    #content .col-sm-4:nth-child(3n+1),
    #content .col-sm-6:nth-child(2n+1) {
        clear:left;
    }
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
    width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
    min-width: 50px;
    border-radius: 0px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, 
.btn-info:active, 
.btn-info.active, 
.btn-info.disabled, 
.btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
div.button-group button {
    display: none;
}
/* pagination */
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    background-color: #1fc0a0;
    border-color: #1fc0a0;
}
.pagination > li > a, 
.pagination > li > span {
    color: #1fc0a0;
    padding: 7px 12px 5px 12px;
    border: 1px solid #ececec;
}
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover {
    color: #fff;
    background-color: #1fc0a0;
    border-color: #1fc0a0;
}
.pagi .tot{
    line-height: 34px;
}
.row.pagi {
    background-color: #fff;
    margin: 20px 0 0 0;
    border-radius: 2px;
    padding: 15px 0;
}
.product-thumb .image {
    position: relative;
}
.product-grid{
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
}

.product-list{
    margin-bottom: 20px;

}
.filter-panel .panel-footer{
    background-color: #fff;
}
.filter-panel .list-group a {
    color: #1fc0a0;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
    font-weight: normal;
}
.filter-panel .list-group a:hover {
    background-color: transparent;
    border-bottom: 1px dotted #ddd;
}
.filter-panel .list-group-item {
    background-color: transparent;
}


/* Filtry */

.mfilter-content {
    border: none;
}

.mfilter-content_top .mfilter-category-cat_checkbox .mfilter-tb > .mfilter-tb-as-tr, 
.mfilter-content_top .mfilter-tb .mfilter-tb {
    border-radius: 27px;
    box-shadow: 0 1px 4px rgba(32, 33, 36, 0.28);
    float: left;
    margin: 5px;
}

.mfilter-inline-horizontal .mfilter-opts-container {
    border: none;
}

.mfilter-tb .mfilter-tb-as-tr:first-child > .mfilter-tb-as-td, 
.mfilter-tb .mfilter-tb-as-tr.mfilter-first-child > .mfilter-tb-as-td {
    /*background-color: #fff;*/
    border: 1px;
    border-radius: 27px;
}
div.mfilter-heading {
    display: none;
}

div.mfilter-options-container {
    margin-left: 0px;
}

.mfilter-scroll-left, .mfilter-scroll-right {
    display: none;
}

@media (min-width:768px){
    .mfilter-box .mfilter-inline-horizontal .mfilter-scroll-left,
    .mfilter-box .mfilter-inline-horizontal .mfilter-scroll-right {
        display: none;
    }
}

.mfilter-box .mfilter-counter.mfilter-close:hover {
    /*background: red;*/
    background-position: 2px 2.5px;
}
div.mfilter-tb {
    background-color: #ffffff;
}

div.mfilter-tb-as-td.mfilter-col-input {
    display: none;
}
label.mfilter-tb-as-td {
    background-color: #ffffff;
    padding: 13px;
}

li.active a {
    background-color: #5635c4;
    color: #ffffff;
}

p.price {
    span.mfilter-counter.mfilter-close {
        border-color: #a38fa3;
    }
}
.btn-default:hover {
    border-color: white;
}
.form-control:focus {
    border-color: #ccc;
    border-top-color: #ccc;
    border-right-color: #ccc;
    border-left-color: #ccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#menu > ul > li > a.active {
    background: #000000;
    color:#0F0;
}

.well {
    margin-bottom: 20px;
    background-color: #fbfbfb;
    border: 1px solid #fbfbfb;
    border-radius: 0px;
}
#scroll {
    background-color: #1fc0a0;
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    outline: none;
    z-index: 1;
    line-height: 36px;
    text-align: center;
    transition: all 400ms ease-in-out 0s;
    color: #fff;
    font-weight: 600;    
}
#scroll:hover{
    background-color: #222;
}
.checkbox, 
.radio {
    display: inline-block;
}

a:focus, a:hover {
    color: #03b098;
}
.modal-dialog {
    max-width: calc(100% - 20px);
}
.modal-content {
    border-radius: 0px;
    display: block;
    width: 100%;
}
.modal-header {
    width: 100%;
    height: auto;
}
.modal-body {
    width: 100%;
}
.modal-footer {
    position: relative;
    display: block;
    width: 100%;
}
.modal-body .modal-footer {
    padding: 0;
    border-top: 0;
}
.btn-danger:hover {
    /*
    color: #fff;
    background-color: #c9302c;
    border-color: transparent;
    */
}
.btn-primary.focus, .btn-primary:focus {
    /*
    color: #fff;
    background-color: #fc4344;
    border-color: transparent;
    */
}
.panel {
    border-radius: 0px;
    box-shadow: none;
}
.panel-group .panel {
    border-radius: 4px;
}
.panel-default {
    border-color: #eee;
}

.description-row .img-thumbnail.pull-left {
    margin: 6px 29px 12px 0;
}
.tabaddtocartquick.btn.btn-primary {
    background-color: #dd4b38;
    border: solid 1px #fc4444;
}
#tb-sftool227 thead td {
    display: none;
}s
.progress-bar {
    background-color: #1fc0a0;

}
.thead {
    display: none;
}
.name {
    padding-left: 1px !important;
}

nav#supermenu {
    padding: 0;
}
/*account*/
div.mp-adminchat a h3 {
    text-align: center
}

.dblock {
    display: block;
}

/* checkout */
.container.checkout * {
    box-sizing: border-box;
}

.container.checkout .quickcheckout-content {
    padding: 15px;
}

.container.checkout #login .soc-login {
    padding-top: 30px;
}
.container.checkout #login .col-sm-6 {
    float: left !important;
    display: block;
    width: 100% !important;
}
.container.checkout #login .fblogin > .facebookButton,
.container.checkout #login  .glogin > .googleButton {
    float: none;
    padding: 0; 
    width: 100%;
    max-width: 200px;
    margin-left: auto;
    margin-right: 0;
}
.container.checkout #login .fblogin > .facebookButton a.facebookLoginAnchor.fbkMetroStyleBtn,
.container.checkout #login  .glogin > .googleButton .googleLoginAnchor.gglMetroStyleBtn {
    box-sizing: border-box;
    margin: 0;
    padding: 0 5px 0 40px;
    width: 100%;
    max-width: 100%;
    height: 34px;
    line-height: 34px;
    display: block;
    font-size: 11px;
}
.container.checkout #login  .glogin > .googleButton .googleLoginAnchor.gglMetroStyleBtn {
    letter-spacing: 0.8px;
}
.container.checkout #login  .glogin > .googleButton .googleLoginAnchor.gglMetroStyleBtn span {
    height: 34px;
}
@media (min-width: 460px){ /* dodane */
    .container.checkout #login .col-sm-6 {
        width: 50% !important;
    }
    .container.checkout #login  .glogin > .googleButton {
        margin-left: 0;
        margin-right: auto;
    }
}
@media (min-width: 768px){ /* sm */
    .container.checkout #login .col-sm-6 {
        float: left !important;
        display: block;
        width: 50% !important;
    }
    .container.checkout #login .fblogin > .facebookButton,
    .container.checkout #login  .glogin > .googleButton {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    .container.checkout #login label.col-sm-3.dblock {
        padding-right: 0;
        padding-left: 0;
        text-align: right;
        line-height: 34px;
    }
}
@media (min-width: 992px){ /* md */
    .container.checkout #login .soc-login {
        padding-top: 30px;        
    }
}
@media (min-width: 1200px){ /* lg */
        .container.checkout #login .col-sm-6 {
        float: left !important;
        display: block;
        width: 41.66666667% !important; /* takie głupie sztuczki, bo autorowi rozszerzenia zachciało się modyfikować boostrapa */
    }
    .container.checkout #login .soc-login {
        padding-top: 0;
    }
    .container.checkout #login .fblogin > .facebookButton,
    .container.checkout #login  .glogin > .googleButton {
        max-width: 200px;
    }
    .container.checkout #login .fblogin > .facebookButton {
        margin-left: auto;
        margin-right: 0;
    }
    .container.checkout #login  .glogin > .googleButton {
        margin-left: 0;
        margin-right: auto;
    }
}
/* koniec checkout */

#quickcheckoutconfirm .or {
    font-size: 14px;
}
@media (min-width: 768px){ /* sm */
    #quickcheckoutconfirm .or {
        font-size: 18px;
    }
}
@media (min-width: 992px){ /* md */
    #quickcheckoutconfirm .or {
        font-size: 24px;
    }
}

#input-email {
    width: 250px;
}

#input-password {
    width: 250px;
}

/* supermenu */
@media (min-width: 992px){
    #supermenu ul li div .withimage .name a {
        max-width: 130px;
    }
}

#supermenu.respsmall .superdropper span.fa {
    border: 1px solid #ddd;
    background-color: #f5f5f5; 
}
/* koniec supermenu */



/**** naprawa bootstrapa ****/
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
    display: table;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/***** naprawa mfilter *****/
#content .mfilter-box .mfilter-counter.mfilter-close {
    background: url('../image/cross-filter.svg') no-repeat 0 0;
}
#content .mfilter-box .mfilter-options .mfilter-option:hover {
    
}
#content .mfilter-box .mfilter-options .mfilter-option:hover .mfilter-counter.mfilter-close {
    background-position: 0 -16px;
    coursor: pointer;
}