@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}


/*
html {
  font-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}



body {
  font-family: 'Inter', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  overflow-x: hidden;
  color: #121212;
  background: #fafafa;
}

a,
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  a,
  button {
    cursor: default !important;
    border: none;
    outline: none;
  }
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.container {
  max-width: 80rem;
  width: 100%;
  height: auto;
  padding: 0 2rem;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .container {
    padding: 0 1rem;
    margin: 0 auto;
  }
}

.brand {
  font-family: inherit;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: inherit;
  color: #e91e63;
  border: none;
  outline: none;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}
*/
.header {
  /*position: fixed;*/
  display: block;
  /*top: 0;
  left: 0;*/
  width: 100%;
  height: auto;
  /*padding: 1rem 0;*/
  margin: 0 auto;
  z-index: 999;
  border: none;
  outline: none;
  background: #fff;
  
}

.menu {
	
	padding:0;	
	order:5;
	position:relative;
	margin:0;
	width:100%;
	background:#fff;
	z-index:20; 
}
/*.header .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 17%;
          flex: 0 0 17%;
}

.header-item-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66%;
          flex: 0 0 66%;
}

.header-item-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 17%;
          flex: 0 0 17%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header-item-right .menu-icon {
  font-size: 1.35rem;
  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;
  gap: 1rem;
  margin-left: 1rem;
  border: none;
  outline: none;
  color: #121212;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}*/

ul.menu-section {width:100%; max-width:1440px;  margin:0 auto; padding:0 2.5rem 0 2.5rem;}

ul.menu-section ul {list-style:none !important; margin:0; padding:0 0 0 1.5rem;}

 .menu > ul > li {
  display: inline-block;
  margin:0; padding:0;
}

 .menu > ul > li > a {
  position: relative;
  border: none;
  text-rendering: optimizeLegibility;
/*  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;*/
	 
	 
	 
	font-family: "montserrat", sans-serif;
	display:block;
	line-height:1.375;

	margin:0;
	font-weight:700; 
	
	padding: 0.8rem 2.32rem 1.2rem 0.8rem;
	
	   /* display: inline-flex;*/
    align-items: baseline;
    outline: none;

    color:#163b1e;
    
	font-size: 1rem;
	
    text-transform:none;
    text-decoration:none;
    font-style:normal;
    
	   transition: background-color 0.2s linear; 
}
.menu > ul > li:first-of-type > a {padding-left:0;}
.menu > ul > li > a:hover {position:relative; color:#367c2b;}

.menu > ul > li > a:hover:before {
	content: "";
    height: 0.125rem;
    background-color: #367c2b;;
    display: inline-block;
    position: absolute;
    bottom: 1rem;
    width: calc(100% - 3.12rem);
    left: 0.8rem;
}



.menu > ul > li:first-of-type > a:hover:before {
    width: calc(100% - 2.32rem);
    left:0;
}





.menu > ul > li .menu-subs {
  position: absolute;
  width: 100%;
  height: auto;
  margin-top: 1.75rem;
  padding: 1rem 2rem;
  border: none;
  outline: none;
  z-index: 500;
  opacity: 0;
  visibility: hidden;

  background: #fff;
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), inset 0 0px 6px -3px rgba(0, 0, 0, 0.1), inset 0 0 4px -1px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), inset 0 0px 6px -3px rgba(0, 0, 0, 0.1), inset 0 0 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.0015s ease-in-out;
  -o-transition: all 0.0015s ease-in-out;
  transition: all 0.0015s ease-in-out;
}

 .menu > ul > li .menu-subs > ul > li {
  line-height: 1;
	 list-style:none; 
}


