@import url('https://fonts.googleapis.com/css?family=Lato|Playfair+Display&display=swap&subset=latin-ext');

body, html {  min-height:100%; font-family: 'Lato', sans-serif;}
body {overflow-x:hidden;  }
main {padding-top:1rem;}
.text-2, h1, h2, h3, h4, h5, h6{font-family: 'Lato', sans-serif;}
a, .btn, .inner, .product a {
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

.container-big {
    padding:0 3rem;
    overflow: hidden;
}
.btn, .form-control, .supplier_product_delivery_option {
    border-radius:10px;
    height:38px;
    line-height: 38px;
    padding: 0 1rem;
}
.supplier_product_delivery_option {margin-top:10px;}
.btn-sm, .form-control-sm {
    line-height:30px;
    height:30px;
    border-radius:8px;
}
.form-btn{
    border-radius:0px;
}
textarea.form-control {line-height:20px; min-height:100px;}
.btn-outline-secondary {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}
.btn-outline-secondary:hover {
    color: #666;
    background-color: #fff;
    background-image: none;
    border-color: #fff;
}

#why .btn-outline-secondary {
    color: #222;
    background-color: transparent;
    background-image: none;
    border-color: #666;
}
#why .btn-outline-secondary:hover {
    color: #fff;
    background-color: #666;
    background-image: none;
    border-color: #666;
}
.btn-warning {border-color:transparent;}
.btn-warning:hover {
    color: #fff;
    background-color: #A34C52;
    border-color: #A34C52;
}
.btn-success  {
    color: #fff;
    background-color: #233791;
    background-image: none;
    border-color: #233791;
}

.alert{min-height: 50px;}
{
  color: #fff;
  background-color: #28b62c;
  border-color: #28b62c;
}
.alert-danger {
  color: #ffffff;
    background-color: #cc330d;
    border-color: #cc330d;
}

.opacity-08 {opacity:.85;}
.opacity-07 {opacity:.75;}
.opacity-06 {opacity:.65;}
.opacity-05 {opacity:.55;}

.row.row-eq-height > .firm, .row.row-eq-height  .firm .click {min-height:380px;}
.firm .row.pt-5.pb-5 {    padding: 2rem 0 !important;}
.row.row-eq-height > [class*='col-']:after {
  content: "";
  display:table;
  padding-bottom: 100%;
}
.row.row-eq-height > [class*='col-'].firm:after {
    padding-bottom: 0;
}
.row.row-eq-height .h-0:after {padding:0;}
.row.row-eq-height  .firm .inner {left:0; right:0; width:auto !important;}
.row.row-eq-height  [class*='col-'] .inner {position:absolute;}
.row.row-eq-height [class*='col-']:hover > .inner,
.firm:hover   .inner {opacity:1 !important;}

