/* -------------------- Mobile Menu Start --------------------  */

#mobilMenu{}
.mobileMenuIcon{width: 44px;height: 44px;background: #0d2240;border-radius: 50%;padding: 11px;position: relative;z-index: 99;display: inline-block;vertical-align: middle;}
.mobileMenuIcon i{display:block;width: 100%;height: 2px;border-radius:3px;background: white;transition:all 0.7s;margin: 4px 0 0 0;}
.mobileMenuIcon.active i:nth-child(2) {opacity: 0;transform: translateX(50px);}
.mobileMenuIcon.active i {opacity: 0;transform: translateX(-50px);}
.mobileMenuIcon i:nth-child(1){transition-delay:50ms;width: 50%;}
.mobileMenuIcon i:nth-child(2){transition-delay:100ms;width: 75%;}
.mobileMenuIcon i:nth-child(3){transition-delay:150ms;width: 50%;margin-left: auto;margin-right: 0;}
.mobileMenuIcon i:nth-child(4){transition-delay:250ms;background: transparent;opacity:0;transform: translateY(-12px);}
.mobileMenuIcon i:nth-child(4):before{content:'';height: 2px;background: white;display: block;position: absolute;width: 100%;transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),background .3s .3s cubic-bezier(.4,0,.2,1);transform: rotate(45deg) scaleX(.8) translateX(-75%);}
.mobileMenuIcon i:nth-child(4):after{content:'';height: 2px;background: white;display: block;position: absolute;width: 100%;transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),background .3s .3s cubic-bezier(.4,0,.2,1);transform: rotate(-45deg) scaleX(.8) translateX(75%);}
.mobileMenuIcon.active i:nth-child(4):before{transform: rotate(45deg) scaleX(.7) translateX(0);}
.mobileMenuIcon.active i:nth-child(4):after{transform: rotate(-45deg) scaleX(.7) translateX(0);}
.mobileMenuIcon.active i:nth-child(4){opacity:1;transform: translateY(-12px);}
.nt_main_menu_content{top:0;bottom:0;left:0;right:0;position:fixed;z-index:6;pointer-events:none;opacity:0;transition:all 0.5s cubic-bezier(0.2,1,0.2,1);transition-delay:0.1s;width: 100vw;height: 100vh;background: rgba(255, 255, 255, 0.8);transform: translateY(100vh);}
.nt_main_menu_content.active{ opacity:1}
.nt_main_menu_content.active{ pointer-events:auto;transition:all 0.5s cubic-bezier(0.2,1,0.2,1);transform: translateY(0);}
.mobileMenuContent{position:fixed;top:0;bottom:0;left:0;right:0;z-index:6;transition: all 1s cubic-bezier(0.2,1,0.2,1);opacity:0;overflow:hidden;pointer-events:none;padding-bottom:100px;width: 100vw;height: 100vh;padding-top: 100px;transform: translateY(100vh);}
.nt_main_menu_content_menu_copy{ margin-top:30px}
.mobileMenuContent.active{opacity:1;overflow-y:auto;pointer-events:auto;transition: 0.2s;background:rgba(255,255,255,0.57);transform: translateY(0);}
.mobileMenuContent ul{ padding:0;margin:0;list-style:none}
.mobileMenuContent ul ul{ display:none}
.mobileMenuContent ul ul a{ font-size:14px;transition:all 0.3s;margin-right:13px;margin-bottom:5px;color:#6f6f6f}
.mobileMenuContent ul ul li{ width:auto}
.mobileMenuContent.text-right ul ul a:hover{ margin-right:20px}
.mobileMenuContent a{font-size: 21px;display:block;text-decoration:none;transition: color  0.5s ease;outline:0;text-transform: uppercase;}
.mobileMenuContent a:hover{color: var(--theme-color) !important;}
.mobileMenuContent.active a{}
.mobileMenuContent div>ul>li:not(.has-children ){}
.mobileMenuContent div>ul>li{ margin-bottom:15px}
.mobileMenuContent .has-children >a:after, .mobileMenuContent .has-children >a.active:after{content:"\f107";display:inline-block;font-size:16px;font-family:"Font Awesome 5 Pro", sans-serif;font-weight: 600;transform: none!important;position:initial!important;top:auto!important;right:auto!important;margin:auto auto auto 12px!important;background:initial!important;width:auto!important;height:auto!important;}
.has-children:last-child ul{ right:0}
.has-children >a.active:after{ content:"\f106"}


#mobilMenu.MenuType2 {position: absolute;right: 0;}
#mobilMenu.MenuType2 .mobileMenuIcon {width: 85px;height: 70px;padding: 22px 0;background: transparent;}
#mobilMenu.MenuType2 .mobileMenuIcon i {width: 26px !important;margin-left: 0 !important;margin-right: auto !important;}
#mobilMenu.MenuType2 .mobileMenuIcon:Before {content: 'Menu';position: absolute;right: 26px;text-transform: uppercase;font-weight: 700;color: var(--theme-color);font-size: 1rem;}
#mobilMenu.MenuType2 .nt_main_menu_content {transition: 0s 0s !important;background: black;opacity: 0.5 !important;position: absolute;width: 100vw;right: 0 !important;left: auto !important;top: 100%;}
#mobilMenu.MenuType2 .mobileMenuContent.active {transform: translateX(0);}
#mobilMenu.MenuType2 .mobileMenuContent {width: 370px;max-width: 100vw;margin-left: auto;position: absolute;top: 100%;background-color: white;transform: translateX(100vh);}

li.mobile_language a {display: inline-block;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;border: 1px solid #0d2240;font-size: 14px;margin: 0 5px;color:  #0d2240;}
li.mobile_language a.active {background:  #0d2240;color: white;border-color:  #0d2240;}

/* -------------------- Mobile Menu End --------------------  */


@media(max-width: 992px){
    #mobilMenu.MenuType1 {position: relative;display: block;vertical-align: inherit;}
    #mobilMenu.MenuType1 .nt_main_menu_content {display: none !important;}
    #mobilMenu.MenuType1 .mobileMenuContent {position: initial;max-height: 0;top: auto;left: auto;padding: 0;opacity: 1;overflow: hidden !important;height: 100%;transform: none;transition: max-height 0.8s ease, padding 0.8s ease !important;}
    #mobilMenu.MenuType1 .mobileMenuIcon {margin-right: 0;margin-left: auto;}
    #mobilMenu.MenuType1 .mobileMenuContent.active {max-height: 100vh;padding: 30px 0;} 
}