@import 'reset.css';
@import 'slicknav.min.css';
@import 'swiper.min.css';

* {
    /* margin: 0; */
    /* padding: 0; */
    /* border: 0; */
    /* outline: 0; */
    /* font-size: 100%; */
    /* vertical-align: baseline; */
    /* background: transparent; */
}

*,
*:before,
*:after {
    /* -webkit-box-sizing: border-box; */
    /* box-sizing: border-box; */
}

body {
    line-height: 16px;
    margin: 0 auto;
    padding: 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Sarabun', sans-serif;
    background-color: #fefefe;
}

p,
p a {
    font-size: 14px;
    font-family: 'Sarabun', sans-serif;
}

strong, b {
    font-weight: 700;
    color: #49beda;
}

a {
    color: #000;
}

a:hover {
    text-decoration: none;
}

a,
a:before,
a:after {
    transition: .2s ease-out;
}

img {
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Sarabun', sans-serif;
    font-weight: 500;
}

::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
}

.wrapper {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.container-fluid {
    padding-left: 62px;
    padding-right: 62px;
}

.top ul,
.header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top a,
.header a {
    text-decoration: none;
}

.contact-list li,
.social-list li,
.menu ul,
.menu li {
    float: left;
}

.link-btn {
    position: relative;
    display: block;
    line-height: 30px;
    padding: 14px 41px;
    color: #000;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: transparent;
    transition: .2s ease-out;
}

.link-btn:hover {
    color: #e14f4f;
}

.link-btn-smaller {
    padding: 5px 39px 4px;
    font-size: 14px;
}

.link-btn-border {
    border: solid 1px #000;
    transition: .2s ease-out !important;
}

.link-btn-border:hover {
    border-color: #fff;
}

.link-btn-lighten {
    color: #fff;
    border-color: #fff;
    background-color: #49beda;
    font-weight: 400;
}

.link-btn-lighten:hover {
    font-weight: 600;
    color: #fff
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background:url(../images/preloader.gif) center center no-repeat #fff;
}

/* Components */

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 992px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
.product-item {
    display: block;
    position: relative;
    padding: 0;
    margin-bottom: 30px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    min-height:  415px;
}

.product-item:hover {
    color: #000;
    border-color: #fff;
    box-shadow: 0px 5px 43px 0px rgba(0, 0, 0, .07);
}

.product-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.product-image img {
    width: 100%;
    transition: 1.2s ease-out;
    transform-origin: center;
    transform: scale(1.01);
    object-fit: contain;
    object-position: center;
    height: 300px;
    padding: 10px;
}

.product-item:hover .product-image img {
    /* transform: scale(1.08); */
}

.product-image .badge {
    position: absolute;
    top: 0;
    left: 112px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 0;
    background-color: #49beda;
    text-align: center;
    padding: 8px 20px;
    width: 65px;
}

.product-image .badge-promo {
    background-color: #e8887d;
}

.product-image .button {
    position: absolute;
    bottom: 52px;
    left: 50%;
    line-height: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 11px 32px 12px;
    border: solid 1px #fff;
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-out;
    transform: translateX(-50%);
    background-color: #49beda;
}

.product-item:hover .product-image .button {
    bottom: 72px;
    opacity: .9;
    pointer-events: auto;
}

.product-image .button:hover {
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, .07);
}

.product-title {
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 0 15px;
    margin-bottom: 10px;
    height: auto;
}

.product-price {
    position: absolute;
    right: 0;
    left: 0px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #000;
    color: #fff;
    width: 120px;
    top: 0;
    padding: 5px 0;
}

.product-price span {
    display: inline-block;
    margin: 0;
    font-size: 14px;
}

.product-price .old-price {
    position: relative;
    color: red;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 7px;
    margin: 0 0 5px 0;
    font-weight: 300;
}

.product-price .old-price:before {
    content: '';
}

.product-price .new-price {
    color: #fff;
    font-weight: 700;
}

.section-title {
    line-height: 30px;
    margin-bottom: 30px;
    /*margin-top: 30px;*/
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #49beda;
}

/* Mobile menu */

.slicknav_menu {
    position: absolute;
    z-index: 300;
    top: 25px;
    right: 15px;
    display: none;
    padding: 0;
    background-color: transparent;
}

.slicknav_nav {
    width: 300px;
    padding: 8px 0 7px !important;
    margin-top: 16px !important;
    background-color: #fff;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, .2);
}

.slicknav_nav li {
    position: relative;
    width: 100%;
}

.slicknav_nav a {
    width: 100%;
    padding: 10px 20px;
    color: #000;
    font-size: 16px;
    font-weight: 300;

}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
    padding: 14px 30px;
    margin: 0;
    border-radius: 0;
}

.slicknav_nav a:hover {
    color: #000;
    border-radius: 0;
    background-color: rgba(0, 0, 0, .03);
}

.slicknav_nav .slicknav_row:hover a,
.slicknav_nav .slicknav_row a:hover {
    background-color: transparent;
}

.slicknav_nav .slicknav_row:hover {
    background-color: rgba(0, 0, 0, .03) !important;
}

.slicknav_btn {
    width: 30px;
    height: 16px;
    margin: 0 0 12px;
    padding: 0;
    background-color: transparent;
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 30px;
    height: 2px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #000;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 5px;
}

.slicknav_nav .slicknav_row a {
    padding: 0;
}

.slicknav_nav li.current .slicknav_row,
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    color: #fff;
}

