@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');
.overlay--nav {
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1;
	display: none;
}
body.toggled-left .overlay--nav, body.toggled-right .overlay--nav {
	display: block;
}
.toggle--nav {
	display: none;
}


/* navigation css for desktop ---------------------- */

@media(min-width:1026px) {
 .section--navs {
 float: right;
 display: inline-block;
 vertical-align: top;
}
 .navs--main {
 margin-top: 65px;
 -webkit-transition: all ease .3s;
 -moz-transition: all ease .3s;
 -o-transition: all ease .3s;
 transition: all ease .3s;
}
 .navs--main>ul {
 position: relative;
 display: inline-block;
}
 .navs--main>ul>li {
 display: inline-block;
 position: relative;
 vertical-align: top;
 margin: 0 38px;
}
 .navs--main>ul>li.blank {
 width: 256px;
 margin: 0;
 padding: 0;
}
 .navs--main>ul>li.blank:after {
 content: normal;
}
 .navs--main>ul>li:after {
}
 .navs--main>ul>li.dropdown>a {
}
 .navs--main>ul>li:first-child {
 margin-left: 0;
}
 .navs--main>ul>li:last-child {
 margin-right: 0;
}
 .navs--main>ul>li>a {
 font-family:'Nunito Sans', sans-serif;
 z-index: 1;
 color: #2d2c28;
 display: block;
 font-size: 1em;
 padding: 0px 0px 51px 0;
 text-align: center;
 line-height: 1;
 position: relative;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: 2px;
}
 .navs--main>ul>li:after {
 content: "";
 bottom: 0px;
 background: #f79222;
 height: 5px;
 position: absolute;
 z-index: 12;
 left: 0;
 right: 100%;
 transition-duration: 0.3s;
 transition-property: right;
 transition-timing-function: ease-out;
}
 .navs--main>ul>li:hover:after {
 right: 0;
}
 .navs--main ul li a:only-child:after {
 display: none;
}
 .navs--main>ul>li:hover:before, .navs--main>ul>li:hover:after {
 opacity: 1;
 visibility: visible;
}
 .navs--main>ul>li.is-nav-active:before, .navs--main>ul>li.is-nav-active:after {
 opacity: 1;
 visibility: visible;
 box-shadow: none;
}
 .navs--main>ul>li.is-nav-active a {
 color: #88b340;
}
 .navs--main ul ul {
 margin: 0 0 0;
 background-color: rgba(255, 255, 255, 0.86);
 opacity: 0;
 position: absolute;
 top: 160%;
 visibility: hidden;
 z-index: 1;
 transition: all .4s ease;
 -webkit-transition: all .4s ease;
 box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
 left: 1px;
}
 .navs--main ul ul li {
 float: inherit;
 width: 100%;
 display: block;
 text-align: left;
 position: static;
 border-bottom: solid 1px #ccc;
}
 .navs--main ul ul li:last-child {
 border-bottom: none;
}
 .navs--main ul ul li a {
 padding: 10px 15px;
 display: block;
 color: #4f4d4e;
 text-align: center;
 position: relative;
 font-size: 0.75em;
 text-transform: none;
 white-space: nowrap;
}
 .navs--main ul ul li a:hover {
 color: #88b340;
}
 .navs--main ul ul li a:after {
 right: 10px;
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 top: 15px;
}
 .navs--main ul ul .dropdown__target {
 top: 0;
 background: #fff;
 bottom: 0;
}
 .navs--main ul ul .dropdown__target li {
 background: #fff;
}
 .navs--main ul ul .dropdown__target li a {
 color: #333;
}
 .navs--main ul ul .dropdown__target li a:hover {
 background: rgba(0, 0, 0, 0.03);
 color: #333;
}
 .navs--main ul li:hover a {
 color: #f79222;
}
 .navs--main ul li ul li:hover a {
 color: #000;
}
 .navs--main ul li ul li:hover a:after {
 border-color: #000;
}
 .navs--main ul ul ul {
 top: 0%;
 left: 160%;
}
 .navs--main ul ul li:hover>ul {
 top: 0%;
 left: 100%;
 opacity: 1;
 visibility: visible;
}
 .navs--main ul li:hover>ul {
 opacity: 1;
 top: 100%;
 visibility: visible;
}
 .dropdown__trigger {
 display: none;
}
}
 @media only screen and (min-width:991px) and (max-width: 1220px) {
 .navs--main>ul>li>a {
 padding: 17px 17px
}
}


