body.over { overflow: hidden;}

/* mobile menu css */
.mobile-menu { position:fixed; top:60px; width:100%; z-index: 9999; background: #212F59 url("../images/main-menu-bg.png") no-repeat scroll center center; background-size: cover; height: calc(100vh - 60px); overflow:auto; padding:0px; opacity: 0; visibility: hidden; transition: all 0.2s ease; } 
.m-menu img { width: 20px;}
.mobile-menu .row { padding: 0;}
.mobile-menu .mob-main {  width:100%;}
.mobile-menu .logo {padding:20px; width:100%;}
.mobile-menu .logo img {  background: none; background: #ffffff;}
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: #fff; padding: 0 0 75px 0; height:100%;}
.m-menu { z-index: 9999; position: relative; right: 0; display:none; width: 24px; height: 15px; top: 0px; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -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;}
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #212F59; border-radius: 20px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu:hover span { background:#212F59; }

/* Icon 4 */
.m-menu span:nth-child(1) { width: 100%; top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { width: 100%; left: auto; right: 0; top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { width: 100%; top: 15px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 4px; background: #5B2F7C;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; left: 4px; background: #5B2F7C; }

.mobile-menu-out { float: left; width: 100%; padding: 0 0 25px; }

.mobile-menu .hdr-links { float: left; width: 100%; margin-bottom: 30px;}
.mobile-menu .hdr-links > ul {justify-content: space-between; padding-right: 15px;}
.mobile-menu .menu-sub-container { float: left; width: 100%; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0 20px;}
.mobile-menu .menu-sub-container > div { row-gap: 20px;}
.mobile-menu .menu-sub-column h2 a { font-size: 22px; line-height: 1;}
.mobile-menu .menu-sub-column ul { row-gap: 5px;}

.mobile-menu .hm-slide-btns { position: relative; float: left; width: 100%; bottom: auto; margin-top: 40px;}
.mobile-menu .hm-slide-btns ul { flex-direction: column; row-gap: 20px; align-items: inherit;}
.mobile-menu .hm-slide-btns ul li { flex: 0 1 100%;}
.mobile-menu .hm-slide-btns ul li a { width: 100%; justify-content: left; }
.mobile-menu .hm-slide-btns ul li a span img { float: none;}