@import "https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

:root{
  --font_awesome:"Font Awesome 5 Pro";
  --font_ibm-plex-sans:"IBM Plex Sans";
  --font_roboto-condensed:"Roboto Condensed";
  --white:#FFF;
  --dark:#132E4B;
  --light:#F3F6FB;
  --extra-light:#E7F1F9;
  --green:#9FCF20;
  --green-light:#B2E11F;
  --green-dark:#8EBF21;  
  --blue-light:#2162AB;
  --blue-dark:#1F3665;
  --vilet:#6D2380;
  --violet-light:#7B378B;
  --violet-dark:#4E2668;
  --yellow:#FDDE11;
  --yellow-light:#FDDE11;
  --yellow-dark:#FECA15;
  --border:rgba(18, 18, 18, 0.08);
}

.font-roboto{font-family:var(--font_roboto-condensed);}
.font-ibm{font-family:var(--font_ibm-plex-sans);}

.white-bg{background-color:var(--white);}
.dark-bg{background-color:var(--dark);}
.light-bg{background-color:var(--light);}
.extra-light-bg{background-color:var(--extra-light);}
.green-bg{background-color:var(--green);}
.green-gradient{background:linear-gradient(var(--green-light), var(--green));}
.blue-gradient{background:linear-gradient(var(--blue-dark), var(--blue-light));}
.violet-gradient{background:linear-gradient(var(--violet-dark), var(--violet-light));}
.yellow-gradient{background:linear-gradient(var(--yellow-dark), var(--yellow-light));}
.blue-dark{background-color:var(--blue-dark);}
.violet-dark{background-color:var(--violet-dark);}

.white{color:var(--white) !important;}
.light{color:var(--light) !important;}
.dark{color:var(--dark) !important;}
.green{color:var(--green) !important;}
.violet{color:var(--violet) !important;}

*{margin:0; padding:0;}
html{--container-max-widths:1320px; scroll-behavior:smooth;}
@media only screen and (max-width:1399px){
  html{--container-max-widths:1140px;}
}
@media only screen and (max-width:1199px){
  html{--container-max-widths:960px;}
}
@media only screen and (max-width:991px){
  html{--container-max-widths:720px;}
}
@media only screen and (max-width:767px){
  html{--container-max-widths:540px;}
}

body{font-family:var(--font_ibm-plex-sans); font-size:18px; line-height:28px; font-weight:300; color:var(--dark); background-color:var(--white);}
.body-wrapper{background-color:var(--white); overflow:hidden;}
main{position:relative; display:inline-block; width:100%;}

h1, h2, h3, h4, h5, h6{font-weight:600; line-height:1.1; margin:0;}
h1{font-size:54px;}
h2{font-size:48px;}
h3{font-size:40px;}
h4{font-size:36px;}
h5{font-size:32px;}
h6{font-size:24px;}

p{font-size:18px; font-weight:300; margin:0;}
.table>:not(caption)>*>* {background-color:var(--light);}
.table-sm th, .table-sm td, .table-sm ul li, .table-sm ol li{font-size:16px; color:var(--dark); line-height:1.33;}

.section-subtitle{font-size:16px; text-transform:uppercase; color:var(--blue-light); display:block; letter-spacing:3 px;}
.section-title{font-size:54px;}
@media only screen and (max-width:1919px){
  .section-title{font-size:54px;}
}
@media only screen and (max-width:1399px){
  .section-title{font-size:50px;}
}
@media only screen and (max-width:1199px){
  .section-title{font-size:46px;}
}
@media only screen and (max-width:991px){
  .section-title{font-size:36px;}
}
@media only screen and (max-width:767px){
  .section-title{font-size:34px;}
}
@media only screen and (max-width:575px){
  .section-title{font-size:30px;}
}

.section-padding{padding:90px 0;}
@media only screen and (max-width:1919px){
  .section-padding{padding:80px 0px;}
}
@media only screen and (max-width:1399px){
  .section-padding{padding:70px 5px;}
}
@media only screen and (max-width:1199px){
  .section-padding{padding:60px 10px;}
}
@media only screen and (max-width:991px){
  .section-padding{padding:55px 10px;}
}
@media only screen and (max-width:767px){
  .section-padding{padding:50px 10px;}
}


.loader-wrap svg{fill:var(--dark);}

.btn.btn-bord{border:1px solid rgba(255, 255, 255, 0.3);}
.btn.btn-bord:hover{background:var(--green); color:var(--white);}

.icon.invert img{filter:invert(1);}

.btn .icon{width:18px;}
.btn:hover .icon.invert img{filter:invert(0);}


/* --------------- Menu --------------- */
.navbar{position:absolute; left:0; top:0; padding:5px 0; margin:0; width:100%; z-index:999; background-color:rgba(255, 255, 255, 1);}
.navbar .logo{padding:0; max-width:150px;}
.navbar .navbar-nav{padding:2px 5px;}
.navbar .navbar-nav .nav-link{padding:5px 15px; border-radius:30px; font-size:16px; color:var(--dark); text-decoration:none; text-transform:uppercase;}
@media only screen and (max-width:1199px){
  .navbar .navbar-nav .nav-link{padding:5px 10px;}
}
.navbar .navbar-nav .nav-link:hover{text-decoration:none;}
.navbar .navbar-nav .nav-link.active{background:rgba(80, 225, 235, .1); mix-blend-mode:screen;}
.navbar .topnav .patent{color:var(--dark); font-size:12px; font-weight:400; line-height:18px; text-transform:uppercase; width:220px;}
.navbar .topnav .patent img{width:80px;}
.navbar .topnav .btn{background:var(--green); color:var(--white);}
.navbar .topnav .btn:hover{background:var(--green); color:var(--dark);}
.navbar.nav-scroll{padding:0; position:fixed; top:-80px; padding:5px 0; transition:-webkit-transform 0.8s; transition:transform 0.8s; transition:transform 0.8s, -webkit-transform 0.8s; transform:translateY(80px); background-color:rgba(255, 255, 255, 1); backdrop-filter:blur(10px); border-bottom:1px solid var(--border);}

@media only screen and (max-width:767px){
  .btn {font-size:14px; padding:10px 15px;}
}


@keyframes bsb-zoomIn {
  0% {
    opacity:0;
    transform:scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity:1;
  }
}
.bsb-zoomIn {animation-name:bsb-zoomIn;}
.bsb-navbar:not(.bsb-navbar-caret) .dropdown-toggle:after {display:none;}
.bsb-navbar-hover .dropdown-menu.show.bsb-zoomIn {animation-duration:500ms; animation-fill-mode:both; animation-name:bsb-zoomIn;}
@media (min-width:992px) {
    .navbar .navbar-nav .dropdown .dropdown-menu {padding:15px 25px;}
}
.navbar .navbar-nav .dropdown .dropdown-menu {background:var(--white); box-shadow:0 0 35px 0 rgba(0, 0, 0, 0.1); border-radius:5px; width:370px; padding:20px 35px;}
.navbar .navbar-nav .dropdown .dropdown-menu li{padding:10px 0;}
.navbar .navbar-nav .dropdown .dropdown-menu li a{color:var(--dark); font-size:16px; line-height:20px; transition:all 0.4s;}
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover{color:var(--green); text-decoration:none;}


