@charset "UTF-8";
 :root,
 :root.theme-default{
	--font-color: #343A43;
	--background-color: #FFFFFF;
	--header-bar-color: #D35400;
	--button-color: #FFF;
	--button-background: #D35400;
	--button-background-hover: #BA4A00;
	
	--menu-dropdown-background:#FFFFFF;
	--menu-dropdown-arrow: #595959; 
	--menu-level2-color: #444; 
	--menu-level2-icon-color: #595959;
	--menu-level1-color: #2A2A2A; 
	--menu-level1-separtor: #e1e1e1; 
	--menu-hover-background: #F4F4F4;
	--hamburger-color: #444; 
	
	--close-menu-icon: #DB6247; 
	--close-menu-color: #444;
	--white-logo-display: none;
	--black-logo-display: block;
	
	--scrollbar-foreground: #bfbfbf;
	--scrollbar-background: #e6e6e6;
 }
 :root.theme-dark{
	--font-color: #eee;
	--background-color: #333;
	--header-bar-color: darkviolet; /*#3498DB;*/
	--button-color: #FFF;
	--button-background: #82708A; /*#3498DB;*/
	--button-background-hover: #856094; /*#1E7EBE;*/
	
	--menu-dropdown-background: #555; 
	--menu-dropdown-arrow: #ccc; 
	--menu-level2-color: #ccc; 
	--menu-level2-icon-color: #c233ff; /*#2F9FEB;*/
	--menu-level1-color: #ccc; 
	--menu-level1-separtor: #e1e1e1; 
	--menu-hover-background: #777;
	--hamburger-color: #ccc; 
	
	--close-menu-icon: #DB6247; 
	--close-menu-color: #ccc;
	--white-logo-display: block;
	--black-logo-display: none;
	
	--scrollbar-foreground: #434343;
	--scrollbar-background: #111;
 }

::-webkit-scrollbar {
  width: auto;
}
::-webkit-scrollbar-thumb {
    background: var(--scrollbar-foreground);
    border-radius: 16px;
    box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%);
}
::-webkit-scrollbar-track {
    background: linear-gradient(90deg,var(--scrollbar-foreground),var(--scrollbar-foreground) 1px,var(--scrollbar-background) 0,var(--scrollbar-background));
}

html, body, body > .section {
     margin: 0;
     padding: 0;
}

#header button,  #header input[type=button],  #header input[type=reset],  #header input[type=submit] {
     -webkit-appearance: none;
     border: none;
     border-radius: 3px;
     background: var(--background-color);
     color: #000;
}
 img {
     height: auto;
}
 .disabled {
     filter: grayscale(1);
     pointer-events: none;
}
 clearfix:after, .clearfix:after {
     content: "";
     clear: both;
     display: table;
}