/* dropdown menu css for touch devices ---------------------- */

@media(max-width:1025px) {
 .toggle--nav {
 position: absolute;
 top: 28px;
 right: 10px;
 display: inline-block;
 margin: 0;
overflow: visible;
}
 .toggle--nav span {
 display: block;
 background: #58544d;
 width: 42px;
 height: 4px;
 border-radius:1px;
 -webkit-transition: .25s margin .25s, .25s transform;
 transition: .25s margin .25s, .25s transform;
}
 .toggle--nav span:nth-child(1) {
 margin-bottom: 8px;
}
 .toggle--nav span:nth-child(3) {
 margin-top: 8px;
}
 .toggle--nav.is-active span {
 -webkit-transition: .25s margin, .25s transform .25s;
 transition: .25s margin, .25s transform .25s;
}
 .toggle--nav.is-active span:nth-child(1) {
 margin-top: 8px;
 margin-bottom: -4px;
}
 .toggle--nav.is-active span:nth-child(1), .toggle--nav.is-active span:nth-child(2) {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .toggle--nav.is-active span:nth-child(3) {
 margin-top: -4px;
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
}
 .section--navs {
 background: #fff;
 bottom: 0;
 box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
 left: 0;
 margin: 0;
 overflow: auto;
 position: fixed;
 text-align: left;
 top: 0;
 transform: translate3d(-350px, 0px, 0px);
 -webkit-transform: translate3d(-350px, 0px, 0px);
 -ms-transform: translate3d(-350px, 0px, 0px);
 transition: all 300ms ease 0s;
 -webkit-transition: all 300ms ease 0s;
 -ms-transition: all 300ms ease 0s;
 width: 270px;
 opacity: 0;
 visibility: hidden;
 z-index: 111;
 padding: 0;
}
 body.toggled-left .section--navs {
 opacity: 1;
 transform: translate3d(0px, 0px, 0px);
 -webkit-transform: translate3d(0px, 0px, 0px);
 -ms-transform: translate3d(0px, 0px, 0px);
 visibility: visible;
}
 body.toggled-left .overlay--nav, body.toggled-right .overlay--nav {
 display: block;
}
 body.toggled-left, body.toggled-right {
 overflow: hidden;
}
 .section--navs .container {
 padding: 0;
}
 .dropdown__target {
 display: none;
}
 .navs--main>ul {
 display: block;
}
 .dropdown__trigger {
 cursor: pointer;
 display: block;
 position: absolute;
 right: 5px;
 top: 0px;
 bottom: 5px;
 width: 35px;
}
 .dropdown__trigger:active {
 background: rgba(0, 0, 0, 0.06);
}
 .dropdown__trigger:after {
 width: 8px;
 content: "+";
 height: 8px;
 position: absolute;
 right: 14px;
 top: 0px;
 font-size: 1.5em;
 font-weight: 700;
 color:#383838;
}
 .dropdown__trigger.is-active:after {
 content: "-";
 font-size: 1.7em;
 right: 12px;
 top: 0px;
}
 .navs--main li {
 position: relative;
 display: block;
 border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
 text-align: left;
}
 .navs--main>ul>li a {
 display: block;
 padding: 10px;
 text-transform: uppercase;
 font-size: 1em;
 color: #383838;
font-family: 'Nunito Sans', sans-serif;
}
 .navs--main>ul>li a:active {
 background: rgba(0, 0, 0, 0.06);
}
 .navs--main li ul {
 background: rgba(0, 0, 0, 0.02);
 margin: 0;
 border-top: 1px dashed rgba(0, 0, 0, 0.06);
}
 .navs--main li ul li:last-child {
 border-bottom: none;
}
 .navs--main li ul li a {
 text-transform: none;
 font-weight: normal;
}
 .navs--main li ul li ul a {
 padding-left: 20px;
 padding-right: 35px;
 font-size: 0.9em;
}
 #header.sticky {
 background-color: #383838;
 left: 0;
 position: fixed;
 right: 0;
 top: 0;
 z-index: 100;
}
 #header.sticky #logo img, #header.sticky .social {
 display: none;
}
 #header.sticky #logo .mobile-logo {
 display: block;
}
 .dropdown__trigger {
 width: 100%;
}
}