:root {
	 --main-color: #00386c;
	 --menu-fontcolor: red;
	 --head-fontfamily: 'Arial', sans-serif;
	 --menu-hover-fontcolor: blue;
	 --highlight-color: #5A919F;
	 --main-fontfamily: 'Arial', sans-serif;
	 --main-fontcolor: purple;
}
 .mobileDevice #navigation ul li:hover a {
	 -webkit-transition: unset;
	 -moz-transition: unset;
	 -ms-transition: unset;
	 -o-transition: unset;
	 transition: unset;
	 color: #fff !important;
}
 #navigation {
	 position: fixed;
	 top: 0;
	 bottom: 0;
	 right: -100%;
	 max-width: 340px;
	 width: 100%;
	 background: rgba(255, 255, 255, 0.93);
	 display: block;
	 z-index: 900;
	 opacity: 0;
	 padding: 135px 60px 30px;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -ms-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
	 -ms-overflow-style: none;
	/* IE and Edge */
	 overflow-y: auto;
	 scrollbar-width: none;
	 box-shadow: 0 0 10px rgba(0,0,0,0.3);
	/* Firefox */
}
 #navigation::-webkit-scrollbar {
	 width: 0px;
}
 @media (max-width: 900px) {
	 #navigation {
		 max-width: 400px;
		 width: 100%;
	}
}
 #navigation .offcanvasContent {
	 float: left;
	 width: 100%;
	 padding-bottom: 30px;
}
 #navigation:after {
	 content: "";
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -ms-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
}
 #navigation a {
	 text-decoration: none;
}
 #navigation a:active, #navigation a:link, #navigation a:focus, #navigation a:focus-visible, #navigation a:visited {
	 background: transparent;
	 outline: none;
	 box-shadow: none;
	 color: var(--main-color);
}
 #navigation ul li .nav-link.ifNotClicked {
	 display: block;
}
 #navigation ul li .nav-link.ifActive {
	/*display: none;
	*/
}
 #navigation ul li.active {
	/*display: none;
	*/
}
 #navigation ul li.active .nav-link.ifActive {
	 display: block;
}
 #navigation .nav-link.headline {
	 color: var(--menu-fontcolor);
	 display: inline-block;
	 font-family: var(--head-fontfamily);
	 font-weight: bold;
	/*font-size: 1.2em;
	*/
	 font-size: 1em;
	 margin: 0 0 6px;
}
 #navigation ul {
	 text-align: left;
}
 #navigation ul li {
	font-weight: bold;
	display: block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin: 0 0 40px;
	position: relative;
	font-size: 1.2em;
}
 #navigation ul li .nav-link {
	 color: var(--menu-fontcolor);
	 cursor: pointer;
	 font-family: var(--head-fontfamily);
	 font-weight: bold;
	/*font-size: 2.14em;
	*/
	 font-size: 1.813em;
	 font-weight: bold;
	 line-height: 1.6em;
	 text-transform: uppercase;
}
 #navigation ul li .nav-link:before {
	 display: none;
}
 #navigation ul li.special .nav-link {
	 color: var(--main-color);
	 padding-right: 45px;
	 position: relative;
}
 #navigation ul li.special svg {
	 height: 45px;
	 right: 0px;
	 position: absolute;
	 -webkit-transform: scaleX(-1);
	 transform: scaleX(-1);
}
 #navigation ul li.special svg path {
	 fill: var(--main-color) !important;
}
 #navigation ul li ul {
	/*display: none;
	*/
	/*padding-left: 10px;
	*/
}
 #navigation ul li ul li {
	 margin: 0 0 10px;
}
 #navigation ul li ul li .nav-link {
	 font-family: var(--head-fontfamily);
	/*font-size: 1.29em;
	*/
	 font-size: 1.125em;
	 line-height: 0;
	 font-weight: normal;
	 text-transform: none;
}
 #navigation ul li:hover .nav-link, #navigation ul li:hover ul li:hover .nav-link, #navigation ul li:hover ul li:hover ul li:hover .nav-link {
	 color: var(--menu-hover-fontcolor);
}
 #navigation ul li.active .nav-link, #navigation ul li.active ul li.active .nav-link, #navigation ul li.active ul li.active ul li.active .nav-link {
	 color: var(--highlight-color);
}
 #navigation ul li.active .nav-link:after, #navigation ul li.active ul li.active .nav-link:after, #navigation ul li.active ul li.active ul li.active .nav-link:after {
	 content: "\f061";
	 font-family: 'Font Awesome 6 Free';
	 font-weight: 900;
	 display: block;
	 position: absolute;
	 top: 0;
	 left: -20px;
	 font-size: 17px;
}
 #navigation ul li.active ul li .nav-link, #navigation ul li:hover ul li .nav-link, #navigation ul li.active ul li.active ul li .nav-link, #navigation ul li.active ul li:hover ul li .nav-link, #navigation ul li:hover ul li:hover ul li .nav-link {
	 color: var(--menu-fontcolor);
}
 #navigation ul li.active ul li .nav-link:after, #navigation ul li:hover ul li .nav-link:after, #navigation ul li.active ul li.active ul li .nav-link:after, #navigation ul li.active ul li:hover ul li .nav-link:after, #navigation ul li:hover ul li:hover ul li .nav-link:after {
	 display: none;
}
 #navigation ul li.sub > .nav-link {
	 color: var(--menu-fontcolor) !important;
	 cursor: auto;
}
 #navigation .closePanel {
	 display: flex;
	 justify-content: right;
	 max-width: 515px;
	 margin: 0 auto;
	 text-align: right;
}
 #navigation .brandOffcanvas {
	 display: block;
	 position: relative;
	 margin-bottom: 26px;
	 margin-top: 26px;
}
 #navigation .wt .header, #navigation .wt h1, #navigation .wt h2, #navigation .wt h3, #navigation .wt h4, #navigation .wt h5, #navigation .wt h6, #navigation .wt p, #navigation .wt span, #navigation .wt b, #navigation .wt strong {
	 color: var(--menu-fontcolor);
}
 #navigation .wt .header:last-child, #navigation .wt h1:last-child, #navigation .wt h2:last-child, #navigation .wt h3:last-child, #navigation .wt h4:last-child, #navigation .wt h5:last-child, #navigation .wt h6:last-child, #navigation .wt p:last-child, #navigation .wt span:last-child, #navigation .wt b:last-child, #navigation .wt strong:last-child {
	 margin-bottom: 0;
}
 #navigation .wt .hrWrap {
	 margin-top: 10px;
	 margin-bottom: 15px;
}
 #navigation .wt .hrWrap .hr {
	 border-color: var(--main-color);
}
 #navigation .typeWrap-mask_slogan .header1 {
	/*font-size: 1.35em;
	*/
}
 #navigation .typeWrap-mask_slogan .header1 .header {
	 font-size: 1.125em;
	 margin-bottom: 11px;
}
 #navigation .typeWrap-mask_slogan .header2 {
	/*font-size: 1.05em;
	*/
}
 #navigation .typeWrap-mask_slogan .header2 .header {
	 font-size: 1em;
}
 #navigation .quickICons {
	 -webkit-display: flex;
	 -moz-display: flex;
	 -ms-display: flex;
	 -o-display: flex;
	 display: flex;
	 -webkit-justify-content: left;
	 -moz-justify-content: left;
	 -ms-justify-content: left;
	 -o-justify-content: left;
	 justify-content: left;
	 -webkit-align-items: center;
	 -moz-align-items: center;
	 -ms-align-items: center;
	 -o-align-items: center;
	 align-items: center;
}
 #navigation .quickICons [class*='buttonLink-'] {
	 margin-top: 0;
	 margin-bottom: 0;
}
 #navigation .quickIconMenuTop {
	 float: left;
	 margin-bottom: 50px;
	 margin-left: -10px;
}
 #navigation .quickIconMenuTop .quickICons .item.onlyText {
	 width: 100%;
}
 #navigation .quickIconMenuTop p.buttonLink-pill-border {
	/*font-size: 0.8em;
	*/
	 font-size: 0.688em;
}
 .open-panel, .close-panel {
	 color: var(--main-fontcolor);
	 cursor: pointer;
	 display: none;
	 font-size: 42px;
	 height: 40px;
	 line-height: 50px;
	 padding: 16px 5px;
	 position: absolute;
	 right: 40px;
	 text-align: center;
	 top: 33px;
	 width: 50px;
	 z-index: 999;
}
@media (max-width: 767px) {
	 .open-panel, .close-panel {
		 font-size: 31px;
	}
}

