@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*, *::after, *::before {margin:0;padding: 0;-webkit-box-sizing: inherit;box-sizing: inherit;}
html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  font-size: 56.25%;
  height: 100%;
}
@media only screen and (min-width: 80.0625em){/*1281px*/
  html{font-size: 62.5%;}
}
body{
   font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
    line-height: 1.6;
    color: #333;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size:1.6rem;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a,a:active,a:hover,a:focus{outline:none;}
abbr[title]{border-bottom:1px dotted;}
dfn{font-style:italic;}
small{font-size:80%;}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup{top:-0.5em; } sub{bottom:-0.25em; }
img{border:0; max-width:100%; }
svg:not(:root){overflow:hidden; }
hr{-webkit-box-sizing:content-box; box-sizing:content-box; height:0; margin-top:30px; margin-bottom:35px; border-width:0; border-top:1px solid #E1E1E1; }
pre{overflow:auto; }
code,kbd,pre,samp{font-family:monospace,monospace; font-size:1em; }
button,input,optgroup,select,textarea{color:inherit; font:inherit; margin:0; }
button{overflow:visible; }
button,select{text-transform:none; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer; }
input:focus,select:focus,textarea:focus,button:focus{outline:none; }
button[disabled],html input[disabled]{cursor:default; }
button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0; }
input{line-height:normal; }
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box; padding:0; }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto; }
input[type="search"]{-webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none; }
legend{border:0; padding:0; } textarea{overflow:auto; }
optgroup{font-weight:bold; }
table{border-collapse:collapse; border-spacing:0; } td,th{padding:0; }
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}
button{
  outline:none;
  background-color: #fff;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  border: 0;
}
::-webkit-input-placeholder{color:inherit; opacity:.4 !important; }
:-moz-placeholder{color:inherit; opacity:.4; }
::-moz-placeholder{color:inherit; opacity:.4; }
:-ms-input-placeholder{color:inherit; }
.container {
    position: relative;
    width: 100%;
    max-width: 132rem;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 4rem;
}
.container::after {content: "";display: table;clear: both;}

