@charset "utf-8";
/* CSS Document */

.drawer-open .drawer-nav{width:60%;padding:60px;border-left:2px solid #666666;z-index:999;}
.drawer--right.drawer-open .drawer-hamburger{right:60%;background:none;border:none;}
.main-navigation ul{flex-direction:column;}
.drawer-hamburger{top:0;width:120px;height:120px;padding:0;padding:30px;box-sizing: border-box;background:#ffffff;border-left:2px solid #666666;border-bottom:2px solid #666666;transition: all .1s cubic-bezier(.19,1,.22,1);}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background:#666666;height:2px;}
.drawer-hamburger-icon{margin-top:0;}
.drawer-hamburger-icon:before{top:-20px;}
.drawer-hamburger-icon:after{top:20px;width:50%;}
.drawer-open .drawer-hamburger-icon:after{width:100%;}
.drawer-overlay{background:url("../img/bg-menu.png") #ffffff;z-index: 2}
.drawer-hamburger:hover{background-color:inherit;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{border-color:inherit;}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus{border-color:inherit;}
.drawer-close .main-navigation a{display:none;}

.main-navigation a{font-family: 'Montserrat', sans-serif;font-size:2.5rem;margin-bottom:30px;}
.sub-menu{background:#ffffff;}
.sub-menu li a{font-size:1.2rem;}

.main-navigation a .menu-font-small{font-size:1rem;}
.main-navigation li{width:fit-content;}
.main-navigation a{position:relative;padding-left: 1.75rem;width:fit-content;}
.main-navigation a:before{content:"01.";font-family: 'Montserrat', sans-serif;font-size: 1rem;color: #a4a4a4;position: absolute;top: 16px;left: 0;}
#primary-menu li:nth-of-type(2) a:before{content:"02.";}
#primary-menu li:nth-of-type(3) a:before{content:"03.";}
#primary-menu li:nth-of-type(4) a:before{content:"04.";}
#primary-menu li:nth-of-type(5) a:before{content:"05.";}
#primary-menu li:nth-of-type(6) a:before{content:"06.";}
#primary-menu li:nth-of-type(7) a:before{content:"07.";}

.main-navigation ul ul{padding:30px;background:#666666;position:static;height:0;padding:0;transition: height .5s cubic-bezier(.19,1,.22,1);float:none;}
.main-navigation ul ul li{width:100%;}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	height:240px;padding:30px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	height:180px;padding:30px;margin-top:-25px;margin-bottom:10px;
}

.main-navigation ul ul a{width:auto;padding-left:0;color:#ffffff;width:100%;}
.main-navigation ul ul a:before{content:none!important;}
.main-navigation ul ul li:not(:last-of-type) a{border-bottom:1px solid #ffffff;padding-bottom: 30px;margin-bottom:30px;}
.main-navigation ul ul li:last-of-type a{margin-bottom:0;}

@media screen and (max-width : 1024px) {
    .main-navigation a{font-size:2rem;}
	.drawer-hamburger{width:80px;height:80px;padding:15px;}
	.drawer-hamburger-icon:before {top: -15px;}
	.drawer-hamburger-icon:after{top:15px;}
}

@media screen and (max-width : 599px) {
    .drawer-hamburger{width:45px;height:45px;}
    .drawer-hamburger{padding:5px;}
    .main-navigation ul{display: block;}
    .menu-toggle, .main-navigation.toggled ul{display:none;}
    .drawer-open .drawer-nav{width:80%;padding:30px 15px;}
    .drawer--right.drawer-open .drawer-hamburger{right:80%;}
    .main-navigation a{font-size:1.5rem;margin-bottom:30px;}
    .main-navigation a .menu-font-small{font-size:0.75rem;}
    .main-navigation a:before{font-size:0.75rem;top:7px;}
    .drawer-hamburger-icon:before{top:-10px;}
    .drawer-hamburger-icon:after{top:10px;}
}