/*GRD */

.header__main .submenu__headline {
  margin-bottom: 10px;
  margin-top: 20px;
}

header .header__wrap-logo svg {display: block; min-width: 245px;;}
header .header__wrap-logo path.st0 {fill: var(--color-primary);}
header.toggle-fixed-on-scroll.fixed {position: fixed;  width: 100vw; background-color: #fff ;}
header.toggle-fixed-on-scroll.fixed .header__main {height: 75px !important; transition: 1s; }
header.toggle-fixed-on-scroll.fixed .header__main .header__wrap-logo svg {max-height: 35px; transition: 0.5s;}
header.toggle-fixed-on-scroll:not(.fixed) {transition: 1s;  height: initial;}

@keyframes blink {
  from {
    opacity: 0.1;
  }

  to {
      opacity: 0.9;
  }
}
.user-sidebar ul li:first-child a {
  animation: 1s infinite alternate blink;
  color: red 
}

h1.slide__headline {color: var(--color-white) }

.section-MultitabTextSection div[data-tab="4"] img {display: none}

.external-textures {border-bottom: 2px solid #eeeeee}
.external-textures a {text-decoration: none; width: 100%; width: 100%; display: block;}

.repo-packages summary  {    font-family: var(--font-family-montserrat);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-300);
  font-size: var(--font-size-32);
  line-height: var(--line-spacing-38);
  letter-spacing: var(--character-spacing-0);
  color: var(--color-text);}

  .cta-bg-color {background: #f1ede1; justify-content: center;}

.award-label,
.award-value { width: 100% ; display: block;}
.award-value {font-weight: bold;}
.award-value::after {content: 'PLN';}
.award { text-align: center; min-height: 150px; border: 1px dashed #dadada;  align-items: center; justify-content: center; display: flex; background-color: #fff; }
.award-1 {transform: scale(1.2); box-shadow: 0 0 50px rgb(204, 204, 204); border:  1px dashed var(--color-primary); padding: 30px 0  }

.already-uploaded ul{list-style: none; margin: 0px; padding: 0px; }
.already-uploaded ul li {display: inline-block; position: relative;}
.already-uploaded ul li svg {max-height: 30px;}
.already-uploaded ul li img {border-radius: 5px;;}
.already-uploaded ul li svg path {fill:  red }
.already-uploaded .delete-file {display: none;}
.already-uploaded ul li:hover .delete-file {display: block; position: absolute; bottom: 10px; right: 10px; z-index: 10; width: 25px; cursor: pointer;}
td.actions span.action svg {max-width: 20px; display: inline-block;}

.info-box.infobox-profile {padding: 40px !important}

.bg-Luxury {padding: 20px 0; background-image: url(/themes/jawor/assets/welcomescreen/lx/bg-pattern.jpg); }
.bg-Luxury-Parallax {padding: 20px 0; background-image: url(/themes/jawor/assets/welcomescreen/lx/bg-pattern.jpg); background-attachment: fixed; }
.bg-Retro {padding: 20px 0; background: url(/themes/jawor/assets/img/pattern.svg) #fafafa; }
.bg-Retro-Parallax {padding: 20px 0; background: url(/themes/jawor/assets/img/pattern.svg) #fafafa; background-attachment: fixed; }
.bg-FertigDeska {padding: 20px 0; background-image: url(/themes/jawor/assets/welcomescreen/fd/bg.jpg); } 
.bg-FertigDeska-Parallax {padding: 20px 0; background-image: url(/themes/jawor/assets/welcomescreen/fd/bg.jpg); background-attachment: fixed; } 

.countdownParts ul {list-style: none;}
.countdownParts ul li {display: inline-block;  line-height: 80px; margin: 0 10px;;}
.countdownParts ul li span {font-size: var(--font-size-82); font-weight: bold; color: var(--color-primary);}
.countdownParts ul li p {font-size: var(--font-size-42);}

.win-item { position: relative; display: flex;}
.win-item::before {content: ''; height: 100%; width: 100%; display: block; background-color: rgb(0, 0, 0,0.3) ; position: absolute; transition: 0.5s;}
.win-item:hover::before { background-color: rgb(0, 0, 0, 0); transition: 0.5s; }
.win-item .title,
.win-item .floor-name,
.win-item .author {position: absolute; bottom: 10px; right: 20px ; color: #fff; font-style: italic; }
.win-item .floor-name {bottom: 30px; }
.win-item .title {bottom: 60px; font-size: var(--font-size-24)}
.win-item .place {position: absolute; top: 20px; left: 20px; font-size: var(--font-size-42); color: #fff } 

.hero__slide {background-color: black; }
img {height: auto }

img.center {margin: 0px auto ; display: block;}
img.leftAlone {float: left ; padding-right: 15px; }
img.center {margin: 0px auto ; display: block;}
img.left {float: left; margin-right: 20px; margin-bottom: 20px;}
img.right  {float: right; margin-left: 20px; margin-bottom: 20px;}

li[data-setcenter="true"] {list-style: none ; cursor: pointer}

.form-error {background-color: #ffe8e8}

.close-infowindow {position: absolute; top: 10px;right: 20px; cursor: pointer;}

.wait.blink svg {animation-name: blink ; animation-duration: 2s; animation-iteration-count: infinite;width: 25px;;}
.wait.blink svg path {fill: var(--color-primary); }

input[name="WarrantyFiles[]"],
input[name="ContestFiles[]"] {opacity: 0; position: absolute }
button.upload-file-button svg path {fill: var(--color-primary)}
button.upload-file-button svg  {width: 30px; }
.text-right {text-align: right }
.warranty .status {color: #fff; padding: 3px; display: block; text-align: center; border-radius: 3px; float: left }
.warranty .status.draft {background-color: #dadada }
.warranty .status.reject {background-color: #ff0000}
.warranty .status.accept {background-color: var(--color-primary)}
.warranty .status.verify {background-color: dodgerblue}
.warranty .status.suspended {background-color: orange}
.warranty .file-list {padding: 5px; border-bottom: 1px dashed #dadada;}
.warranty table tr {cursor: pointer;}
.warranty table tr:hover td {background-color: #ececec ;}
.modal-form {position: relative;}

.modal-layer.popup {z-index: 100000;}
.popup-body {text-align: center; margin-top: 10vh}
.popup .close-modal {position: fixed; top: 25px ; right :25px ; cursor: pointer;}
.popup .close-modal svg {width: 40px;height: 40px; border: 2px solid white; border-radius: 50%; padding: 10px;}
.popup .close-modal svg path {fill: white; }
.popup .popup-video iframe {width: 100%; height: 100vh; max-width: 50vw; max-height: 50vh; ;}

.carrer-section .info-box p {width: 100%;}
.info-box.red {border-color: red }
.info-box.red:before {background-color: red }

.decor-textures .row {margin-bottom: 10px; justify-content: center ; align-items: center; padding: 3px; }
.decor-textures .row:nth-child(even) {background-color: #f5f3f2}

.texture-item img {border-radius: 5px; }

.btn strong {margin: 0 5px;}

footer span.h4 {color: #fff ; margin-bottom: 30px; display: block; }
.h1.bold,
.h2.bold,
.h3.bold,
.h4.bold {font-weight: bold}

.text-uppercase{text-transform: uppercase;}
.header li {padding: 0 13px;}

.regulation input {margin-right: 10px }
.regulation label {max-width: 90%}

table {width: 100%; padding: 10px; }
table tr td {padding: 32px 40px  }
table tr:nth-child(odd) {background-color: hsla(0,0%,93.7%,.3) }

.gallery-odd-even img {border-radius: 16px;}
.gallery-odd-even .slick-gallery-nav {position: absolute; bottom: 20px;  left: 20px }
.gallery-odd-even .slick-gallery-nav button {  background-color: var(--color-primary); }
.slick-item-cont { width: 90% !important   }
.gallery-slick-cont {position: relative ;}

.hero__slide:not(:first-child) { display: none !important }
.hero.hero--subpage .hero__slide {    align-items: flex-end;
  display: flex !important;} 
.flex-to-left {justify-content: left !important;}

footer .link--contact a{color: #fff }
.link--contact {display: block; }
.link--contact a{color: #2b3745; text-decoration: none; }
.link--contact svg {width: 24px; margin-right: 10px;}
.link--contact svg path{fill: var(--color-primary)}

.face-navigation {padding-bottom: 20px; }
.facet-option select {padding: 5px;}

select.regulation-select {max-width: 200px; font-weight: bold; color: #000}

.head-phones {width: 100%; text-align : right }

section { margin: 60px 0 ; padding-left: 0px; }
section, div.section {position: relative;}

.submenu__content div{padding: 15px; }
ul.catalog-selector {}

.flex-align-xy {align-items: center ; justify-content: center}


.slide__container_news {
  position: initial  !important;
  min-height: 188px; 
}

.slide__container_news {background-color: #2d2d2d; border-radius: 0 0 16px 16px }
.news-item img {border-radius: 16px 16px 0 0 !important}
.slide__container_news span.h4 {color: var(--color-white); line-height: 35px;  font-size: 20px; }



.slider.round {
    border-radius: 34px;
    height: 34px;
    width: 58px;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider.round:before {
    border-radius: 50%;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}




.product-gallery {Text-align: center; padding-top: 10px; }
.product-gallery img {border-radius: 5px; margin: 0 3px; cursor: pointer }
.product-name {padding-bottom: 15px;   }
.product-name span {width: 100%; display: block; font-weight: bold ; }

#f_cta.cart-is-set {bottom: 85px !important} 
#f_cta svg {width: 22px; margin-top: -5px }
#f_cta svg path {color: #fff }
#f_cta .share-actions {display: none } 
#f_cta { position: fixed; z-index: 10000;  color: #fff; bottom: 20px !important ; width: 17%  ; right: 12px;  padding: 10px 0 ;  text-align: center;}
#f_cta .cta-col { cursor: pointer; display: inline-block; text-align: center ;   border-radius: 50%; margin: 15px 15px 0px 15px; line-height: 58px; vertical-align: middle; height: 54px; width: 55px ; background-color: var(--color-primary) }
/**
koniec
**/

.awards-timeline .wyswig-cols div:nth-child(odd) {width: 15%;  border-right: 1px dashed var(--color-primary); padding-top: 10px; position: relative;}
.awards-timeline .wyswig-cols div:nth-child(odd)::before {content: '' ; position: absolute; }
.awards-timeline .wyswig-cols div:nth-child(even) p {padding-bottom: 30px; }
.awards-timeline .wyswig-cols {padding-bottom: 0px; padding-top: 40px; }

.awards-timeline-oddeven {overflow: hidden;}
.awards-timeline-oddeven .wyswig-cols div:nth-child(even) {width: 15%; text-align: center; }
.awards-timeline-oddeven .wyswig-cols div:nth-child(even):before {content: '';  width: 30px; height: 3px; display: block; }
.awards-timeline-oddeven .wyswig-cols div:nth-child(even)  p {background-color: var(--color-primary) ; border: 3px dashed #fff;  color: #fff; border-radius: 50%; width: 75px ; height: 75px; line-height: 70px; vertical-align: middle; font-weight: bold; position: relative; z-index: 10000 ; margin: 0px auto }
.awards-timeline-oddeven .wyswig-cols {padding: 25px 0}
.awards-timeline-oddeven .wyswig-cols:nth-child(even) div:nth-child(1) p ,
.awards-timeline-oddeven .wyswig-cols:nth-child(odd) div:nth-child(3) p { padding: 10px;   border-radius: 16px; font-weight: bold ;}
.awards-timeline-oddeven .wyswig-cols:nth-child(even) div:nth-child(1),
.awards-timeline-oddeven .wyswig-cols:nth-child(odd) div:nth-child(3) { margin-top: 30px; border-top: 1px dashed #dadada; }
.awards-timeline-oddeven .wyswig-cols div:nth-child(2) {position: relative;}
.awards-timeline-oddeven .wyswig-cols div:nth-child(2)::before {content: ''; width: 1000px; height: 1px; display: block ; border: 1px dashed #dadada;text-align: center;position: absolute;left: -422px; -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.awards-timeline-oddeven .wyswig-cols:nth-child(odd) div:nth-child(3) {border-left: 1px dashed #dadada;}
.awards-timeline-oddeven .wyswig-cols:nth-child(even) div:nth-child(1) {border-right: 1px dashed #dadada;}


.awards-timeline-oddeven .wyswig-cols div:nth-child(1) p > img, .awards-timeline-oddeven .wyswig-cols div:nth-child(3) p > img {
  filter: drop-shadow(0px 5px 5px #ddd);
  margin-bottom: 15px;
height: auto;
}

.awards-timeline-oddeven .wyswig-cols div:nth-child(1), .awards-timeline-oddeven .wyswig-cols div:nth-child(3) {
  margin-top: 0 !important;
  border-top: none !important;
  width: 42%;
}

.awards-timeline-oddeven .wyswig-cols div:nth-child(1) p, .awards-timeline-oddeven .wyswig-cols div:nth-child(3) p {
  padding: 10px;
  border-radius: 16px;
  font-weight: normal !important;
}

.awards-timeline-oddeven .wyswig-cols:nth-child(even) div:nth-child(1), .awards-timeline-oddeven .wyswig-cols:nth-child(odd) div:nth-child(3) {
border-left:none;
border-right:none;
}

.awards-timeline-oddeven .wyswig-cols div:nth-child(2)::before {
  content: '';
  width: 1px;
  height: calc(100% + 25px);
  display: block;
  border: 1px dashed #dadada;
  text-align: center;
  position: absolute;
  left: 50%;
  right: 50%;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.awards-timeline-oddeven .wyswig-cols {
  padding:0;
  margin: 25px 0;
}
.awards-timeline-oddeven .wyswig-cols div:nth-child(even) p {
  background-color: var(--color-primary);
  border: 3px solid var(--color-primary);
  color: #fff;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  line-height: 85px;
  vertical-align: middle;
  font-weight: bold;
  position: relative;
  z-index: 10000;
  margin: 0px auto;
}

.awards-timeline-oddeven .wyswig-cols div:nth-child(even) p:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 4px solid rgba(255,255,255,0.5);
  border-radius: 50%;
}


form label.required-field:before {content: '*'; color: red }
form[name^="CarrerItemForm-"] label, 
form[name="RegisterForm"] label {max-height: 150px; overflow:scroll; overflow-x: hidden;}

@media screen and (max-width: 767px) {

  .search__btn {margin-right: 30px}

  .awards-timeline-oddeven .wyswig-cols div:nth-child(2)::before {
      display: none;
  }
  .col-xs-12.col-lg-4.col-md-4.Gifts {
      display: block;
      width: 100%;
  }
  .awards-timeline-oddeven .wyswig-cols div:nth-child(2) {
  order:1;
  margin-bottom:25px;
  }
  .awards-timeline-oddeven .wyswig-cols div:nth-child(2) p {
  display: inline-block;
  }
  .awards-timeline-oddeven .wyswig-cols div:nth-child(1) {
  order:2
  }
  .awards-timeline-oddeven .wyswig-cols div:nth-child(3) {
  order:3
  }
  .awards-timeline-oddeven .wyswig-cols div hr {
  display: none
  }

}


.stage-version, 
.noscript-statement {position: fixed; z-index: 10001; background-color: #A57900; bottom: 0px; width: 100%; height: 50px; text-align: center; padding: 10px; color: #fff }

.no-result {background-color: #EFEFEF; padding: 50px;border-radius: 16px; font-size: 24px;}


.sc--icon svg {width: 20px; margin-right: 10px; }
.sc--icon svg path {fill: var(--color-primary)}


.page-menu li::before{display: none;}

.collections svg {max-width: 250px; margin: 0px auto }
.collections .box-image:not(.rc) svg path,
.collections .box-image:not(.rc) svg polygon,
.collection-item svg g rect, 
.collections svg rect.st1 {fill: white }
.offer-page svg {max-width: 200px; height: 70px; }


.offer-page .lead:not(.pos-3) svg path,
.offer-page .lead:not(.pos-3) svg polygon {fill: white }

.catalogs-section .banner:before{opacity: 0}
.catalogs-section .banner{text-align: Right }
.catalogs-section .box * {color: #000 !important }

.carreroffer-item {background-color: #fff; border-radius: 16px; }
.carreroffer-item p.label {font-weight: bold; color: var(--color-primary); margin-top: 30px; }

.remove-account { background-color: #EFEFEF;}

.catalogs-section .banner--small {background-color: #f1ede1; height: 357px;}

@keyframes jump {
    0% {top:-10px}
    50% {top:-0px}
    100% {top:-10px}
}
.btn--scroll {position: relative; ; animation-name: jump ; animation-duration: 2s; animation-iteration-count: infinite;}

form[name="filters"]  {width: 100% !important; max-width: 800%}
form[name="filters"] .filters-fields select {max-width: 100% !important;}  

select {width: 100%; display: block;  background-color: #fff; height: 46px; border: 2px solid #D9D9D9; font-family: 'Montserrat' ; font-weight: bold ; border-radius: 8px; font-size: 14px; padding-left: 15px; font-weight: normal ; color: gray }
select.already-selected {color: #000; font-weight: bold }



.my--container {width: 100vw}
.my--container-1 {max-width: 1680px; padding: 80px; margin: 0px auto}

.position {color: var(--color-text); padding-bottom: 30px; position: relative; }
.strong {font-weight: bold}

.collection-item { overflow: hidden ;  position: relative;}
.collection-item .lead {position: absolute; z-index: 1000 ; bottom: 0px ; text-align: left ; font-weight: normal ; padding: 10px; color: #fff  }
.collection-item a {font-weight: bold; }
.collection-item img {-webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.5s;}
.collection-item:hover img {-webkit-filter: grayscale(0%) !important;  filter: grayscale(0%) !important; }
.collection-item:hover img:not(.logo) {transition: 0.5s; transform: scale(1.05); }

.flatlist-odd-even img, 
.blog-first--element-intro img ,
.image img, 
img.image, 
.headline img,
.section--realization-link img,
.realization-item img {border-radius: 16px;}

.decor-item {text-align: left; }
.decor-item img {border-radius: 12%; transition: 0.5s }
.decor-item:hover img {border-radius: 0px; transition: 0.5s ; }
.decor-item span {font-family: 'Montserrat'; font-weight: bold ; width: 80%; text-align: left }
.decor-item a {text-decoration: none; color: var(--color-primary)}
.decor .more {border-bottom: 1px solid var(--color-primary)}
.decor-item .collection-name {font-size: 12px; color: #000; font-family: 'montserrat'; font-weight: 600; margin-top: 20px; text-transform: uppercase; max-width: 80%; max-width: 240px}
.decor-item .decor-name {font-weight: 700; max-width:250px; }
.decors-list-head span{font-weight: 700}
.box-image .box-image__bg {width: 100%;transform: scale(1.02);}

.recent-news-post {padding: 10px; overflow: hidden}

.page-result .breadcrumb {margin-top: 0px; padding-top: 0px;}



.cta {height: 500px; display: block; padding: 30px; color :#Fff  }
.cta span {color: #fff !important}
.cta a.button {background-color: #D80000; padding: 10px; border-radius: 5%; color: #fff }
.cta .parallax-container {height: 400px; display: block }
.cta .row.justify-content-center,
.justify-content-start {height: 400px; padding-top: 150px !important; color: #fff }

div.section { padding: 50px 0 }

.all-pages-search form {width: 100% !important; max-width: initial;}

.collection-logo {position: absolute; top: 30px; width: 130px; right: 30px; }
.shop-search input, input[name="q"] {width: 100% ; text-align: center; padding: 10px; }

.shop-result {border-bottom: 1px dotted #dadada}
.shops-head {padding: 10px 0 10px 0; font-weight: bold ;}

.blog-main-posts img {width: 100%; overflow: hidden ; border-radius: 15px }
.blog-item img {width: 100%; overflow: hidden ;}
.widget-posts { list-style: none; margin: 0px ; padding: 0px; ;}
.widget-posts img {border-radius: 5px;;}
.widget-posts a, .tags a, .work-navigation a, .blog-title a  {text-decoration: none; font-weight: bold; }
.tags a  {  padding: 10px 10px 10px 0px}
.work-navigation { display: flex; padding: 10px ;     justify-content: space-between;}
.work-navigation  a:nth-child(2) {text-align: center;}
.work-navigation  a:nth-child(3) {text-align: right;}



.shop-orders-head {font-weight: bold;}
.orders .row:nth-child(odd),
.files .file:nth-child(odd) {background-color: #f5f3f2; padding: 4px 0}
.repository-section .folder {margin-bottom: 30px;}

input[name="Quantity"] {width: 90px;text-align: center;}

.cart-and-quantity *{margin-right: 10px; display: flex; align-items: center;justify-content: center;}
.product-box__image input {position: absolute; bottom: 2px ; right: 0px ; position: absolute;bottom: 5px;right: 61px;opacity: 0}
.product-box__image:hover input {opacity: 1;transition: 0.2s}
.product-box__add-to-cart {opacity: 1;}

.product--grid--rows .product-box__wrap  {max-width: initial}


.render-image {max-height: 400px; height: 400px; overflow: hidden; position: relative; display: block }
.render-image img {position: absolute; bottom: 0px; width: 100% }

details {cursor: pointer}


.breadcrumbs a { color: #2B3745; text-decoration: none ; margin: 0 15px; }

.collection-intro {margin-top: 0px; }
.collection-intro .logo {width: 200px !important}
.collection-intro .breadcrumb {padding-bottom: 40px; }

.my--container{max-width: 1336px; margin: 0px auto }
.black-container {background-color: #000 }
.gray-bg {background-color: #EFEFEF}

.news-page {margin: 0px auto }
.news--content .row-content {max-width: 1080px; margin: 0px auto ; }
.news--content .container {background-color: #fff;  position: relative ; top: -24px ; border-radius: 24px}
.news--content h1.h3 {font-weight: bold }

.no--margin {margin: 0px; padding: 0px;}
.no--padding {padding: 0px ; padding: 0px; }


.toast {
    position: fixed;
    z-index: 10000;
    bottom: 1%;
    padding: 15px 32px;
    color: #fff;
    border-radius: 8px;
}

.toast.danger { background-color: #d91c12 }
.toast.info { background-color: #0069A5 }
.toast.success { background-color: var(--color-primary) }

.toast.left { left: 1%;}
.toast.right { right: 1%;}
.toast.top { bottom: 90%;}
.toast.bottom { bottom: 1%;}

.number-elements-of-cart {background-color: var(--color-primary); 
  color: var(--color-white); 
  border-radius: 50%; 
  width: 30px; 
  height: 30px;
  bottom: -10px; 
  right: -10px;  
  position: absolute; 
  display: flex; 
  align-items: center;
   justify-content: center}

header .car {width: 15px;}
header .cart svg {width: 15px; }
header .cart svg path {fill: var(--color-primary) }
header .cart-icon svg {width: 15px; position: relative; }
header .cart svg {
  width: 15px;   
  animation-name: shake;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
  height: auto}
header .cart-icon svg path { fill: var(--color-primary) }

@keyframes shake {
  0% {right: 0px}
  12%, 35% {right: 3px }
  25% {right: -3px }
  50% {right: 0px }  
  
}
 
.blog-first--element-intro {padding-top: 0px; margin-top: 0px;}

.main-menu li a {font-weight: bold; }

.calc-ask input[name="Surface"]{ max-width: 120px; text-align: center;}
.calc-ask .surface-fields {text-align: left;}
.calc-ask .surface-fields input,.calc-ask  .surface-fields button { display: inline-block ; margin: 0 5px}
.calc-ask div.calc-option {padding-top: 20px ; cursor: pointer}
.calc-ask .calc-option.selected-calc-option button {background-color: var(--color-primary); color: #fff }
.calc-ask .calc-option button {font-size: 13px;}
.calc-ask .calc-option.selected-calc-option {border-radius: 10px; }
.calc-ask .calc-option.selected-calc-option,
.calc-ask .calc-option button {border: 2px dashed var(--color-primary); }

.consent,
.pickup-place,
.calc-summary {text-align: left }
/** animacja **/


.lines {border: 1px solid transparent ; position: absolute; top: 0px; z-index: 1000; left: 8px; top: 8px;   width: calc(100% - 16px); height: calc(100% - 16px); opacity: 1 ; transition: 0.5s}
.banner--small:hover .lines,
.collection-item:hover .lines,
.box-image:hover .lines {transition: 1s;  opacity: 1; border-color: #fff }
.box-image a {z-index: 1001;}
.angles {
  background: linear-gradient(to right, #fff 2px, transparent 2px) 0 0, linear-gradient(to bottom, #fff 2px, transparent 2px) 0 0, linear-gradient(to left, #fff 2px, transparent 2px) 100% 0, linear-gradient(to bottom, #fff 2px, transparent 2px) 100% 0, linear-gradient(to left, #fff 2px, transparent 2px) 100% 100%, linear-gradient(to top, #fff 2px, transparent 2px) 100% 100%, linear-gradient(to right, #fff 2px, transparent 2px) 0 100%, linear-gradient(to top, #fff 2px, transparent 2px) 0 100%;
  background-repeat: no-repeat;
  background-size: 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-size 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


.collection-item:hover .angles,
.banner--small:hover .angles ,
.box-image:hover .angles {background-size: 16px 16px; }

.banner--small img {position: absolute; left: 25px; top: 40px  ; transition: 0.5s}
.banner--small:hover img {transform: scale(1.05); transition: 0.5s}
.banner--small a {position: relative; z-index: 10000}


.search-suggests {position: absolute; top: 105px; background-color:#fff ; box-shadow: 10px 10px 10px #000 ;}

.filters {padding-right: 30px;}
.filter-head svg {width: 15px !important;}
.filter-head svg path {fill: var(--color-primary)}
.filters details {font-size: 16px; padding: 10px 0; border-bottom: 1px dashed var(--color-primary);}
.filters summary {font-weight: bold ;}
.filters ul { padding: 0px; list-style: none;  margin: 15px 0 0 15px }
.filters ul li {margin: 0px ; padding: 5px 0 5px 3px; font-size: 14px;}
.filters .clear-filters {margin-top: 15px; text-align: right; }
.filters .clear-filters a {color: var(--color-primary); cursor: pointer;}
.filters details ul { max-height: 245px; overflow: scroll; overflow-x: hidden; overflow-y: hidden;}
.filters details:hover ul {overflow-y: visible; transition: 0.5s;}
.filters ::-webkit-scrollbar {width: 0px;}

.statement-info {border: 1px solid red ; padding: 10px; }

.filters:hover ::-webkit-scrollbar {
  width: 5px;
  transition: 1s;
}

.filters ::-webkit-scrollbar-track {
  background: #dadada;
  border-radius: 3px;
}

.filters ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px
}

form[name="search-category"] .clear-filters a {margin: 0 10px ;  color: var(--color-primary)}



.purchase-info {border: 2px dashed var(--color-primary); background-color: #fff; border-radius: 15px; position: relative; }
.purchase-info:before {
  content: '';
  height: 3px;
  background-color: var(--color-primary);
  width: 80%;
  top: -1px;
  position: absolute;

}

.mini--submenu {position: absolute; display: none ; }
.is-submenu:hover ul.mini--submenu {display: block ; background: #fff; max-width: 300px;  }
.is-submenu:hover ul.mini--submenu li {width: 100% ; display: block; padding: 10px ;}

.mini--submenu li, .submenu__content div {position: relative}
.mini--submenu a:after, .submenu__content a:after {content: ''; width:0px; height: 1px ; display: block; background-color: var(--color-primary); transition: 0.2s; position: absolute; }
.mini--submenu a:hover:after, 
.submenu__content a:hover:after  {width: 80%; transition: 0.2s}
.submenu__content li a::after {display: none !important}


.logo-title {width: 100%; display: block; text-transform: uppercase; text-align: center; color :var(--color-primary); font-weight: bold; margin-top: 10px; }

.trendy-design {position: relative;}
.trendy-design .btn {position: absolute; left: -120px ; bottom: 50px}


.section-TextSection div.info-box {padding: 30px 20px calc(30px - 1rem); border: 1px dashed #0a6641 ; border-radius: 16px; display: block !important }

.section--map .form-check {max-width: 95% !important;}



/**
  dekor
**/

.hero.hero--subpage .slide__logo {position: absolute; right: 2%; bottom: 5%;}

/**
mapa
**/
.section-MapSection {padding-top: 50px; }
.map-container .info-window {position: absolute; right: -50px;  background-color: #fff; border-radius: 15px; border: 1px dashed var(--color-primary); padding: 40px 60px;     box-shadow: 0px 2px 25px #ccc;}
.map-container .info-window:before {content: ''; display: block; height: 3px; width: 80%; background-color: var(--color-primary); position: absolute; top: -1px; left: 10% ; border-radius: 2px}
.map-container {display: flex; align-items: center;justify-content: center; position: relative }
#map{height: 500px; border-radius: 15px; width: 100%}
.section-ContactFormSection #map {height: 100vh}

/**
  GRID z opisem dla SEO
**/

.section--about-us--grid .h4 {display: block; padding-bottom: 30px; }
.section--about-us--grid div.content:nth-child(1) {background: var(--color-primary) ; color: #fff; }
.section--about-us--grid div.content:nth-child(1) .h4 {color: #fff }

/**
  rejestrajca / logowanie
**/
.section--login--register {background-color: #e3e3e3;}
.section--login--register form {background-color: #fff ; padding: 20px ; border-radius: 16px; max-width:50%; margin: 0px auto }
.section--login--register .message { color: #000; margin: 10px 0 ; border-radius: 8px; border: 2px dashed var(--color-primary); display: none ; color: var(--color-primary)} 
.section--login--register .message.Error {border-color: red; color: red }
.section--login--register .info-box { max-width: 50%; margin: 0px auto  }
.section--login--register .info-box div {width: 100%}
.section--login--register span.h3 {margin-bottom: 15px}

/**
  floori area
**/

.floori-area {position: fixed; width: 100vw; height: 100vh ; top: 0px; background-color: #fff ;  z-index: 1000;}
.floori-area iframe {width: 100vw; height: 100vh ;}
.floori-area .action {
  width: 255px;
  position: absolute;
  z-index: 10;
  bottom: 0px;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}


/**
social profiles
**/
footer .social-profiles li svg { width: 25px; }
footer .social-profiles li {display:inline-block; padding-right: 10px ; border-bottom: 0px; }

/**
  modal form
**/
.modal-layer {position: fixed; top: 0px; z-index: 10000; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.7); display:block ; overflow: scroll;  -ms-overflow-style: none;}
.modal-layer::-webkit-scrollbar {display: none;}

.loading p {color: #fff ;text-align: center; position: relative; top: 50%}

.modal-form {width: 38%; background-color: #fff ;  padding: 50px;  box-shadow: 1px 1px 150px #f1f1f1; margin: 0px auto; margin-top: 5%  }
.modal-form .modal-header {border-bottom: 0px; position: relative;}
.modal-form .close-modal { width: 25px; text-align: center; position: absolute; right: 20px; top: 20px; cursor: pointer;}
.modal-form .form-group.action div {padding-left: 0px;}

div.form-control {border: 0px; }
/**
  profile section
**/
.profile {position: relative;}
.profile-main-data {position: relative; }
.profile .close.strong {border: 2px solid fff ; padding: 2px 5px;     position: absolute; top: 0px ;right: -1px; background-color: white; color: var(--color-primary); cursor: pointer;}
.profile-image {cursor: pointer;}
.profile-image img {border-radius: 50%;  border: solid 5px var(--color-primary); }
.profile .biogram {position: absolute; top: 0px; background-color:#000; color: #fff  ; border: 1px solid #fff ; z-index: 1000;}
/**
  blog
**/

.blog-main-posts img {height: auto }

/**
departament
**/
.section-DepartamentSection img {border-radius: 15px}

.news-page .news-item {position: relative ;}
.news-page .news-item img {border-radius: 16px}
.news-page .news-item .slide__name {min-height: initial ; }
/**
przeciazenia
**/


.box-image__content {width: 100% }
.slide.news-item  {opacity: 1;}
.slide.news-item img {border-radius: 5%;}
div.collections .slide-left-full,
div.collections .slide-right-full {
    margin: 0px;
}

div.collections .slide-left { margin-left: initial !important ; padding: 20px ;}
div.latest-on-blog {background-color: #e3e3e3}
div.latest-on-blog .line span {background-color: var(--color-primary)}
div.latest-on-blog h2{color: #2b3745}

.form-search.active {border-bottom: 1px solid #dadada}
.section--calculator .container .headline {margin-top: 60px; margin-bottom: 30px; }


.products-shop-list {margin: 0px; display: block !important ; }
.products-shop-list img {border-radius: 8px}
.products-shop-list span.h4 {font-weight: bold; }
.products-shop-list a{text-decoration: none }
.products-shop-list.display-List .row:nth-child(odd) {background-color: hsla(0,0%,93.7%,.3); }
.products-shop-list .price-field {display: flex; align-items: center; justify-content: center }
.products-shop-list .addtocart{cursor: pointer ; position: absolute ; }
.products-shop-list .grid-cols.addtocart {position: initial; margin-left: 10px;}
.products-shop-list .product-box__price.grid-cols {font-size: 18px;}
.product-box__add-to-cart {right: -20px;bottom: 0px;}

.side-menu {max-height: 80vh;
  overflow: scroll;
  overflow-x: hidden;}

/**  
    Timeline
*/
@keyframes blink {
  0% {opacity: 0;}
  50% {opacity: 1}
  100% {opacity: 0}
}

.timeline svg {max-width: 3rem; position: absolute; left: -80px} 
.timeline svg.passed path {fill: var(--color-primary)}

.timeline  > .timeline__event.waiting  ~ .waiting svg  {
  animation: none;
}
.timeline  > .timeline__event.waiting  ~ .waiting svg path {
  fill: rgb(207, 207, 207);
}
.timeline  > .timeline__event.waiting  svg { 
  animation-name: blink ; animation-duration: 2s; animation-iteration-count: infinite;
}

.timeline {
  display: flex;
  flex-direction: column;
  width: 50vw;
  margin: 5% auto;
}
.timeline__event {
  background: #fff;
  margin-bottom: 20px;
  position: relative;
  display: flex;
  margin: 20px 0;
  border-radius: 8px;
  border: 1px solid #dadada 
}
.timeline__event__title {
  font-size: 1.2rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 600;
  color: #bad7bd;
  letter-spacing: 1.5px;
}
.timeline__event__content {
  padding: 20px;
}
.timeline__event__date {
  color: #f6a4ec;
  font-size: 1.5rem;
  font-weight: 600;
  white-space: nowrap;
}
.timeline__event__icon {
  background: #bad7bd;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 40%;
  font-size: 2rem;
  color: #bad7bd;
  padding: 20px;
}
.timeline__event__icon i {
  position: absolute;
  top: 50%;
  left: -65px;
  font-size: 2.5rem;
  transform: translateY(-50%);
}
.timeline__event__description {
  flex-basis: 60%;
}
.timeline__event:after {
  content: "";
  width: 2px;
  height: 100%;
  background: red ;
  position: absolute;
  top: 52%;
  left: -3.5rem;
  z-index: -1;
}
.timeline__event:before {
  content: "";
  width: 5rem;
  height: 5rem;
  position: absolute;
  background-color: #fff; 
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  border-radius: 100%;
  left: -6rem;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid var(--color-primary);
}


.timeline__event--type3:before {
  border-color: var(--color-primary);
}
.timeline__event--type3:after {
  background: var(--color-primary);
}
.timeline__event--type3 .timeline__event__date {
  color: #fff;
}
.timeline__event--type3 .timeline__event__icon {
  background: var(--color-primary);
  color: var(--color-primary);;
  max-width: 30%;
}
.timeline__event--type3 .timeline__event__title {
  color: var(--color-black);;
}
.timeline__event:last-child:after {
  content: none;
}
@media (max-width: 786px) {
  .timeline__event {
    flex-direction: column;
 }
  .timeline__event__icon {
    border-radius: 4px 4px 0 0;
 }
  .timeline__event {
    flex-direction: column;
  }
  .timeline__event__icon {
    border-radius: 4px 4px 0 0;
  }
  form[name="filters"] .filters-fields {flex-direction: column; }
  
}

/**
  scrollbar progress
**/
div#scroll-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height:3px;
  background-color: #0a6641;
  z-index: 10000;
}
/**
  galerie
**/

.gallery-section img {border-radius: 16px}
.slick-gallery-nav { text-align: center; }
.slick-prev, .slick-next {display: none !important;}
 .gallery-nav-btn{border: 1px solid var(--color-primary) ; border-radius: 50%; width: 32px; height: 32px; background-color: var(--color-primary); color: var(--color-white)}

/**
yt
**/
.youtube-stream { width: 100%; height: auto; min-height: 450px; border-radius: 15px }
/**
  tabela CI
**/
.of-x{overflow-x:auto;padding:10px 2px;transition:all .5s ease-in .3s;display:none}table.tg{border-collapse:collapse;border-radius:5px;border-style:hidden;box-shadow:0 0 0 1px #ccc;min-width:calc(800px - 20px)}table.tg .tg-1{width:100px}table.tg td:not(:last-of-type){border-right:1px solid #ccc}table.tg thead{border-bottom:1px solid #ccc}table.tg th{font-size:18px}table.tg td,table.tg th{padding:10px 20px}.tooglex{display:inline-block;border:1px solid #ccc;padding:5px;border-radius:2px}
/**
rwd
**/

ul.menu-lang {display: flex; align-items: center; }
div.header-menu { display: flex; align-items: center;}


@media screen and (max-width: 1400px){
  .collections   {text-align: center;}
  .collections  br {display: none;} 
}
@media screen and (max-width: 1280px) {
  .header .mobile-menu {position: absolute; top: 38px; right: 0px; z-index: 10000 }
}
@media screen and (max-width: 1280px) {

  .header__main .search .icon-search:before {font-size: 30px; }

  

    .mobile--menu--layer {overflow: scroll}

  .mobile--menu--layer {width: 100vw;height: 100vh;position: fixed;top: 0px;background: #fff; ;z-index: 1000; overflow-x: hidden }
  .mobile--menu--layer ul  {list-style: none; padding: 0px ; margin: 0px; }
  .mobile--menu--layer ul.submenu {padding-top: 20px; padding-left: 20px; }
    ul.mobile-menu-items {list-style: none; padding: 0px; margin: 0 30px 0; }
    .menu-container {border-right: 1px dashed var(--color-primary); background-color: var(--color-primary); height: 100% ; min-height: 100vh}
  ul.mobile-menu-items li {list-style: none; padding: 20px 10px; width: 100% ; }
  ul.mobile-menu-items li a, ul.mobile-menu-items li span {font-size: 21px; color: #fff; text-decoration: none !important;  }
  ul.mobile-menu-items li span {border-bottom: 1px solid #dadada}

  ul.mobile-menu-items .submenu {display: none ;}
  ul.customer-selector li.cart {display: none !important }
  .submenu-items ul {display: block !important;}
  .mobile--menu--layer .submenu__headline {display: none }


  .mobile--menu--layer .mobile-langs li img {margin-left: 10px; }
  .mobile--menu--layer .mobile-langs li { display: inline; padding: 0 10px;}
  .mobile--menu--layer .mobile-langs li a {color: #000; font-weight: bold; text-decoration: none ;}
  .mobile--menu--layer .company-data {font-size: 20px;line-height: 27px; max-height: 100vh;}
  .mobile--menu--layer .company-data a {text-decoration: none ; color: var(--color-primary)}
  .mobile--menu--layer .company-data .h4 {display: none }

  .mobile--menu--layer .social-profiles {padding: 25px 0 ; text-align: center;}
  .mobile--menu--layer .social-profiles li {display: inline;     padding: 0 7px;}
  .mobile--menu--layer .social-profiles li svg {width: 25px;  }
  .mobile--menu--layer .social-profiles li svg path {fill: var(--color-text) }

  .mobile--menu--layer .close--mobile--menu {position: absolute; top: 35px; right: 15px; cursor: pointer}
  .mobile--menu--layer .close--mobile--menu svg {width: 20px; }
  .mobile--menu--layer .close--mobile--menu svg path {fill: var(--color-text)}

  .mobile--menu--layer .mobile-triangle {
    position: fixed;
    bottom: 0px;
    transform: rotate(45deg);
    bottom: -700px;
    right: -350px;
}

}

@media screen and (max-width: 1200px) { 
  .header__main .search__btn .icon-clear, .header__main .search__btn .icon-search {    top: 48px; left: 0; }
  .header__main .search__btn {border: 0px }
}

@media screen and (max-width: 1024px) {
  .modal-form {width:  60%;}
}

@media only screen and (min-width: 992px) {
  #f_cta {display: none }
}


@media screen and (min-width: 768px) {
  .contest-page .gallery-section {max-height: 1000px; overflow: scroll; overflow-x: hidden}
  .contest-page .gallery-section::after {content: '' ; height: 50px; width: 100%; display: block;  }
  .contest-page .is-submenu:hover ul{display: block !important; }
}
@media screen and (max-width: 768px) {

  .popup .popup-video iframe {max-width: 100vw;}
  
  .header__main .search__btn .icon-clear, .header__main .search__btn .icon-search {    left:  35%; }

  .timeline__event--type3 .timeline__event__icon {    width: 100%; display: block; max-width: 100%; }
  .timeline__event:before, .timeline__event::after
   {display: none}

  .profile {max-width: 50%;}

  .section-DepartamentSection .employee {max-width: 50%;} 

  .flatlist-odd-even .row:nth-child(even) {flex-direction: column-reverse ; text-align: center }
  .flatlist-odd-even .row div {text-align: center }

  .section--login--register form,
  .section--login--register .info-box {max-width: 100%}

  .row.result-area , 
  .result-area .row {padding-right: initial ;}

  form[name="search-category"] .row  {    flex-direction: column;}
  form[name="search-category"] .row div, 
  form[name="search-category"] .row select {width: 100% !important; max-width: 100% !important }

  .modal-form {width:  80%;}

  .mobile--menu--layer .close--mobile--menu svg path {fill: var(--color-white)}

  .header__top > div > div > div.row { flex-flow: column-reverse;}
  .header__top .logo-ue {padding: 5px;}
  .header__top .header-menu {justify-content: center; padding: 7px}

  .my--container-1 {padding:30px }
  /* NIE NIE NIE ;-) */
  /*p {*/
  /*  font-size: 1.3em;*/
  /*  line-height: 1.5em;}*/

  footer {padding: 0 30px 30px 30px}

  .filters {padding-bottom: 40px;}

  .result-area.row .col-md-3, 
  .decor-in-collections.row .col-md-3 {max-width: 50% }
  .collection-intro .content img {width: 100% }
  .decor-item .decor-name {line-height: 1.6em}

  .section--product-info .row > * {padding-left: 0px;padding-right: 0px;}
  .section--product-info .product-info {margin-left: 0px ; padding: 30px }
  .section--product-details   button.addToCartButton {display: none }
  .section--product-info .decor-actions button { margin-bottom: 5px;  text-align: center }


  .hero.hero--subpage {max-height: 500px; overflow: hidden }
  .hero.hero--subpage .slide__logo {max-width: initial }

  .section--map form{margin-left: 0px }
  .section--map .map img {max-width: initial ; display: none  }

  .product-other__slider .decor-item {margin: 25px; }
  .section--product-other .product-other {margin-top: 0px}

  .section--calculator .summary-price {margin-top: 45px; }
  .section--calculator .checkout-calc .row {display: block }
  .section--calculator .container {padding: 25px 15px; }

  .rwd-slide { max-height: 256px ; display: flex; align-items: center; justify-content: center; }
  .hero__slide  {max-height: 256px}

}

@media screen and (max-width: 640px) {
  .catalogs-section   .banner--small img{width: 35%; }
  .catalogs-section .text-right {text-align: right }
  .catalogs-section .banner--small {height: 260px;}
  .modal-form {width:  95%;padding: 50px 15px; top: 0px !important}
}

@media screen and (max-width: 468px) {
  .header__main .search__btn .icon-clear, .header__main .search__btn .icon-search {    left:  20%  ; }
}

@import "/themes/jawor/css/alter.css";