a {color: inherit;text-decoration: none;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
strong{font-weight: 700;}
.none{display: none;}
h1, h2, h3, h4, h5, h6{ margin-bottom: 2rem;font-weight: 400;}
.title{margin-bottom: 5rem;}
.title h1 {
	font-size: 4rem;
	font-weight: 400;
  margin-bottom: 3rem;
  line-height: 1.3;
}
p{margin-bottom: 2rem;}
ul{padding-left: 4rem;}

label{
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 500;
}
/*----------BREADCRUMBS---------*/
.bread-crumbs{
  background-color: #8daa34;
  color: #fff;
  padding: 1rem 0;
  margin-bottom: 1px;
}
.bread-crumbs ul{list-style:none;padding-left: 0;}
.bread-crumbs ul li{font-size: 1.4rem;display: inline-block;font-weight: 800;}
.bread-crumbs ul li a{color:#fff;display: inline-block;font-weight: 400;}
.bread-crumbs ul li:after{content:"|";padding-left: 1rem;padding-right: 1rem;}
.bread-crumbs ul li:last-child:after{content:"";padding-left: 0;padding-right: 0;}
/*---------------END BREADCRUMBS----------*/
/*---------------CHECKBOX----------*/
label.check-wrapper {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
  font-size: 1.4rem;
  font-weight: 300;
}
.check-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 2rem;
  width: 2rem;
  background-color: #fff;
  border:1px solid #8daa34;
  -webkit-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  border-radius: 2px;
}
.check-wrapper  strong{color:#8daa34;}
.check-wrapper:hover input ~ .checkmark {border-color: #8daa34; } 
.check-wrapper input:checked ~ .checkmark {border-color: #8daa34; }
.checkmark:after {content: ""; position: absolute; display: none; }
.check-wrapper input:checked ~ .checkmark:after {display: block; }
.check-wrapper .checkmark:after {
  left: .7rem;
  top: .5rem;
  width: .5rem;
  height: 1rem;
  border: solid #8daa34;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
}
/*---------------END CHECKBOX----------*/
/*---------------COOKIES----------*/
.cc_container .cc_btn{
  background-color: #8daa34 !important;
  color: #fff !important;
  font-size: 1.6rem !important;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
	background-color: #262938 !important;
	color: #fff !important;
}
.cc_container p > a{
  font-weight: 600;
  color: #8daa34;
}
.cc_container .cc_message {
	font-size: 1.6rem !important;
  line-height: 1.2!important;
  font-family: inherit!important;
  color: inherit!important;
}
/*---------------END COOKIES----------*/

/*---------------HEADER----------*/
header .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
nav{margin-left: auto;}
nav ul{
  list-style: none;
  padding-left: 0;
}
nav ul li{
  display: inline-block;
}
nav ul li a{
  display: inline-block;
  padding:.8rem 2rem;
  border-radius: 4px;

}
nav ul li a:hover, nav ul li a.mslc{
  background-color: #8daa34;
  color: #fff;
}
nav ul li:last-child a{
  color: #fff;
  background-color: #122c1d;
  padding: .8rem 3rem;
}
nav ul li:last-child{padding-left: 2rem;}
.header__logo {
  font-size: 0;
}
.header__logo img {
  height: 80px;
  width: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 1024px) { 
  .header__logo img {
  height: 120px;
  }
}

/*---------------END HEADER----------*/
/*---------------MAIN SLIDER----------*/
.main-slider{
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  padding: 8rem 0;
}
.main-slider__overlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}
.main-slider h1{
  color: #fff;
  font-size: 4rem;
  font-weight: 400;
  margin-bottom: 2.5rem;
  line-height: 1.2;
}
.main-slider p{
  color: #fff;
}
.btn{
  border-radius: 4px;
  background-color: #8daa34;
  text-transform: uppercase;
  font-weight: 500;
  padding: 1rem 2rem;
  color: #fff;
  display: inline-block;

}
.btn:hover{background-color: #122c1d;}
.btn-dark{
  background-color: #122c1d ;
}
.btn-dark:hover{background-color: #8daa34;}
.main-slider__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 83%;
	margin-left: auto;
}
.main-slider__text{
  width:34%;
}
.main-slider__image{
  width: 55rem;
  height: 55rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
}
.main-slider__text .btn{margin-top: 3rem;}
.main-slider::before {
	content: '';
	position: absolute;
	background-image: url(../images/circle1.png);
	background-repeat: no-repeat;
	width: 71.2rem;
	height: 100%;
	top: 0;
	right: 0;
	background-size: cover;
	z-index: 1;
}
.main-slider::after {
	content: '';
	position: absolute;
	background-image: url(../images/circle2.png);
	background-repeat: no-repeat;
	width: 16.6rem;
	height: 10.7rem;
	bottom: 0;
	left: 50%;
	background-size: cover;
	z-index: 1;
}
.swiper-pagination {
	left: 0;
	top: 0;
	height: 100%;
	width: auto !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.swiper-pagination-bullet{
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: rgba(255,255,255,.8); 
  margin-bottom: 1rem !important;
  opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: rgba(141,170,52,.8); 
}
.btn-abs {
	position: absolute;
	left: 0;
	bottom: -4.3rem;
	background-color: #8daa34;
	color: #fff;
	background-image: url(../images/svg/arrow-right-white.svg);
	background-repeat: no-repeat;
	background-position: center right 4rem;
	max-width: 58rem;
	width: 100%;
	font-size: 1.8rem;
	font-weight: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	z-index: 6;
	padding: 3rem 0;
	padding-right: 10rem;
}
.btn-abs:hover{
  background-color: #122c1d;
}
/*---------------END MAIN SLIDER----------*/
/*---------------HOME----------*/
.content-space{
  padding: 10rem 0;
}
.home-about{
  padding: 20rem 0 15rem 0;
  position: relative;
  overflow: hidden;
}
.home-about h2{
  font-size: 4rem;
  font-weight: 400;
  margin-bottom: 3rem;
}
.home-about__text{
  max-width: 50rem;
  width: 100%;
}
.home-about .container{
  position: static;
}
.home-about__image {
	position: absolute;
	right: -2rem;
	top: 50%;
  width: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
/*------------------------------------------*/
.home-text h2 {
	font-size: 3rem;
	font-weight: 400;
	margin-bottom: 7rem;
	max-width: 66rem;
	width: 100%;
	line-height: 1.3;
}
.home-text ul{
  list-style: none;
  padding-left: 0;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
}
.text ul{list-style: none;}
.home-text ul li, .text ul li{
  margin-bottom: 1.5rem;
}
.home-text ul li::before, .text ul li::before {
	content: '';
	background-image: url(../images/svg/checkmark.svg);
	background-repeat: no-repeat;
	display: inline-block;
	font-weight: 900;
	width: 1.7em;
	height: 20px;
	margin-left: 0;
	vertical-align: middle;
}
/*------------------------------------------*/
.logos{
  background-color:  #f4f4f4;
}
.logos .container{
  overflow-x: hidden;
}
.logos .swiper-slide{
  background-color: #fff;
  height: auto;
  padding: 2rem 0;
}
.logos a{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.swiper-button-next{right: 0;}
.swiper-button-prev{left: 0;}

.swiper-button-next::after, .swiper-button-prev::after {
text-indent: -999999px;
background-repeat: no-repeat;
width: 1.8rem;
height: 2.9rem;
}
.swiper-button-next::after{
  background-image: url(../images/svg/next.svg);
}
.swiper-button-prev::after{
  background-image: url(../images/svg/prev.svg);
}
/*---------------END HOME----------*/
/*---------------FOOTER----------*/
footer{
  color: #fff;
  background-color: #8daa34;
  padding: 10rem 0 5rem 0;
  background-image: url(../images/leaf.png);
  background-repeat: no-repeat;
  background-position: bottom right 30rem;
}
footer .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
footer h2{
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 3rem;
}
.footer-box:first-child{margin-right: 10rem;}
.clear .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.clear{font-size: 1.4rem;margin-top: 5rem;}
.v img{
  display: block;
  margin-left: 4rem;
}
/*---------------END FOOTER----------*/
/*---------------PAGES----------*/
.flower-bg {
	background-image: url(../images/svg/flower.svg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 45rem;
	background-attachment: fixed;
}
/*------------------------------------------*/
.news-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;

}
.news-box {
	width: 31.3%;
	margin-right: 3%;
  margin-bottom: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.news-box:nth-child(3n+3){
  margin-right: 0;
}
.img-holder{
  position: relative;
}
.img-holder::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
  background-color: #8daa34;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.img-holder:hover::after{
  width: 0;
}
.date {
	position: absolute;
	left: -5px;
	top: -5px;
	background-color: #8daa34;
	padding: 1rem 2rem;
	color: #fff;
	font-size: 1.4rem;
	display: block;
	border-bottom-right-radius: 4px;
	font-weight: 600;
}
.news-box .btn{
  margin-top: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.text-holder{
  margin: 3rem 0;
}
.text-holder h2 {
	font-size: 2rem;
  line-height: 1.2;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
.text-holder h2:hover{
  color: #8daa34;
}
.text-holder p{margin-bottom: 0;}

.news-date {
	background-color: #8daa34;
	padding: 1rem 2rem;
	color: #fff;
	font-size: 1.4rem;
	display: inline-block;
	border-radius: 4px;
  font-weight: 600;
}
/*------------------------------------------*/
.image{
  max-width: 80rem;
  width: 100%;
  margin-bottom: 5rem;
}
.image img{
  display: block;
  width: 100%;
}
.news-text {
	max-width: 80rem;
	width: 100%;
  text-align: justify;
}
/*------------------------------------------*/
.logos-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.logo-box {
	width: 31.3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 3rem;
	border: 1px solid #e7e7e7;
	margin-bottom: 3%;
	margin-right: 3%;
	background-color: #fff;
}
.logo-box:nth-child(3n+3){margin-right: 0;}
/*------------------------------------------*/
.contact-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contact-text{
  width: 40%;
}
.contact-form{
  width: 50%;
}
input, textarea{
  padding: 1rem;
  border:1px solid #e7e7e7;
  border-radius: 4px;
  font-size: 1.4rem;
  display: block;
  width: 100%;
  background-color: #fff;
  outline:none;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.form-box{margin-bottom: 2rem;}
input:focus, textarea:focus{
  border-color: #8daa34;

}
.wpcf7-form-control.wpcf7-submit {
 background-color: #8daa34;
 color: #fff;
 padding: 2rem 3rem;
 font-weight: 700;
}
.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #60712b;
}
/*------------------------------------------*/
.product-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
aside{
  width: 25%;
  padding: 3rem 2rem;
  background-color: #8daa34;
  border-radius: 4px;
  color: #fff;
}
aside ul{
  list-style: none;
  padding-left: 0;
}
aside ul li a {
	display: block;
	padding: 1rem 0;
}
aside ul li:not(:last-child) a{
  border-bottom: 1px solid rgba(255,255,255,0.5);
}
aside ul li{
  font-weight: 500;
}
aside ul.sub {
	display: none;
	padding: 1rem 0 1rem 2rem;
}
aside ul.sub li{
  font-weight: 300;
}
aside ul.sub li a{
  border: 0;
  padding: .5rem 0;
}
.content{
  width: 65%;
}
aside ul li a.open, aside li a:hover, aside li a.mslc{
  color: #122c1d;
}
.copy.aleft {
  margin-right: 20px;
}
/*------------------------------------------*/
.products-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.product-box {
	width: 30.6%;
	margin-bottom: 4%;
	margin-right: 4%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 1px solid #e7e7e7;
  padding: 2rem;
  border-radius: 4px;
  background-color: #fff;
}
.product-box:nth-child(3n+3){margin-right: 0;}
.product-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
  margin-bottom: 2rem;
}
.product-image a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-image img{
  display: block;
  width: auto;
  height: 20rem;
  object-fit: contain;
}
#wpcf7-f65-o1 {
 width: 50%;
}
.product-text{
  margin-bottom: 2rem;
  width: 100%;
}
.product-text h3 {
	font-size: 1.6rem;
  text-align: center;
  margin-bottom: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.product-text h2:hover{color: #8daa34;}
.product-box .btn{
  margin-top: auto;
}
.content h2 {
	font-size: 3rem;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 4rem;
}
.product-link {
	background-color: #122c1d;
	color: #fff;
	background-image: url(../images/svg/arrow-right-white.svg);
	background-repeat: no-repeat;
	background-position: center right 4rem;
	font-size: 1.6rem;
	font-weight: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	z-index: 6;
	padding: 2rem 3rem;
	padding-right: 10rem;
	width: auto;
}
.product-link:hover{
  background-color: #8daa34;
}
.product-title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-title h1{
  display: inline-block;
}
/*------------------------------------------*/
.product-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-gallery{
  width: 20%;
}
.product-description{
  width: 70%;
}
.price{
  font-size: 4rem;
  display: block;
  margin-bottom: 3rem;
  border-bottom: 1px solid #e7e7e7;
}
.product-description h3{
  font-size: 2rem;
}
.gallery-images{
  display: none;
}
.product-gallery img{
  display: block;
  width: 100%;
}
/*------------------------------------------*/
.mfp-arrow::before, .mfp-arrow::after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: none;

}

button.mfp-arrow.mfp-arrow-right{
  background: url(../images/svg/next.svg) no-repeat;
}
button.mfp-arrow.mfp-arrow-left{
  background: url(../images/svg/prev.svg) no-repeat;
}
.mfp-arrow-right, .mfp-arrow-left{
  width: 3rem;
  height: 3rem;
  background-size: 2rem;
  background-color: transparent;
}
/*------------------------------------------*/
.text-center{
  text-align: center;
}
.title-center{
  text-align: center;
}
.error404-page img{
  margin-bottom: 5rem;
}
.news-box img{width:auto!important; height:auto!important;}
.image img {width:auto!important; height:auto!important;}
.product-gallery img {width:auto!important; height:auto!important;} 
.mobile {display: none;}
.toggle-category.mobile {
 background-color: #292929;
 color: #fff;
 margin: 0;
 padding: 2rem 3rem;
}
.toggle-category.mobile h2 {
  margin-bottom: 0;
}
.category-list {
  width: 35%;
}
aside {
  width: 80%; 
}
/*---------------END PAGES----------*/
/*--------------RESPONSIVE-------------*/
@media only screen and (min-width: 105em){/*1680px*/ } 
@media only screen and (min-width: 100em){/*1600px*/ }
@media only screen and (min-width: 90em) {/*1440px*/ }
@media only screen and (min-width: 85.375em){/*1366px*/}  
@media only screen and (min-width: 85em){/*1360px*/ }
@media only screen and (min-width: 80em){/*1280px*/ }
@media only screen and (min-width: 76.25em){/*1220px*/}
@media only screen and (min-width: 67.5em) { /*1080px*/}
@media only screen and (min-width: 64em) {/*1024px*/} 
@media only screen and (min-width: 61.25em){/*980px*/} 
@media only screen and (min-width: 56.25em) {/*900px*/ }
@media only screen and (min-width: 50em){/*800px*/ }
@media only screen and (min-width: 48em), only screen and (hover:none){} 
@media only screen and (min-width: 48em){ /*768px*/ }
@media only screen and (min-width: 42.5em){ /*680px*/ }
@media only screen and (min-width: 40em){/*640px*/ }
@media only screen and (min-width: 38.75em){/*620px*/ }
@media only screen and (min-width: 37.5em){/*600px*/ }
@media only screen and (min-width: 30em){ /*480px*/ }
@media only screen and (min-width: 22.5em){/*360px*/ }
/*--------------END RESPONSIVE-------------*/

@media only screen and (max-width: 64em)/*1024px*/ {
  html{
    font-size: 52%;
  }
  .product-box {
    width: 48%;
  }
  .product-box:nth-child(3n+3) {
    margin-right: 4%;
}
.product-box:nth-child(2n+2) {
  margin-right: 0;
}
.main-slider__text {
    width: 100%;
    padding-bottom: 4rem;
}
.main-slider__image img {
  max-width: 15rem;
}
.main-slider__image { 
  margin: 0 auto;
  width: 35rem;
height: 35rem;
}
  .main-slider__inner { 
    width: 93%;
  }
  .btn-abs {
    max-width: 100%;
    bottom: -8rem;
  }
  nav {
    width: 100%;
    height: 80px;
    background: #ffffff;
    position: fixed;
    top: 0;
    z-index:888;
    animation: 2s fadeInNav ease;
  }
  
  @keyframes fadeInNav {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0;
      top: -25px;
    }
    100% {
      opacity: 1;
      top: 0;
    } 
  }
  
  .navWrapper {
    width: 85%;
    margin: auto;
    padding-top: 15px;
  }
  
  #logo {
    color: #292929;
    font-size: 30px;
    font-weight: normal;
    text-decoration: none;
    margin-top:10px;
  }
  
  .right {
    float: right;
  }
  
  #nav-icon {
    width: 60px;
    height: 45px;
    position: relative;
    z-index: 1001;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg) scale(0.4);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: 10px;
    margin-left: auto;
  }
  
  #nav-icon span {
    display: block;
    position: absolute;
    height: 9px;
    width: 100%;
    background: #292929;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  
  #nav-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
  #nav-icon span:nth-child(2) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
  #nav-icon span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
  #nav-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
    background: white;
  }
  
  #nav-icon.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
    background: white;
  }
  
  #nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
    background: white;
  }
  
  .overlay {
    width: 100%;
    height: 100%;
    background: rgb(141,170,52);
    background: linear-gradient(353deg, rgba(141,170,52,1) 0%, rgba(176,214,59,1) 100%); 
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 1000;
    visibility: hidden;
    display: flex;
    align-items: center;
  }
  
  .overlay.open {
    opacity: 1;
    visibility: visible;
  }
  
  .overlay a {
    color: white;
    font-size: 27px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-left: 135px;
    margin-bottom: 0; 
    opacity: 0;
    transition: transform 0.2s ease;
    overflow: hidden;
  }
  
  .overlay p {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    bottom: 20px;
    margin-left: 135px;
    opacity: 0;
  }
  
  .overlay p.open {
    opacity: 1;
    animation: 1.70s fadeInCopyright ease;
  }
  
  @keyframes fadeInCopyright {
    0%{
      opacity: 0;
    }
    80%{
      opacity: 0;
      transform: translateY(-10px);
    }
    100%{
      opacity: 1;
    }
  }
  
  .overlay a:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: white;
    left: 0;
  }
  
  .overlay a:hover:after {
    width: 100%;
    left: 0;
  }
  
  .overlay a.open:hover {
    transform: translateY(2px);
  }
  
  .overlay a.open:nth-child(1) {
    opacity: 1;
    animation: 1s fadeInLinks1 ease;
  }
  
  @keyframes fadeInLinks1 {
    0%{
      opacity: 0;
    }
    50%{
      opacity: 0;
      transform: translateY(-10px);
    }
    100%{
      opacity: 1;
    }
  }
  
  .overlay a.open:nth-child(2) {
    opacity: 1;
    animation: 1.25s fadeInLinks2 ease;
  }
  
  @keyframes fadeInLinks2 {
    0%{
      opacity: 0;
    }
    60%{
      opacity: 0;
      transform: translateY(-10px);
    }
    100%{
      opacity: 1;
    }
  }
  
  .overlay a.open:nth-child(3) {
    opacity: 1;
    animation: 1.5s fadeInLinks3 ease;
  } 
    
  @keyframes fadeInLinks3 {
    0%{
      opacity: 0;
    }
    70%{
      opacity: 0;
      transform: translateY(-10px);
    }
    100%{
      opacity: 1;
    }
  } 
  .overlayContent {
    display: flex;
    flex-direction: column;
  }
  nav ul li:last-child {
    padding-left: 0;
 }
} 
@media only screen and (max-width: 54.375em)/*870px*/{ 
  .title h1 {
    font-size: 3.5rem; 
  }
  .news-box:nth-child(3n+3) {
    margin-right: 3%;
}
  .news-box {
    width: 48.5%;
  }
  .news-box:nth-child(2n+2) {
    margin-right: 0;
 }
}
@media only screen and (max-width: 51.5625em)/*825px*/{
  .category-list {
    width: 100%;
    display: none;
}
  .mobile {
    display: block;
  }
  .product-title, .product-wrapper {
    flex-direction: column;
  }
  .content h2 {
    padding-top: 4rem;
  }
  .content {
    width: 100%;
  }
  aside {
    width: 100%;
  }
  ul {
    padding-left: 2rem;
}
  .content-space {
    padding: 5rem 0;
}
 .home-about.content-space .container {
   display: flex;
   flex-direction: column;
  }
  .home-about__text {
    max-width: 100%;
  }
  .home-about__image {
    padding-top: 4rem;
    width: 80%;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    display: flex;
    justify-content: center;
  }
  .home-about__image img {
    width:auto!important;
    height: auto!important;
  }
  .home-about {
    padding: 20rem 0 0 0; 
  }
 }
 @media only screen and (max-width: 46.428em) /*650px*/{ 
  .product-description {
   width: 100%;
   padding-top: 3rem;
  }
  .product-gallery {
    width: 100%;
 }
   .product-container {
     flex-direction: column;
   }
   .contact-wrapper {
     flex-direction: column;
   }
   #wpcf7-f65-o1 {
     width: 100%;
   }
   .contact-text {
     width: 100%;
     padding-bottom: 4rem;
   }
  .logo-box {
    width: 48.5%;
  }
  .logo-box:nth-child(3n+3) {
    margin-right: 3%;
}
.logo-box:nth-child(2n+2) {
  margin-right: 0;
}
 }
