.main-navigation {
/*float: right;*/
padding-right: 1.46667em;
}

@media screen and (max-width: 1380px) {
.main-navigation {
padding-right: 0.8em;
}
}

@media screen and (max-width: 900px) {
.main-navigation {
zoom: 1;
position: relative;
float: none;
clear: both;
padding-left: 1.46667em;
padding-left: calc(1.46667em + var(--safe-area-left));
}

.main-navigation:before {
content: "";
display: table;
}

.main-navigation:after {
content: "";
display: table;
clear: both;
}
}

@media screen and (max-width: 599px) {
.main-navigation {
display: none;
}
}

.main-navigation ul {
display: inline;
margin: 0;
padding: 0;
}

.main-navigation > ul > li {
position: relative;
float: left;
margin-left: 1.2em;text-transform: uppercase;
}

@media screen and (max-width: 1380px) {
.main-navigation > ul > li {
margin-left: 0;
}
}

.main-navigation > ul > li:before {
/* disable icons */
content: none;
display: none;
}

.main-navigation > ul > li.-mega {
position: static;
}

.main-navigation > ul > li > a,
.main-navigation > ul > li > strong,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
z-index: 1;
position: relative;
float: left;
padding: 0.61538em .7em 0.53846em;
border: solid transparent;
border-width: 0.84615em 0;
font-size: 1.0em;
line-height: 1.61615;
/*font-weight: bold;*/
letter-spacing: 0.05em;
color: var(--color10);
text-transform: uppercase;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
}

.main-navigation > ul > li > a.highlight,
.main-navigation > ul > li > strong.highlight,
.main-navigation > ul > li > span.active.highlight,
.main-navigation > ul > li > span.trail.highlight,
.main-navigation > ul > li > span.forward.highlight {
color: var(--mainlayoutcolor1);
}

.main-navigation > ul > li > a.highlight:after,
.main-navigation > ul > li > strong.highlight:after,
.main-navigation > ul > li > span.active.highlight:after,
.main-navigation > ul > li > span.trail.highlight:after,
.main-navigation > ul > li > span.forward.highlight:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
border: 2px solid var(--bgcolor10);
}

.main-navigation > ul > li > a:hover,
.main-navigation > ul > li > a:focus,
.main-navigation > ul > li > strong:hover,
.main-navigation > ul > li > strong:focus,
.main-navigation > ul > li > span.active:hover,
.main-navigation > ul > li > span.active:focus,
.main-navigation > ul > li > span.trail:hover,
.main-navigation > ul > li > span.trail:focus,
.main-navigation > ul > li > span.forward:hover,
.main-navigation > ul > li > span.forward:focus {
color:  var(--mainlayoutcolor1);
text-decoration: none;
}

.main-navigation > ul > li > a.active,
.main-navigation > ul > li > a.trail,
.main-navigation > ul > li > a.forward,
.main-navigation > ul > li > strong.active,
.main-navigation > ul > li > strong.trail,
.main-navigation > ul > li > strong.forward,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
color:  var(--mainlayoutcolor1);
}

.main-navigation > ul > li > a.active:not(.highlight):after,
.main-navigation > ul > li > a.trail:not(.highlight):after,
.main-navigation > ul > li > a.forward:not(.highlight):after,
.main-navigation > ul > li > strong.active:not(.highlight):after,
.main-navigation > ul > li > strong.trail:not(.highlight):after,
.main-navigation > ul > li > strong.forward:not(.highlight):after,
.main-navigation > ul > li > span.active:not(.highlight):after,
.main-navigation > ul > li > span.trail:not(.highlight):after,
.main-navigation > ul > li > span.forward:not(.highlight):after {
content: "";
position: absolute;
bottom: -0.92308em;
left: 50%;
display: block;
width: 0.84615em;
height: 0.84615em;
margin-left: -0.61538em;
border: solid gainsboro;
border-width: 0 1px 1px 0;
background: white;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}

