.menu-icon{width: 25px;height: 18px; position: relative; z-index: 9;}
.menu-icon span{ position: relative; width:100%; height:2px; background-color: var(--white); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.menu-icon span::before,.menu-icon span::after{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height:2px; background-color:var(--white);}
.menu-icon span::before{ top:8px;}
.menu-icon span::after{ bottom:8px;}
.menu-icon.open span::before{ -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); top: 0;}
.menu-icon.open span::after{ -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); bottom: 0;}
.menu-icon.open span{background-color: unset;}

.mobile-nav{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: fixed; background-color: #333; width:100%; height:100%; top: 0;padding-top: 4rem; left: 0; -webkit-transform: translate(0,100%); -moz-transform: translate(0,100%); -ms-transform: translate(0,100%); -o-transform: translate(0,100%); transform: translate(0,100%);}
.mobile-nav .nav-wrap{ padding: 2.2rem 2rem; }
.mobile-nav dl{ margin-bottom: 0;}
.mobile-nav dt{ border-bottom:1px dashed #4e4e4e; position: relative; padding:1.25rem 1.5rem; }
.mobile-nav dt a{ line-height:2;display: block; width: 80%;margin-right: 2rem;font-weight: normal;}
.mobile-nav dt.has-child::before,.mobile-nav dt.has-child::after{ content: ''; position: absolute; width:1rem; height: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom:1px solid #d3d3d3; right: .5rem; margin:auto; top: 0; bottom: 0;}
.mobile-nav dt.has-child::after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.mobile-nav dd{ display: none;}
.mobile-nav dd ul{ margin-bottom:0; line-height:2.5;margin-top: 5px;list-style: circle;color: #fff;}
.mobile-nav a{ color: #f8f8f8;}

.mobile-nav dl.active dt::before{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.mobile-nav dl.active dt::after{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
@media (max-width: 1199.98px) {
	.open-menu .mobile-nav{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
}