.drop-down-wrapper {width:100%; max-width:1440px; margin:0 auto; padding:3.5rem 2.5rem 1.5rem 2.5rem;}

 .menu > ul > li .menu-subs > ul > li > a {
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 0.75rem 0;
  border: none;
  outline: none;
  color: #121212;
  text-transform: capitalize;
  text-rendering: optimizeLegibility;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

 .menu > ul > li .menu-column-1 {
  min-width: 16rem;
  max-width: 20rem;
}

 .menu > ul > li .menu-subs.menu-mega {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.menu > ul > li .menu-subs.menu-mega > .list-item > ul,
.menu > ul > li .menu-subs.menu-mega > .list-item > ul li{
	list-style: none !important; 
}

 .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li {
  display: block;
  line-height: 1;
	 list-style: none;
}

.list-item > ul > li > a {
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height:2.5;
text-decoration: none;
	    margin-top: .275rem;
  border: none;
  outline: none;
  color: #0a0a0a;
  text-rendering: optimizeLegibility;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.list-item  ul  li.headinglink a {
  display: inline-block;
  font-family: inherit;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
  margin-top: 1rem;
  border: none;
  outline: none;
  color: #367c2b;
	 
  text-transform: capitalize;
  text-rendering: optimizeLegibility;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

 .menu > ul > li .menu-subs.menu-column-4 > .drop-down-wrapper,  .menu > ul > li .menu-subs.menu-column-5 > .drop-down-wrapper, .menu > ul > li .menu-subs.menu-column-6 > .drop-down-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /*max-width: 68rem;*/
  width: 100%;
  padding: .5rem 1rem;
}

.menu > ul > li .menu-subs.menu-column-6 > .drop-down-wrapper > .list-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;;
  	padding:0;
}

.menu > ul > li .menu-subs.menu-column-5 > .drop-down-wrapper > .list-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  padding:0;
}

.menu > ul > li .menu-subs.menu-column-4 > .drop-down-wrapper > .list-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}

/* .menu > ul > li .menu-subs.menu-column-4 > .list-item .title {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  padding: 0.75rem 0;
  border: none;
  outline: none;
  color: #e91e63;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}*/

 .menu > ul > li .menu-subs.menu-column-6 > .drop-down-wrapper > .list-item img.responsive,
 .menu > ul > li .menu-subs.menu-column-5 > .drop-down-wrapper > .list-item img.responsive,
 .menu > ul > li .menu-subs.menu-column-4 > .drop-down-wrapper > .list-item img.responsive {
  max-width: 100%;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}

/* .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:hover,
 .menu > ul > li .menu-subs > ul > li > a:hover {
  color: #e91e63;
}
*/

/*.menu > ul > li:hover > a {
  color: #e91e63;
}*/


.item-message {
	font-size:1rem; 
	color: #163b1e;
}

.item-message h3 {
	color: #163b1e;
    font-family: Montserrat,sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
}

.item-message a {
	font-size:1.1rem; 
	color: #367c2b !important;
	text-decoration:underline; 
	
}

@media only screen and (min-width: 993px) {
  .header .menu > ul > li.menu-item-has-children:hover .menu-subs {
    margin-top:0;
    opacity: 1;
    visibility: visible;
  }
}



/*


.main {
  display: block;
  width: 100%;
  min-height: 100vh;
  background-image: url("https://source.unsplash.com/pkhBlvTLyog/1920x1280");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}*/




  



#menu-button{display: none;
}

nav.mobile {
	display:none;
}


/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1170px) {
nav.primary ul li a {font-size:13px;}	
	
	nav.primary ul li a {padding: .5rem;}
	
}

@media screen and (max-width: 1050px) {
	
	.header {display:none; }
	
	nav.primary{display:none;}
	
	#menu-button{display: block; order:1;}
	
	#menu-button a, .header a.show-sm {
    color:#163b1e;
    font-size:24px;
    text-decoration: none;
	position:relative; 
    font-weight: normal;
}

	#menu-button a:hover {color:#367c2b}
	/* MOBILE MENU CSS */

nav.mobile {
	/*font-family: 'inter', sans-serif;*/ /*text-transform: uppercase; letter-spacing: 6px;*/
	font-family: "poppins", sans-serif;
	display:block;
	position: fixed;
	top: -50px;
	left: 0;
	right: 0;
    width: 100%;
	height: 100%;
	background: #f8f8f8;
	color: #000;
	z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
	overflow:auto;
	padding: 0 0 40px 0;
	opacity: 0;
	pointer-events: none;
	box-sizing: border-box;
	/*#295e20*/
	
	-moz-transition: ease all 0.3s;
	-o-transition: ease all 0.3s;
	-webkit-transition: ease all 0.3s;
	transition: ease all 0.3s;
}
nav.mobile.open{
	top: 0px;
	opacity: 1;
	pointer-events: unset;
}
/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: relative;
		text-decoration: none;
		display: inline-block;
		font-size:16px;
		word-spacing:13px;
		padding:0 0 0 15px;
		color: #fff !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}