.site-layout{
	display: grid;
	
}

 #header {
    position: relative;
    width: 100%;
    pointer-events: none;
    background-color: var(--background-color);
	font-family: "GothamBook", sans-serif;
	color: var(--font-color); 
}
 html body .cta_on{
    display: inline-block;
    position: relative;
    color: var(--button-color) !important;
    text-decoration: none;
    font-family: "GothamBold", sans-serif;
    padding: 0 18px;
    font-size: 14px;
    line-height: 40px;
    transform-style: preserve-3d;
    background-color: var(--button-background);
    cursor: pointer;
    border-radius: 6px;
    transition: transform 0.3s ease-out; 
}
html body .cta_on:hover {
      background-color: var(--button-background-hover);
      font-weight: 500;
      transform: translateY(-4px); 
}

 @media screen and (min-width: 441px) {
     #header {
         border-bottom: 4px solid var(--header-bar-color);
    }
}

 #header > .hdr-container {
     pointer-events: all;
}
 #header .header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px 0;
}
 #header .header a {
     text-decoration: none;
	 color: var(--font-color);
}
 #header .header > * {
     min-height: unset;
}
 #header .header > nav.navbar {
     margin: 0 40px 0 auto;
}
 #header .header .site-logo {
     margin-right: 60px;
}
 @media screen and (min-width: 651px) and (max-width: 1216px) {
     #header .header .site-logo {
         margin-right: 30px;
    }
}
 @media screen and (max-width: 768px) {
     #header .header .site-logo {
         margin: 0;
    }
}

 #header .header #site-logo {
     display: block;
     width: 100vw;
     float: none;
     margin: 0;
     max-width: 154px;
     width: 100vw;
}
 #header .header #site-logo img {
     position: absolute;
	 left: 20px;
	 top: 5px;
     height: auto;
	 margin-left:12px;
	 opacity: 70%;
	 max-height: 73px;
	 max-width: 140px;
	 user-select: none;
}
 #header .header #site-logo img[data-site="agravar"] {
	 width: auto;
     height: auto;
	 margin:20px 12px;
	 opacity: 80%;
	 user-select: none;
 }
 #header .header #site-logo img.white-logo {
     display: var(--white-logo-display);
}
 #header .header #site-logo img.black-logo {
     display: var(--black-logo-display);
}

 @media screen and (max-width: 440px) {
     #header .header #site-logo {
         /*max-width: 116px;*/
    }
     #header .header #site-logo img {
         /*width: 116px;*/
		 /*max-height: 60px;*/
    }
}
 #header .header a:hover {
     text-decoration: none;
}
 #header .header .navbar-mobile-toggle {
     display: none;
}

 @media screen and (max-width: 650px) {
     #header .header .navbar-mobile-toggle {
         display: flex;
    }
	#header .header #site-logo img {
         max-width: 116px;
		 max-height: 65px;
    }
}
 #header .header .mobile-utility-nav ul.menu, 
 #header .header .header-utility-nav-menu ul.menu {
     padding: 0;
     margin: 0 30px 0 0 ;
     list-style-type: none;
}
 #header .header .mobile-utility-nav ul.menu li, 
 #header .header .header-utility-nav-menu ul.menu li {
     position: relative;
     display: block;
     float: left;
     margin: 0 30px 0 0;
     padding-right: 20px;
     cursor: pointer;
}
 #header .header .mobile-utility-nav ul.menu li span, 
 #header .header .mobile-utility-nav ul.menu li a, 
 #header .header .header-utility-nav-menu ul.menu li span, 
 #header .header .header-utility-nav-menu ul.menu li a {
     display: block;
     color: var(--font-color);
     cursor: pointer;
}
 #header .header .mobile-utility-nav ul.menu li:after,
 #header .header .header-utility-nav-menu ul.menu li:after {
     content: "";
     display: block;
     background: red;/*#aaaaaa;*/
     width: 200%;
     height: 0;
     position: absolute;
     bottom: -21px;
     left: -50%;
     transition: height 0.3s ease;
}
 
 #header .header .mobile-utility-nav ul.menu li:last-child,
 #header .header .header-utility-nav-menu ul.menu li:last-child {
     margin-right: 0;
     padding-right: 0;
}
 
 @media screen and (min-width: 651px) {
     nav.navbar-default {
         position: inherit;
         margin: 0;
         border: none;
         background: transparent;
    }
     nav.navbar-default ul {
         list-style-type: none;
         margin: 0;
         padding: 0;
    }

     nav.navbar-default .close-menu {
         display: none;
    }
     nav.navbar-default .menu-level-0 > li {
         position: relative;
         margin: 0 40px 0 0;
         display: block;
         float: left;
    }
     nav.navbar-default .menu-level-0 > li > a,
 nav.navbar-default .menu-level-0 > li > span {
         display: block;
         position: relative;
         color: var(--font-color);
         font-size: 14px;
         padding: 0;
         line-height: 40px;
         font-weight: 500;
         transition: text-shadow 0.3s ease;
         font-family: "GothamBook", sans-serif;
    }
     nav.navbar-default .menu-level-0 > li > span {
         cursor: pointer;
    }
     nav.navbar-default .menu-level-0 > li > span:after,
	 nav.navbar-default .menu-level-0 > li > span:before {
         content: "";
         display: block;
         position: absolute;
         top: 20px;
         width: 7px;
         height: 1px;
         background: var(--menu-dropdown-arrow);/*#595959;*/
         transition: height 0.3s ease;
    }
	nav.navbar-default .menu-level-0 > li > .nopseudo:before,
	nav.navbar-default .menu-level-0 > li > .nopseudo:after {
         content: none;
	}
     nav.navbar-default .menu-level-0 > li > span.icon + .menu-dropdown .menu-level-1 > li > span {
         display: none;
    }
     nav.navbar-default .menu-level-0 > li > span.icon + .menu-dropdown .menu-level-1 > li ul.menu-level-2 > li {
         width: 100%;
         max-width: 206px;
         position: relative;
         padding: 10px;
         display: grid;
         grid-template-columns: 40px auto;
         grid-column-gap: 24px;
    }
     nav.navbar-default .menu-level-0 > li > span.icon + .menu-dropdown .menu-level-1 > li ul.menu-level-2 > li > a {
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 2;
         text-indent: -9999em;
         font-size: 0;
         overflow: hidden;
         color: transparent;
    }
     nav.navbar-default .menu-level-0 > li > span.icon + .menu-dropdown .menu-level-1 > li ul.menu-level-2 > li .field_menu_image {
         grid-area: 1 / 1 / 3 / 1;
		 color:var(--menu-level2-icon-color);
    }
     nav.navbar-default .menu-level-0 > li > span.icon + .menu-dropdown .menu-level-1 > li ul.menu-level-2 > li h3 {
         grid-area: 1 / 2 / 1 / 2;
         font-size: 14px;
         line-height: 16px;
         margin: 0 0 4px;
         color: var(--menu-level2-color);/*#444;*/
    }
     nav.navbar-default .menu-level-0 > li > span.icon + .menu-dropdown .menu-level-1 > li ul.menu-level-2 > li .field_menu_description {
         grid-area: 2 / 2 / 2 / 2;
         font-size: 12px;
         line-height: 16px;
         min-height: 32px;
    }
     nav.navbar-default .menu-level-0 > li > span.icon + .menu-dropdown .menu-level-1 > li ul.menu-level-2 > li:before {
         content: "";
         width: 100%;
         height: 100%;
         position: absolute;
         top: 10px;
         left: 0;
         border-radius: 5px;
         background-color: var(--menu-hover-background);/*#F4F4F4;*/
         opacity: 0;
         transition: all 0.3s ease-out;
         z-index: -1;
    }
     nav.navbar-default .menu-level-0 > li > span.icon + .menu-dropdown .menu-level-1 > li ul.menu-level-2 > li:hover:before {
         opacity: 1;
         top: 0;
    }
     
     nav.navbar-default .menu-level-0 > li > span:not(.icon) + .menu-dropdown .menu-level-1 > li {
         width: auto;
         min-width: 190px;
         padding: 0 20px;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon) + .menu-dropdown .menu-level-1 > li > span {
         display: block;
         padding: 0 8px;
         text-transform: uppercase;
         font-size: 12px;
         line-height: 20px;
         margin: 0 0 4px;
         color: var(--menu-level1-color);/*#2A2A2A;*/
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon) + .menu-dropdown .menu-level-1 > li > .menu-dropdown {
         padding: 0;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon) + .menu-dropdown .menu-level-1 > li > .menu-dropdown ul.menu-level-2 > li {
         margin: 0;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon) + .menu-dropdown .menu-level-1 > li > .menu-dropdown ul.menu-level-2 > li h3 {
         display: none;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon) + .menu-dropdown .menu-level-1 > li > .menu-dropdown ul.menu-level-2 > li a {
         position: relative;
         display: block;
         padding: 8px;
         font-family: "GothamMedium", sans-serif;
         font-size: 13px;
         line-height: 15px;
         /*color: #444;*/
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon) + .menu-dropdown .menu-level-1 > li > .menu-dropdown ul.menu-level-2 > li a:after {
         content: "";
         z-index: -1;
         background-color: var(--menu-hover-background);/*#F4F4F4;*/
         position: absolute;
         left: 0;
         top: 10px;
         width: 100%;
         height: 100%;
         opacity: 0;
         transition: all 0.3s ease-out;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon) + .menu-dropdown .menu-level-1 > li > .menu-dropdown ul.menu-level-2 > li a:hover:after {
         opacity: 1;
         top: 0;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon):not(.multiple) + .menu-dropdown {
         position: absolute;
         left: -24px;
         top: calc(100% + 20px);
         width: auto;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon):not(.multiple) + .menu-dropdown .menu-level-1 {
         flex-flow: column;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon):not(.multiple) + .menu-dropdown .menu-level-1 > li {
         padding: 0;
         border: none !important;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon):not(.multiple) + .menu-dropdown .menu-level-1 > li > span {
         display: none;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon):not(.multiple) + .menu-dropdown .menu-level-1 > li a {
         position: relative;
         display: block;
         padding: 8px;
         font-family: "GothamMedium", sans-serif;
         font-size: 13px;
         line-height: 15px;
         color: red;/*#444;*/
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon):not(.multiple) + .menu-dropdown .menu-level-1 > li a:after {
         content: "";
         z-index: -1;
         background-color: var(--menu-hover-background); /*#F4F4F4;*/
         position: absolute;
         left: 0;
         top: 10px;
         width: 100%;
         height: 100%;
         opacity: 0;
         transition: all 0.3s ease-out;
    }
     nav.navbar-default .menu-level-0 > li > span:not(.icon):not(.multiple) + .menu-dropdown .menu-level-1 > li a:hover:after {
         opacity: 1;
         top: 0;
    }
     nav.navbar-default .menu-level-0 > li > span:before {
         right: -12px;
         transform: rotate(45deg);
    }
     nav.navbar-default .menu-level-0 > li > span:after {
         right: -16px;
         transform: rotate(-45deg);
    }
     nav.navbar-default .menu-level-0 > li > span:hover {
         text-decoration: none;
         text-shadow: 0px 0px 0.8px black;
    }
     nav.navbar-default .menu-level-0 > li.menu-item--expanded {
         padding-right: 15px;
    }
     nav.navbar-default .menu-level-0 > li.single-level {
         position: relative;
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown {
         display: flex;
         justify-content: center;
         position: fixed;
         width: 100%;
         top: 84px;
         left: 0;
         background: var(--menu-dropdown-background);
         z-index: 3;
         overflow: hidden;
         visibility: hidden;
         opacity: 0;
         transition: all 0.3s ease-out;
         box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.08);
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown > div {
         display: flex;
         align-items: flex-start;
         padding: 15px;
         box-sizing: border-box;
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 {
         display: flex;
         flex-wrap: nowrap;
         margin: 0;
         padding: 0;
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li ul.menu-level-3 > li a {
         padding-left: 22px !important;
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li ul.menu-level-3 > li a:before {
         content: "»";
         margin-right: 4px;
         font-family: "GothamLight", sans-serif;
         font-size: 16px;
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > span:hover,
	 nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li > span:hover {
         color: red;/*#CCC;*/
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li.menu-item {
         display: block;
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li.menu-item span {
         display: block;
         color: red;/*#222222;*/
         font-size: 14px;
         line-height: 16px;
         padding: 15px 7px;
         color: var(--menu-level1-color);/*#2A2A2A;*/
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li.menu-item > a {
         font-family: "GothamBook", sans-serif;
    }
     
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li.menu-item .menu-dropdown {
         position: relative;
         display: block;
         float: none;
         box-shadow: none;
         border: none;
         padding: 0 15px;
         margin: 0;
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li.menu-item .menu-dropdown ul {
         padding: 0;
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li.menu-item .menu-dropdown ul > li:not(:last-child) {
         margin-bottom: 20px;
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li.menu-item:not(:first-child) {
         border-left: 1px solid var(--menu-level1-separtor);/*#e1e1e1;*/
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li.menu-item:first-child .menu-dropdown {
         padding-left: 0;
    }
     nav.navbar-default .menu-level-0 > li > .menu-dropdown .menu-level-1 > li.menu-item:last-child .menu-dropdown {
         padding-right: 0;
    }
     
     nav.navbar-default .menu-level-0 > li:last-child {
         margin: 0 40px 0 0;
    }
     nav.navbar-default .menu-level-0 > li.open > span {
         text-shadow: 0px 0px 0.8px black;
    }
     nav.navbar-default .menu-level-0 > li.open > span:before {
         height: 2px;
         transform: rotate(-45deg);
    }
     nav.navbar-default .menu-level-0 > li.open > span:after {
         height: 2px;
         transform: rotate(45deg);
    }
     nav.navbar-default .menu-level-0 > li.open > .menu-dropdown {
         visibility: visible;
         opacity: 1;
    }
}
 @media screen and (min-width: 651px) and (min-width: 651px) and (max-width: 1216px) {
     nav.navbar-default .menu-level-0 > li {
         margin: 0 20px 0 0;
    }
     nav.navbar-default .menu-level-0 > li:last-child {
         margin: 0 10px 0 0;
    }
}
 @media screen and (min-width: 651px) {
     nav.navbar-default .mobile-utility-nav {
         display: none;
    }

}
 @media screen and (max-width: 650px) {
     #header {
         z-index: 100;
    }
     
     #header .header nav.navbar-default {
         position: initial;
         background: transparent;
         border: none;
         margin: 0 0 0 auto;
    }
     #header .header nav.navbar-default .navbar-mobile-toggle {
         margin: 0;
         background-color: var(--background-color) !important;
         border: none;
         width: 70px;
         height: 33px;
         cursor: pointer;
         padding: 9px 0;
         border-radius: 3px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         text-decoration: none;
         box-shadow: none;
    }
     #header .header nav.navbar-default .navbar-mobile-toggle span.icon-bar {
         position: relative;
         display: block;
         width: 18px;
         height: 2px;
         opacity: 1;
         border-radius: 5px;
         background: var(--hamburger-color);/*#444;*/
    }
     #header .header nav.navbar-default .navbar-mobile-toggle span.icon-bar:before,
	 #header .header nav.navbar-default .navbar-mobile-toggle span.icon-bar:after {
         display: block;
         position: absolute;
         left: 0;
         content: "";
         width: 100%;
         height: 2px;
         background-color: var(--hamburger-color);/*#444;*/
    }
     #header .header nav.navbar-default .navbar-mobile-toggle span.icon-bar:before {
         top: 6px;
    }
     #header .header nav.navbar-default .navbar-mobile-toggle span.icon-bar:after {
         bottom: 6px;
    }
     #header .header nav.navbar-default .navbar-mobile-toggle .title {
         color: red;/*#444;*/
         font-size: 14px;
         line-height: 16px;
         font-family: "GothamMedium", sans-serif;
    }
     #header .header nav.navbar-default .navbar-mobile-toggle:after {
         content: none;
    }
     #header .header nav.navbar-default .menu-wrapper {
         position: fixed;
         top: 0;
         left: 100vw;
         width: 100%;
         height: 100%;
         background: var(--background-color);
         transition: transform 0.3s ease-out;
         padding: 32px 18px 0 18px;
         z-index: 1;
         flex-direction: column;
         display: flex;
         align-items: flex-end;
    }
     #header .header nav.navbar-default .menu-wrapper .close-menu {
         position: absolute;
         top: 40px;
         right: 50px;
         display: block;
         font-size: 16px;
         line-height: 18px;
         color: var(--close-menu-color);/*#444;*/
         font-family: "GothamMedium", sans-serif;
         background: transparent;
         padding: 0;
         border: none;
         box-shadow: none;
         border-radius: 0;
    }
     #header .header nav.navbar-default .menu-wrapper .close-menu:before,
	 #header .header nav.navbar-default .menu-wrapper .close-menu:after {
         content: "";
         background: var(--close-menu-icon);/*#DB6247;*/
         width: 22px;
         height: 4px;
         position: absolute;
         top: 6px;
         left: -30px;
         border-radius: 1px;
    }
     #header .header nav.navbar-default .menu-wrapper .close-menu:before {
         transform: rotate(-45deg);
    }
     #header .header nav.navbar-default .menu-wrapper .close-menu:after {
         transform: rotate(45deg);
    }
     #header .header nav.navbar-default .menu-wrapper .close-menu:hover {
         border: none;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 {
         order: 3;
         width: 100%;
         background: var(--background-color);
         margin: 0;
         max-height: calc(100vh - 200px);
         overflow-y: auto;
         overflow-x: hidden;
         margin-top: 24px;
         padding: 0;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li {
         position: relative;
         display: block;
         width: 100%;
         clear: both;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li:not(:first-child) {
         margin-top: 20px;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li > span {
         position: relative;
         display: table;
         font-size: 24px;
         line-height: 40px;
         color: var(--font-color);
         font-family: "GothamMedium", sans-serif;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li > span:after {
         content: "";
         display: block;
         background: red;/*#aaaaaa;*/
         width: 120%;
         height: 0;
         position: absolute;
         bottom: 0;
         left: 0;
         -webkit-transition: height 0.3s ease;
         transition: height 0.3s ease;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li > span:hover {
         cursor: pointer;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li ul {
         padding: 0 0 0 16px;
         list-style: none;
    }
     
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span {
         position: relative;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span:after, 
	 #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span:before {
         content: "";
         display: block;
         position: absolute;
         top: 18px;
         width: 10px;
         height: 2px;
         background: var(--menu-dropdown-arrow);/*#595959;*/
         transition: color 0.3s ease, transform 0.3s ease;
    }
	#header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > .nopseudo:after, 
	#header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > .nopseudo:before {
		content: none;
	}
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span:before {
         right: -18px;
         left: auto;
         transform: rotate(45deg);
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span:after {
         right: -24px;
         left: auto;
         transform: rotate(-45deg);
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span.icon + .menu-dropdown .menu-level-1 {
         padding: 0;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span.icon + .menu-dropdown .menu-level-1 > li {
         margin: 0;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span.icon + .menu-dropdown .menu-level-1 > li > span {
         display: none;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span.icon + .menu-dropdown .menu-level-1 > li .menu-level-2 > li {
         position: relative;
         display: grid;
         grid-template-columns: 52px auto;
         grid-column-gap: 16px;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span.icon + .menu-dropdown .menu-level-1 > li .menu-level-2 > li > a {
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 2;
         text-indent: -9999em;
         font-size: 0;
         overflow: hidden;
         color: transparent;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span.icon + .menu-dropdown .menu-level-1 > li .menu-level-2 > li .field_menu_image {
         grid-area: 1 / 1 / 3 / 1;
		 color:var(--menu-level2-icon-color);
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span.icon + .menu-dropdown .menu-level-1 > li .menu-level-2 > li .field_menu_image img {
         display: block;
         margin: 0 auto;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span.icon + .menu-dropdown .menu-level-1 > li .menu-level-2 > li h3 {
         display: block;
         grid-area: 1 / 2 / 1 / 2;
         font-size: 20px;
         line-height: 24px;
         margin: 0 0 4px;
         color: var(--menu-level2-color);/*#444;*/
         font-family: "GothamMedium", sans-serif;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > span.icon + .menu-dropdown .menu-level-1 > li .menu-level-2 > li .field_menu_description {
         grid-area: 2 / 2 / 2 / 2;
         font-size: 16px;
         line-height: 20px;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded > .menu-dropdown {
         display: none;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded.open > span:after {
         transform: rotate(45deg);
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded.open > span:before {
         transform: rotate(-45deg);
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li.menu-item--expanded.open > .menu-dropdown {
         display: block;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 {
         display: flex;
         flex-flow: column;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li {
         margin: 12px 0;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li > span {
         display: block;
         font-size: 16px;
         line-height: 20px;
         margin: 20px 0 8px;
         text-transform: uppercase;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li a {
         display: block;
         font-size: 20px;
         line-height: 24px;
         font-family: "GothamMedium", sans-serif;
         color: var(--menu-level2-color);/*#444;*/
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li .menu-level-2 {
         display: flex;
         flex-flow: column;
         padding: 0;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li .menu-level-2 > li {
         margin: 12px 0;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li .menu-level-2 > li h3 {
         display: none;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li .menu-level-2 > li .menu-level-3 {
         padding: 0;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li .menu-level-2 > li .menu-level-3 > li {
         margin: 12px 0;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li .menu-level-2 > li.menu-item--expanded {
         display: flex;
         flex-flow: column;
         margin: 0;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li .menu-level-2 > li.menu-item--expanded > a {
         margin: 12px 0;
    }
     #header .header nav.navbar-default .menu-wrapper .menu-level-0 > li .menu-level-1 > li:first-child > span {
         margin-top: 8px;
    }
     #header .header nav.navbar-default .menu-wrapper .mobile-utility-nav {
         width: 100%;
         bottom: -7px;
         background: var(--background-color);
    }
 }
 @media screen and (max-width: 650px) and (orientation: landscape) {
     #header .header nav.navbar-default .menu-wrapper .mobile-utility-nav > ul.menu > li ul.menu {
         box-shadow: none;
         text-indent: 28px;
    }
}
 @media screen and (max-width: 650px) {
     #header .header nav.navbar-default .menu-wrapper .mobile-utility-nav > ul.menu:after {
         content: "";
         display: table;
         clear: both;
    }
     #header .header .mobile-utility-nav {
         display: block;
    }
}

 @media screen and (max-width: 650px) {
     #header .header .header-utility-nav-menu {
         display: none;
    }
     #header .header:after {
         content: "";
         display: table;
         clear: both;
    }
     #header .header.mobile-open nav.navbar-default .menu-wrapper {
         transform: translateX(-100vw);
		 overflow: scroll;
    }
}