.main-navigation > ul > li > ul {
position: absolute;
top: 66%;
left: 0;
display: block;
max-height: 0;
min-width: 100%;
padding:.6em .7em;
background: white;
opacity: 0;
/*overflow: hidden;border: 1px solid  var(--color10); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/
-webkit-transition: max-height 0s, padding 0s, opacity 0.3s;
-webkit-transition-delay: 0.3s, 0.3s, 0s;
-moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
-o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
pointer-events: none;
}

.header-navigation.is-bottom .main-navigation > ul > li > ul {
top: auto;
bottom: 100%;
}

.main-navigation > ul > li > ul li {
position: relative;
display: block;
padding: 0;
border-top: 1px solid gainsboro;
white-space: nowrap;
}

.main-navigation > ul > li > ul li:first-child {
border-top: 0;
}

.main-navigation > ul > li > ul li li {
/*border: 0;*/
}

.main-navigation > ul > li > ul li[data-icon]:before,
.main-navigation > ul > li > ul li[class^="icon-"]:before,
.main-navigation > ul > li > ul li[class*=" icon-"]:before {
position: absolute;
top: 0.85714em;
left: 1em;
z-index: 1;
font-size: 0.93333em;
}

.main-navigation > ul > li > ul li[data-icon] a,
.main-navigation > ul > li > ul li[data-icon] strong,
.main-navigation > ul > li > ul li[data-icon] span.active,
.main-navigation > ul > li > ul li[data-icon] span.trail,
.main-navigation > ul > li > ul li[data-icon] span.forward,
.main-navigation > ul > li > ul li[class^="icon-"] a,
.main-navigation > ul > li > ul li[class^="icon-"] strong,
.main-navigation > ul > li > ul li[class^="icon-"] span.active,
.main-navigation > ul > li > ul li[class^="icon-"] span.trail,
.main-navigation > ul > li > ul li[class^="icon-"] span.forward,
.main-navigation > ul > li > ul li[class*=" icon-"] a,
.main-navigation > ul > li > ul li[class*=" icon-"] strong,
.main-navigation > ul > li > ul li[class*=" icon-"] span.active,
.main-navigation > ul > li > ul li[class*=" icon-"] span.trail,
.main-navigation > ul > li > ul li[class*=" icon-"] span.forward {
padding-left: 2.42857em;
}

.main-navigation > ul > li > ul a,
.main-navigation > ul > li > ul strong,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward {
position: relative;
display: block;
padding: 0.57143em 0.57143em 0.57143em 0;
margin: 0;
font-size: 0.93333em;
font-weight: inherit;
}

.main-navigation > ul > li > ul a:before,
.main-navigation > ul > li > ul strong:before,
.main-navigation > ul > li > ul span.active:before,
.main-navigation > ul > li > ul span.trail:before,
.main-navigation > ul > li > ul span.forward:before {
/* disable icons */
content: none;
display: none;
}

.main-navigation > ul > li > ul a {
color: #242424;
-webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in;
-moz-transition: background-color 0.6s ease-in, color 0.6s ease-in;
-o-transition: background-color 0.6s ease-in, color 0.6s ease-in;
transition: background-color 0.6s ease-in, color 0.6s ease-in;
}

.main-navigation > ul > li > ul a:hover {
text-decoration: none;
color:var(--mainlayoutcolor1);
-webkit-transition-duration: 0.05s;
-moz-transition-duration: 0.05s;
-o-transition-duration: 0.05s;
transition-duration: 0.05s;
}

.main-navigation > ul > li > ul a.active,
.main-navigation > ul > li > ul a.trail,
.main-navigation > ul > li > ul a.forward,
.main-navigation > ul > li > ul strong.active,
.main-navigation > ul > li > ul strong.trail,
.main-navigation > ul > li > ul strong.forward,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward {
color:var(--mainlayoutcolor1);
}

.main-navigation > ul > li > ul ul {
display: none;
padding: 0.66667em;
background: white;
position: absolute;
right: 100%;
top: -10px;
z-index: 100;
}

.main-navigation > ul > li > ul li:hover ul {display: block;}


.main-navigation > ul > li:hover {
z-index: 2;
}

.main-navigation > ul > li:hover:after {
content: "";
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
margin-top: 0.66667em;
}

.main-navigation > ul > li:hover > ul {
z-index: 1;
max-height: 9999px;
opacity: .95;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
pointer-events: auto;
}

.main-navigation > ul > li:hover > a,
.main-navigation > ul > li:hover > strong,
.main-navigation > ul > li:hover > span.active,
.main-navigation > ul > li:hover > span.trail,
.main-navigation > ul > li:hover > span.forward {
z-index: 2;
}

