/************************ Menu */
nav{
	display: block;
	white-space:nowrap;
	position:relative;
	font-size: 16px;
}
nav a{
	display: block;
	text-decoration: none !important;
	color:#212529;
}

.dropdown svg {
    margin-left: 0.3125rem;
    fill: rgb(73, 141, 189);
}
svg {
    overflow: hidden;
}

.dropdown-right svg {
    margin-left: 0.3125rem;
    fill: rgb(73, 141, 189);
}

a.dropdown-right{
	padding:20px 0;
}

a.dropdown-right:hover{
	color: rgb(110, 177, 212);
    background-color: rgba(85, 182, 204, 0.09);
}


svg {
    overflow: hidden;
}
/************************ Main Menu */
.mainmenu{
	display: inline-block;
	outline:none;
	margin: 5px;
	vertical-align:middle;
	
}

.mainmenu > a{
	display: block; /*must display block so the dropdown position obey nicely*/
	text-align:left;
	cursor:pointer;
	padding:15px 15px;
	font-size: 16px;
	}
.mainmenu:hover > a,   
.mainmenu > a:hover,
.mainmenu > a.selected{
	color: rgb(110, 177, 212);
    background-color: rgba(85, 182, 204, 0.09);
}
.mainmenu > a.current{
	color: rgb(110, 177, 212);
    background-color: rgba(85, 182, 204, 0.09);
	}

.mainmenu > a.current:hover{
	cursor:pointer;
	color: rgb(110, 177, 212);
    background-color: rgba(85, 182, 204, 0.09);
}
/*blurr for inactive menu in testing*/
.blurr{
	opacity:0.6;
	pointer-events: none;
	}


/*************************************************/
.sub-products{
	outline:none;
	vertical-align:middle;
	
}

.sub-products > a{
	display: block;
    vertical-align: top;
    text-align: left;
    margin: 20px 10px;
    white-space: normal;
    opacity: 0.8;
    color: #212529;
	}
/*.sub-products:hover > a,   
.sub-products > a:hover,
.sub-products > a.selected{
	cursor:pointer;
	color: rgb(110, 177, 212);
    background-color: rgba(85, 182, 204, 0.09); 
}*/
/*************************************************/
.sub-swing{
	outline:none;
	vertical-align:middle;
	
}

.sub-swing > a{
	display: block;
    vertical-align: top;
    text-align: left;
    margin: 20px 10px;
    white-space: normal;
    opacity: 0.8;
    color: #fff;
	}
.sub-swing:hover > a,   
.sub-swing > a:hover,
.sub-swing > a.selected{
	cursor:pointer;
	opacity:1;
	opacity:0.4; 

}

/*************************************************/
.sub-roller{
	outline:none;
	vertical-align:middle;
	
}

.sub-roller > a{
	display: block;
    vertical-align: top;
    text-align: left;
    margin: 20px 10px;
    white-space: normal;
    opacity: 0.8;
    color: #fff;
	}
.sub-roller:hover > a,   
.sub-roller > a:hover,
.sub-roller > a.selected{
	cursor:pointer;
	opacity:1;
	opacity:0.4; 
}

/*************************************************/
submenu {
	position:absolute;
	display:block;
	background-color:#ffffff; 
	/*padding:20px;*/
	text-align:left;
	white-space:normal;
	z-index:999;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #282828;
	}
submenu a{ 
	display:block;
	vertical-align:top;
	text-align:left;
	margin:20px 10px;
	white-space:nowrap;
	opacity:1;
	color:#212529;
	}

submenu a:hover
/*submenu a.current*/{
	cursor:pointer;
	color: rgb(110, 177, 212);
    background-color: rgba(85, 182, 204, 0.09);
}

/*************************************************/

sub-submenu {
    background-color: #fff;
    padding: 5px;
    text-align: left;
    white-space: normal;
    z-index: 999;
    margin-top: 5px;
    float: none;
    /* margin-right: -250px; */
    margin-top: -70px;
    left: 100%;
    position: absolute;
	}
sub-submenu a{ 
	display:block;
	vertical-align:top;
	text-align:left;
	margin:20px 10px;
	white-space:nowrap;
	opacity:1;
	color:#212529;
	}