/* --------------- Swiper Tools --------------- */
.slider-nav{display:flex; position:absolute; top:calc(50% - 25px); left:0; padding:0 20px; justify-content:space-between; width:100%; align-items:center;}
.swiper-button{width:50px; height:50px; border:1px solid var(--white); border-radius:50px; text-align:center; line-height:50px; transition:all ease .4s;}
.swiper-button.swiper-button-prev::after, .swiper-button.swiper-button-next::after{font-family:var(--font_awesome); font-size:16px; color:var(--white);}
.swiper-button.swiper-button-prev::after {content:"\f060";}
.swiper-button.swiper-button-next::after {content:"\f061";}

.swiper-pagination{position:absolute; bottom:0 !important; height:50px; left:0; right:0; display:inline-flex; gap:5px; margin-inline:auto; align-items:center; justify-content:center; z-index:1;}
.swiper-pagination-bullet{width:3px; height:3px; background-color:var(--white); opacity:.5; border-radius:2px; transition:all 0.5s; margin:0;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{height:2px; width:40px; background-color:var(--white); opacity:1;}
@media only screen and (max-width:767px){
  .swiper-pagination{gap:10px;} 
}


/* --------------- Header --------------- */
.header{position:relative; min-height:100vh; z-index:3; padding:0; margin:0;} 
.hero-slider{position:relative; z-index:1;}
.hero-slider .swiper{overflow:inherit;}
.hero-slider .swiper-slide{position:relative; width:100%;}
.hero-slider .swiper-slide .slide-bg{position:relative;}

.hero-slider .swiper-slide .slide-circle{position:absolute; opacity:0; z-index:2; left:50%; transform:translateX(calc(-50% + 500px)); bottom:-60px; transition:all 1000ms ease;}
.hero-slider .swiper-slide-active .slide-circle{opacity:1; transform:translateX(calc(-50% + 260px)); transition-delay:2000ms;}
.hero-slider .swiper-slide .slide-circle img{width:380px; border-radius:50%; border:2px solid var(--green);}
.hero-slider .swiper-slide.reagent .slide-circle img{border:2px solid var(--white);}

.hero-slider .swiper-slide .slide-hand{position:absolute; opacity:0; z-index:3; left:50%; top:0px; transform:translate(calc(-50% + 350px), -100px); transition:all 1000ms ease;}
.hero-slider .swiper-slide-active .slide-hand{opacity:1; transform:translate(calc(-50% + 350px), 0px); transition-delay:3000ms;}
.hero-slider .swiper-slide .slide-hand img{width:300px;}

.hero-slider .swiper-slide .slide-element{position:absolute; opacity:0; z-index:4; left:50%; transform:translateX(calc(-50% + 250px)); bottom:-30px; transition:all 500ms ease-out;}
.hero-slider .swiper-slide-active .slide-element{opacity:1; transition-delay:3200ms;}
.hero-slider .swiper-slide .slide-element img{width:300px;}

.hero-slider .swiper-slide .content-wrapper{font-family:var(--font_roboto-condensed); padding:20px 0;}
.hero-slider .swiper-slide .title{opacity:0; transform:translateX(120px); transition:all 1000ms ease;}
.hero-slider .swiper-slide-active .title{opacity:1; transform:translateX(0px); transition:all 1000ms ease;}
.hero-slider .swiper-slide .title h2{font-size:44px; font-weight:700; line-height:1; color:var(--white); text-transform:uppercase;}

.hero-slider .swiper-slide .text{max-width:700px; opacity:0; transform:translateX(120px); transition:all 1000ms ease;}
.hero-slider .swiper-slide-active .text{opacity:1; transform:translateX(0px); transition-delay:500ms;}
.hero-slider .swiper-slide .text p{font-size:28px; font-weight:600; line-height:1.1; color:var(--green); text-transform:uppercase;}
.hero-slider .swiper-pagination{display:none;}

@media only screen and (min-width:1921px){
  .hero-slider .swiper-slide .slide-bg{background:none !important;}
  .hero-slider .swiper-slide .slide-circle{transform:translateX(calc(-50% + 500px));}
  .hero-slider .swiper-slide-active .slide-circle{transform:translateX(calc(-50% + 350px));}
  .hero-slider .swiper-slide .slide-circle img{width:420px;}
  .hero-slider .swiper-slide .slide-hand{transform:translate(calc(-50% + 450px), 0px);}
  .hero-slider .swiper-slide-active .slide-hand{transform:translate(calc(-50% + 450px), 60px);}
  .hero-slider .swiper-slide .slide-hand img{width:330px;}
}
@media only screen and (max-width:1679px){
  .header{min-height:auto;}
  .hero-slider .swiper-slide .slide-bg{min-height:505px;}
  .hero-slider .swiper-slide .slide-img{display:none;}
  .hero-slider .swiper-slide .slide-circle{transform:translateX(calc(-50% + 290px)); bottom:-50px;}
  .hero-slider .swiper-slide-active .slide-circle{transform:translateX(calc(-50% + 190px));}
  .hero-slider .swiper-slide .slide-circle img{width:240px;}
  .hero-slider .swiper-slide .slide-hand{transform:translate(calc(-50% + 250px), 0px);}
  .hero-slider .swiper-slide-active .slide-hand{transform:translate(calc(-50% + 250px), 60px);}
  .hero-slider .swiper-slide .slide-hand img{width:180px;}
  .hero-slider .swiper-slide .slide-element{transform:translateX(calc(-50% + 190px)); bottom:-30px;}
  .hero-slider .swiper-slide .slide-element img{width:180px;}
}
@media only screen and (max-width:1199px){
  .hero-slider .swiper-slide .slide-bg{min-height:505px;}
  .hero-slider .swiper-slide .slide-img{display:none;}
  .hero-slider .swiper-slide .slide-circle{transform:translateX(calc(-50% + 290px)); bottom:-50px;}
  .hero-slider .swiper-slide-active .slide-circle{transform:translateX(calc(-50% + 190px));}
  .hero-slider .swiper-slide .slide-circle img{width:240px;}
  .hero-slider .swiper-slide .slide-hand{transform:translate(calc(-50% + 250px), 0px);}
  .hero-slider .swiper-slide-active .slide-hand{transform:translate(calc(-50% + 250px), 60px);}
  .hero-slider .swiper-slide .slide-hand img{width:180px;}
  .hero-slider .swiper-slide .slide-element{transform:translateX(calc(-50% + 190px)); bottom:-30px;}
  .hero-slider .swiper-slide .slide-element img{width:180px;}
}
@media only screen and (max-width:991px){
  .hero-slider .swiper-slide .slide-bg{min-height:505px;}
  .hero-slider .swiper-slide .slide-img{display:none;}
  .hero-slider .swiper-slide .slide-circle{transform:translateX(calc(-50% + 300px)); bottom:-40px;}
  .hero-slider .swiper-slide-active .slide-circle{transform:translateX(calc(-50% + 200px));}
  .hero-slider .swiper-slide .slide-circle img{width:240px;}
  .hero-slider .swiper-slide .slide-hand{transform:translate(calc(-50% + 250px), 0px);}
  .hero-slider .swiper-slide-active .slide-hand{transform:translate(calc(-50% + 250px), 50px);}
  .hero-slider .swiper-slide .slide-hand img{width:180px;}
  .hero-slider .swiper-slide .slide-element{transform:translateX(calc(-50% + 190px)); bottom:-30px;}
  .hero-slider .swiper-slide .slide-element img{width:180px;}
}
@media only screen and (max-width:767px){
  .hero-slider .swiper-slide .slide-bg{min-height:505px;}
  .hero-slider .swiper-slide .slide-img{display:none;}
  .hero-slider .swiper-slide .slide-circle{transform:translateX(calc(-50% + 220px)); bottom:-30px;}
  .hero-slider .swiper-slide-active .slide-circle{transform:translateX(calc(-50% + 100px));}
  .hero-slider .swiper-slide .slide-circle img{width:200px;}
  .hero-slider .swiper-slide .slide-hand{transform:translate(calc(-50% + 150px), 0px);}
  .hero-slider .swiper-slide-active .slide-hand{transform:translate(calc(-50% + 150px), 80px);}
  .hero-slider .swiper-slide .slide-hand img{width:160px;}
  .hero-slider .swiper-slide .slide-element{transform:translateX(calc(-50% + 100px)); bottom:0px;}
  .hero-slider .swiper-slide .slide-element img{width:160px;}
  
  .hero-slider .swiper-slide .title{width:90%;}
  .hero-slider .swiper-slide .title h2{font-size:38px;}
  .hero-slider .swiper-slide .text{max-width:100%;}
  .hero-slider .swiper-slide .text p{font-size:20px;} 
  .hero-slider .slider-nav{display:none;}
}

/* Blink Animate */
@-webkit-keyframes blink {}
@keyframes blink {
  0%, 28%, 56%, 84%, 100% {
    opacity:1;
    transform:translateY(-12px);
  }
  14%, 42%, 70% {
    opacity:0;
    transform:translateY(5px);
  }
}
.blink {
  -webkit-animation-name:blink;
          animation-name:blink;
  -webkit-animation-duration:1s;
          animation-duration:1s;
  -webkit-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
  -webkit-animation-timing-function:easeOut;
          animation-timing-function:easeOut;
}

/* Shake Animate */
@-webkit-keyframes shake {}

@keyframes shake {
  0% {
    -webkit-transform:translateY(-30px);
            transform:translateY(-30px);
  }
  14% {
    -webkit-transform:translateY(-10px);
            transform:translateY(-10px);
  }
  28% {
    -webkit-transform:translateY(-30px);
            transform:translateY(-30px);
  }
  42% {
    -webkit-transform:translateY(-10px);
            transform:translateY(-10px);
  }
  56% {
    -webkit-transform:translateY(-30px);
            transform:translateY(-30px);
  }
  70% {
    -webkit-transform:translateY(-10px);
            transform:translateY(-10px);
  }
  84% {
    -webkit-transform:translateY(-30px);
            transform:translateY(-30px);
  }
  100% {
    -webkit-transform:translateY(-30px);
            transform:translateY(-30px);
  }
}
.shake {
  -webkit-animation-name:shake;
          animation-name:shake;
  -webkit-animation-duration:1s;
          animation-duration:1s;
  -webkit-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
          animation-timing-function:linear;
}


/* --------------- About --------------- */
.about .section-content{display:grid; gap:35px 60px; grid-template-columns:auto 980px;}
.about-inner .section-title-wrapper{margin-bottom:50px;}
@media only screen and (max-width:1199px){
  .about .section-content{grid-template-columns:auto;}
}
@media only screen and (max-width:767px) {
  .about-inner .section-title-wrapper{margin-bottom:30px;}
}


/* --------------- Video --------------- */
.video{background-image:linear-gradient(180deg, #fff 0%, #fff 200px, var(--green-light) 200px, var(--green-light) 100%);}
.video .video-button{position:absolute; top:0; inset-inline-start:0; z-index:2;}
.video .video-btn{border:0; width:200px; height:200px; border-radius:0; background-color:var(--dark); color:var(--white); font-size:30px; display:flex; justify-content:center; align-items:center; transition:all .3s ease;}
.video .video-btn:hover{background-color:var(--green); border:0;}
.video .video-wrapper{position:relative; margin-inline-end:calc((100vw + 24px - var(--container-max-widths)) / -2);}
.video-container {position:relative; padding-bottom:56.25%; /* 16:9 */ height:0; overflow:hidden; max-width:100%; background:var(--white;);}
.video-container video {position:absolute; top:0; left:0; width:100%; height:100%;}

@media only screen and (max-width:1919px){
  .video{background-image:linear-gradient(180deg, #fff 0%, #fff 120px, var(--green-light) 120px, var(--green-light) 100%);}
  .video .video-btn{width:120px; height:120px; font-size:20px;}
}
@media only screen and (max-width:767px){
  .video{background-image:linear-gradient(180deg, #fff 0%, #fff 70px, var(--green-light) 70px, var(--green-light) 100%);}
  .video .video-btn{width:70px; height:70px; font-size:14px;}
}
@media only screen and (max-width:575px){
  .video .video-wrapper{position:relative; margin-inline-end:inherit;}
}

/* --------------- Steps --------------- */
.steps{position:relative; margin-top:0px; z-index:2; font-family:var(--font_roboto-condensed);}
.steps .section-title{margin-bottom:50px; display:grid; gap:10px; grid-template-columns:40px 400px 1fr; align-items:center;}
.steps .section-title span{font-size:80px; font-weight:700;}
.steps .section-title p{font-size:32px; line-height:1; font-weight:700; text-transform:uppercase;}
@media only screen and (max-width:767px){
  .steps .section-title{grid-template-columns:30px 1fr;}
  .steps .section-title span{font-size:70px;}
  .steps .section-title p{font-size:28px;}
}
.steps-grid {display:grid; grid-template-columns:repeat(6, 1fr); grid-auto-rows:auto; gap:10px; flex:1 1 auto; counter-reset:grid;}
.steps-grid .item {padding:20px; grid-column:span 2; position:relative; transition:all .5s; border-radius:20px; top:0;}
.steps-grid .item:before {position:absolute; z-index:1; top:0; right:50px; content:''; counter-increment:grid; content:counter(grid); font-size:160px; font-weight:900; line-height:160px; color:rgba(255, 255, 255, .3);}
.steps-grid .item:last-child:nth-child(3n-1) {grid-column-end:-2;}
.steps-grid .item:nth-last-child(2):nth-child(3n+1) {grid-column-end:4;}
.steps-grid .item:last-child:nth-child(3n-2) {grid-column-end:5;}
.steps-grid .item:hover{background:rgba(255, 255, 255, .4); -webkit-box-shadow:0px 10px 30px rgba(19, 46, 75, 0.2); box-shadow:0px 10px 30px rgba(19, 46, 75, 0.2); top:-10px}
.steps-grid .item:hover:before{color:rgba(255, 255, 255, .6);}

.item-inner{position:relative; z-index:2; display:grid; gap:0; grid-template-columns:190px 1fr;}
.item-inner .text{margin-top:120px; color:var(--dark); display:flex; flex-direction:column; align-items:flex-start;}
.item:nth-child(4) .item-inner .text{margin-top:105px;}
.item-inner .text h6{font-size:24px; line-height:1.1; font-weight:700; text-transform:uppercase; margin-bottom:1rem;}
.item-inner .text p{line-height:1.2; font-size:16px;}
@media only screen and (max-width:1199px){
  .steps-grid {grid-template-columns:repeat(4, 1fr); column-gap:50px;}
  .steps-grid .item {padding:20px;}
  .steps-grid .item:before {top:10px; right:20px; font-size:110px; line-height:110px;}
  .steps-grid .item:nth-last-child(2):nth-child(3n+1) {grid-column-end:5;}
  .item-inner{grid-template-columns:170px 1fr; column-gap:30px;}
  .item-inner .text,  .item:nth-child(4) .item-inner .text{margin-top:30px;}
}
@media only screen and (max-width:991px){
  .steps-grid {grid-template-columns:repeat(4, 1fr); gap:20;}
  .steps-grid .item {padding:10px;}
  .steps-grid .item:before {top:10px; right:10px; font-size:100px; line-height:100px;}
  .steps-grid .item:nth-last-child(2):nth-child(3n+1) {grid-column-end:5;}
  .item-inner{grid-template-columns:150px 1fr; column-gap:20px;}
  .item-inner .text,  .item:nth-child(4) .item-inner .text{margin-top:30px;}
}
@media only screen and (max-width:767px){
  .steps-grid {grid-template-columns:repeat(1, 1fr); gap:0;}
  .steps-grid .item {padding:10px;}
  .steps-grid .item:before {top:10px; right:10px; font-size:100px; line-height:100px;}
  .steps-grid .item:last-child:nth-child(3n-1) {grid-column-end:inherit;}
  .steps-grid .item:nth-last-child(2):nth-child(3n+1) {grid-column-end:inherit;}
  .steps-grid .item:last-child:nth-child(3n-2) {grid-column-end:inherit;}
  .item-inner{grid-template-columns:140px 1fr; column-gap:20px;}
  .item-inner .text,  .item:nth-child(4) .item-inner .text{margin-top:30px;}
}

.curve.curve-bottom {left:0; bottom:-1px; width:100%;}
.curve {position:absolute; z-index:7;}
.curve.curve-bottom:after, .curve.curve-bottom:before {bottom:0;}
.curve.curve-center:before {border-right:50vw solid transparent;}
.curve.curve-center:after {border-left:50vw solid transparent;}
.curve:after, .curve:before {content:''; width:0; height:0; border-bottom:50px solid var(--white); position:absolute;}
.curve:before {left:0; border-right:70vw solid transparent;}
.curve:after {right:0; border-left:30vw solid transparent;}


/* --------------- Catalogue --------------- */
.catalogue .catalogue-wrapper-box:not(:first-child){margin-top:40px;}
.catalogue .section-content{display:grid; gap:35px 60px; grid-template-columns:auto 980px;}
@media only screen and (max-width:1199px){
  .catalogue .section-content{grid-template-columns:auto;}
}
.catalogue .section-title{margin-bottom:40px;}
.catalogue .title-wrapper{margin-bottom:57px;}
@media only screen and (max-width:1399px){
  .catalogue .title-wrapper{margin-bottom:47px;}
}
@media only screen and (max-width:1199px){
  .catalogue .title-wrapper{margin-bottom:37px;}
}
.catalogue .catalogue-wrapper{display:grid; gap:2.5%; grid-template-columns:22.5% 22.5% 22.5% 22.5%;}
@media only screen and (max-width:991px){
  .catalogue .catalogue-wrapper{grid-template-columns:50% 50%;}  
}
@media only screen and (max-width:575px){
  .catalogue .catalogue-wrapper{grid-template-columns:100%;}
}
.product-box .h4{text-align: center; font-size:24px; font-weight:400; line-height:1.25;}
.product-box .h4 span{display:block; font-size:26px; font-weight:500; color:var(--green);}
.product-box .thumb img{width:100%;}
.product-box .content{padding-top:25px; padding-bottom:23px; border-bottom:1px solid var(--border); display:grid; gap:10px; grid-template-columns:25px auto 15px;}
.product-box .number{font-size:16px; line-height:1.5;}
.product-box .title{font-size:20px; font-weight:500; line-height:1.25;}
.product-box .title span{display:block; font-size:18px; font-weight:400;}
.product-box .icon{transform:translate(-10px, 10px); opacity:0; transition:all 0.5s;}
.product-box:hover .icon{transform:none; opacity:1;}
.product-box .icon i{font-size:20px; color:var(--theme); transform:rotate(-45deg);}
@media only screen and (max-width:767px){
  .product-box .icon{display:none;}
}
.product-box a{color:var(--blue-dark); transition:all 0.5s;}
.product-box a:hover{color:var(--green); text-decoration:none !important;}

.reagent .product-box{display: flex; flex-direction: column; align-items: center; width:75%;}
@media only screen and (max-width:767px){
  .reagent .product-box{width:100%; margin-bottom:30px;}
}


/* --------------- Features --------------- */
.features .section-content{display:grid; gap:35px 60px; grid-template-columns:auto 980px;}
@media only screen and (max-width:1199px){
  .features .section-content{grid-template-columns:auto;}
}
.features .section-title{max-width:660px; color:var(--white);}
.features .section-text{max-width:660px; margin-top:40px; color:var(--white);}
.features .feature-wrapper-box{margin-top:40px;}
.feature-box .icon{margin-bottom:1rem;}
.feature-box .icon img{width:100px;}
.feature-box:hover .icon{-webkit-animation:slideTopDown 1s infinite alternate -moz-animation:slideTopDown 1s infinite alternate -ms-animation:slideTopDown 1s infinite alternate; -o-animation:slideTopDown 1s infinite alternate; animation:slideTopDown 1s infinite alternate;}
.feature-box .title{font-size:22px; line-height:1.4; color:var(--white);}
.feature-box .title span{font-weight:600;}
.feature-box .content{margin-top:25px;}
.feature-box .text{font-size:16px; color:var(--white); margin-top:20px;}

@media only screen and (max-width:767px){
  .feature-box .icon{font-size:150px; text-align:center;}
  .feature-box .content{margin-top:20px; text-align:center;}
  .feature-box .title{font-size:32px;}
  .feature-box .text{font-size:20px;}
}

.feature-slider{position:relative; z-index:1; padding-bottom:50px;}
.feature-slider .swiper-wrapper{padding-bottom:40px;}
@media only screen and (max-width:1199px){
  .features .swiper-nav{display:none;}
}
@media only screen and (max-width:991px){
  .feature-slider .swiper-wrapper{padding-bottom:0px;}
}
.features .swiper-button{border:1px solid var(--green);}
.features .swiper-button.swiper-button-prev::after,
.features .swiper-button.swiper-button-next::after{color:var(--green);}
.features .swiper-pagination-bullet{background-color:var(--green);}
.features .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--green);}


/* --------------- Certificate --------------- */
.certificate .section-content{display:grid; gap:35px 60px; grid-template-columns:auto 980px;}
.certificate .section-title{font-size:36px;}
@media only screen and (max-width:1199px){
 .certificate .section-content{grid-template-columns:auto;}
}
.certificate .section-text{width:100%; margin-top:40px;}
.certificate .thumb{position:relative;}
.certificate .thumb img{width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
@media only screen and (max-width:991px){
  .certificate .thumb{padding-top:30px;}
}
.certificate-block{display:grid; gap:20px; grid-template-columns:100px auto; align-items: center;}
.certificate-block img{width:100px;}

.pdf-block{display:grid; gap:10px; grid-template-columns:40px auto; align-items: center;}
.pdf-block img{width:40px;}

.thumb{padding:0; overflow:hidden;}
.thumb figure{position:relative; margin:0;}
.thumb figure img{display:block; width:100%;}
.thumb figure:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--white); opacity:0; transition:all .5s ease;}
.thumb figcaption{position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; margin:2.2rem 2.6rem;}
.thumb figure:hover:after{opacity:0;}
.thumb figure:hover img{}
.thumb figure:hover .thumb-ico{opacity:1; transform:scale(1);}
.thumb .thumb-content {overflow:hidden; transition:all .5s ease;}
.thumb-ico{position:absolute; left:50%; top:50%; width:6rem; height:6rem; margin:-3rem; border-radius:50%; background-color:rgba(159, 207, 32, .8); overflow:hidden; opacity:0; transform:scale(0.5); transition:all .5s ease;}
.thumb-ico:after{content:''; position:absolute; left:50%; top:50%; width:2.625rem; height:2.625rem; background-size:cover; transform:translate(-50%, -50%);}
.ico-zoom:after{background:url(../img/zoom.svg) 0 0 no-repeat;}
.ico-link:after{background:url(../img/link.svg) 0 0 no-repeat;}


/* --------------- Reviews --------------- */
.reviews .title-wrapper{padding:50px 0 0;}
.reviews .section-title{text-align:center;}
.reviews .section-text{max-width:660px; margin-top:40px;}
@media only screen and (max-width:767px){
  .reviews .section-title{text-align:left;}
  .reviews .section-text{max-width:100%; margin-top:40px;}
}
.reviews .reviews-wrapper{max-width:1070px; margin:0 auto; padding:0 80px;}
@media only screen and (max-width:767px){
  .reviews .reviews-wrapper{padding:0;}
}
.reviews .reviews-wrapper-box{position:relative; padding:30px 0 60px;}
.reviews .slider-nav{display:flex; justify-content:space-between; position:absolute; top:calc(50% - 15px); transform:translateY(-50%); width:100%;}
@media only screen and (max-width:767px){
  .reviews .slider-nav{display:none;}
}
.reviews-item .text-wrapper{margin-top:20px;}

.reviews-item .author{margin-top:20px;}
.reviews-item .name{font-size:16px; font-weight:300; display:block; color:var(--blue);}
.reviews-footer{display:flex; justify-content:end; align-items:center;}

.reviews .swiper-button{border:1px solid var(--blue-light);}
.reviews .swiper-button.swiper-button-prev::after,
.reviews .swiper-button.swiper-button-next::after{color:var(--blue-light);}
.reviews .swiper-pagination-bullet{background-color:var(--blue-light);}
.reviews .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--blue-light);}

/* -- ReviewInfo -- */
.reviews-list-wrapper a{display:block;}
.reviews-item-box{padding:50px; margin-bottom:40px; border-radius:20px; background-color:var(--light); position:relative;}
.reviews-item-box .icon{position:absolute; left:25px; top:25px; width:50px; z-index:1;}

.reviews-item-box .item-content{position:relative; z-index:2;}
.reviews-item-box .item-footer{margin-top:10px; display:flex; justify-content:space-between; position:relative;}
.reviews-item-box .name{font-size:16px; font-weight:300; display:block; color:var(--primary);}

@media only screen and (max-width:767px){
  .reviews-item-box{padding:20px; border-radius:10px;}
  .reviews-item-box .icon{display:none;}
  .reviews-item-box .item-footer{flex-direction:column;}
  .reviews .swiper-nav{display:none;}
}


/* --------------- Footer --------------- */
.footer{}
.footer-top{padding-bottom:60px; display:grid; gap:35px 60px; grid-template-columns:auto 980px;}
.footer-logo{max-width:150px;}
.footer-widget{display:grid; gap:35px 60px; grid-template-columns:220px 220px auto;}
.widget-item .title{font-size:18px; display:inline-block; font-weight:400; color:var(--dark);}
.widget-item .list{margin-top:10px;}
.widget-item .list li{line-height:1.4; font-size:16px;}
@media only screen and (max-width:1919px){
  .footer-top{padding-bottom:40px;}
}
@media only screen and (max-width:1199px){
  .footer-top{gap:30px 40px;}
}
@media only screen and (max-width:991px){
  .footer-top{grid-template-columns:auto 440px;}
  .footer-widget{grid-template-columns:auto;}
}
@media only screen and (max-width:767px){
  .footer-top{grid-template-columns:auto; padding-bottom:30px;}
}
@media (max-width:575px){
  .footer-logo{margin:0 auto;}  
  .widget-item{text-align:center;}
  .widget-item .title{font-size:20px; font-weight:500;}
  .widget-item .list li{font-size:18px;}
}

.footer-menu{display:flex; gap:20px 60px; justify-content:space-between; align-items:center; padding:50px 0;}
.footer-bottom .list{display:flex; gap:10px 50px; flex-wrap:wrap;}
.footer-bottom .list li{line-height:1.4; font-size:16px;}
@media only screen and (max-width:1919px){
  .footer-menu{padding:25px 0;}
}
@media only screen and (max-width:767px){
  .footer-menu{flex-direction:column;}
  .footer-bottom .list{gap:10px 25px;}
}

.social{text-align:right;}
.social li{display:inline-block; margin-right:20px;}
.social li a{display:inline-block; text-align:center; color:var(--dark); -webkit-transition:all ease .5s; transition:all ease .5s; text-decoration:none;}
.social li a:hover{-webkit-transform:translateY(-2px); transform:translateY(-2px); color:var(--green);}
.social li a i{font-size:30px;}


.list-style-check{list-style:none; padding:0;}
.list-style-check li{position:relative; padding-left:25px;}
.list-style-check li::before{content:"\f00c"; width:22px; font-family:var(--font_awesome); font-size:14px; position:absolute; top:0; left:0; color:var(--green);}
.list-style-check li:last-child{margin-bottom:0;}

.list-style-square{list-style:none; padding-left:20px;}
.list-style-square li{list-style-type:square; padding-left:5px;}
.list-style-square li::marker{font-size:14px; color:var(--green); opacity:1;}
.list-style-square li:last-child{margin-bottom:0;}


/* --------------- Modals --------------- */
.close{width:48px; height:48px; line-height:45px; text-align:center; border:1px solid var(--green); border-radius:50%; font-size:14px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.modal-fullscreen .close{position:absolute; top:30px; right:30px; display:block; overflow:hidden; z-index:9999;}
.close:hover{background-color:var(--green);}
.close:hover svg path{stroke:var(--white);}
@media (max-width:575px){
  .close{top:15px; right:15px;}
}

/* Cookie Modal */
.warning{background-color:#0A223B; border-radius: 1rem; bottom: 20px; box-shadow: 0 1rem 2rem -1rem #00000026; font-size: .9rem; left: 50%; padding-bottom: 1rem; padding-top: 1rem; position: fixed; transform: translate(-50%); transition: .15s ease-in-out; z-index: 100; display: none;}
.warning-active {display: flex;}

.cookie-box{position:relative; display:flex; flex-direction:row; z-index:1; flex-flow:row wrap; align-items:center !important; justify-content:flex-start; text-align:left;}
.cookie-box .cookie-box-content{flex:1;}
@media (max-width:575px){
  .cookie-box{flex-direction:column;}
  .cookie-box .cookie-box-content{padding-right:0;}
  .cookie-box .cookie-box-icon{display:none;}
  .cookie-box .cookie-box-button{margin-top:20px;}
}


/* --------------- Contact --------------- */
.contact-form .form-group{margin-bottom:15px;}
.contact-form label{font-size:14px; font-weight:300; margin-bottom:5px;}
.contact-form label .star{color:red; padding-left:5px;}
.contact-form input.form-control, .contact-form textarea.form-control{height:50px; color:var(--dark); background:rgba(243, 246, 251, 0.9); width:100%; padding:5px 10px; border:1px solid rgba(90, 141, 238, 0.05); border-radius:0.25rem; border-bottom:2px solid rgba(90, 141, 238, 0.25); font-size:20px; font-weight:400;}
.contact-form textarea.form-control{height:100px; line-height:25px; border-radius:0.25rem;}
.contact-form input.form-control:focus,
.contact-form textarea.form-control:focus{border-bottom:1px solid rgba(90, 141, 238, 0.5);}

.form-control::-webkit-input-placeholder{color:var(--light);}
.form-control:-moz-placeholder{color:var(--light);}
.form-control::-moz-placeholder{color:var(--light);}
.form-control:-ms-input-placeholder{color:var(--light);}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {-webkit-box-shadow:0 0 0px 1000px transparent inset !important; transition:background-color 5000s ease-in-out 0s !important; background-color:#333 !important; border:0 !important; border-radius:10px !important; -webkit-text-fill-color:var(--white) !important;}

.form-check-input:checked {background-color:var(--green); border-color:var(--green);}
.form-check-input:focus {border-color:var(--green); outline:0; box-shadow:0 0 0 .25rem rgba(159, 207, 32, .25);}


/* Input Place */
.input-place::-webkit-input-placeholder  {opacity:1; transition:opacity 0.3s ease;}
.input-place::-moz-placeholder           {opacity:1; transition:opacity 0.3s ease;}
.input-place::-moz-placeholder           {opacity:1; transition:opacity 0.3s ease;}
.input-place::-ms-input-placeholder      {opacity:1; transition:opacity 0.3s ease;}
.input-place:focus::-webkit-input-placeholder{opacity:0; transition:opacity 0.3s ease;}
.input-place:focus::-moz-placeholder     {opacity:0; transition:opacity 0.3s ease;}
.input-place:focus::-moz-placeholder     {opacity:0; transition:opacity 0.3s ease;}
.input-place:focus::-ms-input-placeholder{opacity:0; transition:opacity 0.3s ease;}


@-webkit-keyframes slideTopDown{
    0%{-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
    100%{-webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
}
@-moz-keyframes slideTopDown{
    0%{-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
    100%{-webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
}
@-ms-keyframes slideTopDown{
    0%{-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
    100%{-webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
}
@-o-keyframes slideTopDown{
    0%{-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
    100%{-webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
}
@keyframes slideTopDown{
    0%{-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
    100%{-webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
}


/* --------------- Page Header ------------- */
.page-header{padding-top:97px;}
.page-header .page-header-box{position:relative; z-index:1;}
.page-header .page-header-box .box-bg{position:absolute; width:100%; height:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:-1;}
.page-header .page-header-box .box-bg::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:1; background-color:rgba(0, 0, 0, .3);}
.page-header .page-header-box .box-bg img{width:100%; height:100%; -o-object-fit:cover; object-fit:cover; z-index:-1;}
.page-header .header-title{padding-top:320px; padding-bottom:80px;}
.page-header .header-title h1{color:var(--white); line-height:1; text-transform:uppercase;}
@media only screen and (max-width:1199px){
  .page-header .page-header-box .box-bg{width:100%; left:50%;}
  .page-header .header-title{padding-top:300px; padding-bottom:70px;}
}
@media only screen and (max-width:991px){
  .page-header .page-header-box .box-bg{width:120%; left:50%;}
  .page-header .header-title{padding-top:280px; padding-bottom:60px;}
}
@media only screen and (max-width:767px){
  .page-header .page-header-box .box-bg{width:160%; left:30%;}
  .page-header .header-title{padding-top:260px; padding-bottom:50px;}
}
@media only screen and (max-width:575px){
  .page-header .page-header-box .box-bg{width:150%; left:40%;}
  .page-header .header-title{padding-top:200px; padding-bottom:40px;}
  .page-header .header-title .breadcrumb{display:none;}
}

.breadcrumb{background-color:transparent; padding:0; margin:10px 0 0 0;}
.breadcrumb-item{position:relative; line-height:1; font-size:.95rem;}
.breadcrumb-item+.breadcrumb-item{padding-left:1rem;}
.breadcrumb-item+.breadcrumb-item::before{left:.4rem; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:10px; font-family:var(--font_awesome); content:"\f054";}
.breadcrumb-item.active{color:var(--white); padding-bottom:3px;}
.breadcrumb-item.active::after{background-color:var(--white);}
.breadcrumb-item a, .breadcrumb-item+.breadcrumb-item::before{color:var(--white);}
.breadcrumb-item a:hover{color:var(--green);}

/* --------------- Page Info ------------- */
.information .section-content{display:grid; gap:35px 60px; grid-template-columns:auto 980px;}
.information-inner .title-wrapper{margin-bottom:50px; max-width:75%}
@media only screen and (max-width:1199px){
  .information .section-content{grid-template-columns:auto;}
}
@media only screen and (max-width:767px) {
  .information-inner .title-wrapper{margin-bottom:30px; max-width:100%;}
}


/* -- Grid Constructor -- */
.grid .grid-item:nth-child(1){grid-area:a;}
.grid .grid-item:nth-child(2){grid-area:b;}
.grid .grid-item:nth-child(3){grid-area:c;}
.grid .grid-item:nth-child(4){grid-area:d;}
.grid .grid-item:nth-child(5){grid-area:e;}
.grid .grid-item:nth-child(6){grid-area:f;}


/* -- Advantages -- */
.advantages-area .section-subtitle{color:var(--white); opacity:.7;}
.advantages-area-inner.grid{display:grid; grid-template-columns:auto 600px; gap:30px; grid-template-areas:"a b";}
.advantages-area-inner.grid .grid-item:nth-child(1){grid-area:a;}
.advantages-area-inner.grid .grid-item:nth-child(2){grid-area:b;}
.advantages-area-inner.grid .grid-item img{width: 100%; height: 100%; object-fit: cover;}
@media (max-width:1199px){
  .advantages-area .container{padding-right:0;}
  .advantages-area-inner.grid{grid-template-columns:auto 400px; gap:10px;}
  .advantages-area-inner.grid .grid-item img{object-position:80%;}
}
@media (max-width:991px){
  .advantages-area .container{padding:0;}
  .advantages-area-inner.grid{
    grid-template-columns:100%;
    gap:0;
    grid-template-areas:
      "b"
      "a";
  }
}

.advantages-list{margin-top:20px; display:grid; gap:10px; grid-template-columns:repeat(2, 1fr);}
.advantage-item{padding:15px; background:var(--blue-dark); border-radius:20px;}
.azofoska .advantage-item{background:var(--violet-dark);}
.advantage-item .head{display:grid; gap:0 10px; grid-template-columns:90px auto; align-items:center;}
.advantage-item .img{display:flex; width:90px; transition:all .5s ease;}
.advantage-item .title{font-size:18px; font-weight:400; line-height:1.23; color:var(--white);}
@media only screen and (max-width:991px){
}
@media only screen and (max-width:767px){
}
@media (max-width:575px){
  .advantages-wrapper{padding-right:var(--bs-gutter-x, .75rem);
    padding-left:var(--bs-gutter-x, .75rem);}
  .advantages-list{gap:20px; grid-template-columns:repeat(1, 1fr);}
}


/* -- Places --*/
.places-area-inner{display:grid; align-items:start; gap:30px; grid-template-columns:auto 700px;}
.places-area-inner .subtitle-wrapper{margin-bottom:30px;}
.places-area-inner .title-wrapper{margin-bottom:30px;}
@media only screen and (max-width:1199px){
  .places-area-inner{grid-template-columns:auto; gap:50px;}
}
.places-area .table-wrapper-inner{display: flex; justify-content: flex-start;}
@media only screen and (max-width:575px){
  .places-area .table-wrapper-inner .table-wrapper{flex-grow:1;}
}
.places-area .places-wrapper{display:grid; grid-template-columns:repeat(3, 1fr); gap:5px;}
.place-body{position:relative; margin:0; overflow:hidden;}
.place-body .place-body_img img{transition:all 0.4s ease;}
.place-body .place-body_name {background:rgba(159,207,32,.6); position:absolute; left:0; bottom:0; padding:0; width:100%; transition:all 0.4s ease;}
.place-body .place-body_name p{font-size:15px; text-transform:uppercase; font-weight:600; line-height:1.23; color:var(--white); position:relative; z-index:1; padding:10px; margin:0;}
.place-body:hover .place-body_name{background:rgba(31,54,101,.9); padding-bottom:5px;}
@media only screen and (max-width:575px){
  .place-body .place-body_name p{font-size:11px; padding:5px;}  
}

/* List Bullet */
ul.bullet{padding:0; margin:0;}
ul.bullet > li{position:relative; padding-left:25px; margin-bottom:0;}
ul.bullet > li::before{content:"•"; position:absolute; top:0; left:0; color:var(--dark);}
ul.bullet > li:not(:last-child){margin-bottom:10px;}

/* List Check */
ul.check{padding:0; margin:0;}
ul.check > li{position:relative; padding-left:35px;}
ul.check > li::before{content:"\f00c"; font-family:var(--font_awesome); position:absolute; top:0; left:0; color:var(--green);}
ul.check > li:not(:last-child){margin-bottom:20px;}

/* List Number */
ol.number{counter-reset:myCounter; margin-left:35px;}
ol.number > li{list-style:none; position:relative;}
ol.number > li::before {left:-35px; position:absolute; counter-increment:myCounter; content:counter(myCounter); color:var(--dark); background:var(--white); display:inline-block; text-align:center; font-size:13px; line-height:20px; width:24px; height:24px; margin-top:3px; border:1px solid var(--green); border-radius:12px;}
ol.number > li:not(:last-child){margin-bottom:.5rem;}



/* -- Info -- */
.info-area-inner{align-items:flex-start; position:relative; z-index:1;}
.info-area-inner .section-content{display:grid; gap:35px 60px; grid-template-columns:auto 880px;}
.info-area-inner .title-wrapper{margin-bottom:30px;}
@media only screen and (max-width:1199px){.info-area-inner .section-content{grid-template-columns:auto;}}
@media only screen and (max-width:1399px){.info-area-inner{grid-template-columns:auto 700px;}}
@media only screen and (max-width:1199px){.info-area-inner{grid-template-columns:auto 560px;}}
@media only screen and (max-width:991px){.info-area-inner{grid-template-columns:auto 1fr; padding-top:0;}}
@media only screen and (max-width:767px){.info-area-inner{grid-template-columns:auto;}}

.info-area-inner .bg{position:absolute; width:-moz-max-content; width:max-content; top:20px; left:50%; transform:translateX(-50%); z-index:-1; width:100vw;}
.info-area-inner .bg img{width:100%;}
@media only screen and (max-width:1399px){.info-area-inner .bg{margin-top:125px;}}
@media only screen and (max-width:1199px){.info-area-inner .bg{display:none;}}


.info-area .info-wrapper.grid{display:grid; grid-template-columns:55% 45%; gap:0; align-items:center; grid-template-areas:
    "a b"
    "c d"
    "e f";}
.info-area .info-wrapper .grid-item{padding:30px 0; display:flex; justify-content:center; align-items:center;}
.info-area .info-wrapper .grid-item.image img{width:75%;}

@media only screen and (max-width:1399px){
  .info-area .info-wrapper .grid-item{padding:30px;}
}
@media only screen and (max-width:1199px){
  .info-area-inner .area-shape{display:none;}
  .info-area .info-wrapper .grid-item{padding:20px;}
}
@media only screen and (max-width:991px){
  .info-area .info-wrapper.grid{grid-template-columns:auto; gap:30px 0; grid-template-areas:
      "a"
      "b"
      "d"
      "f"
      "e";}
  .info-area .info-wrapper .grid-item{padding:0;}
  .info-area .info-wrapper .grid-item.norma {justify-content: center;}
}

/* Gazon */
.info-area.info-area-gazon .info-wrapper .grid-item:nth-child(4){margin:0 25% 0 -50%;}
@media only screen and (max-width:1199px){
  .info-area.info-area-gazon .info-wrapper .grid-item:nth-child(4){margin:0 0 0 -125%;}
}
@media only screen and (max-width:991px){
  .info-area.info-area-gazon .info-wrapper .grid-item:nth-child(4){margin:0;}
}

/* Azofoska */
.info-area.info-area-azofoska .info-wrapper.grid{grid-template-columns:50% 50%; gap:30px;}

/* Reagent */
.info-area.info-area-reagent .info-wrapper.grid{grid-template-columns:55% 45%; gap:30px; align-items: flex-start;}
@media only screen and (max-width:991px){
  .info-area.info-area-reagent .info-wrapper.grid{grid-template-columns:auto; gap:30px 0; grid-template-areas:
      "a"
      "b"
      "c"
      "d";}
}


.table-wrapper{padding:15px;}
.table-wrapper p{text-align:center; font-family:var(--font_roboto-condensed); font-weight:400; color:var(--white);}
.table-wrapper h3{margin-bottom:10px; text-align:center; font-family:var(--font_roboto-condensed); font-size:30px; line-height:36px; font-weight:700; text-transform:uppercase; color:var(--dark);}
.table-rate{margin-top:5px; font-family:var(--font_roboto-condensed); color:var(--dark); border-color:var(--light);}
.table-rate th{text-align:right; vertical-align: middle; padding:5px 20px; text-transform:uppercase; background-color:var(--dark); font-size:18px; font-weight:400; color:var(--white); border-bottom:1px solid #273e5e;}
.table-rate td{vertical-align: middle; padding:3px 5px; background-color:var(--white); line-height:1.2; font-size:14px; font-weight:300; color:var(--dark);}
.table-rate td.value{text-align:center; padding:5px 20px; text-transform:uppercase; background-color:var(--white); font-size:18px; font-weight:600; color:var(--dark);}
.table-rate td.value small{font-size:12px; font-weight:400;}
.table-rate td.value span{display:block; color:var(--green); font-size:16px; font-weight:500; text-transform:none;}
.table-rate tr:last-child td, .table-rate tr:last-child th {border-bottom: none;}
@media only screen and (max-width:575px){
  .table-wrapper h3{font-size:28px;}
  .table-rate td{padding:5px 10px;}
}
.info-area-azofoska .table-rate th{padding:3px 5px; text-align:center; background-color:var(--green); font-weight:400; color:var(--white); border-bottom:1px solid #AEDD31;}
.info-area-azofoska .table-rate td.value{padding:3px 5px; line-height:1;}

.info-area-reagent .table-rate th{text-align:right; background-color:var(--green); font-weight:400; color:var(--white); border-bottom:1px solid #AEDD31;}
.info-area-reagent .table-rate td.value{line-height:1;}

.catalogue-reagent p{margin-bottom:10px;}
.catalogue-reagent .section-title{font-size:32px;}
.catalogue-reagent .check li{line-height: 1.33;}
.catalogue-reagent .table-rate th{padding:5px; text-align:right; font-size:16px; background-color:var(--dark); font-weight:400; color:var(--white); border-bottom:1px solid rgba(255 255 255, .2);}
.catalogue-reagent .table-rate td.value{padding:5px; font-size:16px; line-height:1;}


.catalogue-item{padding:50px 30px; background-color:rgba(255, 255, 255, .3); position: relative; overflow: hidden; border-radius: 20px; transition: all .5s ease;}
.catalogue-item:hover{background-color: var(--white); box-shadow: 0 0 2.77778vw rgba(0, 0, 0, .05); transform: translateY(-10px);}
.catalogue-item:first-child{margin-bottom:30px;}
@media only screen and (max-width:575px){
  .catalogue-item{padding:0; border-radius:0; background-color: transparent;}
  .catalogue-item:first-child{margin-bottom:60px;}
}

.lightblue-1{background-color:#E7F1F9 !important;}
.lightblue-2{background-color:#DAE9F6 !important;}
.lightblue-3{background-color:#CEE2F2 !important;}
.uppercase{text-transform:uppercase !important;}
.uppercase-none{text-transform:none !important;}



/*-- Before&After --*/
.before-after .subtitle-wrapper {margin-bottom: 30px;}
.before-after .section-title{text-align:center; color:var(--white); font-size:36px;}
.before-after .section-title span{display:block; text-align:center; font-size:24px; font-weight:300;}
.before-after .before-after-wrapper-box{margin-top:40px; display:grid; grid-template-columns:50% 50%; gap:10px; align-items:center;}
@media only screen and (max-width:767px){
  .before-after .before-after-wrapper-box{grid-template-columns:100%;}
}
.before-after.reagent .before-after-wrapper-box{margin-top:40px; display:grid; grid-template-columns:33% 33% 33%; gap:10px; align-items:center;}
@media only screen and (max-width:767px){
  .before-after.reagent .before-after-wrapper-box{grid-template-columns:100%;}
}

/* -- Fit Banner --*/
.banner-inner{position:relative; z-index:1;}
.banner-inner .box-bg{position:absolute; width:100%; height:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:-1;}
.banner-inner .box-bg img{width:100%; height:100%; -o-object-fit:cover; object-fit:cover;  -o-object-position:center center; object-position:center center; z-index:-1;}
@media only screen and (max-width:1199px){
  .banner-inner .box-bg{width:120%;}
}
@media only screen and (max-width:991px){
  .banner-inner .box-bg{width:160%;}
}

.h-600px{height:600px !important;}
@media (max-width:991px) {
  .md-h-500px {height:500px !important;}
}
@media (max-width:767px) {
  .sm-h-350px {height:350px !important;}
}


/* -- Banner -- */
.banner-area .title{font-size:40px; line-height:1.2; font-weight:600;}
.banner-area-inner.grid{display:grid; align-items:center; gap:0; grid-template-columns:repeat(2, 1fr); grid-template-areas:"a b";}
@media (max-width:575px){
  .banner-area-inner.grid{
    grid-template-columns:100%;
    grid-template-areas:
      "b"
      "a";
  }
}
.banner-area-inner.grid .grid-item:nth-child(1){grid-area:a;}
.banner-area-inner.grid .grid-item:nth-child(2){grid-area:b;}

.banner-area .thumb img{width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.banner-area .list-wrapper{padding:0 0 0 50px;}
@media (max-width:575px){
  .banner-area .list-wrapper{padding:30px;}
}

/* -- Pagination -- */
.pagination-box{margin-top:40px;}
.pagination{display:flex; justify-content:center; gap:10px;}
.pagination a{width:40px; height:40px; border:1px solid var(--border); display:inline-flex; justify-content:center; align-items:center; border-radius:50%; font-size:16px; color:var(--dark); transition:all .5s;}
.pagination .active a, .pagination a:hover{background-color:var(--green); border-color:var(--green); color:var(--white); text-decoration: none;}


/* -- Contacts -- */
.contacts-area .contacts-box{display: flex; flex-direction: column; align-items: center;}
.contacts-area .contacts-box h5{font-size:22px; padding:20px 0 10px;}
.contacts-area .contacts-box p{line-height:1.2; padding:0; margin:0;}

/* Black&White YandexMap */
[class*="ymaps-2"][class*="-ground-pane"]{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter:grayscale(100%);}

.hr-line{border-top: 1px solid var(--border); height: 1px; margin: 40px 0;}