.main-navigation > ul > li.submenu:hover > a:after,
.main-navigation > ul > li.submenu:hover > strong:after,
.main-navigation > ul > li.submenu:hover > span.active:after,
.main-navigation > ul > li.submenu:hover > span.trail:after,
.main-navigation > ul > li.submenu:hover > span.forward:after {
content: "";
position: absolute;
top: -0.23077em;
right: 0;
bottom: -0.92308em;
left: 0;
width: auto;
height: auto;
margin-left: 0;
border: 0;
border-top: 2px solid var(--mainlayoutcolor1);
border-radius: 2px 2px 0 0;
/*box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 gainsboro, inset -1px 0 gainsboro, inset 0 -10px white;*/
background: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}

.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > a:after,
.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > strong:after,
.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.active:after,
.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.trail:after,
.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.forward:after {
top: -0.92308em;
bottom: -0.46154em;
border-top: 0;
border-bottom: 4px solid #33b1ec;
border-radius: 0 0 2px 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 gainsboro, inset -1px 0 gainsboro, inset 0 10px white;
}

.main-navigation > ul > li.last > ul {
left: auto;
right: 0;
}

.mega-dropdown {
position: absolute;
top: 100%;
left: 0;
display: block;
width: 100%;
max-height: 0;
padding: 0;
overflow: hidden;
border: solid 1px #ddd;
border-top:none;
background: white;
opacity: 0;
-webkit-transition: max-height 0s, padding 0s, opacity 0.3s;
-webkit-transition-delay: 0.3s, 0.3s, 0s;
-moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
-o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
pointer-events: none;
/* Fixes chrome text flicker */
-webkit-backface-visibility: hidden;
}

@media screen and (max-width: 900px) {
.mega-dropdown {
background-image: none !important;
}
}

.header-navigation.is-bottom .mega-dropdown {
top: auto;
bottom: 100%;
}

li:hover > .mega-dropdown {
z-index: 1;
max-height: 9999px;
overflow: visible;
padding: 1.57143em 1.57143em 2.8em 1.57143em;
opacity: .95;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
pointer-events: auto;
}

.mega-dropdown .rsts-nav {
pointer-events: none;
}

.mega-dropdown .rsts-nav-prev,
.mega-dropdown .rsts-nav-next,
.mega-dropdown .rsts-nav-item {
pointer-events: auto;
}

.mega-dropdown-column h1,
.mega-dropdown-column h2,
.mega-dropdown-column h3 {
margin: 0 0 0.71429em;
font-size: inherit;
font-weight: bold;
color: var(--color10);
}

.mega-dropdown-column h1 a,
.mega-dropdown-column h2 a,
.mega-dropdown-column h3 a {
color:var(--mainlayoutcolor1); text-decoration: none;
}

.mega-dropdown-column p {
margin: 1em 0;
}

.mega-dropdown-column ul li {border-top: 1px solid var(--bgcolor11);}
.mega-dropdown-column ul li:last-child{border-bottom: 1px solid var(--bgcolor11);}

.mega-dropdown-column ul a {
display: inline-block;
padding: 0.28571em 0 0.21429em;
color: var(--color10);
}

.mega-dropdown-column ul a:before {
content: none;
}

.mega-dropdown-column ul a:hover {
color:var(--mainlayoutcolor1);
}

.mega-dropdown-column ul a.active,
.mega-dropdown-column ul a.trail,
.mega-dropdown-column ul a.forward {
font-weight: bold;
}

.mega-dropdown-column li li {
margin-left: 1.57143em;
}

.mega-dropdown-image {
margin: 1.42857em 0;
}

.mega-dropdown-image img {
display: block;
width: 100%;
height: auto;
}

.main-navigation-search {
/*float: right;
margin-right: var(--safe-area-right);*/
}

@media screen and (max-width: 599px) {
.main-navigation-search {
position: absolute;
top: 50%;
right: 0;
margin-top: -1.93333em;
}
}

.main-navigation-search > a {
display: block;
overflow: hidden;
/*margin-right: 0.66667em;*/
padding: 1.26667em 0 1.2em;
line-height: 0;
color: #242424;
text-decoration: none;
text-indent: -99em;
}