.slicknav_nav ul.sub-menu {
    position: relative;
    top: 0;
    width: 100%;
    padding-bottom: 2px !important;
    opacity: 1;
    pointer-events: auto;
    border: 0;
    background-color: transparent;
    box-shadow: none;
}

.slicknav_nav li:hover ul.sub-menu {
    top: 0;
}

.slicknav_nav ul.sub-menu a {
    padding: 6px 40px 5px;
    color: #000;
    border: 0;
}

.slicknav_nav ul.sub-menu li.current a,
.slicknav_nav ul.sub-menu a:hover {
    background-color: #eee;
}

.slicknav_arrow {
    position: absolute;
    top: 14px;
    right: 30px;
}

.slicknav_nav .slicknav_row:hover a .slicknav_arrow,
.slicknav_nav .slicknav_row a:hover .slicknav_arrow,
.slicknav_nav .slicknav_row:hover {
    color: #000;
}

/* Header */

.top,
.top a {
    color: #fff;
}

.top {
    padding: 10px 0;
    background-color: #49beda;
}

.top li {
    line-height: 14px;
}

.top a:hover {
    color: rgba(255, 255, 255, .6);
}

.contact-list li + li {
    margin-left: 60px;
}

.contact-list li {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contact-list i {
    margin-right: 9px;
}

.social-list li + li {
    margin-left: 20px;
}

.social-list li {
    font-size: 16px;
}

.header {
    position: relative;
    z-index: 100;
    background-color: #fff;
    border-bottom: 1px solid #49beda;
}

.header .clearfix {
    display: none;
}

.logo {
    margin: 12px 0;
}
.logo img {width: 130px;color: #49beda;}
.logo h1,
.logo a {
    display: inline-block;
    line-height: 1;
}

.menu {
    margin-left: 15px;
}

.menu li {
    position: relative;
}

.menu a {
    position: relative;
    display: inline-block;
    line-height: 37px;
    padding: 30px 7px;
    color: #000;
    font-size: 15px;
    font-weight: 300;
}

.menu li:hover a {
    color: #49beda;
}

.menu-item-parent > a:after {
    content: '';
    position: absolute;
    font-family: Sarabun;
    text-align: left;
    height: 10px;
    width: 30px;
    top: 30px;
    left: 0px;
    border-left: 1px solid #49beda;
    border-top: 1px solid #49beda;
}

.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 280px;
    padding-bottom: 12px !important;
    opacity: 0;
    pointer-events: none;
    border: solid 1px #49beda;
    border-top: 0;
    background-color: #fff;
    box-shadow: 0px 18px 25px 0px rgba(0, 0, 0, .07);
    transition: .2s ease-out;
}

.menu li:hover .sub-menu {
    opacity: 1;
    pointer-events: auto;
}

.sub-menu li,
.sub-menu li a {
    width: 100%;
}

.sub-menu li a {
    padding: 11px 23px;
    font-size: 15px;
}

.menu li:hover .sub-menu a {
    color: #000
}

.menu li:hover .sub-menu li:hover a {
    color: #49beda;
}

.search {
    width: 20%;
    margin: 24px 0 0 10px;
}

.search input,
.search button {
    float: left;
}

.search form {
    width: 100%;
}

.search input[type=text] {
    float: left;
    width: calc(100% - 100px);
    line-height: 20px;
    padding: 14px 10px;
    font-size: 16px;
    font-weight: 100;
    border: solid 1px #49beda;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.search input[type=text]:focus {
    border-color: #000
}

.search button,
.search input[type=search] {
    float: right;
    width: 100px;
    line-height: 20px;
    padding: 15px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    background-color: #49beda;
    border: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.search button:hover,
.search input[type=search]:hover {
    background-color: #49beda;
}

.small-cart {
    margin-top: 0;
}

.small-cart p {
    line-height: 30px;
    font-size: 18px;
    font-weight: 100;
}

.small-cart a {
    position: relative;
    padding: 0 20px 0 24px;
    color: #fff;
}

.small-cart a:hover {
    color: #fff;
}

.small-cart i {
    position: relative;
    top: 0px;
    font-size: 16px;
}

.small-cart .badge {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent;
    border-radius: 2px;
}

/* Content */



/* Homepage */

.hero-slider {
    margin-bottom: 50px;
}

.hero-slide {
    height: auto;
    background-position: center top;
    background-repeat: no-repeat;
}
.hero-slide a img {
    margin: 0 auto;
}
.slide-content {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 13.5%;
    width: 44.5%;
    transform: translateY(-50%);
}

.slide-content a {
    float: right;
}

.slide-title {
    line-height: 76px;
    margin-bottom: 32px;
    font-size: 76px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.slide-text {
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.slide-button {
    position: absolute;
    z-index: 1000;
    top: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    text-align: center;
    transform: translateY(-50%);
}

.slide-button-prev {
    left: 62px;
}

.slide-button-next {
    right: 62px;
}

.boxes {
    margin-bottom: 50px;
}

.boxes p,
.box-title {
    font-weight: 200;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.boxes p {
    line-height: 30px;
    font-size: 18px;
}

.boxes img {
    width: 100%;
    height: auto;
}

.boxes .inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.box-title {
    line-height: 42px;
    margin-bottom: 12px;
    font-size: 42px;
}

.newest-box .inner {
    left: 50%;
    padding-right: 50px;
}

.promo-box .inner {
    right: 50%;
    padding: 0 80px 0 50px;
    color: #000;
    text-align: right;
}

.promo-box .inner .box-title,
.promo-box .inner p {
    text-align: right;
}

.promo-box .percent {
    position: absolute;
    top: 42%;
    right: 0;
    line-height: 96px;
    font-size: 85px;
    font-weight: 200;
    transform: translateY(-50%);
}

.hidden-products {
    margin-bottom: 50px;
}

.products-row .section-title {
    margin-bottom: 50px;
}

.products-row .see-all {
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #49bed;
}

.products-row .see-all:hover {
    color: #49beda;
}

.products-row .see-all i {
    position: relative;
    top: -1px;
    font-size: 8px;
    margin-left: 8px;
}

.products-row .link-btn {
    margin-top: 50px;
}

.promoted {
    margin-bottom: 50px;
}

.promotion {
    margin-bottom: 50px;
}

.description-prod{
    padding-top: 0px;
    padding-bottom: 10px;
    line-height: 1.5em;
}
.description-prod p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}
.description-prod h1,.description-prod h2,.description-prod h3,.description-prod h4,.description-prod h5,.description-prod h6 {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 0;
}
.description-prod ul, .description-prod ol {
    margin: 10px 0 10px 15px;
    list-style: circle;
    padding-left: 20px;
}
.description-prod ul li, .description-prod ol li {
    line-height: 25px;
    font-size: 15px;
    font-weight: normal;
}



/* carusel img products */
#carouselWrapper {
  position: relative;
  overflow: hidden;
}
#carousel {
}
.products-img-carusel{
    position: absolute;
    width: 86%;
    height: 25px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 29px;
}
.products-img-carusel .btn{
    background: #000;
    border-radius: 0px;
    margin-right: 20px;
}
.products-img-carusel .btn:hover{
    background-color: #1d1d1d;
    color:#fff;
}
#views
{
  position:relative;
  height:932px;
  min-heigth:932px;
  margin:16px;
  overflow:auto;
}

#leftview
{
  position:absolute;
  top:0px;
}
#leftview img{
  border:1px solid #eeeeee;
  height:296px;
  width:257px;
}


#bigview
{margin-bottom: 30px;}
#bigview img{
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.promo-box a{
    color:#fff;
}
.pictureFrame{
    cursor:pointer;
    padding-bottom:42px;
}
.pictureFrame img{
    width:257px;
    height: auto;
    object-fit: contain;
    object-position: center;
}

/* Pages */
.top-padding{
    padding-top:50px;
}


/* Category page */
#menu-kategorie{
    /*display:none;*/
    display:block;
}
#menu-cena{
    /*display:none;*/
    display:block;
}
#menu-rozmiar{
    /*display:none;*/
    display:block;
}
#menu-kolor{
    /*display:none;*/
    display:block;
}
.description-category{
    padding-bottom:60px;
    float: left;
    position: relative;
}

