@import "https://fonts.googleapis.com/icon?family=Material+Icons";
a {
  text-decoration: none;
}

.nav-is-toggled::after {
  opacity: 1;
  visibility: visible;
}


@media screen and (max-width: 992px) {

 .nav-drill {
  display: -webkit-box;
  display: flex;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateX(100%);
	transform: translateX(100%);
  border-bottom: 1px solid #9f8dfc;

	}
	

  .nav-is-toggled .nav-drill {
    -webkit-transition: 0.45s;
    transition: 0.45s;
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
   }
	
  .nav-top {
    margin-top: 0 !important;
    position: unset !important;
	  display: -webkit-box;
	  display: flex;
	  -webkit-box-align: center;
		align-items: center;
	  z-index: 101;
	  padding: 10px 20px 0px 20px;
	  width: 100%;
}
	
.nav-top .navbar-brand {
    color: #fff;
}
	
.nav-top .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand {
    display: none;
}	

		
.nav-items {
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  height: 100%;        
	}
.nav-item {
  border-top: solid 1px #e5e5e5;
}

.nav-item:last-child {
  border-bottom: solid 1px #e5e5e5 !important;
}
	
.nav-top .hamburger {
  margin-left: auto;
  color: #fff;
  cursor: pointer;
  background: #402962;
  padding: 4px 6px;
  border-radius: 3px;
  margin-top: -33px;
}	
	
.navbar-nav .ml-auto {
	display: none;
}

.navbar,
.navbar > .container{
  align-items: unset;
  padding: 0;
}

#mobile-nav{
  width: 100%;
}

.nav-expand-link::after {
  content: "chevron_right" !important;
  font-size: 25px;
  -webkit-box-flex: 0 !important;
          flex: 0 1 auto !important;
  font-family: "Material Icons" !important;
}

.nav-expand-link .nav-link::after {
   content: "chevron_right" !important;
  -webkit-box-flex: 0 !important;
  flex: 0 1 auto !important;
  font-family: "Material Icons" !important;
}

.navbar-toggler {
  display: none;
}

.nav-items a:hover {
  color: #E5205F;
}
	
.sub-menu-main a{
    color: #402962;
    font-weight: bolder;
}

.sub-menu-main a::after{
    vertical-align: 2px;
    content: "";
    border: solid #E5205F;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin: 0 15px 0 10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }	

.sub-menu-main a:hover{
    color: #E5205F;
    background: none;
  }
	
.sub-menu-child a{
    color: #E5205F;
    font-weight: bolder;
}
	
	
  .sub-menu-child a::after{
    vertical-align: 0px;
    content: "";
    border: solid #E5205F;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin: 0 15px 0 10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
	
.sub-menu-child a:hover{
    color: #E5205F;
    background: none;
  }	
	
.nav-expand .nav-expand-content .nav-expand-link {
    color: #6a676e !important;
}	
	
.site-main {
	margin-top: 30px;		
}

}

/* end max-width: 991px */

@media screen and (min-width: 992px) {

  .nav-top {
    position: absolute;
    margin-top: -125px;
  }

	.nav-top .hamburger {
	  display: none;
  }
  	
  
  .sub-menu-main a{
    color: #E5205F;
    font-weight: bold;
  }

  .sub-menu-main a::after{
    vertical-align: 2px;
    content: "";
    border: solid #E5205F;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin: 0 15px 0 10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .sub-menu-main a:hover{
    color: #E5205F;
    background: none;
  }

  .nav-item a:hover {
    background: none;
    color: #E5205F;
  }
  .dropdown-toggle::after {
    display: inline-block;
    vertical-align: .255em;
    content: "";
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    /* margin: 0 15px 0 10px; */
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.menu-item-has-children .dropdown a::after {
  vertical-align: 0px;
  content: "";
  border: solid #E5205F;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  margin: 0 15px 0 6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.menu-item-has-children .dropdown a:hover {
  background-color: #fff !important;
}


.menu-item-has-children .dropdown a {
  color: #E5205F;
  background: none;
}

.menu-item-has-children .dropdown a:hover {
  color: #E5205F !important;
}

.menu-item-has-children .dropdown ul li a {
  color: unset !important;
  font-weight: normal !important;
}
	
.sub-menu-child a::after {
  vertical-align: 0px !important;
  content: "" !important;
  border: solid #E5205F !important;
  border-width: 0 2px 2px 0 !important;
  display: inline-block !important;
  padding: 4px !important;
  margin: 0 15px 0 10px !important;
  -webkit-transform: rotate(-45deg) !important;
}

.menu-item-has-children .dropdown ul li a::after {
  display: none;
}

.menu-item-has-children .dropdown ul li a:hover {
  color: #E5205F;
}

	
}

/* end min-width: 991px */


.menu-item-has-children .menu-item-has-children:hover > .dropdown-menu {
  display: inline-block !important;
  left: 9em !important;
  top: -1ex !important;
}
.menu-item-has-children .menu-item-has-children:hover {
    background-color: WhiteSmoke !important;
}

.nav-link {
  display: block;
  padding: 0.875em 1em;
  font-size: 17px;
  line-height: 1.5em;
}

.nav-expand-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #9f8dfc;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
}

.nav-expand-content .nav-link {
  background-color: #9f8dfc;
}
.nav-expand-content .nav-back-link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: #6a676e;
}

.nav-expand-content .nav-back-link:hover {
  color: #6a676e;
}

.nav-expand-content .nav-back-link::before {
  content: "chevron_left";
  margin-right: 0.5em;
  font-family: "Material Icons";
}

.nav-expand-link {
  color: #6a676e;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.nav-expand.active > .nav-expand-content {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.nav-expand .nav-expand-content {
  background-color: #fff;
}
.nav-expand .nav-expand-content .nav-link {
  background-color: #fff;
}

.nav-expand .nav-expand-content .sub-menu-main .child-nav-link{
  color: #E5205F !important;
}

.nav-expand .nav-expand-content .sub-menu-child .child-nav-link{
  color: #E5205F !important;
}

.nav-expand .nav-expand-content .child-nav-link {
  color: #6a676e;
}

.nav-expand .nav-expand-content .child-nav-link:hover {
  color: #E5205F;
}
.nav-expand .nav-expand-content .nav-expand-content {
  background-color: #fff;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-link {
  background-color: #fff;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
  background-color: #84e9d9;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
  background-color: #84e9d9;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
  background-color: #59e1cb;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
  background-color: #59e1cb;
}

.navbar-nav .dropdown-menu {
    -webkit-box-flex: 0 !important;
          flex: 0 0 100% !important;
}

.dropdown-menu {
	display: none;
}

.navbar-dark .navbar-nav .nav-link {
    color: #6a676e !important;
    outline: none;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color:#E5205F !important;
}



.navbar-expand-md .navbar-nav .dropdown-menu {
    margin-top: 7px !important;
}

.menu-item-has-children .dropdown .dropdown-menu{
  margin-left: 30px !important;
}