/* ---------------------------------------
	DISPLAY
	---------------------------------------- */	
	#burger-outer,
	#m-nav,
    #m-status{ display: none; }

    /* ---------------------------------------
	PREVIEW NAV
	---------------------------------------- */	
    nav.preview {
        position: fixed;
        /*top: auto; 
        bottom: 4rem; */
        top: 10rem;
        right: 0px; 
        background: #fff;
        padding: 1rem; 
        z-index: 99; 
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    }
    nav.preview li a {
        font-family: 'Roboto_Medium',sans-serif;
        font-weight: 400;
        font-size: 14px;
        padding-top: 1rem; 
        line-height: 2rem
    }
    nav.preview ul#menu-previewnav {width: 200px;  }
    nav.preview ul.sub-menu { margin-bottom: 1.5rem; }
   
    /*open / close submenu*/
    nav.preview ul.sub-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height .6s ease;
        /*transition: max-height .6s cubic-bezier(.4,0,.2,1);*/
    }
    nav.preview ul.sub-menu.open {max-height: 500px;}

    nav.preview ul ul.sub-menu {margin-bottom: 0; }
    nav.preview ul.sub-menu li {
        display: block;
        padding: .15rem 0;
    }
    nav.preview ul.sub-menu a {
        font-family: 'Roboto_Regular','Helvetica','Arial',sans-serif;
        color: #444;
        line-height: 1.45em;
    }
    nav.preview ul.sub-menu a:hover {
        text-decoration: underline;
    }
    nav.preview ul li a:before {display: none; }

	/* ---------------------------------------
	HEADER / NAV / LOGO
	---------------------------------------- */	
	/* HEADER */
    header { padding: 1rem 0; }
	
	/* LOGO */
    header #logo {
        margin-left: 15px;
        cursor: pointer; 
    }
	header #logo img {
        max-height: 38px;
        width: auto;
	}

	/* NAV */
    header #logo {float: left;}
    header nav, 
    header #additional {float: right; }

	header nav li {
		display: inline-block;
		padding: 10px 1rem;
        position: relative;
	}
	header nav li:last-child { padding-right: 2rem;}
	header nav li:before { display: none; }

    /*arrow after*/
    .menu-item-has-children > a:after {
        content: "";
        display: inline-block;
        margin: 0 0 3px 5px;
        width: 4px;
        height: 4px;
        border-right: 1px solid currentColor;
        border-bottom: 1px solid currentColor;
        transform: rotate(45deg);
    }

    /*hover mainmenu a*/
    .menu-item-has-children:hover .sub-menu {
        visibility: visible;
        opacity: 1;
    }
   
    /* SUBNAV */
    header nav ul.sub-menu {
        z-index: 99;
        visibility: hidden;
        opacity: 0;

        position: absolute;
        /*top: calc(3rem - 3px);*/
        top: 3.4rem;
        left: 1rem;

        white-space: nowrap;
        transition: visibility 0.2s, opacity 0.2s ease-in-out;

        background: #fff;
        padding: 1rem 0 .75rem 1.5rem; 
        min-width: 250px;
        margin: 0px;
        
       /* border-radius: 6px;*/
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        
        box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
    }
    header nav ul.sub-menu li {
        display: block;
        padding: .8rem 0;
    }
    header nav ul.sub-menu a {
        font-family: 'Roboto_Regular','Helvetica','Arial',sans-serif;
        color: #666;
        font-weight: 400;
    }
    header nav ul.sub-menu a:before {bottom: -2px;}
    
   
	/* ---------------------------------------  
	BURGER
	--------------------------------------- */
	#burger-outer { 
		position: fixed;
		top: 20px;
		right: 5%;
		cursor: pointer;
	}
	
	/* animate BURGER */
	.cmn-toggle-switch {
		display: block;
		position: relative;
		overflow: hidden;
		width: 32px;
		height: 25px;
		
		font-size: 0;
		text-indent: -9999px;
		border: none;
		cursor: pointer;
		background: transparent !important;
	}
	
	.cmn-toggle-switch span:before, 
	.cmn-toggle-switch span:after,
	.cmn-toggle-switch span {
		position: absolute;
		display: block;
		height: 3px;
		background: #393A42;
	}
	
	.cmn-toggle-switch span {
		top: 10px;
		left: 0px;
		right: 0px;
	}
	.cmn-toggle-switch span:before, 
	.cmn-toggle-switch span:after {
		left: 0;
		width: 100%;
		content: "";
	}
	.cmn-toggle-switch span:before { top: -10px;}
	.cmn-toggle-switch span:after { bottom: -10px;}
	
	.cmn-toggle-switch__htx span:before { transition-property: top, transform;}
	.cmn-toggle-switch__htx span:after { transition-property: bottom, transform;}
	.cmn-toggle-switch__htx span:before, 
	.cmn-toggle-switch__htx span:after {
        transition: .2s ease all;
	}
	
	/* active */
	.cmn-toggle-switch__htx.active span {background: none;}
	.cmn-toggle-switch__htx.active span:before {
		top: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.cmn-toggle-switch__htx.active span:after {
		bottom: 0;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.cmn-toggle-switch__htx.active span:before, 
	.cmn-toggle-switch__htx.active span:after {
		-webkit-transition-delay: 0, 0.3s;
		transition-delay: 0, 0.3s;
	}