@media screen and (max-width: 1380px) {
.main-navigation-search > a {
margin-right: 0;
}
}

@media screen and (max-width: 900px) {
.main-navigation-search > a {
margin-top: 0.66667em;
}
}

@media screen and (max-width: 900px) {
.main-navigation-search > a {
margin-top: 0;
margin-right: 0;
}
}

.main-navigation-search > a:hover,
.main-navigation-search > a:focus {
color:var(--mainlayoutcolor1);
}

.main-navigation-search > a:after {
font: 1.4em/1 "RockSolid Icons";
content: "\e0cb";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 0 0 0 1.42857em;
border-left: 1px solid #242424;
text-indent: 0;
}

@media screen and (max-width: 900px) {
.main-navigation-search > a:after {
border-left: 0;
}
}

.main-navigation-search form {
display: none;
}

.main-navigation-search-form {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
z-index: 100;
color: white;
text-align: center;
}

body.colorlayout-1  .main-navigation-search-form {background: rgba(234, 44, 88, 0.8);}
body.colorlayout-2  .main-navigation-search-form {background: rgba(0, 184, 241, 0.8);}
body.colorlayout-3  .main-navigation-search-form {background: rgba(255, 191, 0, 0.8);}
body.colorlayout-4  .main-navigation-search-form {background: rgba(42, 187, 142, 0.8);}



.main-navigation-search-form.is-active,
.main-navigation-search-form.is-pre-active {
display: block;
}

.main-navigation-search-form.is-pre-active {
opacity: 0;
}

.main-navigation-search-form.is-active {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}

.main-navigation-search-form:before {
content: "";
display: block;
height: 50%;
margin-bottom: -6.66667em;
}

.main-navigation-search-form label {
display: block;
font-size: 2.4em;
}

@media screen and (max-width: 599px) {
.main-navigation-search-form label {
font-size: 1.86667em;
}
}

.main-navigation-search-form input,
.main-navigation-search-form input:hover,
.main-navigation-search-form input:focus {
display: block;
margin: 0.33333em auto;
padding: 0;
border: 0;
border-bottom: 2px solid currentColor;
border-radius: 0;
font-size: 2.4em;
color: inherit;
text-align: center;
background: none;
box-shadow: none;
}

@media screen and (max-width: 599px) {
.main-navigation-search-form input,
.main-navigation-search-form input:hover,
.main-navigation-search-form input:focus {
width: 80%;
font-size: 1.86667em;
}
}

.main-navigation-search-close {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
padding: 2em;
padding-top: calc(2em + var(--safe-area-top));
padding-right: calc(2em + var(--safe-area-right));
color: inherit;
line-height: 0;
text-indent: -99em;
}

.main-navigation-search-close:hover,
.main-navigation-search-close:focus {
text-decoration: none;
}

.main-navigation-search-close:after {
font: 2.8em/1 "RockSolid Icons";
content: "\e14a";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
text-indent: 0;
}

.secondary-navigation-wrapper {
zoom: 1;
background: #f2f2f2;
}

.secondary-navigation-wrapper:before {
content: "";
display: table;
}

.secondary-navigation-wrapper:after {
content: "";
display: table;
clear: both;
}

.secondary-navigation {
padding: 0 1em;
padding-right: calc(1em + var(--safe-area-right));
padding-left: calc(1em + var(--safe-area-left));
font-size: 0.86667em;
text-align: center;
}

@media screen and (max-width: 900px) {
.secondary-navigation {
text-align: left;
padding-right: 2em;
padding-right: calc(2em + var(--safe-area-right));
padding-left: 2em;
padding-left: calc(2em + var(--safe-area-left));
}
}

@media screen and (max-width: 599px) {
.secondary-navigation {
display: none;
}
}

.secondary-navigation ul {
margin: 0;
padding: 0;
}

.secondary-navigation li {
position: relative;
display: inline-block;
}

.secondary-navigation li:before {
/* disable icons */
content: none;
display: none;
}

.secondary-navigation li.-mega {
position: static;
}

.secondary-navigation li > a,
.secondary-navigation li > strong,
.secondary-navigation li > span.active,
.secondary-navigation li > span.trail,
.secondary-navigation li > span.forward {
position: relative;
display: block;
padding: 1.15385em 1.85em;
letter-spacing: 0.075em;
white-space: nowrap;
color: #242424;
text-transform: uppercase;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
}