.categorie-title .colors-product{
    margin-top: 10px;
    margin-bottom: 0px;
}
.categorie-title .btn{
    width: auto;
    height:37px;
    border:1px solid #000;
    border-radius:0px;
    background: #fff;
}
.categorie-title .btn:hover{
    border-color:#dedede;
    background-color: #49beda;
    color: #fff;
    transition: .2s ease-out;
    border: 0;
}

.categorie-title .sizes-product label{
    width: auto;
    display: inherit;
    margin-bottom: 10px;
    padding: 0px 0 10px 0;
    font-size: 13px;
}
.categorie-title .sizes-product{
    margin-bottom: 0px;
    margin-top: 0px;
}
.categorie-title .price-product input[type="text"]{
    border:solid 1px #b1b1b1;
    width:120px;
    height:34px;
    margin-top: -3px;
    position: relative;
    padding-left: 20px;
    color:#000;
}
.categorie-title .price-product label{
    width:47px;
    background-color: #fff;
    margin-left:10px;
    margin-bottom:-5px;
    position: relative;
    z-index: 999;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
    color:#000;
}

.no-padding-left{
    padding-left:0px;
}
.sort-categories label {
    margin-right: 10px;
    font-weight: normal;
}
.categorie-title{
    
}

.categorie-title h3{
    letter-spacing: 3px;
    /*margin-bottom:50px;*/
    text-transform: uppercase;
}
.categorie-title h3 a{
    cursor:pointer;
}
.categorie-title .next-filter-categorie{
    margin-top: 10px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    z-index: 999999;
    position: relative;
    font-size: 14px;
}

.categorie-title i:after{
    content: ' ';
    position: absolute;
    font-size: 8px;
    font-family: FontAwesome;
    transform: translateY(100%);
    float: left;
    padding-left: 15px;
    height: 15px;
    margin-top: -7px;
    font-weight: 700;
}
.categorie-title ul li{
    line-height: 40px;
}
.categorie-title .kategoriemenu {
    font-weight: normal;
    font-size: 18px;
}
.categorie-title .kategoriemenu:first-child{
    margin-top:20px;
}
.categorie-title ul li .kategoriemenu:first-child{
    margin-top:0px;
}
.kategoriemenu a:hover{
    cursor:pointer;
    color: #49beda !important;
    padding-left: 10px;
    letter-spacing: 1px;
}

.categorie-title .active{
    font-weight: 700;
    font-size: 20px;
}

.categorie-title .sub-categories{
    margin-left: 14px;
    font-size:14px;
}

.reset-filter{
        margin: 0 0 30px 0;
}