sub-submenu a:hover{
	cursor:pointer;
	color: rgb(110, 177, 212);
    background-color: rgba(85, 182, 204, 0.09); 
}

/*************************************************/
sub-submenu-02 {
    background-color: #fff;
    padding: 5px;
    text-align: left;
    white-space: normal;
    z-index: 999;
    margin-top: 5px;
    float: none;
    /* margin-right: -250px; */
    margin-top: -70px;
    left: 100%;
    position: absolute;
	}
sub-submenu-02 a{ 
	display:block;
	vertical-align:top;
	text-align:left;
	margin:20px 10px;
	white-space:nowrap;
	opacity:1;
	color:#212529;
	}

sub-submenu-02 a:hover{
	cursor:pointer;
	color: rgb(110, 177, 212);
    background-color: rgba(85, 182, 204, 0.09); 
}

/*************************************************/
sub-submenu-03 {
    background-color: #636363;
    padding: 10px;
    text-align: left;
    white-space: normal;
    z-index: 999;
    margin-top: 5px;
    float: right;
    margin-right: -205px;
    margin-top: -70px;
	}
sub-submenu-03 a{ 
	display:block;
	vertical-align:top;
	text-align:left;
	margin:20px 10px;
	white-space:nowrap;
	opacity:1;
	color:#fff;
	}

sub-submenu-03 a:hover{
	opacity:1;
	opacity:0.4; 
}

/*************************************************/
#toggle, #toggle + label{
	display:none;
	vertical-align:middle;
	cursor:pointer;
	text-align:right;
}

a.disabled {
  pointer-events: none;
  cursor: default;
  opacity:0.4;
}

@media only screen and (max-width: 640px) {
#toggle + label{
	display:table-cell;
	float:right;
}

nav{
	position: fixed;
	top:0px;
    transition: all 0.2s ease;
    overflow: auto;
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: rgba(255, 255, 255, 0.95);
    padding: 40px 0px;
    overflow-x: hidden;
    display: block;
    width: 100%;
    height: calc(100vh - 50px);
    margin-left: 0px;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.92);
    overflow-y: auto;
    left: 0px;
    z-index: 1000;
    transform: translateY(10%);
    transition: all 0.2s ease-in-out;
	visibility:hidden;
}

#toggle:checked ~ nav {
	left: 0px;
	visibility:visible;
}
.mainmenu{
	display: block;
}
.mainmenu > a{
	display:block;
	padding:20px 40px;
	border-top-width: 1px;
	border-top-color: #666;
	color:#212529;
}

a.dropdown-right {
    padding: 20px 0;
    padding-left: 10px;
}

submenu {
	position:static;
	padding:20px;
	display:block;
	width:auto;
	background-color: #ffffff00;
	margin-top:-40px;
	
	}
submenu a{
	margin:20px; 
	display:block;
	white-space:normal;
	}

sub-submenu {
    background-color: #fff0;
    padding: 10px;
    text-align: left;
    white-space: normal;
    z-index: 999;
    margin-top:0;
    border-radius:0;
    float: right;
    margin-right:0;
    margin-top: -40px;
	margin-left:0;
    width: 100%;
    margin-bottom: 10px;
	display: block;
    overflow: visible;
    position: static;
    padding: 20px;
    width: auto;
	}
	
sub-submenu-02 {
    background-color: #fff0;
    padding: 10px;
    text-align: left;
    white-space: normal;
    z-index: 999;
    margin-top:0;
    border-radius:0;
    /*float: right;*/
    margin-right:0;
    margin-top: -40px;
	margin-left:0;
    width: 100%;
    margin-bottom: 10px;
	display: block;
    overflow: visible;
    position: static;
    padding: 20px;
    width: auto;
	}
	
sub-submenu-03 {
    background-color: #fff0;
    padding: 10px;
    text-align: left;
    white-space: normal;
    z-index: 999;
    margin-top:0;
    border-radius:0;
    /*float: right;*/
    margin-right:0;
    margin-top: -40px;
	margin-left:0;
    width: 100%;
    margin-bottom: 10px;
	display: block;
    overflow: visible;
    position: static;
    padding: 20px;
    width: auto;
	}
	
.contact-menu{
	margin-top: -20px;
}
}