/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 8px;;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #3fa535;
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #3fa535;
    width: 15px;
    height: 10px;;
    transition: 0.2s;
  }
.header__logo {
  left: -4px;
}
.header__logo a {
  border-color: #f1f1f1
}


header.fixed {
  position: fixed;
  z-index: 1000;
  width: 100vw;
  background: white;
}
header .searchbar {
  transition: 0.2s;
}
header.fixed .searchbar {height: 0px; transition: 0.5s;}
header.fixed .header__logo img {transition: 0.2s;}



.rwd-slide  {max-height: 600px;overflow: hidden;}
.rwd-slide a {z-index: 1000;}
.rwd-slide img, .rwd-slide picture {  width: 100vw !important; top: 0px; height: auto; position: absolute;}
.rwd-slide .carousel__box {z-index: 100;}
@media screen and (min-width: 1200px) {
  .rwd-slide.carousel__item {height: auto !important; min-height: 600px;} 
}

@media screen and (max-width: 920px) {
.rwd-slide.carousel__item {height: auto !important; min-height: 400px;} 
}

@media screen and (max-width: 468px) {
  .rwd-slide.carousel__item {height: auto !important; min-height: 300px;} 
  }

.product-finishes__image__realization {height: 300px; }

.content-realizationpage .info-box {background-color: transparent; padding: 0px !important; margin: 0px !important; }
.content-realizationpage {background-color: #fff;}
.content-realizationpage h1::before {background-color: #fff }

.products-set .item {position: relative;}
.products-set .item:not(:last-child)::after {content: '+'; position: absolute; vertical-align: middle; align-items: center; font-size: 40px; top: 48%; right: -13px; z-index: 10000;}
.products-set:not(:last-child)  {border-bottom: 1px solid #dadada}

input[type="text"].form-error,
textarea.form-error {border: 1px solid red}
.validation-error {color: red}  


.do-search {background-color: #bad7bd; padding: 15px 20px; max-width: 60px;; display: block; display: flex ; align-items: center; justify-self: center; text-align: center; cursor: pointer;}
.do-search svg{width: 25px; }
.do-search svg path {fill: white;}

.numbers .counter {font-size: 2.5rem; font-weight: bold; color: #bad7bd}

div.columns.border{ padding: 25px ; border: 2px dashed #bad7bd !important;}

div.columns {margin-bottom: 1.25rem}
div.columns .info-box img {max-width: 100%; height: auto;}

.page-4343 .columns:nth-child(3) .col-xs-12:nth-child(3) .info-box {background-image: url('/themes/osmo/assets/img/osmo-logo-300n.jpg') ; background-color: #fff !important; background-repeat: no-repeat; background-position: center; background-size: 50%;}

.justify-content-center ul {list-style: none;}
.justify-content-center ul li {padding-left: 20px; }
.justify-content-center ul li::before {content: ''; display: block; width: 10px; height: 10px; background-color: #bad7bd; position: relative; left: -20px; top: 15px;}

p {line-height: 25px;}
strong {font-weight: bold;} 

section.calc-section img {max-width: 100%}   
section.calc-section .get-calc-var-area {border-bottom: 1px solid #dadada}
section.calc-section .input-area {background-color: #f1f1f1; position: relative; }
section.calc-section input[type="radio"] {margin-right: 10px; cursor: pointer }
section.calc-section input[type="number"] {max-width: 80px; text-align: center; padding: 10px; }   
section.calc-section .input-area button {position: absolute; right: 0px;   color: #636363; text-transform: uppercase; height: 100%; top: 0px; padding: 0 25px;}
section.calc-section .calc-result {background-color: #ebf5ec; border: 1px solid green}

.offer-segment-menu.do-wewnatrz .link--headline,
.page.do-wewnatrz .filters .btn-filter  {border-color: #ffe37e}
.offer-segment-menu.na-zewnatrz .link--headline,
.page.na-zewnatrz .filters .btn-filter  {border-color: #cfe09b !important}
div.page.do-wewnatrz .postal-code-area label,
.btn-color {color: #636363; border: 0px; }
.btn-color svg {width: 15px; margin-right: 5px;}
.btn-color svg path {fill: #636363}

div.page.akcesoria-i-narzedzia .btn-color,
div.page.akcesoria-i-narzedzia .collection-item .count, 
div.page.akcesoria-i-narzedzia .section--product-info .nav-tabs ,
div.page.akcesoria-i-narzedzia .section__headline--style-2:before,
div.page.akcesoria-i-narzedzia .section__headline--style-3:before,
div.page.akcesoria-i-narzedzia .header__main-menu:before,
div.page.akcesoria-i-narzedzia .count { background-color: rgb(212, 212, 212);}


div.page.akcesoria-i-narzedzia .tab-content ul li::before,
div.page.akcesoria-i-narzedzia .section--product-details ul li:before{content: '';display: block;width: 10px;height: 10px; background-color: rgb(212, 212, 212) ;position: relative;left: -20px;top: 15px;}

div.page.do-wewnatrz .postal-code-area label,
div.page.do-wewnatrz .btn-color,
div.page.do-wewnatrz .collection-item .count, 
div.page.do-wewnatrz .section--product-info .nav-tabs ,
div.page.do-wewnatrz .header__main-menu:before,
div.page.do-wewnatrz .count {background-color: #ffe37e !important; } 

div.page.do-wewnatrz .section__headline--style-2:before,
div.page.do-wewnatrz .section__headline--style-3:before {
  background-color: transparent !important;
  border-bottom: 2px solid #ffe37e !important; 
}


div.page.na-zewnatrz .postal-code-area label,
div.page.na-zewnatrz .header__main-menu,
div.page.do-wewnatrz .main-menu__item a,
div.page.do-wewnatrz .main-menu__item button,
div.page.na-zewnatrz .main-menu__item a,
div.page.na-zewnatrz .main-menu__item button{color: #636363 !important;  }

div.page.na-zewnatrz .postal-code-area label,
div.page.na-zewnatrz .btn-color,
div.page.na-zewnatrz .collection-item .count, 
div.page.na-zewnatrz .header__main-menu:before,
div.page.na-zewnatrz .section--product-info .nav-tabs {background-color: #cfe09b !important; } 

div.page.na-zewnatrz .section__headline--style-2:before,
div.page.na-zewnatrz .section__headline--style-3:before {
  background-color: white !important;
  border-bottom: 2px solid #cfe09b !important; 
}

div.page.na-zewnatrz .section__headline {border-color: #cfe09b}
div.page.do-wewnatrz .section__headline {border-color: #ffe37e}

div.page.na-zewnatrz .tab-content ul li::before,
div.page.na-zewnatrz .section--product-details ul li:before {content: '';display: block;width: 10px;height: 10px;background-color: #cfe09b;position: relative;left: -20px;top: 15px;}

div.page.do-wewnatrz .tab-content ul li::before,
div.page.do-wewnatrz .section--product-details ul li:before {content: '';display: block;width: 10px;height: 10px;background-color: #ffe37e;position: relative;left: -20px;top: 15px;}

.main-menu .header__main-menu .btn-toggle:after{color: #636363 !important; }
.main-menu .level-1 {color: #636363 !important}

.text-section.initial div.info-box {background-color: #fff !important ; padding: 0px !important; }
.text-section.green div.info-box {background-color: #3fa535 !important; }
.text-section.green div.info-box p {color: #fff !important }
.text-section.mint div.info-box {background-color: #ebf5ec !important; }
 
.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%}
 
.stage-version, 
.noscript-statement {position: fixed; z-index: 10001; background-color: orange; bottom: 0px; width: 100%; height: 50px; text-align: center; padding: 10px; color: #fff }

.contact-form.Green {background-color: #3fa535;}

.btn--primary.active {background: orange; color: #fff}

.trestle img {max-width: 100%; height: auto ;}
.trestle .trestle-lead {justify-content: center; align-items: center;}

.video-preview {position: relative; display: flex; }
.video-preview a {display: flex;justify-content: center; align-items: center;}
.fa-play-circle {position: absolute; max-width: 25%; justify-content: center; align-items: center;}

.fa-play-circle path,
.fa-section svg path, 
.marker.svg svg path{fill: #bad7bd !important}

header .social-profiles {width: 100%;}
header .social-container {align-items: center; justify-content: center; }
header .social-container ul {padding: 0px ; margin: 0px; }
.social-profiles ul li {display: inline; margin: 0 5px;}
.social-profiles svg {max-width: 15px;;}
footer .social-profiles svg {max-width: 20px;;}
footer .social-profiles svg path {fill: #fff;}

strong span {font-weight: bold !important;}

.svg {  max-height: 150px;  display: flex; align-items: center; justify-content: center;}
.svg svg {max-width: 100px;}
.svg svg path {fill: orange} 

.faq-section .card-body {background-color: #ebebeb;}

input[name="postal-code"] {padding: 19px 19px 16px 19px ; text-align: center;} 
.offer-type,.postal-code-area {padding: 0px;}
.postal-code-area label, 
.offer-type label { width: 100% ; padding: 18px 20px 19px; font-weight: bold ; background-color: rgb(228, 228, 228); color: #fff ; cursor: pointer;}
.offer-type.active label {background-color: #bad7bd;}
.postal-code-area label {background-color: #bad7bd !important;}

.partner-item { min-height: 300px; }
.partner-item svg {max-width: 25px; }
.partner-item .contacts div {width: 30%; display: inline-block; } 
.partner-item .partner-body {border: 2px dashed orange; height: 100%; display: flex;align-items: center;justify-content: center;}
.partner-item .title {font-size: 18px;}

.article-navigation {background-color: #ebf5ec; border-top: 1px solid #ddfce0} 
.article-navigation svg { max-width: 20px; position: relative; top: -5px;}
.article-navigation .navigation-label {color: #888}

.pagination { list-style: none ; padding: 0px; text-align: center; padding: 10px 0 }
.pagination li {display: inline; font-size: 22px; font-weight: bold ;padding: 5px;} 
.pagination li a {color: #000 }
.pagination li.active a {color: orange}

.page-result .product-item {
    min-width: 256px;
}

.item-shadow-focus,
.product-item, .box-news {border: 1px solid transparent; overflow: hidden;}
.product-item:hover, .box-news:hover, .opinion-container:hover {transition: 0.2s; border: 1px solid #dadada; box-shadow: 0 0 10px #dadada; }

.products-recommended-non-slick .item {display: inline-block;}

.badge {     color: #fff;position: absolute;padding: 2px 50px;transform: rotate(45deg);right: -35px;font-weight: bold;top: 30px;} 
.badge.new {background-color: red;}
.badge.promotion {background-color: orange;} 
.badge.related {background-color: blue;}
.badge.bestseller {background-color: blue }

.download-button {
    padding: 15px 30px;
    font-weight: bold; 
    margin: 0px 10px 0px 0px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px dotted #888
    }   
.download-button svg {max-width: 15px; margin-right :10px; }  
.menu-catalogs img {max-width: 140px; height: auto;}

div.file  svg.fa-download {max-width: 25px;;}
div.file {border-bottom: 1px dashed #dadaad}

/*
.catalog-section {border: 1px solid red ; overflow-y:  scroll;}
.catalog-section a {display: inline-block; }
*/

.match-product {background-color: #2596b3; color: #fff }

.collections .collection-item {position: relative !important;}
.collections .collection-item a {position: absolute; z-index: 100; border: 1px solid red }
.collections .sub-categories  li {display: inline-block;}
.collection-item .count { position: absolute; top: 0px; left: 0px;   padding: 10px; color: #fff ; opacity: 0.8 ; color: #636363; background-color: #fff; }
.collection-item .product-item__image {position: relative;}

.dropdown-menu.show {    max-height: 250px; overflow: scroll; overflow-x: hidden;}

button[open="open"] {border-color: #3fa535 !important}
/**
    blog - nagranie YT
*/
#yt-screen { width: 100%; max-height: 640px; min-height: 450px ;}
.blog-item {min-height: 335px; }
.blog-item svg { right: 0px; width: 35px; margin: 10px}
/**
    calc
*/

.flex-align-xy {align-items: center; justify-content: center; display: flex}
div.start-calc { background-color: #3fa535;  text-transform: uppercase; color: #fff ; cursor: pointer; font-size: 22px; position: relative;} 
.calc-step {text-align: center;}

section.calculator {border: 1px solid red }
section.calculator input[name="surface"] {border: 0px; border-bottom: 2px solid #dadada; text-align: center;   display: flex; flex-flow: column; height: 100%; padding: 49px 0 ; font-size: 22px;}  
section.calculator .option{border: 3px solid red ; padding: 30px;}
/**
    opinie
*/
.clientOpinionList  {background-color: white; display: flex; align-items: center; justify-content: center; position: relative;}
.clientOpinionList .opinion-container {height: 100%; padding: 30px 15px;border: 1px solid #f5f5f5; display: flex; justify-content: center; align-items: center; }   
.clientOpinionList .opinion-container svg.fa-quote-right {    max-width: 23px !important; position: absolute; right: 23px; top: 10px;}
.clientOpinionList .opinion-container svg path {fill: #ebf5ec}

/*
    rodo policy
*/
.rodopolicy {display: none; position: fixed;bottom: 28px;z-index: 1001;background-color: #fff;padding: 30px 20px 20px 20px;width: 25%;display: none; right: 10px;box-shadow: 0px 1px 150px #000;} 
.rodopolicy .rodo-options {list-style: none; padding: 0px; margin: 0px; display: inline;}
.rodopolicy .rodo-options  li {display: inline ;  margin: 0 5px}
.rodopolicy .col-decision {position: relative;}
.rodopolicy .rodo-options {position: absolute; bottom: 15px; }
/**
    toast
*/

.toast { position: fixed; z-index: 1000; bottom: 1%; padding: 15px 32px; color: #fff; border-radius: 3px; font-weight: bold;}
.toast.danger { background-color: #d91c12 }
.toast.info { background-color: #0069A5 }
.toast.success { background-color: green } 

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

/**
    tag
**/
a.tag { padding: 10px 20px; background-color: #ebf5ec;  border: 1px solid #cfdfd1 }
a.tag:not(:last-child) {margin-right: 5px;}
/**
    video
*/
.modal-video {background-color: rgba(0,0,0,0.7); position: fixed; width: 100vw; height: 100vh; z-index: 1000; top:0px; display: flex; justify-content: center; align-items: center;}
.modal-video iframe {    width: 100%;max-width: 640px;max-height: 360px;height: 100%;}
.modal-video .close-modal {position: absolute; top: 5px; right: 25px}
.modal-video svg {max-width: 25px;}
.modal-video svg path {fill: white}
/**
    editor cta
*/
.cta {background-color: #3fa535; padding: 10px; text-align: center; text-transform: uppercase; border: 5px double white; color: #fff !important; margin: 10px 0 ; display: block;}
.cta a {color: #fff !important}

.news-item p a {color: #3fa535; text-decoration: underline;}
.news-item img {max-width: 100%;}
/**  
    Timeline
*/

.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: #bad7bd;
  position: absolute;
  top: 52%;
  left: -3.5rem;
  z-index: -1;
}
.timeline__event:before {
  content: "";
  width: 5rem;
  height: 5rem;
  position: absolute;
  background-color: #fff; 
  background-image: url(/themes/osmo/assets/img/osmo-logo-300n.jpg) ;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  border-radius: 100%;
  left: -6rem;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #bad7bd;
}

.timeline__event--type3:before {
  border-color: #bad7bd;
}
.timeline__event--type3:after {
  background: #bad7bd;
}
.timeline__event--type3 .timeline__event__date {
  color: #fff;
}
.timeline__event--type3 .timeline__event__icon {
  background: #bad7bd;
  color: #bad7bd;
  max-width: 30%;
}
.timeline__event--type3 .timeline__event__title {
  color: #bad7bd;
}
.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;
 }
}

.youtube-stream {width: 100%; height: auto ; min-height: 300px; display: block; }

.no-result {border: 2px dotted #dadada}

.cta-layer-call svg {top: -6px !important}

@media (max-width: 786px) {
  .timeline__event {
    flex-direction: column;
  }
  .timeline__event__icon {
    border-radius: 4px 4px 0 0;
  }
}

@media (max-width: 1280px) {
  .rodopolicy {width: 50%}
  }

@media (max-width: 768px) {
.rodopolicy {width: 96%}
}

@media screen and (min-width: 992px) {
  .collapse.show {box-shadow: 0px 29px 50px;} 
  .header__logo svg  { min-width: 150px;}  
}

@media screen and (max-width: 992px) {
  
  .header__logo {display: flex; justify-content: right;}
  .header__logo svg {min-width: 100px !important; right: 0px; position: absolute;}

    div.page.na-zewnatrz .header__mobile-fixed:before {background-color: #cfe09b !important; }
    div.page.do-wewnatrz .header__mobile-fixed:before {background-color: #ffe37e !important; }
    div.page.akcesoria-i-narzedzia .header__mobile-fixed:before {background-color: rgb(212, 212, 212) !important; }

    .catalog-section .catalogs { overflow-x: scroll; width: 100vw; padding-left: 50vw}
    .catalog-section.container { padding: 0px; margin: 0px; width: 100vw}
    .searchbar .order-lg-first {background-color: #fff ; border-bottom: 1px solid #dadada}
    header .social-profiles { 
      width: auto !important;
      margin: 0px auto; 
      text-align: center; 
      min-width: 35%;
      position: absolute;
      top: 22px;
      z-index: 10000
    }    
    header .social-profiles svg path {fill: white !important}
    h1.section__headline,
    h2.section__headline.h2     {
      text-align: center;
      line-height: 32px;
      font-size: 25px;
    }
}


.page-4324 #filters {
	display: none !important;
} 
.page-4326 #filters {
	display: none !important;
} 
.page-4324 #filters {
	display: none !important;
}