.menu-active-hover:hover{
        color: #e14f4f !important;
}
.menu-active-hover:hover i {
    color: #e14f4f !important;
}
.menu-active-hover:hover h3 a{
    color: #49beda !important;
}
.menu-active-hover h3 a:hover{
    color: #e14f4f !important;
}

#produktyRow .pagination>li>a, .pagination>li>span{
    padding: 6px 16px !important;
    border: 0px solid #ddd !important;
}
#produktyRow .pagination>li>a:hover{
    background-color:#1d1d1d;
}
#produktyRow .pagination a{
    border-radius:0px;
}
#produktyRow .pagination {
    float:right;
}
#produktyRow .pagination-number{
    background-color: transparent !important;
    color:#000; /* !important;*/
}

#sub-menu2 {
    /*display:none;*/
    display:block;
    
}
/* Product page */
.name-products-big{
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #000;
    margin-bottom: 15px;
}
.product-price{
}
.sizes-product{
    margin-bottom: 20px;
    margin-top: 10px;
}
.sizes-product label{
    margin: 10px 15px 10px 0px;
}
.sizes-product input[type="checkbox"] {position: absolute;opacity: 0;z-index: -1;}
.sizes-product input[type="checkbox"]+span {font-size: 14px;color: #000;height: 15px;cursor:pointer;font-weight: 600;vertical-align: top;}
.sizes-product input[type="checkbox"]+span:before {
        border:1px solid #000;
        color:white;
        font: 11pt FontAwesome;
        content: " ";
        display: inline-block;
        width: 15px;
        padding: 0px 0 0 0px;
        margin-right: 10px;
        height: 15px;
        vertical-align: text-top;
        }
.sizes-product input[type="checkbox"]:checked+span:before {/*content: '\00f046';*/background-color:#000;height: 15px;}
.sizes-product input[type="checkbox"]:focus+span:before { outline: 1px dotted #aaa;height:15px; }
.sizes-product input[type="checkbox"]:disabled+span { color: #999; }
.sizes-product input[type="checkbox"]:not(:disabled)+span:hover:before { text-shadow: 0 1px 2px #77F;height: 15px; }

.sizes-product input[type="radio"] {position: absolute;opacity: 0;z-index: -1;}
.sizes-product input[type="radio"]+span {font: 11pt sans-serif;color: #000;height: 15px;}
.sizes-product input[type="radio"]+span:before {
        border:1px solid #000;
        color:white;
        font: 11pt FontAwesome;
        content: " ";
        display: inline-block;
        width: 15px;
        padding: 0px 0 0 0px;
        margin-right: 15px;
        height: 15px;
        vertical-align: text-top;
        }
.sizes-product input[type="radio"]:checked+span:before {/*content: '\00f046';*/background-color:#000;height: 15px;}
.sizes-product input[type="radio"]:focus+span:before { outline: 1px dotted #aaa;height:15px; }
.sizes-product input[type="radio"]:disabled+span { color: #999; }
.sizes-product input[type="radio"]:not(:disabled)+span:hover:before { text-shadow: 0 1px 2px #77F;height: 15px; }

.colors-product{
    margin-bottom: 15px;
    margin-top: 0px;
    margin-left: -4px;
}
.colors-product label{
    margin: 10px 2px 10px 0px;
    display: inline-block;
}
.colors-product img{
    margin-left: -40px;
    margin-top: -31px;
}
.colors-product input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; }
.colors-product input[type="checkbox"]+span { font: 11pt sans-serif; color: #000;height:40px; cursor:pointer; }
.colors-product input[type="checkbox"]+span:before { color:white; font: 11pt FontAwesome; content: " "; display: inline-block; width: 41px; padding: 2px 0 0 3px; margin-right: 0.5em; height:40px;}
.colors-product input[type="checkbox"]:checked+span:before {/*content: '\00f046';*/background-color: transparent;height: 26px !important;border: 2px solid #000;width: 26px;}
.colors-product input[type="checkbox"]:focus+span:before {/* outline: 1px dotted #aaa;*/height:40px; }
.colors-product input[type="checkbox"]:disabled+span { color: #999; }
.colors-product input[type="checkbox"]:not(:disabled)+span:hover:before {text-shadow: 0 1px 2px #77F;}



.colors-product input[type="radio"] { position: absolute; opacity: 0; z-index: -1; }
.colors-product input[type="radio"]+span { font: 11pt sans-serif; color: #000;height:40px; cursor:pointer; }
.colors-product input[type="radio"]+span:before { color:white; font: 11pt FontAwesome; content: " "; display: inline-block; width: 41px; padding: 2px 0 0 3px; margin-right: 0.5em; height:40px;}
.colors-product input[type="radio"]:checked+span:before {/*content: '\00f046';*/background-color: transparent;height: 26px !important;border: 2px solid #000;width: 26px;}
.colors-product input[type="radio"]:focus+span:before {/* outline: 1px dotted #aaa;*/height:40px; }
.colors-product input[type="radio"]:disabled+span { color: #999; }
.colors-product input[type="radio"]:not(:disabled)+span:hover:before {text-shadow: 0 1px 2px #77F;}




.pictureFrame img{}
.pictureFrame .selected{
    border-color: #000000;
    background-color: black;
    opacity: 0.5;
}

/*
.slick-slide img{border: 1px solid #efefef;}
.slick-slide .selected{
    border-color: #000000;
    background-color: black;
    opacity: 0.5;
}
*/
.no-padding{
    padding:0px;
}
.out-off-stock{
    margin-left: 12px;
    margin-top: 20px;
}
.out-off-stock ul li{
    list-style-type: disc;
    font-size:25px;
    color: #49beda;
}
.out-off-stock ul li p{
    font-size:24px;
}
.question-product{
    background-color: #49beda;
    color:#fff;
    text-transform: uppercase;
    border-radius:0px;
    padding: 10px;
    margin-top: 20px;
    border: solid 1px #49beda;
    font-size: 18px;
    letter-spacing: 2px;
}
.question-product:hover{
    color: #fff;
    background-color: #49beda;
    transition: .2s ease-out;
    border: 1px solid #fff;
}
.spaccing-h4{
    letter-spacing: 4px;
    font-size: 22px;
}
.add-to-cart{
    margin-top: 0;
    padding-left: 0px;
}
.btn-add-to-cart{
    background-color: #49beda;
    color:#fff;
    text-transform: uppercase;
    border-radius:0px;
    padding: 25px;
    border: solid 1px #fff;
    margin-left:45px;
    font-size:18px;
    height:75px;
    letter-spacing: 2px;
}
.btn-add-to-cart:hover{
    color: #fff !important;
    background-color: #49beda;
    transition: .2s ease-out;
    border: solid 1px #fff;
}

.add-to-cart .btn-default{
    border-radius: 0px;
    height: 75px;
    border-color: #000;
    float:left;
}
.add-to-cart .input-group{
    width: 104px;
    height:75px;
    float:left;
    z-index: 99;
}
.add-to-cart input[type="text"]{
    border-left: 0px;
    border-right: 0px;
    -webkit-box-shadow:none !important;
    box-shadow: none !important;
    -webkit-transition:none !important;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    height: 75px;
    border-color: #000;
    text-align: center;
    font-size: 18px;
}
.add-to-cart .form-control{
    padding:0px;
}

.podobne-produkty{
    margin-top:106px;
}
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group{
    border-right:0px;
    outline: none;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    border-left:0px;
    outline: none;
}
#gallery-rwd #bigview2 img{
    display:none;
}
#gallery-rwd .list-gallery-rwd{
    display:none;
}

.slider {
        width: 50%;
        margin: 50px auto;
    }

/*
    .slick-slide {
      margin: 0px 20px;
      opacity:1;
    }

    .slick-slide img {
      width: 100%;
      cursor:pointer;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }
    .slick-dots{
        display:none !important;
    }
.slick-prev{
display: block;
float: left;
position: absolute;
margin-left: 40%;
bottom: -40px;
z-index: 10;
background-color: #000;
color: white;
width: 25px;
height: 25px;
}
.slick-prev:hover{
    background-color: #1d1d1d;
    color:#fff;
}
.slick-next{
display: block;
float: left;
position: absolute;
margin-left: 51%;
bottom: -40px;
background-color: #000;
color: white;
width: 25px;
height: 25px;
}
.slick-next:hover{
    background-color: #1d1d1d;
    color:#fff;
}


.slick-list{
    z-index:9999;
}
*/
@media screen and (min-width: 250px) and (max-width: 900px) {
#gallery-rwd #bigview2 img{
    float:left;
    position: relative;
    width:100%;
    display:block;
}
#gallery-rwd .list-gallery-rwd{
    float:left;
    margin-top:15px;
    margin-bottom:15px;
    width:100%;
    display:block;
    position: relative;
    z-index: 999999;
}
#gallery-no-rwd{
}
}
@media screen and (min-width: 250px) and (max-width: 900px) {
    .name-products-big{
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 30px;
    }
    .section-title{
            margin-top: 40px;
    }
    .subtotal-cart span{
    font-size: 16px !important;
    }
    .categorie-title{
        margin-bottom:35px;
    }
    .description-category{
        margin-bottom:35px;
        margin-top:35px;
    }
    .sort-categories{
        padding-left: 0px;
        margin-top: 15px;
    }
}
@media screen and (min-width: 250px) and (max-width: 800px) {

}
@media screen and (min-width: 250px) and (max-width: 380px) {
.btn-add-to-cart{width: 100%;margin: 10px 0 0px 0 !important;}
.add-to-cart{
    margin-top: 20px !important;
    padding-left: 0px !important;
    margin-bottom: 20px !important;
}
}
@media screen and (min-width: 381px) and (max-width: 480px) {
.btn-add-to-cart{
    width: 100%;
    margin: 10px 0 0px 0 !important;
}
.add-to-cart{
    margin-top: 20px !important;
    padding-left: 0px !important;
    margin-bottom: 20px !important;
}
}

/* cart-lum */
.cart-lum h1{
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 30px;
    font-size: 20px;
    color: #49beda;
}

.cart-lum .table>thead>tr>th{
    border-bottom: 1px solid #e5e5e5 !important;
    border-top: 1px solid #e5e5e5 !important;
    padding-left: 5px;
    padding-top:20px;
    padding-bottom: 15px;
    font-weight: normal;
}
.cart-lum .center-text-table{
        text-align: center;
}
.cart-lum .table td{
    padding: 0px 0px 0px 0px;
}
.cart-lum .image-products img{
    height:113px;
    object-fit: cover;
    object-position: center;
}
.cart-lum .no-padding-left{
    padding-left:0px;
    margin-bottom: 10px;
    font-weight: 700;
    margin-top: 15px;
}
.cart-lum .no-padding-left-right{
    padding:0px;
}
.qty-table{
    margin: 0 auto;
    border-top: 0px;
}
.cart-lum .td-padding-top{
    padding-top:20px;
}
.cart-lum .footer-bar-cart{
    height:160px;
    float: left;
    width: 100%;
}
.cart-lum .footer-bar-cart h3{
    text-transform: uppercase;
    margin-top: 64px;
    font-size: 18px;
}
.cart-lum .footer-bar-cart h3 a{color: #49beda;}

.cart-lum .btn-default{
    border-radius: 0px;
    height: 75px;
    border-color: #000;
    float:left;
}
.cart-lum .input-group{
    width: 104px;
    height: 75px;
    float: left;
    margin-top:13px;
}
.cart-lum input[type="text"]{
    border-left: 0px;
    border-right: 0px;
    -webkit-box-shadow:none !important;
    box-shadow: none !important;
    -webkit-transition:none !important;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    height: 75px;
    border-color: #000;
    text-align: center;
    font-size:18px;
}
.cart-lum .form-control{
    padding:0px;
}
.car-lim-price{
    margin-top: 40px;
}
.cart-lum-del{
    margin-top:40px;
}
.cart-lum .bold-price-cart h4{
        font-weight: 700;
}
.cart-lum .subtotal-cart{
    font-size: 18px;
    width: 100%;
    height: auto;
    padding: 25px 0px 25px 0px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: right;
    float:left;
}
.cart-lum .subtotal-cart select{
    font-size: 16px;
    padding: 5px 10px;
}
.cart-lum .subtotal-cart #opis_dostawy_info {
    margin-top: 20px;
}
.cart-lum .subtotal-cart #opis_dostawy_info span {
    font-weight: 600;
    font-size: 18px;
}
.cart-lum .to-right{
    padding-right:0px;
    text-align: right;
    margin: 0 0 5px 0;
}

/* nowy grid koszyk */
.title-table{
/*border-bottom: 1px solid #e5e5e5 !important;*/
    border-top: 1px solid #e5e5e5 !important;
    padding-left: 5px;
    padding-top: 20px;
    padding-bottom: 15px;
    font-weight: normal;
}
.item-cart-inside{
    float: left;
    width: 100%;
    height: auto;
}
.item-cart-inside-list{
    margin-top:20px;
}
.color-img-item img{
    margin-top: -4px;
    margin-left: 15px;
}
.subtotal-cart span{
    font-weight: 700;
    font-size: 24px;
}

.cart-size-item{
    margin-left: 15px;
    font-size:16px;
    font-weight: normal;
}

#name-table-cart{
    width: 100%;
    float: left;
}

@media screen and (min-width: 250px) and (max-width: 800px) {
#item-cart-inside{
    height: auto !important;
}

#name-table-cart{
    display:none !important;
}
.car-lim-price {padding: 0 15px;}
.qty-table {
    display: flex;
    margin: 0 auto;
    border-top: 0px;
    padding-top: 5px;
    padding-bottom: 15px;
}
.cart-lum .to-right {
    padding-right: 0px;
    text-align: left;
    left: 0px;
    padding-top: 0;
    margin-top: -10px;
    margin-left: -7px;
}
.cart-lum-del {
}
.color-img-item img {
    margin-top: 0px;
    margin-left: 15px;
}
.cart-lum .footer-bar-cart {

    height: auto;
    float: left;
    width: 100%;
    margin-bottom: 45px;

}
.cart-lum .item-cart-inside-list .col-md-10 .col-md-10{
    padding-left:0px;
}
.cart-lum .item-cart-inside-list .image-products{
    padding-left:15px;
}
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group{
    border-color: #000;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
    opacity: 1;
}

.btn-next-to-cart{
    float:right;
    margin-top:41px;
    background-color: #49beda;
    /* background-image: url("../img/pagination-next.jpg"); */
    background-repeat: no-repeat;
    background-position-x: 221px;
    background-position-y: 33px;
    color:#fff;
    text-transform: uppercase;
    border-radius:0px;
    padding: 15px 45px 15px 45px;
    border: solid 1px #fff;
    margin-left:45px;
    height:75px;
    font-size:18px;
    letter-spacing: 3px;
}
.btn-next-to-cart:hover{
    /*background-image: url("../img/pagination-nexthover.jpg");*/
    color: #fff;
    background-color: #49beda;
    transition: .2s ease-out;
    border: solid 1px #fff;
}


.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group{
    border-right:0px;
    outline: none;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    border-left:0px;
    outline: none;
}
/* Footer */

.bottom,
.footer {
    background-color: #000;
}
.bottom,
.footer {
    color: #fff;
}
.bottom {
    padding: 30px 0 10px;
}
.bottom-content {
    margin-bottom: 45px;
}
.bottom-content img {
    max-width: 100%;
    height: auto;
    margin: 5px 0 55px;
}
.bottom-content p,
.bottom-content a {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2px;
}
.bottom-content p {
    line-height: 30px;
    margin-bottom: 32px;
    color: #fff;
}
.bottom-content a {
    color: #fff;
}
.bottom-content a:hover {
    color: #dadada;
}
.bottom-content a i {
    position: relative;
    top: -1px;
    margin-left: 4px;
    font-size: 8px;
}
.bottom-title {
    position: relative;
    line-height: 30px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    font-size: 24px;
    font-weight: 500;
    color: #49beda;
}
.bottom-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 1px;
    background-color: #fff;
}
.bottom-menu,
.bottom-menu li {
    width: 100%;
}
.bottom-menu.half-width {
}
.bottom-menu.half-width:last-child {
    margin-left: 20px;
}
.bottom-menu li {
    transition: .2s ease-out
}
.bottom-menu li:hover {
    padding-left: 10px;
}
.bottom-menu li:last-child {
}
.bottom-menu a {
    display: block;
    line-height: 25px;
    color: #fff;
}
.bottom-menu a:hover {
    color: #fff;
}
.bottom-contact .bottom-title {
    margin-bottom: 25px;
}
.bottom-contact p,
.bottom-contact a {
    color: #fff
}
.bottom-contact p {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    line-height: 25px;
}
.bottom-contact p:last-child {
    margin: 0;
}
.bottom-contact p span {
    float: right;
    width: calc(100% - 142px);
    line-height: 25px;
}
.footer {
    padding: 10px 0;
    border-top: 1px solid #fff;
    background-color: #da001b;
}
.footer p {
    margin: 0;
    text-align: center;
}
.footer p a {
    color: #fff;
}
.footer strong {
    font-weight: 600;
    color: #fff;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999999;
  border-bottom: 1px solid #49beda;
}
.sticky + .content {
  padding-top: 60px;
}
@media screen and (min-width: 250px) and (max-width: 800px) {
#kontakt{
    width:100%;
}
#mapa{
    width: 100%;
    border: 0px;
    margin-bottom: -3px;
}}
.sdom {
    margin: 20px 0 50px;
}
.sdom h1, .sdom h2, .sdom h3, .sdom h4, .sdom h5, .sdom h6 {
    margin-bottom: 25px;
}
.sdom p {
    margin-bottom: 10px;
    line-height: 25px;
}
.sdom ul {
	list-style: circle;
	line-height: 25px;
	margin: 15px 0px 15px 30px;
}
.sdom ul li {
    padding-left: 10px;
}
.sdom ul li a {}
.sdom ul li a:hover {}
.sdom ol {
	list-style: decimal;
	line-height: 25px;
	margin: 15px 0px 15px 30px;
}
.sdom ol li {
    padding-left: 10px;
}
.fz h1 {
	text-transform: uppercase;
    letter-spacing: 3px;
}
.strona_active {
    color: #e14f4f !important;
}

/* KONTAKT */

#kontakt h3 {
    margin: 0 0 30px 0;
}
#kontakt select {
    font-size: 16px;
    padding: 5px 10px;
    margin: 0 0 20px 0;
}
#kontakt{display: block;margin-top: 30px;}
#kontakt .dl-horizontal dd.tel a,.widget .dl-horizontal dd.mail a:hover{o-transition:color .3s ease-out;-ms-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-webkit-transition:color .3s ease-out}
#ctadwa,#kontakt form div.for,#kontakt h2,#kontakt textarea,.drop{position:relative}
#ctadwa:after,#kontakt h2:after{content:" ";position:absolute;left:0}#ctadwa{margin-top:30px;background:#ee302c}#ctadwa:after{bottom:-1px;right:0;margin-left:auto;margin-right:auto;width:33px;height:16px;background:url(../images/trojkatb.png) no-repeat}#ctadwa h2{color:#fff;margin:0;padding-top:40px;font-size:32px;font-weight:600}#ctadwa p,#kontakt h2{font-size:24px}#ctadwa p{color:#fff;margin:0;padding-bottom:30px;font-weight:400}#ctadwa .przycisk{display:inline-block;margin-bottom:50px}#kontakt{}#kontakt .zgody input{margin-right:10px}#kontakt h2{margin:0 0 38px;font-weight:700;color: #49beda;padding-bottom:25px;}#kontakt .dl-horizontal dt,#kontakt p{color:#636363;font-weight:400;font-size:14px}#kontakt h2:after{bottom:0;background: #49beda;width:70px;height:2px;}#kontakt p{margin-bottom:30px}#kontakt .dl-horizontal dt{text-align:left;width:95px}#kontakt .dl-horizontal dd{margin-left:95px;color: #000;font-size:14px;}#kontakt dl .sep{padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid #f5f5f5}#kontakt dl:nth-child(2),#kontakt dl:nth-child(3),#kontakt dl:nth-child(4),#kontakt dl:nth-child(5){padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #f1f1f1;margin-top:0;border-top:none}#kontakt .dl-horizontal dd.tel a{font-weight:600;color: #000;transition:color .3s ease-out;}#kontakt .dl-horizontal dd.mail a,#kontakt .dl-horizontal dd.tel a:hover{o-transition:color .3s ease-out;-ms-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-webkit-transition:color .3s ease-out}#kontakt .dl-horizontal dd.tel a:hover{color: #000;transition:color .3s ease-out;}#kontakt .dl-horizontal dd.mail a{font-weight:600;color: #49beda;transition:color .3s ease-out;letter-spacing: .5px;}#kontakt .dl-horizontal dd.mail a:hover,#kontakt .dl-horizontal dd.social a{-ms-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-webkit-transition:color .3s ease-out;o-transition:color .3s ease-out}#kontakt .dl-horizontal dd.mail a:hover{color:#e96358;transition:color .3s ease-out}#kontakt .dl-horizontal dd.social{text-align:left}#onas header h1,#onas header h5,.drop::after,.partnerzy-box .slick-initialized .slick-slide{text-align:center}#kontakt .dl-horizontal dd.social a{color:#e1e1e1;transition:color .3s ease-out}#kontakt .dl-horizontal dd.social a:hover{color:#636363;o-transition:color .3s ease-out;-ms-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}#kontakt input[type=email],#kontakt input[type=tel],#kontakt input[type=text],#kontakt textarea{display:block;background:#fff;color:#959595;font-size:14px;padding:8px 52px 8px 19px;margin-bottom:27px;width:100%;border: 1px solid #000;text-align: left;}#kontakt input[type=submit],#onas .read_more{transition:background-color .3s;text-transform:uppercase;}#kontakt input[type=email],#kontakt input[type=tel],#kontakt input[type=text]{height:47px;position:relative}#kontakt textarea{height:150px;max-height:150px;max-width:100%}#kontakt input[type=submit]{display:inline-block;background: #49beda;padding:12px 25px;color:#fff;font-weight:500;border: 0;}#kontakt input[type=submit]:hover{background-color: #49beda;transition:background-color .8s;}#kontakt form div.for{width:100%}#name:before,#tel:before{font-family:FontAwesome;position:absolute;top:14px;color:#fff;z-index:99}#name:before{content:"\f007";right:12px;font-size:18px;text-shadow:1px 1px 1px #000,0 0 1px #000}#tel:before{content:"\f10b";right:15px;font-size:24px;text-shadow:1px 1px 1px #000,0 0 1px #000}#mail:before,#web:before{position:absolute;top:13px;color:#fff;z-index:99;font-size:18px;font-family:FontAwesome;text-shadow:1px 1px 1px #000,0 0 1px #000}#mail:before{content:"\f0e0";right:12px}#web:before{content:"\f0ac";right:14px}#kontakt::-webkit-input-placeholder{color:#959595}#kontakt:-moz-placeholder{color:#959595}#kontakt::-moz-placeholder{color:#959595}#kontakt:-ms-input-placeholder{color:#959595}
.container input{opacity:1 !important;}
#kontakt .fa{
    font-size: 20px;
}
.drop {
    display: inline-block;
    border: 0;
    width: 100%;
}
#ctadwa, #kontakt form div.for, #kontakt h2, #kontakt textarea, .drop {
    position: relative;
}
.drop select {
    height: 47px;
    border: 0;
    outline: 0;
    cursor: pointer;
    color: #959595;
}
.drop select, .drop::after, .drop:after {
    display: block;
   /* background: #fafafa;*/
    color: #959595;
    font-size: 14px;
    width: 100%;
    margin-bottom: 27px;
}
select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: #49beda;
    border-image: initial;
}
.drop::after {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    top: 7px;
    right: 5px;
    font-size: 23px !important;
    float: right;
    display: block;
    width: 49px !important;
    font-size: 24px;
    line-height: 34px;
    color: #e1e1e1;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}
.drop select, .drop::after, .drop:after {
    display: block;
   /* background: #fafafa;*/
    color: #959595;
    font-size: 14px;
    width: 100%;
    margin-bottom: 27px;
    padding-left: 18px;
    -moz-appearance: window;
    -webkit-appearance: none;
}
#kontakt .zgoda {
    float: left;
}
#kontakt .zgoda p {
    margin-bottom: 15px;
    line-height: 25px;
    float: left;
    margin-left: 40px;
}
#kontakt .zgoda input[type=checkbox], input[type=radio] {width: 20px !important;height: 20px !important;margin: 5px;-webkit-appearance: checkbox;-moz-appearance: none;-o-appearance: none;appearance:none;outline: transparent;box-shadow: none;font-size: 2em;position: absolute;}
#mapa {
    margin-top: 50px;
}
.table>thead>tr>th {
    border-bottom: 0;
}
.cart-2 table th {
    border-top: 1px solid #e5e5e5 !important;
    padding-left: 0px !important;
    padding-top: 20px !important;
    padding-bottom: 15px !important;
    font-weight: normal !important;
}
.cart-2 table .dn h4 {margin-bottom: 20px;margin-top: 40px;}
.cart-2 table .dn img.image-products {
	height: 113px;
	object-fit: cover;
	object-position: center;
	float: left;
	margin-right: 30px;
}
.cart-2 table .dn .opis {
	float: left;
}
.pol-100 {margin: 30px 0;}

.produkt-sl {

}
.produkt-sl img:hover {cursor: pointer;}
.produkt-sl img {margin-bottom: 15px;object-fit: cover;object-position: center;height: 300px;}

#cenyProduktu {}
#cenyProduktu  span {
    font-size: 24px;
}
#cenyProduktu .old-price {
    font-weight: 800;
    font-size: 20px;
    color: red;
}
#cenyProduktu .old-price::before {
	content: '';
	width: 100%;
	height: 2px;
	background-color: red;
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#cenyProduktu .new-price{
    color: #000;
    margin-left: 15px;
}
.produkt-detal {}
.produkt-detal .product-price {
    background-color: transparent;
    width: auto;
}
#cenyProduktu .badge {
    font-size: 16px;
    line-height: 17px;
    color: #000;
    background-color: transparent;
    font-weight: 700;
}
#cenyProduktu span#cena_txt {
    color: #000;
}

#galeria_responsive {
    display: none;
}

@media screen and (min-width: 250px) and (max-width: 480px) {
    #galeria {
        display: none;
    }
    #galeria_responsive {
        display: block;
    }

}