.flexnav {overflow: hidden; margin: 0 auto; max-height: 0;}
.flexnav:after {content: ""; display: table; clear: both;}
.flexnav.one-page {position: fixed; top: 50px; right: 5%; max-width: 200px;}
.flexnav ul > li{font-size: 16px; position: relative; margin:0; padding: 0 30px;}
.flexnav li a{position: relative; text-decoration: none; margin: 0; display: block; line-height: 1.6; z-index: 2; color:#383737; font-size: 16px; padding: 0; overflow: hidden;}
.flexnav li a:hover{color: #ff0008;}
.flexnav li.active a{color:#ff0008;}
.flexnav li ul {width: 100%; display: none;}
.flexnav li ul li {float: none; width: 100%; padding: 0; margin: 0;}
.flexnav .touch-button {position: absolute; cursor: pointer; z-index: 999; top:3px; right:5px; width: auto; height: auto; display: inline-block; text-align: center;}
.flexnav .touch-button:hover {cursor: pointer;}
.flexnav .touch-button .navicon {font-size: 0; background: url("../images/down-arrow.svg") no-repeat 100% center; height: 21px; width:22px; display: block;}
.menu-button {position: relative; display: block; padding: 1em; background: 0 0; color: #fff; cursor: pointer;}
.menu-button.one-page{position: fixed; top: 0; right: 5%; padding-right: 45px;}
.menu-button .touch-button {background: 0 0; position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 50px; display: inline-block; text-align: center;}
.menu-button .touch-button .navicon {font-size: 16px; position: relative; top: 2px; color: #000;}
.flexnav > li > a{position: relative;}
.submenu-row figure{margin:0 0 10px;}
.submenu-row figure img{max-width:24px;}
.submenu-row strong{display:block; font-family: 'circular_stdbold'; font-size: 18px; font-weight:normal; letter-spacing: -0.5px; color: #ff0008; margin:0 0 5px;}
.submenu-row p{font-size: 15px; line-height: 1.6; color: #242424; margin:0;}

@media (max-width: 1429px) {
.flexnav ul > li{padding: 0 13px;}
.flexnav .touch-button{right: -10px;}
}

@media all and (min-width:1199px) {
.flexnav {overflow: visible; max-height: 1000px; display: flex; align-items: center; justify-content: center;}
.flexnav.one-page {top: 0; right: auto; max-width: 1080px;}
.flexnav li{list-style: none; display: inline-block; vertical-align: middle;}
.flexnav li.mobileshow{display:none;}
.flexnav li:hover>ul {visibility: visible; opacity: 1; height: auto; display: block;}
.flexnav.lg-screen li:hover>ul, .flexnav.sm-screen li:hover>ul{display: none;}
.flexnav li>ul {position: absolute; top: auto; left: 0; opacity: 0; visibility: hidden; height: 1px; z-index: 1; overflow: hidden; text-align: left; min-width: 410px; padding: 16px; border-radius: 22px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dedede; background-color: #fff;}
.flexnav li:last-child>ul{left:auto; right: 0;}
.flexnav li> ul li a {padding:10px 20px; display: block; border-radius:16px;}
.flexnav li> ul li a:hover{background:#ffedee;}
.flexnav li ul li ul {top: 0;}
.flexnav li ul li a {border-bottom: none;}
.flexnav li ul.open {display: block; opacity: 1; visibility: visible; height: auto;}
.flexnav li ul.open ul.open {margin-left: 100%; top: 0;}

.menu-button {display: none;}
}
@media (max-width:1199px) {
.flexnav{position: fixed; background-color:#fff; left:0; max-height: 100%; width: 100%; height:calc(100% - 70px); top:-100%; padding:0; overflow-y: auto; z-index: 9; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; display: flex; flex-direction: column; align-items: flex-start;}
.flexnav ul{width:100%;}
.flexnav.show{max-height: 100%; top: 70px;}
.flexnav li > ul li{border:none;}
.flexnav li > ul li a{padding:20px; display: block; border-radius:16px;}
.flexnav li > ul li a:hover{background:#ffedee;}
.stop-scroll {overflow: hidden; position: fixed; width: 100%; left: 0; top: 0;}
.flexnav>li:hover>a {top: 0;}
.menu-button{width: 22px; height: 16px; margin: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: inline-block; vertical-align: middle; padding: 0; position: absolute; top:27px; right: 0; z-index: 10;}
.menu-button span{display: block; position: absolute; height: 3px; width: 100%; background: #000000; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.menu-button span:nth-child(1){top: 0;}
.menu-button span:nth-child(2){top: 6px; left: 0; width: 22px;}
.menu-button span:nth-child(3){top: 12px;  width: 22px;}
.menu-button.open span {display: inline-block;}
.menu-button.open span:nth-child(1) {display: none;}
.menu-button.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 22px;}
.menu-button.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 6px; right: -30px; width: 22px;}

.menu-button.open span:nth-child(4) {top: 18px; width: 0%; left: 50%;}
.menu-button span.touch-button {display: none;}
.menu-button strong {font-weight: 400; position: absolute; right: 0; top: -4px;}
.menu-button.open strong {font-size: 0;}
.flexnav ul > li{padding: 15px 15px; margin:0; width: 100%; text-align: left; font-size: 0; border-bottom: 1px solid #ccc8c4;}
.navigation .btn{width: 145px;}
.navigation .menubtn{display: flex;flex-direction: column; border-top: 1px solid #fff; padding: 25px 0px 0px 0px; margin-top: 70px;}
.flexnav .touch-button {top: 0px; right: 0; width:50px; height:56px; display: flex; align-items: center; justify-content: center;}
.flexnav li ul{margin-top: 10px;}	
.flexnav li a{display:block; color:#383737;}
.flexnav li ul li{padding:0;}
}