@media screen and (max-width: 1380px) {
.secondary-navigation li > a,
.secondary-navigation li > strong,
.secondary-navigation li > span.active,
.secondary-navigation li > span.trail,
.secondary-navigation li > span.forward {
padding-right: 1em;
padding-left: 1em;
}
}

@media screen and (max-width: 900px) {
.secondary-navigation li > a,
.secondary-navigation li > strong,
.secondary-navigation li > span.active,
.secondary-navigation li > span.trail,
.secondary-navigation li > span.forward {
padding-right: 0.76923em;
padding-left: 0.76923em;
}
}

.secondary-navigation li > a:before,
.secondary-navigation li > strong:before,
.secondary-navigation li > span.active:before,
.secondary-navigation li > span.trail:before,
.secondary-navigation li > span.forward:before {
margin-right: 0.69231em;
}

.secondary-navigation li > a:hover,
.secondary-navigation li > a:focus {
color: #33b1ec;
text-decoration: none;
}

.secondary-navigation li > a.active,
.secondary-navigation li > a.trail,
.secondary-navigation li > a.forward,
.secondary-navigation li > strong.active,
.secondary-navigation li > strong.trail,
.secondary-navigation li > strong.forward,
.secondary-navigation li > span.active,
.secondary-navigation li > span.trail,
.secondary-navigation li > span.forward {
background-color: #33b1ec;
color: white;
}

.main-navigation-mobile-open {
position: absolute;
top: 24px;
left: 20px;
width: 50px;
height: 50px;
margin: -19px 0 0 -11px;
padding: 11px;
display: none;
z-index: 200;
text-indent: -99em;
line-height: 0;
}

.main-navigation-mobile-open:after {
content: "";
display: block;
height: 3px;
border-radius: 2px;
background: #242424;
box-shadow: 0 10px #242424, 0 20px #242424;
}

@media screen and (max-width: 880px) {
.main-navigation-mobile-open {
display: block;
}
}

.main-navigation-wrapper .main-navigation-mobile-open {
top: 50%;
}

.main-navigation-mobile-close {
position: absolute;
top: 0;
right: -17.64706%;
display: none;
width: 17.64706%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
border: 0 !important;
text-indent: -99em;
background: none !important;
box-shadow: none !important;
}

.is-active > .main-navigation-mobile-close {
display: block;
}

.main-navigation-mobile {
/* Hide mobile navigation by default */
display: none;
padding: 0;
padding-top: var(--safe-area-top);
padding-bottom: var(--safe-area-bottom);
padding-left: var(--safe-area-left);
border-top: 1px solid black;
color: white;
background: #fff;
}

@media screen and (max-width: 880px) {
.main-navigation-mobile {
display: none;
}
}

.modernizr-js .main-navigation-mobile {
display: none;
}

.main-navigation-mobile.is-enabled {
display: none;
position: absolute;
top: 0;
left: -85%;
z-index: 201;
width: 85%;
min-height: 100%;
-webkit-transition: left 0.2s ease-out;
-moz-transition: left 0.2s ease-out;
-o-transition: left 0.2s ease-out;
transition: left 0.2s ease-out;
}

@media screen and (max-width: 880px) {
.main-navigation-mobile.is-enabled {
display: none;
}
}

.modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}

.main-navigation-mobile.is-active {
left: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
display: block;
}

.modernizr-csstransforms3d .main-navigation-mobile.is-active {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.main-navigation-mobile ul {
display: block;
margin: 0;
padding: 0;
}

.main-navigation-mobile ul ul {}

.main-navigation-mobile .is-collapsed > ul {
display: none;
}

.main-navigation-mobile li {
position: relative;
display: block;
}

.main-navigation-mobile li:before {
content: none;
}

.main-navigation-mobile a,
.main-navigation-mobile strong,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
display: block;
padding: 0.64286em 0.92857em 0.57143em;
border-bottom: 1px solid black;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
-webkit-transition: background-color 0.6s ease-out;
-moz-transition: background-color 0.6s ease-out;
-o-transition: background-color 0.6s ease-out;
transition: background-color 0.6s ease-out;
color: #000;
}

