.navbar-toggler { border-width: 2px; border-radius: 5px; font-size: 11px; font-weight: 500; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; text-transform: uppercase; color: #777; display: block; margin-top: 10px; float: right;  }
#mainNav .container .navbar-item.navbar-toggler .fa.fa-bars { margin: 8px; }
#mainNav .container .navbar-item.navbar-toggler { margin-left: 10px; }
#mainNav { display: block; width: 100%; top: 0; right: 0; left: 0; z-index: 1030; border-bottom: 1px solid #eee; background-color: rgba(255,255,255, 0.8); }
.LZ .hide { display: none; }
.prof .LZ-hide { display: none; }
.ECLG .LZ-hide { display: none; }
/* Media Querie Iphone 5 Hamburgermenu Portrait*/
@media only screen and (max-width: 369px) and (orientation: portrait) {
#mainNav { height: 45px; }
.navbar-toggler { margin-top: 5px; }
a.navbar-brand { float: left; margin-top: 15px; color: #0085a1; font-size: 75%; }
#navbarResponsive { z-index: 1030; position: relative; top: 10px; left: 0; display: none; width: 95%; clear: both; font-size: 90%; }
#navbarResponsive a.dropdown-toggle::after { content: "▼"; margin-left: 10px; text-decoration: none !important;  }
#navbarResponsive ul a { text-decoration: none; color: #333; }
#navbarResponsive ul a:hover { color: #0085a1;  }
#navbarResponsive ul li { border-radius: 5px; background-color: rgba(255, 255, 255, 0.9); margin-top: 3px; margin-bottom: 2px; margin-left: 2px; margin-right: 40px; border: 1px solid #9B9B9B;  }
#navbarResponsive ul li a { display: block; text-transform: uppercase; padding-top: 7px; padding-right: 13px; padding-bottom: 7px; padding-left: 12px; font-size: 85%; }
#navbarResponsive ul ul { display: none; }
#navbarResponsive ul ul.show { display: block; }
#navbarResponsive ul ul.show li { background-color: rgba(0, 133, 161, 0.8); text-indent:0px; border-radius: 5px; margin-top: 3px; margin-bottom: 2px; margin-right: 0px; margin-left: 15px; }
#navbarResponsive ul ul.show li a { text-transform: none; color: #FFF; }
#navbarResponsive ul ul.show li ul { display: none; }
#navbarResponsive ul ul.show li ul.show { display: block;  }
#navbarResponsive ul ul.show li ul.show li { background-color: rgba(210, 210, 210, 0.9); text-indent: 0px; }
#navbarResponsive ul ul.show li ul.show li a { text-transform: none; color: #333; }
#navbarResponsive.show { display: block; }
}
/* Media Querie Iphone 5 Hamburgermenu landscape */
@media only screen and (max-width: 599px) and (orientation: landscape) {
#mainNav { height: 45px; }
.navbar-toggler { margin-top: 2px; }
a.navbar-brand { float: left; margin-top: 15px; color: #0085a1; font-size: 90%; }
#navbarResponsive { z-index: 1030; position: relative; top: 10px; left: 0; display: none; width: 100%; clear: both; font-size: 80%; }
#navbarResponsive a.dropdown-toggle::after { content: "▼"; margin-left: 10px; text-decoration: none !important;}
#navbarResponsive ul a { text-decoration: none; color: #333; }
#navbarResponsive ul a:hover { color: #0085a1; }
#navbarResponsive ul li { border-radius: 5px; background-color: rgba(255, 255, 255, 0.9); margin-top: 3px; margin-bottom: 2px; margin-left: 2px; margin-right: 175px; border: 1px solid #9B9B9B;  }
#navbarResponsive ul li a { display: block; text-transform: uppercase; padding-top: 6px; padding-right: 13px; padding-bottom: 6px; padding-left: 12px; font-size: 90% }
#navbarResponsive ul ul { display: none; }
#navbarResponsive ul ul.show { display: block; }
#navbarResponsive ul ul.show li { background-color: rgba(0, 133, 161, 0.8); text-indent: 0px; border-radius: 5px; margin-top: 3px; margin-bottom: 2px; margin-right: 0px; margin-left: 15px; }
#navbarResponsive ul ul.show li a { text-transform: none; color: #FFF; }
#navbarResponsive ul ul.show li ul { display: none; }
#navbarResponsive ul ul.show li ul.show { display: block; }
#navbarResponsive ul ul.show li ul.show li { background-color: rgba(210, 210, 210, 0.8); text-indent: 0px; }
#navbarResponsive ul ul.show li ul.show li a { text-transform: none; color: #333; }
#navbarResponsive.show { display: block; }
}
/* Media Querie Iphone 6/7/8 Hamburgermenu Portrait*/
@media only screen and (min-width: 370px) and (max-width: 599px) and (orientation: portrait) {
#mainNav { height: 45px; }
.navbar-toggler { margin-top: 5px; }
a.navbar-brand { float: left; margin-top: 15px; color: #0085a1; font-size: 75%; }
#navbarResponsive { z-index: 1030; position: relative; top: 10px; left: 0; display: none; width: 90%; clear: both; font-size: 90%; }
#navbarResponsive a.dropdown-toggle::after { content: "▼"; margin-left: 10px; text-decoration: none !important; }
#navbarResponsive ul a { text-decoration: none; color: #333; }
#navbarResponsive ul a:hover { color: #0085a1; }
#navbarResponsive ul li { border-radius: 5px; background-color: rgba(255, 255, 255, 0.9); margin-top: 3px; margin-bottom: 2px; margin-left: 2px; margin-right: 50px; border: 1px solid #9B9B9B; }
#navbarResponsive ul li a { display: block; text-transform: uppercase; padding-top: 6px; padding-right: 13px; padding-bottom: 6px; 	padding-left: 12px; font-size: 85%; }
#navbarResponsive ul ul { display: none; }
#navbarResponsive ul ul.show { display: block; }
#navbarResponsive ul ul.show li { background-color: rgba(0, 133, 161, 0.8); text-indent: 0px; border-radius: 5px; margin-top: 3px; margin-bottom: 2px; margin-right: 0px; margin-left: 15px; }
#navbarResponsive ul ul.show li a { text-transform: none; color: #FFF;  }
#navbarResponsive ul ul.show li ul { display: none; }
#navbarResponsive ul ul.show li ul.show { display: block; }
#navbarResponsive ul ul.show li ul.show li { background-color: rgba(210, 210, 210, 0.9); text-indent: 0px; }
#navbarResponsive ul ul.show li ul.show li a { text-transform: none; color: #333; }
#navbarResponsive.show { display: block; }
}
/* Media Querie iPad Samsung tablets  Windows RT tablet Microsoft Surface Pro Hamburgermenu Portrait*/
@media only screen and (min-width: 600px) and (max-width: 799px) and (orientation: portrait) {
#mainNav { height: 50px; }
a.navbar-brand { float: left; margin-top: 15px; color: #0085a1; font-size: 100%; }
#navbarResponsive { z-index: 1030; position: relative; top: 10px; left: 0; display: none; width: 70%; clear: both; font-size: 90%; }
#navbarResponsive a.dropdown-toggle::after { content: "▼"; margin-left: 10px; text-decoration: none !important; }
#navbarResponsive ul a { text-decoration: none; color: #333; }
#navbarResponsive ul a:hover { color: #0085a1; }
#navbarResponsive ul li { border-radius: 5px; background-color: rgba(255, 255, 255, 0.9); margin-top: 3px; margin-bottom: 2px; margin-left: 2px; margin-right: 50px; border: 1px solid #9B9B9B; }
#navbarResponsive ul li a { display: block; text-transform: uppercase; padding-top: 6px; padding-right: 13px; padding-bottom: 6px; padding-left: 12px; font-size: 100%; }
#navbarResponsive ul ul { display: none; }
#navbarResponsive ul ul.show { display: block; }
#navbarResponsive ul ul.show li { background-color: rgba(0, 133, 161, 0.8); text-indent: 0px; border-radius: 5px; margin-top: 3px; margin-bottom: 2px; margin-right: 0px; margin-left: 15px; }
#navbarResponsive ul ul.show li a { text-transform: none; color: #FFF; }
#navbarResponsive ul ul.show li ul { display: none; }
#navbarResponsive ul ul.show li ul.show { display: block; }
#navbarResponsive ul ul.show li ul.show li { background-color: rgba(210, 210, 210, 0.9); text-indent: 0px; }
#navbarResponsive ul ul.show li ul.show li a { text-transform: none; color: #333; }
#navbarResponsive.show { display: block; }
}
/* Media Querie Iphone 6/7/8 (Plus) Hamburgermenu landscape */
@media only screen and (min-width: 600px) and (max-width: 800px) and (orientation: landscape) {
#mainNav { height: 50px; }
a.navbar-brand { float: left; margin-top: 15px; color: #0085a1; font-size: 90%; }
#navbarResponsive { z-index: 1030; position: relative; top: 10px; left: 0; display: none; width: 85%; clear: both; font-size: 80%; }
#navbarResponsive a.dropdown-toggle::after { content: "▼"; margin-left: 10px; text-decoration: none !important; }
#navbarResponsive ul a { text-decoration: none; color: #333; }
#navbarResponsive ul a:hover { color: #0085a1; }
#navbarResponsive ul li { border-radius: 5px; background-color: rgba(255, 255, 255, 0.9); margin-top: 3px; margin-bottom: 2px; margin-left: 2px; margin-right: 175px; border: 1px solid #9B9B9B;  }
#navbarResponsive ul li a { display: block; text-transform: uppercase; padding-top: 6px; padding-right: 13px; padding-bottom: 6px; 	padding-left: 12px; font-size: 85%; }
#navbarResponsive ul ul { display: none; }
#navbarResponsive ul ul.show { display: block; }
#navbarResponsive ul ul.show li { background-color: rgba(0, 133, 161, 0.8); text-indent: 0px; border-radius: 5px; margin-top: 3px; margin-bottom: 2px; margin-right: 0px; margin-left: 15px; }
#navbarResponsive ul ul.show li a { text-transform: none; color: #FFF; }
#navbarResponsive ul ul.show li ul { display: none; }
#navbarResponsive ul ul.show li ul.show { display: block; }
#navbarResponsive ul ul.show li ul.show li { background-color: rgba(210, 210, 210, 0.8); text-indent: 0px; }
#navbarResponsive ul ul.show li ul.show li a { text-transform: none; color: #333; }
#navbarResponsive.show { display: block; }
}
/* Media Querie Samsung tabltes top menu portrait */
@media only screen and (min-width: 800px) and (max-width: 960px) and (orientation: portrait) {
#mainNav { height: 60px; position: fixed; display: block; width: 100%; top: 0; right: 0; left: 0; z-index: 1030; background-color: rgba(93,93,93, 0.4); border-bottom: 0; }
#mainNav .container { max-width: 940px; display: flex; justify-content: space-between; }
#navbarResponsive { width: auto; }
.navbar-brand { display: block; margin-top: 15px; margin-right: 1rem; font-weight: 300; color: #ffffff; font-size: 0.85rem; text-decoration: none; background-color: transparent; line-height: inherit; white-space: nowrap; padding-top: 4px; padding-right:  20px; padding-bottom: 15px; padding-left: 0; }
a.navbar-brand:hover { color: rgba(255, 255, 255, 0.8) !important; }
.navbar-toggler { display: none; }
#navbarResponsive { --active-color: teal; --hover-color: purple; --sub-active-color: rgba(55,55,55, 0.6); display: block; cursor: pointer; margin-top: 15px; }
#navbarResponsive li { list-style: disc; margin-bottom: 0; padding: 4px; margin-left: 0; }
#navbarResponsive ul { list-style: none; padding: 0;  margin: 0; background: transparent; }
#navbarResponsive ul li { display: block; position: relative; float: left; padding: 1px 1px 2px 0px; background: transparent; }
#navbarResponsive ul li ul li { display: block; position: relative; float: right; border-radius: 10px; background: transparent;	}
#navbarResponsive li ul { display: none; }
#navbarResponsive ul li a { display: block; font-family: 'Ridley Grotesk W00','Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; white-space: nowrap; color: #fff; font-size: 60%; font-weight: 400; letter-spacing: 1px; text-transform:   uppercase; background: transparent; padding: 0.80em; }
#navbarResponsive ul li a:hover { background: #c9213a; background: var(--secundary-accent-color); }
#navbarResponsive li:hover > ul { display: block; position: absolute; }
#navbarResponsive li:hover li { loat: none; }
#navbarResponsive li:hover a { border-radius: 10px; background: var(--accent-color); }
#navbarResponsive li:hover li a:hover { background: #c9213a; background: var(--secundary-accent-color); }
#navbarResponsive .main-navigation li ul li { border-top: 0; }
#navbarResponsive ul ul ul { left: 100%; top: 0; }
#navbarResponsive ul ul ul.left{ right: 100% !important; left: auto !important; top: 0; }
#navbarResponsive ul:before, #navbarResponsive ul:after { content: " "; display: table; }
#navbarResponsive ul:after { clear: both;  }
#navbarResponsive ul li ul.right-items { float: right; background: transparent; }
.dropdown-item span { font-style: italic; font-weight: 200; font-size: 90%; }
.navbarResponsive { position: fixed; top: 0; z-index: 1200; background: rgba(255, 255, 255, 0.5); }
.navbarResponsive ul.navbar-nav { background: rgba(255, 255, 255, 0.5);	}
}
/* Media Querie iPhone X Topmenu*/
@media only screen and (min-width: 801px) and (max-width: 880px) and (orientation: landscape) {
#mainNav { height: 55px; position: fixed; display: block; width: 100%; top: 0; right: 0; left: 0; z-index: 1030; background-color: rgba(93,93,93, 0.4); border-bottom: 0; }
#mainNav .container { max-width: 860px; display: flex; justify-content: space-between; }
#navbarResponsive { width: auto; }
.navbar-brand { display: block; margin-top: 15px; margin-right: 1rem; font-weight: 300; color: #ffffff; font-size: 0.9rem; text-decoration: none; background-color: transparent; line-height: inherit; white-space: nowrap; padding-top: 3px; padding-right: 20px; padding-bottom: 15px; padding-left: 0; }
a.navbar-brand:hover { color: rgba(255, 255, 255, 0.8) !important; }
.navbar-toggler { display: none; }
#navbarResponsive { --active-color: teal; --hover-color: purple; --sub-active-color: rgba(55,55,55, 0.6); display: block; cursor: pointer; margin-top: 15px; }
#navbarResponsive li { list-style: disc; margin-bottom: 0; padding: 4px; margin-left: 0; }
#navbarResponsive ul { list-style: none; padding: 0; margin: 0; background: transparent; }
#navbarResponsive ul li { display: block; position: relative; float: left; padding: 1px 1px 2px 0px; background: transparent; }
#navbarResponsive ul li ul li { display: block; position: relative; float: right; border-radius: 10px; background: transparent; }
#navbarResponsive li ul { display: none; }
#navbarResponsive ul li a { display: block; font-family: 'Ridley Grotesk W00','Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; white-space: nowrap; color: #fff; font-size: 9px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; background: transparent; padding: 0.9em; }
#navbarResponsive ul li a:hover { background: #c9213a; background: var(--secundary-accent-color); }
#navbarResponsive li:hover > ul { display: block; position: absolute; }
#navbarResponsive li:hover li { float: none; }
#navbarResponsive li:hover a { border-radius: 10px; background: var(--accent-color); }
#navbarResponsive li:hover li a:hover { background: #c9213a; background: var(--secundary-accent-color); }
#navbarResponsive .main-navigation li ul li { border-top: 0; }
#navbarResponsive ul ul ul { left: 100%; top: 0; }
#navbarResponsive ul ul ul.left{ right: 100% !important; left: auto !important; top: 0; }
#navbarResponsive ul:before, #navbarResponsive ul:after { content: " "; display: table; }
#navbarResponsive ul:after { clear: both; }
#navbarResponsive ul li ul.right-items { float: right; background: transparent; }
.dropdown-item span { font-style: italic; font-weight: 200; font-size: 90%; }
.navbarResponsive { position: fixed; top: 0; z-index: 1200; background: rgba(255, 255, 255, 0.5); }
.navbarResponsive ul.navbar-nav { background: rgba(255, 255, 255, 0.5); }
}
/* Media Querie Samnsung tablets Topmenu*/
@media only screen and (min-width: 881px) and (max-width: 980px) and (orientation: landscape) {
#mainNav { height: 60px; position: absolute; fixed: block; width: 100%; top: 0; right: 0; left: 0; z-index: 1030; background-color: rgba(93,93,93, 0.4); border-bottom: 0; }
#mainNav .container { max-width: 960px; display: flex; justify-content: space-between; }
#navbarResponsive { width: auto; }
.navbar-brand { display: block; margin-top: 15px; margin-right: 1rem; font-weight: 300; color: #ffffff; font-size: 1rem; text-decoration: none; background-color: transparent; 	line-height: inherit; white-space: nowrap; padding-top: 3px; padding-right: 20px; padding-bottom: 15px; padding-left: 0; }
a.navbar-brand:hover { color: rgba(255, 255, 255, 0.8) !important; }
.navbar-toggler { display: none; }
#navbarResponsive { --active-color: teal; --hover-color: purple; --sub-active-color: rgba(55,55,55, 0.6); display: block; cursor: pointer; margin-top: 15px; }
#navbarResponsive li { list-style: disc; margin-bottom: 0; padding: 4px; margin-left: 0; }
#navbarResponsive ul { list-style: none; padding: 0; margin: 0; background: transparent; }
#navbarResponsive ul li { display: block; position: relative; float: left; padding: 1px 1px 2px 0px; background: transparent; }
#navbarResponsive ul li ul li { display: block; position: relative; float: right; border-radius: 10px; background: transparent; }
#navbarResponsive li ul { display: none; }
#navbarResponsive ul li a { display: block; font-family: 'Ridley Grotesk W00','Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; white-space: nowrap; color: #fff; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; background: transparent; padding: 0.9em; }
#navbarResponsive ul li a:hover { background: #c9213a; background: var(--secundary-accent-color); }
#navbarResponsive li:hover > ul { display: block; position: absolute; }
#navbarResponsive li:hover li { float: none; }
#navbarResponsive li:hover a { border-radius: 10px; background: var(--accent-color); }
#navbarResponsive li:hover li a:hover { background: #c9213a; background: var(--secundary-accent-color); }
#navbarResponsive .main-navigation li ul li { border-top: 0; }
#navbarResponsive ul ul ul { left: 100%; top: 0; }
#navbarResponsive ul ul ul.left{ right: 100% !important; left: auto !important; top: 0; }
#navbarResponsive ul:before, #navbarResponsive ul:after { content: " "; display: table; }
#navbarResponsive ul:after { clear: both; }
#navbarResponsive ul li ul.right-items { float: right; background: transparent; }
.dropdown-item span { font-style: italic; font-weight: 200; font-size: 90%; }
.navbarResponsive { position: fixed; top: 0; z-index: 1200; background: rgba(255, 255, 255, 0.5); }
.navbarResponsive ul.navbar-nav { background: rgba(255, 255, 255, 0.5); }
}
/* Media Querie iPad Pro top menu portrait */
@media only screen and (min-width: 961px) and (orientation: portrait) {
#mainNav { height: 60px; position: fixed; display: block; width: 100%; top: 0; right: 0; left: 0; z-index: 1030; background-color: rgba(93,93,93, 0.4); border-bottom: 0; }
#mainNav .container { max-width: 1140px; display: flex; justify-content: space-between; }
#navbarResponsive { width: auto; }
.navbar-brand { display: block; margin-top: 15px; margin-right: 1rem; font-weight: 300;  color: #ffffff; font-size: 1rem; text-decoration: none; background-color: transparent; line-height: inherit; white-space: nowrap; padding-top: 3px; padding-right: 20px; padding-bottom: 15px; padding-left: 0; }
a.navbar-brand:hover { color: rgba(255, 255, 255, 0.8) !important; }
.navbar-toggler { display: none; }
#navbarResponsive { --active-color: teal; --hover-color: purple; --sub-active-color: rgba(55,55,55, 0.6); display: block; cursor: pointer; margin-top: 15px; }
#navbarResponsive li { list-style: disc; margin-bottom: 0; padding: 4px; margin-left: 0; }
#navbarResponsive ul { list-style: none; padding: 0; margin: 0; background: transparent; }
#navbarResponsive ul li { display: block; position: relative; float: left; padding: 1px 10px 2px 0px; background: transparent; }
#navbarResponsive ul li ul li { display: block; position: relative; float: right; border-radius: 10px; background: transparent; }
#navbarResponsive li ul { display: none; }
#navbarResponsive ul li a { display: block; font-family: 'Ridley Grotesk W00','Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; white-space: nowrap; color: #fff; font-size: 60%; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; background: transparent; padding: 0.95em; }
#navbarResponsive ul li a:hover { background: #c9213a; background: var(--secundary-accent-color); }
#navbarResponsive li:hover > ul { display: block; position: absolute; }
#navbarResponsive li:hover li { float: none; }
#navbarResponsive li:hover a { border-radius: 10px; background: var(--accent-color); }
#navbarResponsive li:hover li a:hover { background: #c9213a; background: var(--secundary-accent-color); }
#navbarResponsive .main-navigation li ul li { border-top: 0; }
#navbarResponsive ul ul ul { left: 100%; top: 0; }
#navbarResponsive ul ul ul.left{ right: 100% !important; left: auto !important; top: 0; }
#navbarResponsive ul:before, #navbarResponsive ul:after { content: " "; display: table; }
#navbarResponsive ul:after { clear: both; }
#navbarResponsive ul li ul.right-items { float: right; background: transparent; }
.dropdown-item span { font-style: italic; font-weight: 200; font-size: 90%; }
.navbarResponsive { position: fixed; top: 0; z-index: 1200; background: rgba(255, 255, 255, 0.5); }
.navbarResponsive ul.navbar-nav { background: rgba(255, 255, 255, 0.5); }
}
/* Media Querie iPads- Samsung tablets Topmenu boven*/
@media only screen and (min-width: 981px) and (max-width: 1169px) and (orientation: landscape) {
#mainNav { height: 60px; position: fixed; display: block; width: 100%; top: 0; right: 0; left: 0; z-index: 1030; background-color: rgba(93,93,93, 0.4); border-bottom: 0;  }
#mainNav .container { max-width: 1140px; display: flex; justify-content: space-between; }
#navbarResponsive { width: auto; }
.navbar-brand { display: block; margin-top: 15px; margin-right: 1rem; font-weight: 300; color: #ffffff; font-size: 1rem; text-decoration: none; background-color: transparent; line-height: inherit; white-space: nowrap; padding-top: 3px; padding-right: 20px; padding-bottom: 15px; padding-left: 0; }
a.navbar-brand:hover { color: rgba(255, 255, 255, 0.8) !important; }
.navbar-toggler { display: none; }
#navbarResponsive { --active-color: teal; --hover-color: purple; --sub-active-color: rgba(55,55,55, 0.6); display: block; cursor: pointer; margin-top: 15px; }
#navbarResponsive li { list-style: disc; margin-bottom: 0; padding: 4px; margin-left: 0; }
#navbarResponsive ul { list-style: none; padding: 0; margin: 0; background: transparent; }
#navbarResponsive ul li { display: block; position: relative; float: left; padding: 1px 1px 2px 0px; background: transparent; }
#navbarResponsive ul li ul li { display: block; position: relative; float: right; border-radius: 10px; background: transparent; }
#navbarResponsive li ul { display: none; }
#navbarResponsive ul li a { display: block; font-family: 'Ridley Grotesk W00','Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; white-space: nowrap; color: #fff; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; background: transparent; padding: 0.9em; }
#navbarResponsive ul li a:hover { background: #c9213a; background: var(--secundary-accent-color); }
#navbarResponsive li:hover > ul { display: block; position: absolute; }
#navbarResponsive li:hover li { float: none; }
#navbarResponsive li:hover a { border-radius: 10px; background: var(--accent-color); }
#navbarResponsive li:hover li a:hover { background: #c9213a; background: var(--secundary-accent-color); }
#navbarResponsive .main-navigation li ul li { border-top: 0; }
#navbarResponsive ul ul ul { left: 100%; top: 0; }
#navbarResponsive ul ul ul.left{ right: 100% !important; left: auto !important; top: 0; }
#navbarResponsive ul:before, #navbarResponsive ul:after { content: " "; display: table; }
#navbarResponsive ul:after { clear: both; }
#navbarResponsive ul li ul.right-items { float: right; background: transparent; }
.dropdown-item span { font-style: italic; font-weight: 200; font-size: 90%; }
.navbarResponsive { position: fixed; top: 0; z-index: 1200; background: rgba(255, 255, 255, 0.5); }
.navbarResponsive ul.navbar-nav { background: rgba(255, 255, 255, 0.5); }
}
/*  Media Querie iPad Pro Tablets (windows-Samsung) Desk-laptops Top menu */
@media only screen and (min-width: 1170px) {
#mainNav { height: 60px; position: fixed; display: block; width: 100%; top: 0; right: 0; left: 0; z-index: 1030; background-color: rgba(93,93,93, 0.4); border-bottom: 0; }
#mainNav .container { max-width: 1140px; display: flex; justify-content: space-between; } 
#navbarResponsive { width: auto; } 
.navbar-brand { display: block; margin-top: 15px; margin-right: 1rem; font-weight: 300; color: #ffffff; font-size: 1.2rem; text-decoration: none; background-color: transparent; line-height: inherit; white-space: nowrap; padding-top: 3px; padding-right: 20px; padding-bottom: 15px; padding-left: 0; }
a.navbar-brand:hover { color: rgba(255, 255, 255, 0.8) !important; }
.navbar-toggler { display: none; }
#navbarResponsive { --active-color: teal; --hover-color: purple; --sub-active-color: rgba(55,55,55, 0.6); display: block; cursor: pointer; margin-top: 15px; }
#navbarResponsive li { list-style: disc; margin-bottom: 0; padding: 4px; margin-left: 0; }
#navbarResponsive ul { list-style: none; padding: 0; margin: 0; background: transparent; }
#navbarResponsive ul li { display: block; position: relative; float: left; padding: 1px 1px 2px 0px; background: transparent; }
#navbarResponsive ul li ul li { display: block; position: relative; float: right; border-radius: 10px; background: transparent; }
#navbarResponsive li ul { display: none; }
#navbarResponsive ul li a { display: block; padding: 0.9em; font-family: 'Ridley Grotesk W00','Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; white-space: nowrap; color: #fff; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; Background: transparent; }
#navbarResponsive ul li a:hover { background: #c9213a; }
#navbarResponsive li:hover > ul { display: block; position: absolute; }
#navbarResponsive li:hover li { float: none; }
#navbarResponsive li:hover a { border-radius: 10px; background: #0085a1; }
#navbarResponsive li:hover li a:hover { background: #c9213a; }
#navbarResponsive .main-navigation li ul li { border-top: 0; }
#navbarResponsive ul ul ul { left: 100%; top: 0; }
#navbarResponsive ul ul ul.left{ right: 100% !important; left: auto !important; top: 0; }
#navbarResponsive ul:before, #navbarResponsive ul:after { content: " "; display: table; }
#navbarResponsive ul:after { clear: both; }
#navbarResponsive ul li ul.right-items { float: right; background: transparent; }
.dropdown-item span { font-style: italic; font-weight: 200; font-size: 90%; }
.navbarResponsive { position: fixed; top: 0; z-index: 1200; background: rgba(255, 255, 255, 0.5); }
.navbarResponsive ul.navbar-nav { background: rgba(255, 255, 255, 0.5); }
}