@charset "utf-8";
/* CSS Document */

.page-config,
.page-config .fp-tableCell{height:auto!important;overflow:hidden;}



@media(min-width: 2000px) {
  .page-config::before {    
    top: auto;
    bottom: 100px;
  }
}

@media(max-width: 1799px) {
  .page-config::before {    
    bottom: 100px;
  }
}

@media(max-width: 1199px) {
  .page-config::before {  
    bottom: 70px;
    left: 70%;
  }
}

@media(max-width: 1023px) {
  .page-config::before {
    left: 85%;
  }
}

@media(max-width: 767px) {
  .page-config::before {
    display: none;
  }
}

.page-config .content-holder{max-width:1440px;}
.config{max-width:630px;padding:0 0 25px;}
.config .col-1{padding-left:5px;padding-right:5px;}
.config .item{text-align:center;padding-top:3px;}
.config .item.select{padding-top:0;position:relative;cursor:pointer;}
.config .item.active{}
.config /*.item.select:before{content:'';display:block;background:#FFFFFF;width:14px;height:14px;position:absolute;top:-10px;left:50%;transform:rotateZ(45deg);z-index:0;margin-left:-5px;transition:background-color .5s;}*/
.config .item.select.checked:before{background:#d20a11!important;}

.config .item .img{ position:relative; z-index:1;}
.config .item img{display:block;}
.config .item img.none{display:none;}
.config .item .name{}
.config .item .name span{display:block; padding:10px 0 5px;}
.config .item .name strong{font-weight:normal;}
.page-config .desc{padding:50px 0; min-height:340px;}
.page-config .desc p{font-size:18px;line-height:1.5;}
/* zmiana usuniecie padding-bottom 50px bottom:0 */
.page-config .show{width:calc(100% - 630px);background-size:100% auto;max-width:600px;position:absolute;right:0;}
.page-config .show:before{content:'';display:block;width:140%;height:180px;background-size:100% 100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:0;}
.page-config .show .element{position:relative; z-index:1; max-width: 100%;}
.page-config .show .el-1{}
.page-config .show .el-2{position:absolute; top:0;}
.page-config .show .el-3{position:absolute; top:0;}

@media screen and (min-width: 1400px) {
  .page-config .show img {max-width: 120%; padding-right: 20px;}
}

@media screen and (min-width: 2000px) {
  .page-config .show img {max-width: 100%; width: 100%; padding-right: 20px;}
  .page-config .content-holder {
    max-width: 1600px;
  }
}

.config-select{background:#fff;padding:20px;position:absolute;bottom:100%;margin:0 0 10px;left:-20px;width:680px;z-index:10;}
.config-select .v-scroll{height:300px;margin:10px 0 0;}
.config-select .sign{height:48px;overflow:hidden;font-size:13px;text-align:center;line-height:1.2;}
.config-select .tiles-2{margin:0 -1.5px;}
.config-select .tiles-2 .col-1{padding-left:1.5px;padding-right:1.5px;}

.config .tiles-uv .item.select:before{top:-7px;}
.config .tiles-uv .item{padding-top:0; border-top:3px solid transparent;}
.config .tiles-uv .value{font-size:55px;text-align:center;background:#fff;height:120px;line-height:120px;}
.config .tiles-uv .select.checked .value{background:#d20a11;color:#fff;}
.config .tiles-uv .uv-select{position:absolute; bottom:100%; width:100%;opacity:0;transition:opacity .5s;visibility:hidden;}
.config .tiles-uv .uv-select .uv{width:100%;height:120px;background:#fff;line-height:120px;font-size:55px;margin-bottom:2px;color:#ddd;transition:background-color .5s;}
.config .tiles-uv .item:hover .uv-select{opacity:1;visibility:visible;}

.config .tiles-uv .checkable .value{transition:background-color .5s;cursor:pointer;}
.config .tiles-uv .checkable:hover .value,
.config .tiles-uv .checkable:hover .select:before,
.config .tiles-uv .checkable .uv-select .uv:hover{background-color:#e88488;}
.config .tiles-uv .checked .value{background:#ee3388!important;color:#fff;}


@media only screen and (max-height:900px){
 .page-config .content-holder{max-width:1120px;}
}
@media only screen and (max-width:1840px) and (min-height:901px){
 .page-config .show{right:150px;}
}
@media only screen and (max-width:1760px) and (min-height:901px){
 .page-config .show{right:200px;}
}
@media only screen and (max-width:1680px){
 .page-config .content-holder{max-width:1140px;}
 .page-config .show{right:80px;width:370px;}
 .config{width:390px;}
 .config .tiles .col-1{width:33.333%;}

 .config-select{width:430px;}
 .config-select .tiles-2 .col-1{width:33.333%;}

 .config .tiles-uv{width:650px;}
 .show.window{bottom:50%; transform:translateY(50%);}
}
@media only screen and (max-width:1140px){
 .show.window{width:320px;}
 .page-config .show {right: 120px;}
}

@media only screen and (max-height:767px) and (min-height:638px){
 .page-config .desc{padding:40px 0; min-height:280px;}
 .show.window{bottom:45%;padding-bottom:0;}
}
@media only screen and (max-width:1023px){
 .page-config .flex{display:none;}
 .page-config .content-holder{max-width:1140px;}
 .page-config .show{right:-20px;width:360px;bottom:50%;transform:translateY(55%);}
 .config{width:300px;}

 .config-select{width:370px;}
 .config-select .v-scroll{height:270px;}

 .show.window{/* right:80px; */ width:320px; right: 4px; top: -183px;}
 .page-config .show img {max-width: 100%;}
}
@media only screen and (max-width:767px){
 .page-config .content-holder{}
 .page-config .show{position:relative; transform:translateY(0); right:auto; bottom:auto; width:220px; margin: 0; /* margin:40px auto 0; */}

 .config{width:300px; margin:0; padding:0;}
 .page-config .desc{min-height:0; padding:0 0 50px;}
 .page-config .tiles{max-width:260px; margin:0 20px;}
 .config .tiles .col-1{width:50%;}
 .config .item .name{padding-bottom:30px;}

 .config-select{width:300px;left:0;}
 .config-select .tiles-2 .col-1{width:50%;}

 .config .tiles-uv{width:100%;margin:0;padding:0 20px;}
 .config .tiles-uv .col-1{width:50%;}

 .show.window{right: auto; top: 0;}
 .page-config .show img {max-width: 150%;}
}

.product-wrapper {
  /* padding-top: 90px; */
  background-color: #dfe7ef;

}

.product-wrapper .section .holder.new-holder {
  position: relative; 
  max-width:1650px; 
  margin:auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-height: 0;
}

@media(max-width:1899px) {
    .product-wrapper .section .holder.new-holder {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
}

.product-wrapper .section:not(:last-child) .holder.new-holder {
  position: relative; 
  max-width:1650px; 
  margin:auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-height: 0;
  border-bottom: 4px solid #fff;
}

.product-wrapper section.holder {
  min-height: 0;
}

@media(min-width: 1200px) {
  .product-wrapper section.holder {
    padding-bottom: 40px !important;
  }
}

@media(min-width: 1600px) {
  .product-wrapper section.holder {
    padding-bottom: 100px !important;
  }
}

@media(min-width: 1800px) {
  .product-wrapper section.holder {
    padding-bottom: 150px !important;
  }
}

@media(max-width: 767px) {
  .product-wrapper {
    /* padding-top: 30px; */
  } 
}

@media(max-width: 1023px) {
  #prods_container .cols-5 > .col-1 {
    width: 33%;
  } 
}

@media(max-width: 767px) {
  #prods_container .cols-5 > .col-1 {
    width: 100%;
  } 
}