.main-navigation-mobile a:before,
.main-navigation-mobile strong:before,
.main-navigation-mobile span.active:before,
.main-navigation-mobile span.trail:before,
.main-navigation-mobile span.forward:before {
margin-right: 0.42857em;
}

.main-navigation-mobile a:hover,
.main-navigation-mobile a:focus,
.main-navigation-mobile strong:hover,
.main-navigation-mobile strong:focus,
.main-navigation-mobile span.active:hover,
.main-navigation-mobile span.active:focus,
.main-navigation-mobile span.trail:hover,
.main-navigation-mobile span.trail:focus,
.main-navigation-mobile span.forward:hover,
.main-navigation-mobile span.forward:focus {
outline: none;
text-decoration: none;
background-color: #ddd;
-webkit-transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}

.main-navigation-mobile a.active,
.main-navigation-mobile a.trail,
.main-navigation-mobile strong.active,
.main-navigation-mobile strong.trail,
.main-navigation-mobile strong.forward,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
font-weight: bold;
}

.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
font-weight: normal;
}

.main-navigation-mobile li li {
color: #bfbfbf;
}

.main-navigation-mobile li li a,
.main-navigation-mobile li li strong,
.main-navigation-mobile li li span.active,
.main-navigation-mobile li li span.trail,
.main-navigation-mobile li li span.forward {
padding-left: 1.85714em;
}

.main-navigation-mobile li li li a,
.main-navigation-mobile li li li strong,
.main-navigation-mobile li li li span.active,
.main-navigation-mobile li li li span.trail,
.main-navigation-mobile li li li span.forward {
padding-left: 2.78571em;
}

.main-navigation-mobile li li li li a,
.main-navigation-mobile li li li li strong,
.main-navigation-mobile li li li li span.active,
.main-navigation-mobile li li li li span.trail,
.main-navigation-mobile li li li li span.forward {
padding-left: 3.71429em;
}

.main-navigation-mobile li li li li li a,
.main-navigation-mobile li li li li li strong,
.main-navigation-mobile li li li li li span.active,
.main-navigation-mobile li li li li li span.trail,
.main-navigation-mobile li li li li li span.forward {
padding-left: 4.64286em;
}

.main-navigation-mobile .main-navigation-mobile-expand {
position: absolute;
top: 0.21429em;
right: 0;
overflow: hidden;
margin: 0;
padding: 0.57143em 0.92857em;
border: solid transparent;
border-width: 0.21429em 0;
box-shadow: inset 1px 0 #1f1f1f;
border-radius: 0;
outline: none;
line-height: 0;
color: #000;
text-indent: -99em;
text-shadow: none;
background: none;
}

.main-navigation-mobile .main-navigation-mobile-expand:after {
font: 1.14286em/1 "RockSolid Icons";
content: "\e009";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
}

.main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after {
content: "\e00c";
}

.main-navigation-mobile-search {
position: relative;
margin: 5%;
}
.main-navigation-mobile-search a,
.main-navigation-mobile-search label {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}

.main-navigation-mobile-search input,
.main-navigation-mobile-search input:hover,
.main-navigation-mobile-search input:focus {
width: 100%;
border: 1px solid black;
background: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
color: #000;
}

.main-navigation-mobile-search button {
position: absolute;
top: 0.07143em;
right: 0;
width: 3.57143em;
height: 100%;
margin: 0;
padding: 0;
border: 0;
text-align: left;
text-indent: -99em;
text-shadow: none;
line-height: 0;
background: none;
box-shadow: none;
}

.main-navigation-mobile-search button:after {
font: 1.14286em/1 "RockSolid Icons";
content: "\e0cb";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
text-align: center;
color: #000;
}

.main-navigation-mobile-icons.main-navigation-mobile-icons {
margin: 1em 0;
text-align: center;
}

.main-navigation-mobile-icons.main-navigation-mobile-icons li {
display: inline;
padding: 0;
}

.main-navigation-mobile-icons.main-navigation-mobile-icons a {
display: inline-block;
width: 2.85714em;
height: 2.85714em;
overflow: hidden;
padding: 0;
border: 0;
box-shadow: none;
}

.main-navigation-mobile-icons.main-navigation-mobile-icons a:before {
font-size: 1.28571em;
line-height: 2.22278;
margin: 0 0 100%;
color: white !important;
}

.main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before {
color: inherit !important;
}