/* MENU HEADER STYLES */
nav.mobile .mobile_top {
	padding: 0.75rem 1rem 0.8125rem;
    background-color: #367c2b;
	position: relative;
	display:block;
	margin:0;
	color: #fff;
	font-size: 18px;
	text-align: right;
	font-weight: 400;
}

/* MENU CLOSE 'X' BUTTON */
nav.mobile .menu-toggle:not(.exit-click) {
	position: relative;
	font-family: "roboto", sans-serif;
	z-index:100; 
	padding:.75rem 0 20px 20px;
	font-size:30px;
	font-weight: normal;
	line-height: 1;
	color:#fff;
	text-decoration: none;
	top:0;
    right: 0px;
}
nav.mobile .menu-toggle:not(.exit-click):hover { /* Menu close button on hoveer */
	color:#ffde00 !important;
}

/* MENU LIST STYLE */
nav.mobile ul {
	list-style: none;
	font-weight: 300;
	margin:0;
	padding:0;
}
nav.mobile ul li {
	position:relative;
}

/* FIRST LEVEL */
nav.mobile ul li a {
	position: relative;
	display: block;
	padding: 1.5rem 3.75rem 1.5rem 1.25rem;
    width: 100%;
	background: rgb(245,245,245);
	background:#fff;
    color: #163b1e;
	border-top: 0.0625rem solid #ededee;
	font-size:1rem; 
	text-decoration: none;
	text-align: left;
	font-family: "Montserrat",sans-serif;
    font-weight: 700;
}
nav.mobile ul li a:hover {
	    background-color: #f8f8f8;
}
	nav.mobile .btn-red{
		width: 100%;
    	display: block;
	}
/* SECOND LEVEL */
nav.mobile ul li li:last-child {border-bottom:1px rgb(235,235,235) solid;}
nav.mobile ul li li a {
	background: rgb(245,245,245);
	background:#fff;
	position: relative;
	display: block;
	padding: 1.5rem 3.75rem 1.5rem 1.25rem;
	color: #367c2b;
	font-weight: 600;
	text-decoration: none;
}

/* THIRD LEVEL */
nav.mobile ul li li li:last-child {border:none;}
nav.mobile ul li li li a {
	background: rgb(255,255,255);
	position: relative;
	display: block;
	padding: 1.5rem 3.75rem 1.5rem 1.25rem;
	color: #0a0a0a;
	font-weight:400; 
	text-decoration: none;
}

nav.mobile ul li .click i{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
	position:absolute;
	display:block;
	cursor:pointer;
	z-index: 12399994;
	top:50%;
	transform: translateY(-50%);
	right: 1rem;
	width:auto;
	height:auto;
	padding: 16px 0;
	color:#163b1e;

}
nav.mobile ul li .click.open i:before{
    content: "\f068";
}
	
.nav-footer {color:#1B1B1B; position:relative; text-align:center; font-size:14px; line-height:16px; padding:15px 0;}

/* FONT AWESOME ICONS */
nav.mobile ul li a .fa{
	width:25px;
	font-weight:100;
	padding:8px 3px;
	margin:0 6px 0 0;
	text-align:center;
	background:#292929;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
nav.mobile ul li .fa-chevron-down {color:#999;}
}




.menu-link a {display:flex; flex-flow:row wrap; align-items:center; font-size: 1rem; line-height:1.5em; font-weight: 600; text-decoration:none; color: #163b1e; font-family: "Montserrat",sans-serif;}
.menu-link a:hover {color: #367c2b;}

.menu-favorites {width: 100%; padding: 1.5rem 3.75rem 1.5rem 1.25rem;}
a svg.icon-favorites {display:block; width: 1.5rem; height: 1.5rem; margin:-0.125rem .2rem 0 0;}
a svg.icon-favorites-hover {display:none;}

a:hover svg.icon-favorites {display:none; }
a:hover svg.icon-favorites-hover {display:block; width: 1.5rem; height: 1.5rem; margin:-0.125rem .2rem 0 0; }

.menu-signin {width: 100%; padding: 1.5rem 3.75rem 1.5rem 1.25rem;}
a svg.icon-user {position:relative; display:block; width: 1.5rem; height: 1.5rem;  margin:-0.125rem .2rem 0 0;}