@media (max-width: 500px) {
	.open-panel, .close-panel {
		right: 20px;
	}
}
 .open-panel:active, .close-panel:active, .open-panel:link, .close-panel:link, .open-panel:focus, .close-panel:focus, .open-panel:focus-visible, .close-panel:focus-visible, .open-panel:visited, .close-panel:visited {
	 background: transparent;
	 color: var(--main-color);
	 outline: none;
	 box-shadow: none;
	 opacity: 1;
}
 .open-panel span.bars, .close-panel span.bars {
	 background: var(--main-color);
	 display: block;
	 height: 3px;
	 width: 40px;
	 position: relative;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -ms-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
}
 .open-panel span.bars.top, .close-panel span.bars.top, .open-panel span.bars.bottom, .close-panel span.bars.bottom {
	 content: "";
	 position: relative;
}
 .open-panel span.bars.top, .close-panel span.bars.top {
	 top: -7px;
}
 .open-panel span.bars.bottom, .close-panel span.bars.bottom {
	 bottom: -7px;
}
 .open-panel:hover span.bars.middle, .close-panel:hover span.bars.middle, .open-panel:hover span.bars.top, .close-panel:hover span.bars.top, .open-panel:hover span.bars.bottom, .close-panel:hover span.bars.bottom {
	 background: var(--highlight-color);
}
 .openNav #scrollWrap, .openNav #dsh-fingerprint {
	 display: none;
}
 .openNav #navigation {
	 right: 0;
	 opacity: 1;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -ms-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
}
 .openNav #headerWrap:after {
	 content: "";
	 display: block;
	 position: fixed;
	 z-index: 899;
	 background: rgba(0, 0, 0, 0.5);
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -ms-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
}
 .openNav .open-panel span.bars.middle, .openNav .close-panel span.bars.middle {
	 opacity: 0;
}
 .openNav .open-panel span.bars.top, .openNav .close-panel span.bars.top {
	 content: "";
	 position: relative;
	 -webkit-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	 transform: rotate(45deg);
	 -webkit-transform-origin: center;
	 -moz-transform-origin: center;
	 -ms-transform-origin: center;
	 -o-transform-origin: center;
	 transform-origin: center;
	 top: 3px;
	 bottom: 0;
}
 .openNav .open-panel span.bars.bottom, .openNav .close-panel span.bars.bottom {
	 right: 0;
	 -webkit-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
	 transform: rotate(-45deg);
	 -webkit-transform-origin: center;
	 -moz-transform-origin: center;
	 -ms-transform-origin: center;
	 -o-transform-origin: center;
	 transform-origin: center;
	 top: -3px;
	 bottom: 0;
}
 #navigation #offcanvasContent .quickICons {
	 -webkit-justify-content: left;
	 -moz-justify-content: left;
	 -ms-justify-content: left;
	 -o-justify-content: left;
	 justify-content: left;
}
 #navigation #offcanvasContent .quickICons span {
	 background-color: transparent;
}
 #navigation #offcanvasContent .header {
	 color: #fff;
	 font-family: var(--main-fontfamily);
	 font-weight: bold;
	/*font-size: 2.14em;
	*/
	 font-size: 1.813em;
	 line-height: 1.6em;
	 text-transform: uppercase;
}
 #navigation #offcanvasContent .wt, #navigation #offcanvasContent .wtInner {
	 float: none;
}
 @media (max-width: 920px) {
	 .open-panel, .close-panel {
		 display: block;
	}
	 #headerWrap #navWrapper {
		 display: none !important;
	}
}