*{margin:0;padding:0}
html{-webkit-box-sizing:border-box;box-sizing:border-box}
*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}
body{width:100%;background-color:var(--light); }

header{padding:0;margin:0}
.nav__container,header{width:100%;}
.nav__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:10px 0}
.nav__mobile .nav__btn{display:block}
.nav__mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nav__logo{font-size:1.4rem;font-weight:700;color:#555}
.nav__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}
.showing{max-height:37rem;-webkit-transition:all .5s;transition:all .5s}
.nav__menu li{list-style:none;position:relative;white-space:nowrap;}
.nav__menu li a{display:block;font-size:1rem;color:#222;text-decoration:none}
.nav__menu li a.button{ color: var(--light); text-transform: capitalize;}
.nav-toggle{display:block;background-color:transparent;width:40px;cursor:pointer;padding:4px}
.nav-toggle span{position:relative;display:block;height:4px;border-radius:35px;width:100%;margin-top:0;background-color:var(--secondary);-webkit-transition:all .25s;transition:all .25s}
.nav-toggle span.mrg{margin-top:5px}
.nav-toggle.open span:first-child{-webkit-transform:rotate(45deg) translate(6.2px,6.2px);transform:rotate(45deg) translate(6.2px,6.2px)}
.nav-toggle.open span:nth-child(2){width:0;opacity:0}
.nav-toggle.open span:last-child{-webkit-transform:rotate(-45deg) translate(6.2px,-6.2px);transform:rotate(-45deg) translate(6.2px,-6.2px)}
.nav__menu .dropdown ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:static;padding:0;max-height:0;overflow:hidden;-webkit-transition:all .4s;transition:all .4s}
.nav__menu .dropdown ul.show{max-height:22rem;-webkit-transition:all .4s;transition:all .4s}
.nav__menu .dropdown li a{display:block;font-size:18px;text-transform:capitalize;color:#222;text-decoration:none}
.nav__menu .second-level li a, .nav__menu .second-level2 li a{ font-size: 16px;}
.nav__menu .second-level li, .nav__menu .second-level2 li{ padding: 10px 20px !important;}
.nav__menu li a:hover{color:#0062a3}
.nav__menu .dropdown:after{content:"\f107";font-family:Font Awesome\ 5 Free;font-weight:900;font-size:.875rem;padding-left:5px;color:#7e7e7e}
.nav__menu .active.dropdown:after{content:"\f106"}.nav__menu .dropdown .dropdown:after{content:"\f107";font-family:Font Awesome\ 5 Free;font-weight:900;font-size:.875rem;padding-left:5px;color:#7e7e7e}
.nav__menu .dropdown .active.dropdown:after{content:"\f106"}.menu-toggle{max-height:0;overflow:hidden}.menu-toggle,.menu-toggle.active{-webkit-transition:all .4s ease;transition:all .4s ease}.menu-toggle.active{max-height:100vh}
.resize-animation-stopper *{-webkit-transition:none!important;transition:none!important;-webkit-animation:none!important;animation:none!important}

@media screen and (min-width:800px)
{.menu-toggle{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;max-height:100vh;overflow:visible}
.nav__container{margin:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.nav__container,.nav__mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nav__mobile .nav__btn{display:none}

.nav__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;justify-content: center;
    align-items: center;
    display: flex;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-height:100%;overflow:visible}
.nav__menu li{list-style:none;position:relative;white-space:nowrap;padding:20px 20px}
.nav__menu li:last-child{ padding-right: 0px;}
.nav__menu li a{font-size:18px;color:var(--secondary);text-decoration:none}
.nav__menu li a:hover{color:var(--primary)}
.nav__menu li a.button:hover{color:var(--light)}
.nav__menu .dropdown{position:relative}
.nav__menu .dropdown ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:100%;left:-30px;opacity:0;visibility:hidden;overflow:visible;padding:0 1rem;-webkit-transition:all .4s ease;transition:all .4s ease}
.nav__menu .dropdown:hover>ul{top:100%;left:0;opacity:1;visibility:visible;overflow:visible;padding:0 1rem}
.nav__menu .dropdown ul li{padding:15px 35px 15px 25px;background-color:#0043b0;position:relative;border-bottom: 1px solid #ffffff42; z-index: 9;}
.nav__menu .dropdown ul li:last-child{ border-bottom: 0px;}
.nav__menu .dropdown ul li:hover{background-color:#0069f4}
.nav__menu .dropdown ul li a{display:block;color:#fff;text-transform:capitalize}

.nav__menu .dropdown ul li a:hover{display:block;color:#c7e0f5}
.nav__menu .dropdown ul { padding: 5px 0px;}

.nav__menu .dropdown>a:after{content:"\f107"}

.nav__menu .dropdown:hover>a:after,.nav__menu .dropdown>a:after{font-family:Font Awesome\ 5 Free;font-weight:900;font-size:16px;padding-left:5px;color:var(--secondary)}
.nav__menu .dropdown:hover>a:after{content:"\f106"}.nav__menu .dropdown .dropdown:after{content:"\f105"}
.nav__menu .dropdown .dropdown:hover>a:after,.nav__menu .dropdown .dropdown>a:after{font-family:Font Awesome\ 5 Free;font-weight:900;font-size:.875rem;padding-left:10px;color:#fff;  right: 15px;
    position: absolute;
    top: 17px;}
    .nav__menu .second-level .dropdown ul li a{ font-size: 16px;}
.nav__menu .dropdown .dropdown:hover:after{content:"\f105";}
.nav__menu .dropdown .dropdown:hover>ul{position:absolute;top:0;left:calc(100% - 17px);right:auto;opacity:1;visibility:visible}
.nav__menu .dropdown .dropdown ul{position:absolute;top:0;left:calc(100% - 0px);right:auto;opacity:0;visibility:hidden;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}}


