/*!
* zeynepjs v2.2.0
* A light-weight multi-level jQuery side menu plugin.
* It's fully customizable and is compatible with modern browsers such as Google Chrome, Mozilla Firefox, Safari, Edge and Internet Explorer
* MIT License
* by Huseyin ELMAS
*/
.zeynep{
  bottom:0;
  overflow:hidden;
  -webkit-overflow-scrolling:touch;
  overflow-y:auto;
  pointer-events:none;
  position:fixed;
  top:0;
  transform:translateX(-100%) translateZ(0px);
  z-index:1011;
}

.zeynep:not(.no-transition),
.zeynep .submenu:not(.no-transition){
  transition:all 250ms;
}

.zeynep-overlay{
  background-color:rgba(0, 0, 0, .42);
  bottom:0;
  display:none;
  left:0;
  position:fixed;
  right:0;
  top:0;
  z-index:1010;
}

.zeynep-opened .zeynep-overlay{
  display:block;
}

.zeynep.opened{
  pointer-events:auto;
  transform:translateX(0px) translateZ(0px);
}

.zeynep.submenu-opened{
  overflow:hidden;
}

.zeynep .submenu{
  bottom:0;
  min-height:100%;
  overflow:hidden;
  -webkit-overflow-scrolling:touch;
  overflow-y:auto;
  pointer-events:none;
  position:fixed;
  top:0;
  width:100%;
}

.zeynep .submenu.opened{
  left:0;
  pointer-events:auto;
}

.zeynep .submenu.opened:not(.current){
  overflow:hidden;
}
/*** */
.btn-open:active {
  box-shadow: inset 0 3px 5px 0px rgba(0, 0, 0, .1);
}

.zeynep {
  background-color: #ffffff;
  color: #404143;
  width: 512px;
  top: 100px;
}

.zeynep ul {
  list-style-type: none;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.zeynep ul ul {
  padding: 0;
}

.zeynep ul>li {
  display: block;
}

.zeynep ul>li>a {
  font-family: open-sans, sans-serif;
  display: block;
  font-size: 18px;
  letter-spacing: -0.3px;
  color: rgba(0, 0, 0, 0.7);
  padding: 17px 24px;
}

.zeynep ul ul li a {
  color: #000;
}

.zeynep ul>li.has-submenu>a {
  padding: 14px 24px;
  font-family: open-sans, sans-serif;
  font-size: 19px;
  letter-spacing: -0.3px;
  color: #1A2B38;
  display: flex;
  align-items: center;
}

.zeynep ul>li.has-submenu>a.has-menu:after {
  font-family: "bootstrap-icons";
  font-weight: 900;
  content: "\f285";
  margin-left: auto;
  color: #000;
  font-size: 16px;
}


/* zeynepjs submenu styles */

.zeynep .submenu {
  background-color: #ffffff;
  left: 375px;
}

.zeynep .submenu-header>a {
  color: inherit;
  display: flex;
  align-items: center;
  padding: 13px 24px;
  text-decoration: none;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: -0.3px;
  color: #fff;
}

    .zeynep .submenu-header {
        background: $dark-bg;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
        margin-bottom: 8px;
    }

.zeynep .submenu-header>a i {
  font-size: 22px;
  margin-right: 12px;
  left: 9px;
  top: 23px;
}

.zeynep ul>li.has-submenu.submenu-inner a.sub-item {
  font-size: 18px;
  color: #000000;
}

.zeynep ul>li.has-submenu.submenu-inner a.sub-item:after {
  font-family: "bootstrap-icons";
  font-weight: 900;
  content: "\f285";
  margin-left: auto;
  color: #000;
  font-size: 14px;
}

.content-mobile {
  padding: 10px 24px 36px;
}

.content-mobile p {
  font-size: 15px;
  line-height: 27px;
  color: #FFFFFF;
}

.cta-outline-white {
  color: #fff;
  border: 2px solid #fff !important;
  border-radius: 4px;
  height: 53px;
  font-size: 18px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF !important;
  min-width: 189px;
}

.cta-outline-white:focus,
.cta-outline-white:hover {
  color: #fff;
}

.title-label {
  padding: 15px 24px 0;
  font-size: 14px;
  line-height: 39px;
  /* identical to box height, or 279% */
  letter-spacing: 1.16667px;
  text-transform: uppercase;
  color: #05222E;
  mix-blend-mode: normal;
  opacity: 0.8;
  display: block;
  margin: 0;
}

.close-m {
  display: none;
}

.mobile-menu .open-h {
  display: none;
}

.mobile-menu .close-m {
  display: block;
}

header.bg-header {
  background-color: #0B75E0;
  box-shadow: none;
}

header.bg-header img {
  filter: brightness(0) invert(1);
}

body.mobile-menu {
  overflow: hidden;
}

@media(max-width:575px) {
  .zeynep {
      width: 100%;
  }
  .zeynep .submenu {
      left: 100%;
  }
}

.zeynep ul>li.has-submenu>a.droplinks-single {
  display: flex;
  font-size: 18px;
  letter-spacing: -0.3px;
  color: rgba(0, 0, 0, 0.7);
  padding: 17px 24px;
}

.zeynep ul>li.has-submenu>a.droplinks-single:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: auto;
  color: #C4C4C4;
  font-size: 16px;
}