@media only screen and (max-width: 30em) /*480px*/{ 
  .product-box {
    width: 100%;
    margin-right: 0;
}
.product-box:nth-child(3n+3) {
  margin-right: 0;
}
.product-box:nth-child(2n+2) {
  margin-right: 0;
}
  .title h1 {
    font-size: 3rem;
}
  .news-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15%;
  }
  .clear .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .v.text-r img {
   margin-left: 0;
   margin-top: 1rem;
  }
 
.overlay a {
  margin-left: 35px;
  font-size: 22px;
 }
 .home-text h2 {
  font-size: 2.5rem; 
 }
 .logo-box {
  width: 100%;
  margin-right: 0;
 }
 .logo-box:nth-child(3n+3) {
  margin-right: 0;
 }
}
@media only screen and (max-width: 22.5em)/*360px*/{
  .toggle-category.mobile h2 {
    font-size: 2rem;
  }
  .home-text.content-space ul {
    display: flex;
    flex-direction: column;
  }
  .main-slider {
    padding: 5.5rem 0;
 }
 .main-slider .container {
   max-width: 100%;
   padding: 0 1.5rem;
 }

.main-slider h1 {
    font-size: 3rem;
 }
 .main-slider__image {
  width: 30rem;
  height: 30rem;
 }
}
.main-slider__image img {
  max-width: 50%;
}
.logo-box-inner img{
  display: block;
  width: 100%;
}
.main-slider__image .logo-box-inner img {
  margin: 0 auto;
}