:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../media/fonts/fa-regular-400.woff2") format("woff2"), url("../media/fonts/fa-regular-400.ttf") format("truetype"); }

.far,
.fa-regular {
  font-weight: 400; }

:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../media/fonts/fa-solid-900.woff2") format("woff2"), url("../media/fonts/fa-solid-900.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-weight: 900; }

:root {
	--bs-body-color: #474544;
	--bs-link-color: #57ab1a;
	--bs-link-color-rgb: 87, 176, 26;
	--bs-link-decoration: none;
	--bs-link-hover-color: #57ab1a;
   --bs-link-hover-color-rgb: 87, 176, 26;


}
.list-group {
	--bs-list-group-active-bg: #57ab1a;
	--bs-list-group-active-border-color: #57ab1a;
}
.btn {
	--bs-btn-border-radius: 0;
 }

.btn-outline-success {
  --bs-btn-color: #57B01A;
  --bs-btn-border-color: #57B01A;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #57B01A;
  --bs-btn-hover-border-color: #57B01A;
  --bs-btn-focus-shadow-rgb: 25,135,84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #57B01A;
  --bs-btn-active-border-color: #57B01A;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #57B01A;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #57B01A;
  --bs-gradient: none;
}
.btn-wide {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.col-green { color: #57ab1a; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.navbar-brand { max-width: 200px; }


.pre-head { padding-top: 0.6rem; padding-bottom: 0.4rem; border-bottom: 1px solid #dee2e6; }
.pre-head-contact a { font-size: 0.9rem; margin-right: 1rem; color: #808080;  }
.pre-head-social a { font-size: 1.2rem; margin-left: 1rem; color: #808080;  }

.menu-main a.nav-link { font-size: 1.2rem; font-weight: bold; color: #FFF; border-right: 1px solid #FFF; margin: 0; padding: 0.75rem 1rem !important; }
.menu-main a:hover { text-decoration: none; }
.menu-main a.nav-link:hover { text-decoration: none; color: #000; background: #FFF; }

.menu-main .dropdown-toggle::after { display: none; }


.mp-intro-ico div { font-size: 4.5rem; text-align: center; color: #fff; background: #57ab1a; height: 100%; }

.mp-intro-ico:hover { opacity: 1; }
.mp-intro-text a { font-size: 1.2rem; font-weight: bold; color: #333; }
.mp-intro-text p { margin-bottom: 0; }
.mp-intro-text a:hover { text-decoration: none; }
.mp-intro .position-relative:hover .mp-intro-ico { opacity: 1; }


#mp-slider, #mp-slider .row  { height: 75vh;   }
#mp-slider .mp-slider { background-size: cover; background-position: center center; background-color: #efefef; position: relative; }
.mp-slider IMG {  width: 100%; height: auto; max-width: 100%; max-height: 100%;  }


.mp-onas-links { font-size: 1.5rem; }
.mp-onas-links li { margin-bottom: 0.75rem; }

.mp-why i { color: #FFF; margin-right: 0.25rem; }
.mp-why li { margin-bottom: 0.25rem; }
#klienci-slider img { filter: grayscale(1); opacity: 0.3; padding-left: 1.5rem; padding-right: 1.5rem; }
.foot-menu { color: var(--bs-secondary-color); font-size: 1.25rem; }
.foot-menu a { color: var(--bs-secondary-color)  }
.foot-menu a i { color: #8B9194  }
.foot-menu ul { list-style-type: circle;  }
.foot-menu ul li { margin-bottom: 0.25rem; }
.foot-menu li.divider { list-style-type: none; border-bottom: 1px solid #c0c0c0; margin-top: 0.4rem; margin-bottom: 0.4rem; width: 20%; padding-left: 0;margin-left: -1rem; }


.foot-chemtest { color:#FFF; }
.foot-chemtest a { color:#FFF; }
.foot-chemtest ul { list-style-type: none; margin: 0.75rem 0 0 0; padding: 0; }
.foot-chemtest ul li { margin-bottom: 0.25rem; }


.foot-chemtest-logo { width: 75% }
.foot-why { font-size: 1.25rem; }
.foot-why ul { margin: 2rem 1rem 2rem 1rem; }
.foot-why ul li { width: 50%; float: left; margin-bottom: 1.75rem; }
.foot-why ul li i.fa { font-size: 1.25rem; color: #61BC1D;

  display: inline-block;
  border-radius: 50%;
  border:1px solid var(--bs-link-color);
  padding: 0.5em 0;
  width: 2.85rem;
  text-align: center;

}



.mp-offer-text { margin-left: 3rem; color: #FFF; position: relative; }
.mp-offer-text strong { font-size: 3rem; font-weight: bold; }
.mp-offer { background: #808080; }
.mp-offer-text .btn { padding-left: 3rem; padding-right: 3rem;  }

.product-title { color: var(--bs-link-color) !important; }





.home-2 .mp-why i { color: #FFF; }

.it-page-head { background-position: center center;
  background-size: cover;
  height: 35vh;
  position: relative; }

.st-menu-left { padding: 0.6rem 1rem 2rem 1rem; background: #FFF; margin-top: -3rem; position: relative; }

.st-menu-left-title a {
	font-size: 1.25rem; text-transform: uppercase; color: var(--bs-body-color); font-weight: bold;
}
.st-menu-left-l2 { margin: 1.5rem 0 0 0; padding: 0; list-style-type: none;  }
.st-menu-left-l2>li { border-bottom: 1px solid #dee2e6;    }
.st-menu-left-l2>li>a { color: var(--bs-secondary-color); display: block; text-transform: uppercase; padding: 0.75rem 0.5rem; font-size: 1.5rem;   }

.st-menu-left-l2>li>a>small { color: #AAA; display: block;   font-size: 0.8rem; text-transform: none;  }

.st-menu-left-l2>li>a:hover { text-decoration: none; background: var(--bs-link-color); color: #FFF; }
.st-menu-left-l2>li>a:hover>small {  color: #FFF; }
.st-menu-left-l2>li>a.active { border-left: 2px solid var(--bs-link-color);  }



.st-menu-left-l3 {  padding: 0 0 1rem 1.45rem;  }
.st-menu-left-l3>li { margin-bottom: 0.25rem;  }
.st-menu-left-l3>li>a { color: var(--bs-secondary-color); font-size: 1.1rem;    }
.st-menu-left-l3>li>a.active { color: var(--bs-link-color);    }

.prd-head { background: rgb(128,128,128,0.75); padding: 1rem 0; width:100%; }
.prd-head h1 { font-size: 3rem; font-weight: bold; text-transform: uppercase; color: #fff; }
.prd-head h2 { font-size: 1.25rem; font-weight: bold;  color: #fff; }

@media (min-width: 960px) {

}
@media (max-width: 960px) {

.prd-head h1 { font-size: 2rem;  }
.prd-head h2 { font-size: 1rem;  }


.foot-why ul li { width: 100%; margin-bottom: 1rem; }

.foot-chemtest-logo { width: 100%; }
.mp-onas-links { font-size: 1.2rem; }
.mp-onas-links li { margin-bottom: 0.75rem; }

.head-nav { text-align: center;  }
.head-nav .fa-bars { color: #FFF; font-size: 2.25rem; }
.head-nav .navbar-toggler { border-color: #C0C0C0; }

.slick-arrow { display:none !important; }

.pre-head-contact a { font-size: 0.9rem; margin-right: 0.25rem;  }
.pre-head-social a { font-size: 1.4rem; margin-left: 0.25rem;  }
.mp-why { background: #F5F5F5; font-size: 1.2rem; }
.mp-why ul { margin-left: 1.5rem; }
.mp-why li { margin-bottom: 0.45rem; }
#klienci-slider img { filter: grayscale(0); opacity: 1 }

.mp-intro-text { border:1px solid #57ab1a; padding: 0.45rem 0.75rem 0.65rem;  }
.mp-intro-ico div .fa { vertical-align: middle;  }

.menu-main .dropdown-menu { display: block; border: 0px; padding: 0;  }
.menu-main a.nav-link {  padding-bottom: 0; color: #000; text-align: left; padding: 0 !important; border:0; margin-top: 0.5rem; }
.dropdown-toggle::after { display: none; }
.offcanvas-body { padding-top: 0; }

.mp-offer-text { margin-left: 0; padding: 2.5rem 1rem 3.3rem; }
.mp-offer-text strong { font-size: 2.15rem; font-weight: bold; }

}



.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width:100%; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }

.slick-slide { float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: inline; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-prev:before { content: '\f104'; }
[dir='rtl'] .slick-prev:before { content: '\f105'; }
.slick-next { right: -25px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.slick-next:before { content: '\f105'; }
[dir='rtl'] .slick-next:before { content: '\f104'; }
/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 25px; height: 5px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none;  }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ' ' text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }
.slick-dots li.slick-active button { background: #57ab1a; }

.pr-carousel .pr-carousel-nav-arrow, .adv-1slot-slider .pr-carousel-nav-arrow
{
    font-size: 3rem;
    position: absolute;
    top: 40%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #757584;
	 z-index: 100;
	 width: auto;
}
.pr-carousel-prev {
left: -2.5rem;
}
 .pr-carousel-next
{
    right: -2.5rem;
}
.adv-1slot-slider .pr-carousel-nav-arrow {
top: 45%;
}
.adv-1slot-slider .pr-carousel-prev {
left: 2.5rem;
}
.adv-1slot-slider .pr-carousel-next
{
    right: 2.5rem;
}