header .logo .col-6 {padding-top:17px;}
header {border-bottom:1px solid #b57f25 !important;}
header .logo a {position:relative;   }
header .logo img {max-height:50px; position:relative;}
header .logo .row {min-height:80px;}
header .navbar-expand-md .navbar-nav {padding-top:20px; padding-bottom:0px;}
header .navbar-expand-md .navbar-nav .nav-link {font-size:16px; font-weight:900; padding-left:15px; padding-right:15px; color:#233791;}
header .navbar-expand-md .navbar-nav .nav-link .badge {margin-left:3px; border-radius:50%; border:solid 1px #233791; line-height:15px; padding:0; font-size:10px; width:16px; height:16px; color:#233791; background:#fff !important;}
header .navbar-expand-md .navbar-nav + .navbar-nav:before {content:''; display:inline-block; border-left:1px solid rgba(0,0,0,.2); margin:5px 15px;}
header .navbar-expand-md .navbar-nav .nav-link:hover {color:#b57f25 !important;}
header .navbar-expand-md  .navbar-nav .active > .nav-link,
#catalog_top_filter .active {color:#b57f25 !important;}
#catalog_top_filter    {
            font-size: 26px !important;
    margin-top: -36px;
    line-height: 36px;
    }
header .navbar-light {background:#fff !important;}
header .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
    margin-left:auto; margin-right:auto;
}
header .text { font-size:16px; line-height:22px; padding-left:3rem; border-left:1px solid #ccc; font-weight:300; color:#999;}
.top-menu {position:absolute; top:10px; right:15px; text-align:right;}
.top-menu ul {list-style-type:none; display:inline-block; margin:0; padding:0;}
.top-menu ul + ul:before {content:''; display:inline-block; height:14px; border-left:1px solid rgba(0,0,0,.2); margin:0px 15px; margin-bottom:-2px;}
.top-menu ul li {display:inline-block; font-size:12px; color:#E55D4A;}
.top-menu ul li a{color:#E55D4A; padding:0 15px;}
.top-menu ul li a:hover {color:#233791; text-decoration:none;}

main.pt-5 {padding-top:32px !important;}
#message-cookies .pt-4 {padding-top:1rem !important; padding-bottom:.4rem !important;}

#intro .bg-img {position:relative; width:100%; height:75vh !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important;}
#intro .big .bg-img {position:relative; width:100%; height:550px !important; }
#intro .big .bg-img:after {
    z-index:0;
    content:'';
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
}
#intro .bg-img .row {z-index:2;}
#intro .flexslider.big .flex-control-nav{ text-align:right !important; padding:0 3rem;}
.flex-control-paging li a {color:rgba(0,0,0,0);}

#intro h1 {font-size: 96px; line-height: 104px;}
#intro h2 {font-weight: 500; font-size: 30px; line-height: 29px;}
#intro p {font-size: 20px; line-height: 24px;}

.breadcrum-list {color:#fff;}
.breadcrum-list {padding-top:.5rem !important; padding-bottom:.5rem !important; min-height:65px;}
.breadcrum-list, .breadcrum-list h2 {font-family: 'Lato', sans-serif; margin:0;}
.breadcrum-list h2 {font-size:1.5rem;}
.breadcrum-list a, .breadcrum-list a:hover {color:#fff; text-decoration:none;}
.search-form {padding:.5rem; border-radius:8px; border:solid 1px rgba(0,0,0,.2); background:#fff;}
.search-form .form-control, .search-form .btn {background:transparent; border:none; height:22px;}
.sub1 .search-form   {margin-top:3px;}
.search-form .btn {font-size:20px;   text-align:right; color: #233791 !important; height:24px; line-height:24px;}
.search-form .btn:focus {outline:none !important; box-shadow:none;}

.click {cursor:pointer;}
.click .btn {width:44px; height:47px;}
.click .btn, .click img {
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;

}
.click:hover img {
    -moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.click:hover  .btn{height: 60px;}

#why {}
#why h3 {font-size: 36px; line-height: 49px; padding-bottom:1.5rem;}
#why p, #why-more p {font-size: 20px; line-height: 24px;}
#why h4, #why-more h4 {font-size: 16px; line-height: 19px; padding-top:1rem; padding-bottom:1rem; font-family: 'Lato', sans-serif;}



#why-more {
    background:url(../img/why-more.jpg) center bottom no-repeat;
    background-size:cover;
    padding-bottom:3rem;
}
#why-more h3 {font-size: 36px; line-height: 49px;}
#why-more p.lead {font-size: 20px; line-height: 24px;}


.bg-picture img {width:100%;}
.bg-picture {overflow:hidden;}
.bg-picture:before {
    z-index:1;
    content:'';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+1,666666+100&0.05+0,0.65+38,1+69 */
background: -moz-linear-gradient(top,  rgba(102,102,102,0.05) 0%, rgba(102,102,102,0.07) 1%, rgba(102,102,102,0.65) 38%, rgba(102,102,102,1) 69%, rgba(102,102,102,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(102,102,102,0.05) 0%,rgba(102,102,102,0.07) 1%,rgba(102,102,102,0.65) 38%,rgba(102,102,102,1) 69%,rgba(102,102,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(102,102,102,0.05) 0%,rgba(102,102,102,0.07) 1%,rgba(102,102,102,0.65) 38%,rgba(102,102,102,1) 69%,rgba(102,102,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d666666', endColorstr='#666666',GradientType=0 ); /* IE6-9 */

position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
}
.firm h2 {line-height:60px; font-size:35px; font-weight:700; padding-top:1rem;}
.firm .inner.bg-color-8 {background:#233791;}
.firm  .col-8.mx-auto {min-height:90px !important;}
.firm  .col-8.mx-auto .img-fluid { max-height:90px !important;}
.bg-picture + .inner {z-index:3;}
.bg-picture + .inner + .inner {z-index:4;}
.position-absolute.mx-auto {left:50%; bottom:0; position: absolute !important; margin-left:-21px !important;     z-index: 3;}
.line-bottom {
    width:50px;
    height:200px;
    position:absolute;
    left:50%;
    margin-left:-21px;
    bottom:-150px;
}



.products-list {}
 .products-list .product   {}
.products-list .product a img { width:100% !important;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.products-list .product a:hover img {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.products-list .product a:hover {text-decoration:none;}
.products-list .product h4 {font-family: 'Lato', sans-serif; font-size:16px; color:#233791;}
.products-list .product h4  a {color:#b57f25 !important;}
#mapscroll .products-list .product h4 { font-size:12px; }
.product h4 .text-warning {color: #E55D4A !important;}
.products-list .product p, .products-list .product small {color:#333; font-size:12px;}
.products-list .product small {font-size:10px;}
.products-list .product p .text-warning {color:#E55D4A !important;}
.products-list .product a.picture {position:relative; overflow:hidden; border: solid 1px rgba(0,0,0,.2);}
.products-list .product a.picture span {
    position:absolute;
    top:15px;
    left:0px;
    font-size: 13px;
    z-index:333;
    padding:5px  10px;
    background-color: #fff !important;
}
.products-list .product a.picture span span {padding-right:0;}
.products-list .product a.picture span .text-warning {color:#E55D4A !important; display:inline; top:0; left:0; position:relative;}
.products-list .product .text-orange {color:#E55D4A !important; padding-left:10px; display:inline-block;}
.products-list .product a.picture:hover  span, .products-list .product a.picture:hover  span * { }

.products-list .product a.picture:before,.products-list .product a.picture:after{
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    left:0; top:0; right:0; bottom:0;
    opacity:0;
     -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.products-list .product a.picture:before {content:''; background:#233791 ; z-index:1; top:100%;}
.products-list .product a.picture:after {content: "\F349"; color:#fff; z-index:2; font-size:30px; padding-top:40%; }
.products-list .product a.picture:hover:before {opacity:.8; top:0;}
.products-list .product a.picture:hover:after{opacity:1;}
.products-list .product a:hover h4 {text-decoration:none; color:#b57f25 ;}

.irs--round .irs-min, .irs--round .irs-max {display:none !important;}
.form-keys {position:relative; margin-bottom:5px;}
.form-keys:after {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute; right:5px; top:8px;
    content: "\F35F";
    width:24px;
    height:24px;
    line-height:23px; text-align:center;
    border-radius:50%;
    color: #999;
    border:solid 1px #999;
}
.form-key {color:#E55D4A; padding:5px; font-size:12px; margin:3px 3px 0 0; border-radius:8px; border:solid 1px #E55D4A; float:left;}
.form-key button {background:none; padding:0; border:none; color:#E55D4A; float:right; margin-left:10px;}
#filter_keywords_container:after {content:''; position:relative; clear:both; width:100%; height:1px; display:block;}
.table-hover {width:100%;}
.product-view label {    font-size: 12px;
    color: #000;
    opacity: .6;
    display: block;
    font-weight: 700;}
.product-view h3, .product-view h2 {font-size:32px; color:#000; font-weight:300; font-family: 'Lato', sans-serif;}
.product-view h3 small {font-size:80%; opacity:.6;}
.product-view .price{font-size:24px; color:#000; opacity:.6;}
.product-view .barter{font-size:24px; color:#E55D4A; line-height:40px;}
.product-view p {font-size:16px; color:#000;}
.product-view hr {margin:2rem 0;}
.product-view .rating {font-size:24px; opacity:.6;}

.flex-direction-nav a:before {font-size: 30px;}
.flexslider-product .flex-direction-nav a {top: 40%;}
.flex-control-thumbs {width:auto  !important; margin-top:30px; margin-left:-15px !important; margin-right:-15px !important; }
.flex-control-thumbs li {width:20%; padding:0 15px;}
.flex-control-thumbs li img {width:100%;}

.flexslider-product .flex-control-thumbs img {opacity:.5;}
.flexslider-product .flex-control-thumbs li {float: none; margin: 0;}
.flexslider-product .flex-control-thumbs .flex-active {
            -moz-transform: scale(1.4);
            -webkit-transform: scale(1.4);
            -o-transform: scale(1.4);
            -ms-transform: scale(1.4);
            transform: scale(1.4);
        }
.flexslider-product .flex-viewport {border:solid 1px #ccc;}





.nav.block-column , .nav.block-column li {display:block;     width: 100%;}
.navbar-expand-md.kategorie {display:block;}
.navbar-expand-md.kategorie .navbar-brand {color:#000; font-size:16px;}
.navbar-expand-md.kategorie .navbar-collapse {display:block;}
.navbar-expand-md.kategorie .navbar-collapse .nav-link {color:rgba(0,0,0,.75); font-size:12px; position:relative; padding:2px 0 2px 15px;}
 .navbar-expand-md.kategorie .navbar-collapse .nav-link:before {position:absolute; content:''; bottom:12px; left:20px; right:0; border-bottom:dotted 1px #E5E5E5; z-index:0;}
 .navbar-expand-md.kategorie .navbar-collapse .nav-link:after {position:absolute; content:''; left:0; top:12px; width:6px; height:6px; background:#000; opacity:.5; border-radius:3px;}
.navbar-expand-md.kategorie .navbar-collapse .nav-link span {text-transform:uppercase; display:inline-block; padding:2px 5px; background:#fff; position:relative; font-weight:700; }
.navbar-expand-md.kategorie .navbar-collapse .nav-link span + span {float:right; font-weight:300; padding-right:0; text-transform:none;}
.navbar-expand-md.kategorie .navbar-collapse .nav-link.active  span {color:#b57f25; }
#form{
    position:relative;
    background:url(../img/why-more.jpg) center bottom no-repeat;
    background-size:cover;
    padding-bottom:3rem;
}
#form:before {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+28,000000+84&0+1,0+1,1+73 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0) 1%, rgba(0,0,0,0.38) 28%, rgba(0,0,0,1) 73%, rgba(0,0,0,1) 84%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.38) 28%,rgba(0,0,0,1) 73%,rgba(0,0,0,1) 84%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.38) 28%,rgba(0,0,0,1) 73%,rgba(0,0,0,1) 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    content:'';
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:.9;
}
#form label {color:#fff; opacity:.5;}
#form .form-control {
    background:transparent;
    color:#fff;
    border-color:rgba(250,250,250,.66);
}
footer .logo {}
footer .logo img {height:30px;margin-right:.5rem;}

.map_offer br {display:none;}
.map_offer div {padding-bottom:5px; padding-left:0px; position:relative;}
.map_offer div:before {
        content: "\F34E";
        display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float:left; margin-right:8px;
    color:#b57f25 !important;

}
.gm-style .gm-style-iw-c button {
    top: 0px !important;
    right: 0px !important;
}

/*PRELOADING------------ */
#overlayer {
  width:100%;
  height:100vh;
  position:fixed;
  z-index:1228;
  background:#E55D4A;
  top:0;
  left:0;
  right:0;
  bottom:0;

}
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:1229;
  border: 4px solid #Fff;
  top: 50%;
  left:50%;
  margin-left:-15px;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(180deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }

  25% {
    height: 0%;
  }

  50% {
    height: 100%;
  }

  75% {
    height: 100%;
  }

  100% {
    height: 0%;
  }
}

.number-input input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  margin-bottom: .5rem;
}

.number-input button {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  height: 2px;
  transform: translate(-50%, -50%);
}

.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  text-align: center;
}

.number-input.number-input {
  border: 1px solid #ced4da;
  width: 100%;
  border-radius: 10px;
}

.number-input.number-input button {
    height: 34px;
    width: 35px;
    padding: 7px 0;
    display:inline-block;
    float:left;

}
.number-input.number-input button + input +  button {float:right;}
.number-input.number-input button:focus {outline:none !important;}
.number-input.number-input button.minus {
  padding-left: 4px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
  width: .7rem;
  background-color: #495057;
}

.number-input.number-input input[type=number] {
  width: calc(100% - 72px);
  padding: 5px;
  border: 1px solid #ced4da;
  border-width: 0 1px;
  font-size: 1rem;
  height: 34px;
  display:inline-block;
  color: #495057;
}
.reset-list  {list-style-type:none;}
.messages, .list-products-1 {padding:0; margin:0;}
.messages .message  {padding:10px; background:#F7F7F7;     border: 1px solid #ced4da;   margin-bottom:1rem; width:80%; margin-right:19%; border-radius:10px; border-top-right-radius: 0;}
.messages .message-client  { background:#fff; text-align:left; width:80%; margin-left:19%; margin-right:0; text-align:right; border-radius:10px; border-top-left-radius: 0;}

.user-nav li {padding:10px 0; position:relative; text-transform:uppercase;}
.user-nav a:after {content:''; width:1px; height:20px; border-left: 1px solid #ced4da; position:absolute; top:40px; left:15px; z-index:0;}
.user-nav a:before {
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F142";
    position:relative; width:30px; height:30px; border-radius:50%; border: 1px solid #ced4da; text-align:center; line-height:30px; display:inline-block; margin-right:10px; background:#f7f7f7;}
.user-nav li:last-child a:after  {display:none;}
.user-nav li.active a{color:#E55D4A;}
.user-nav li.active a:before {border-color:#E55D4A;}


.btn .mdi-basket-fill {padding-right:5px;}

.kontakt-oferent:before {
    content: "\F368";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right:5px;

}


.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0 15px 0 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
.scroll-wrapper > .scroll-content  .row {margin:0 !important;}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}



.scroll-element, .scroll-element div, .scroll-element.scroll-y.scroll-scrolly_visible
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scroll-element .scroll-element_outer,
.scroll-element .scroll-element_track,
.scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner .scroll-element .scroll-element_track,
.scrollbar-inner  .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.2;
}

.scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scroll-element .scroll-bar { background-color: #c2c2c2; }
.scroll-element:hover .scroll-bar { background-color: #919191; }
.scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }




.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }

.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


.vh100 {height:100vh;}




@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color:transparent) {

    .number-input.def-number-input.safari_only button:before,
    .number-input.def-number-input.safari_only button:after {
      margin-top: -.3rem;
    }
  }
}

.old-price {font-size:80%; color:#cc330d; text-decoration: line-through;}

#basket_overview_container {width:340px; left:auto; right:0;}
#basket_overview_container small  small, .price.lead.pl-1 small,
.value small, .cart-final-summary small,
.cart-content .ilosc small,  .cart-content .price small {color: #b57f25;}
.list-basket-product + .list-basket-product {padding-top:30px;}
.basket-steps {position:relative;}
.basket-steps:before {content:''; width:100%; height:4px; background: #E5E5E5; position:absolute; left:0; right:0; top:28px; z-index:0; border-radius:2px; display:block;}
.basket-steps .step {text-align:center; position:relative;}
.basket-steps .step small {font-family: 'Lato', sans-serif;   margin-top:80px; font-size:16px; text-transform:uppercase; }
.basket-steps .step i {z-index:5; color:#E5E5E5; position:absolute; top:0; width:60px; height:60px; border-radius:50%; border:solid 4px #E5E5E5; line-height:52px; font-size:26px; background:#fff;  left:50%; margin-left:-30px;}
.basket-steps .step .active i {color:#233791; border:solid 4px #233791;}
.basket-steps .step .active:before   {width:100%; height:4px; background:#233791; position:absolute; left:15px; top:28px; content:''; display:block; border-radius:2px;}

.basket-steps .step .done i {color:#E55D4A; border:solid 4px #E55D4A;}
.basket-steps .step .done:before   {left:15px; width:50%; height:4px; background:#E55D4A; position:absolute;  top:28px; content:''; display:block; border-radius:2px;}
.basket-steps .step .done:after   {right:-15px; width:50%;  height:4px; background:#E55D4A; position:absolute;  top:28px; content:''; display:block; z-index:0; }

.payment_option  {overflow:hidden; /* */ }
.payment_option a .ribbon  {
    position: absolute;
    width: 200px;
    height: 45px;
    padding: 15px;
    color: #fff;
    font-size: 12px;
    top: 25px;
    right: -50px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #e55d4a;
}
.payment_option img { max-width:100%; height:110px;  display:inline-block;}
.payment_option span { width:100%; height:170px; }
.payment_option span.icon-single { display:block; line-height:170px; height:170px; text-align:center; }
.payment_option span.icon-stack i { font-size:90px; color:#ccc; }
.payment_option span.icon-stack i+i { font-size:45px; color:inherit; }
.payment_option a { display:block; text-align:center; padding-bottom:30px; border-bottom:4px solid #ddd; }
.payment_option a:hover { text-decoration:none; }
.payment_option.payment_active a:hover { cursor:pointer; }
.payment_option.payment_inactive a { background:#eee; color:#aaa; }
.payment_option a.selected, .payment_option a.selected:hover {
    border-color: #233791 !important;
    color: #ffffff;
    background: #b57f25;

}

.errorMessage { color:#fff; background:#cc330d; border-radius:3px; display:inline-block; padding:5px 10px; margin:0 5px; }

.card-rounded {border-radius: 10px;}


#leftMenu {
    border-top:1px solid #ddd;
    padding-bottom:1rem;
    margin-top:1.5rem;
}
#leftMenu .nav-link {
    padding:1rem 0 !important;
    color:#E55D4A;
    border-bottom:1px solid #ddd;
}

/* safari fix */
.row {
            display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
            display: -ms-flexbox;  /* TWEENER - IE 10 */
            display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
            display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

}
.dropdown-menu {margin-top:0 !important;}





 a.picture.zoom   {overflow:hidden; position:relative; display:block;     border-bottom-left-radius: 10px;     border-top-right-radius: 10px;}
     a.picture.zoom i {position:absolute; top:0px; right:0px; z-index:5; color:#fff; font-size:30px; padding:15px; background:#b57f25 !important;     border-bottom-left-radius: 10px;}
     a.picture.zoom p  {padding:0; margin:0;       position:relative; display:block;}
      a.picture.zoom p:after {

        position:absolute;
        width:100%;
        content:'';
        display:block;
        top:0;
    left:0;
    bottom:0;
    z-index:1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+69,000000+69&0+-1,0+0,0.65+83 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.54) 69%, rgba(0,0,0,0.65) 83%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.54) 69%,rgba(0,0,0,0.65) 83%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.54) 69%,rgba(0,0,0,0.65) 83%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

      }
      a.picture.zoom p + p {
      position:absolute; bottom:30px; width:100%; text-align:center; text-decoration: none !important; color:#fff; z-index:4; font-weight:700;
     text-transform:uppercase; font-size:16px;}
      a.picture.zoom p + p:after {display:none;}
     a.picture.zoom:before, a.picture.zoom:after{
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size:24px;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    left:0; top:0; right:0; bottom:0;
    opacity:0;
     -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
a.picture.zoom:before {content:''; background:#233791 ; z-index:1; top:100%; z-index:2;}

.products-list .product a.picture:after,
a.picture.zoom:after {content: "\F349"; color:#fff; z-index:3; font-size:30px; padding-top:40%; }
a.picture.zoom:hover:before {opacity:.8; top:0;}
a.picture.zoom:hover:after{opacity:1;}


     .title-big {position:relative; text-align:center; margin-top:1rem;}
     .title-big:before {position:absolute; content:''; z-index:0; width:100%; height:19px; top:0; left:0; border-bottom:2px solid #ccc !important; }
     .title-big h3 {position:relative; z-index:1;  display:inline-block;   background-color: #F7F7F7; padding:0 15px; font-weight:700;}
     .title-big small {letter-spacing:11px; color:#b57f25 !important; font-size:14px; text-transform:uppercase; display:block; margin-right:-5px;}

     .main .breadcrum-list {
        padding-top: .8rem !important;
        padding-bottom: .8rem !important;
        min-height: 70px;
    }

/* start register 2021 */
.pull-right {float:right;}
.text-main {color:#b57f25 !important;}
.card-login .steps {text-align:center; margin-bottom:30px;}
.card-login .w-30 {width:55px;}
.card-login .steps ul, .card-login .steps li{display:inline-block; margin:0; padding:0; list-style-type:none;}
.card-login .steps li .step {display:inline-block; margin:0 4px; width:8px; height:8px; border-radius:4px; background:#b47f25;}
.card-login .steps li .step.active {width:20px; background:#dcb95b; }
.card-login label {display:block;}
.card-login .btn-xs.pull-right {
  float:right; height:22px; width:22px; padding:0; line-height:19px; text-align:center;
  background-color: rgba(0, 0, 0, 0.03);  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-top:-2px; color:#212529;
}
.card-login .btn .pull-right, .card-login .btn .pull-left {
    padding-top: 10px;
}

.custom-control-label {font-weight:300;}
.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}
.custom-control-input:checked~.custom-control-label::before{color:#fff;    border-color: #b68227;     background-color: #b68227; }
.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}
.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}
.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}
.custom-radio {padding-left:2rem;}
.custom-radio .custom-control-label::before{border-radius:50%;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    margin-left:-.5rem;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{
    top: .65rem;
    left: -1.6rem;
    width: 6px;
    height: 6px;
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}

.custom-switch{padding-left:3.5rem}
.custom-switch label {padding-top:.25rem;}
.custom-switch .custom-control-label::before{height:1.4rem; left:-3.5rem;width:2.95rem;pointer-events:all;border-radius:.7rem}
.custom-switch .custom-control-label::after{top:calc(.35rem + 2px);left:calc(-3.5rem + 2px);width:calc(1rem - 2px);height:calc(1rem - 2px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}
.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(1.70rem);transform:translateX(1.70rem)}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}





/* koniec register 2021 */


@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
    @media {
        /*
          Define here the CSS styles applied only to Safari browsers
          (any version and any device)
         */
          button .line-bottom {display:none !important;}

        .clearfix:before,
         .clearfix:after,
         .dl-horizontal dd:before,
         .dl-horizontal dd:after,
         .container:before,
         .container:after,
         .container-fluid:before,
         .container-fluid:after,
         .row:before,
         .row:after{
              display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
            display: -ms-flexbox;  /* TWEENER - IE 10 */
            display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
            display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
         }
         .row, .container {
             position: relative;
         }
         .row:before, .row:after {
            display: none !important;
         }

        .row { width: 100%; }
        .row [class*=col-]  {   }

        .firm div {min-height:450px;}
        .position-absolute.mx-auto {
                left: 50%;
                margin-left: -21px !important;
                position:absolute;
                bottom:0;
                width:42px;
            }
    }
}



@media (max-width: 1610px){
    .row.row-eq-height > .firm, .row.row-eq-height  .firm .click {min-height:350px;}
    .firm .row.pt-5.pb-5 {
      padding: 2rem 0 !important;
    }
    #intro h1 {font-size: 86px; line-height: 94px;}
    #intro h2 {font-size: 18px; line-height: 24px;}
    #why-more h3, #why h3 {font-size: 26px; line-height: 36px;}
    #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 18px; line-height: 24px;}
	.firm .mx-auto {margin-top:-2rem;}
	.btn {font-size:11px;}
	.firm h2 {line-height:40px; font-size:26px;  }
    .firm p { font-size:14px; line-height:18px;}
    .firm .row.pt-5.pb-5 {padding:2.4rem 0 !important;}
    .firm .inner.p-5 {padding:2.1rem !important;}

    .breadcrum-list {
        padding-top: .35rem !important;
        padding-bottom: .35rem !important;
        min-height: 50px;
    }
    .breadcrum-list h2 {font-size: 1.2rem;}
    .search-form { padding: .25rem;}
    h3, .h3 { font-size: 1.2rem;}


    a.picture.zoom i {  font-size: 20px;}
    a.picture.zoom p + p {font-size:14px;}
}



@media (max-width: 1400px){
    #intro h1 {font-size: 76px; line-height: 84px;}
    #intro h2 {font-size: 16px; line-height: 22px;}
    #why-more h3, #why h3 {font-size: 24px; line-height: 34px;}
    #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 16px; line-height: 22px;}
    .firm p { font-size:12px; line-height:16px;}
    .firm .row.pt-5.pb-5 {padding:2rem 0 !important;}
    .firm .inner.p-5 {padding:2rem !important;}
    .search-form .btn {padding-left:0 !important; padding-right:0 !important;}
    header .text { padding-left: 1.2rem;    }
}

@media (max-width: 1100px){
    header .text {
        font-size:14px;
        line-height: 22px;
    }
}

@media (min-width: 768px) and (max-width: 1100px) and (orientation: landscape) {
   header .navbar-expand-md .navbar-nav .nav-link {font-size:11px; padding-left: 5px; padding-right: 5px;}
   header .navbar-expand-md .navbar-nav + .navbar-nav:before {margin:5px;}
   #intro h1 {font-size: 36px;     line-height: 44px;}
   #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 11px; line-height: 15px;}
}
@media (min-width: 768px) and (max-width: 1100px) and (orientation: portrait) {
    header .navbar-expand-md .navbar-nav .nav-link {font-size:11px; padding-left: 5px; padding-right: 5px;}
   header .navbar-expand-md .navbar-nav + .navbar-nav:before {margin:5px;}
   #intro .intro-picture {margin: 0 !important;}
   #intro p {font-size: 11px; line-height: 15px;}
}



@media(min-width: 1100px){
    #basket_overview_container {
        width: 440px;
    }
}


@media(min-width: 768px){
  .col-1-5{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

    /*
    header .nav-item.dropdown:hover ul.dropdown-menu,
    header .nav-item.dropdown:focus ul.dropdown-menu   {
        display:block;

    }
    */

    .sidemenu.fixed {
      position:fixed;
      left: 3rem;
      top: 110px;
      width: 23%;
    }
    .sidemenu .btn-secondary.active {background:#b57f25 !important}
    .sidemenu .btn-secondary-outline.active {border:solid 1px #b57f25 !important; color: #b57f25 !important;}
}

.col-1-5 {

}


@media (max-width: 767px){

    .row.row-eq-height > .firm, .row.row-eq-height  .firm .click  {min-height:300px;}
	header.fixed-top {position:absolute !important;}
	main.pt-5 {padding-top:95px !important;}
    #cookie-understood-trigger {margin-top:10px;}
    .container-big {padding:2rem;}
    header .navbar-light {border-bottom:1px solid #ccc; padding-top:0 !important;}
    header .logo .row {min-height:80px; height:auto;}
    header .logo .col-6 {padding-top:10px; text-align: center;}
    header .logo a {
    position: relative;
    padding-top: 15px;
    display: inline-block;
}
    header .logo img {max-height: 55px;     padding: 7px 0;      }
     header .logo .text {margin-top: 15px; margin-left: -15px !important; padding-left:30%;}
     header .top-menu {background:#efefef; position:relative; padding:15px 0; width:100%; text-align:center; right:0px; left:0px; margin-bottom:15px;}
     header .top-menu ul {padding:5px 0; border:none; display:block;}
     header .top-menu ul:before {border:none;}
     header .top-menu ul + ul:before { display:none; }
     header .navbar-expand-md .navbar-nav {padding:10px 0;}
    #intro h1 {font-size: 56px; line-height: 64px;}
    #intro h2 {font-size: 16px; line-height: 19px;}
    #intro .intro-picture{padding-bottom:0 !important; margin-bottom:0 !important;}
    #why-more h3, #why h3 {font-size: 18px; line-height: 24px;}
    #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 14px; line-height: 19px;}
     .firm h2 {line-height:30px; font-size:20px;  }
    header .navbar-expand-md .navbar-nav + .navbar-nav:before { border:none; border-top:1px solid rgba(0,0,0,.1); margin:0 0 10px 0px ;}
    .breadcrum-list {text-align:center; }
    .breadcrum-list h2 {font-size:1.2rem;}
    #catalog_top_filter {margin:5px 0 !important; text-align:center !important;}
    #catalog_top_filter + .row.pl-5 {padding-left: 0 !important;}
    .search-form {margin-top:10px;}

    .navbar-expand-md.kategorie .navbar-brand {padding:.8rem 0; text-transform:uppercase;}
    .navbar-expand-md.kategorie .navbar-toggler {float:right;}
    .navbar-expand-md.kategorie .navbar-collapse.collapse:not(.show) {
        display: none;
    }
    .navbar-expand-md.kategorie {margin-bottom:15px !important;}
     .navbar-expand-md.kategorie .navbar-collapse.show {display:block;}
	 .navbar-expand-md.kategorie .navbar-collapse .nav-link {
            font-size: 11px;
            padding: 2px 0 2px 5px;
        }
    .navbar-expand-md.kategorie .navbar-collapse .nav-link:after {top: 8px; }


     .keys {padding-bottom:30px;}
     .keys:after {content:''; clear:both; display:block; width:100%;}
	 .flexslider-product {margin-bottom:30px;}

    footer .logo img {height:50px;margin-right:0rem;}
    footer .pl-5 {padding-left: 0 !important;}
}
@media (max-width: 767px) and (orientation: landscape) {
     #intro .fixed-bottom.position-absolute {position:relative !important; padding:2rem 0 !important;}

     header .col-sm-10 {
            -webkit-box-flex: 0;
            -ms-flex: 0 60%;
            flex: 0 0 60%;
            max-width: 60%;
     }
     header .col-sm-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 40%;
            flex: 0 0 40%;
            max-width: 40%;
     }
     header .navbar-light .navbar-toggler {margin-right:0;}
     .breadcrum-list .col-sm-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 60%;
            flex: 0 0 60%;
            max-width: 60%;
            text-align:left !important;
     }
     .breadcrum-list .col-sm-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 40%;
            flex: 0 0 40%;
            max-width: 40%;
     }

}
@media (max-width: 574px){
    main {padding-top:0; margin-top:-1rem;}
    .opacity-08, .opacity-07, .opacity-06, .opacity-05 {opacity:1;}
    .row.row-eq-height > [class*='col-']:after { display:none;}
    .row.row-eq-height > [class*='col-'] .inner + .inner {position:relative;}
    #intro {min-height:100vh !important; height:auto !important;}
    #intro .p-5.h-100 {height:auto !important; min-height:50vh !important;}
    #intro .fixed-bottom.position-absolute {position:relative !important; padding:2rem 0 !important;}
    #intro .col-sm-6.col-12.pt-5 {padding-top:0 !important;}
    #why-more { background:#666;}

    #why-more p.lead,  #why-more p,  #why p {font-size: 14px; line-height: 19px;}
    #firms {padding:1.5rem !important;}
    #firms p {font-size: 13px; line-height: 16px;}
    #firms .firm .inner.opacity-05 {opacity:.5;}
    #firms .row.pt-5.pb-5 {padding:1.2rem 0 !important;}
    #firms .row.row-eq-height > [class*='col-'].firm:after  {display:block}
    #firms .firm .inner + .inner {position:absolute; }

    #form {padding:3rem 1.5rem !important;}
    #form .row.pt-5.pb-5.pr-5 {padding-right:0 !important;}
    #form label {font-size:.7rem;}
}


@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        display:block;
        display: flex !important;
        flex-basis: auto;

    }
    header .navbar-expand-md .navbar-collapse {
        text-align:right;
    }
    header .navbar-expand-md .navbar-nav {
       display:inline-block;
       flex-direction: row;
       display: flex;
    }
    header .navbar-expand-md .navbar-collapse li {
        display:inline-block;
    }
    header .navbar-expand-md .navbar-collapse li .dropdown-menu li {
        display:block;
    }

    /* safari 7.1 */






}

/* cookies */
.global-fixed-message {
  position: fixed;
  bottom: 20px;
  right:20px;
  width: 330px;
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  z-index: 999;
}
.global-fixed-message-container {
color:#fff; margin: 0 auto; overflow: visible; position: relative; background: rgba(0,0,0,.5);
-moz-border-radius:0 12px 12px 12px; -webkit-border-radius:0 12px 12px 12px; border-radius:0 12px 12px 12px;
}
.global-fixed-message-inner {  padding: 30px; }
.global-fixed-message p {color: #fff !important;   font-size: 11px !important;   margin: 0 !important;   padding: 0 !important;   line-height: 15px !important;}
.global-fixed-message b {color: #fff !important; font-size: 13px !important; line-height: 18px !important; }
.global-fixed-message-wrap {  *zoom: 1;  }
.global-fixed-message-wrap:before,
.global-fixed-message-wrap:after {display: table;  line-height: 0; content: ""; }
.global-fixed-message-wrap:after {clear: both;}

.global-fixed-message abbr[title], .global-fixed-message abbr[data-original-title] {
  border-bottom: 1px dotted #999999;
  cursor: help;
}
.global-fixed-message .btn {}
.global-fixed-message .btn:hover {}


/* zmiany pod safari */
    .row {
        display:block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .pagination {
        display:block;
        display: flex;
        padding-left: 0;
        list-style: none;
        text-align:center;
    }
    .pagination li, .pagination .page-link {
        display: inline-block;
    }