.navigation-row{display: flex; align-items: center;}
.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 li {font-size: 15px; position: relative; margin:0 36px 0 0px;}
.flexnav li a{position: relative; text-decoration: none; margin: 0; display: block; z-index: 2; color:#271300; font-size: 15px; font-weight: 500; text-transform: capitalize; border-radius: 5px; padding: 0; overflow: hidden;}
.flexnav li a:hover{color:#ff7d02;}
.flexnav li.active a{color:#ff7d02;}
.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: 10px; right: -12px; 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: 6px; width: 8px; 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;}


@media all and (min-width:768px) {
.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; background: rgba(255, 255, 255, 1); border-radius: 5px; overflow: hidden; text-align: left; padding: 10px 0; -webkit-box-shadow: 0px 2px 10px #0000000F; box-shadow: 0px 2px 10px #0000000F; min-width: 150px;}
.flexnav li>ul.w250{min-width: 250px;}
.flexnav li>ul li a {padding: 10px 15px; display: block; color: #271300;}
.flexnav li>ul li a:hover{background: rgba(255, 255, 255, 1); color: #ff7d02;}
.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:991px) {
.flexnav li{margin: 0 25px 0 0px;}
}
@media (max-width:767px) {
.flexnav{position: fixed; background-color:#fff; left:-100%; max-height: 100%; width: 100%; height: calc(100% - 80px); top:80px; padding: 0 0px 0px 0px; 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; border-top:1px solid #000;}
.flexnav ul{width:100%;}
.flexnav.show{max-height: 100%; left: 0;}
.flexnav li ul li a {padding: 0;}
.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: 15px; right: 0; z-index: 10;}
.menu-button span{display: block; position: absolute; height: 3px; width: 100%; background: #271300; 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;}
.menu-button span:nth-child(3){top: 12px;}
.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 li {padding: 15px 15px; margin:0; width: 100%; text-align: left; font-size: 0; border-bottom: 1px solid #ccc8c4;}
.flexnav li:last-child{width: 100%; border-bottom:none;}
.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: 40px; height: 54px; display: flex; align-items: center; justify-content: center;}
.flexnav .touch-button .navicon {height: 9px; width: 12px; background-size: 12px;}
.flexnav li a{display: inline-block;}
.flexnav li ul li{padding:10px;}
.flexnav li > ul li:last-child a{border-bottom: none;}
.flexnav li > ul li a:hover{background: transparent; color: #181788;}
.flexnav > li > a > img{display: inline-block; margin-right: 15px;}
.flexnav li .menubtn a.btn:first-child{margin: 0 0 20px;}
.menu-button{top: auto; right: auto; left: auto; position: relative;}
.flexnav{height: calc(100% - 118px); top: 118px;}
.flexnav li ul{padding-top: 15px;}}