/* ----------------------------------------------------------------
Sart Main Menu
-----------------------------------------------------------------*/
#mainMenu {
  padding: 0;
  /*Menu Styles*/
  /*Menu Positions*/
  /*Menu options*/ }
  #mainMenu > .container {
    padding: 0 !important; }
  #mainMenu [class*="col-lg-"] {
    line-height: 24px !important; }
  #mainMenu nav {
    float: right; }
    #mainMenu nav > ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      #mainMenu nav > ul > li {
        float: left;
        border: 0;
        transition: all .3s ease;
        margin-left: 6px;
        position: relative; }
        #mainMenu nav > ul > li > a {
          position: relative;
          font-family: "Poppins", sans-serif;
          padding: 10px 12px;
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 400;
          letter-spacing: 0.6px;
          color: #1A1A1A;
          border-radius: 0;
          border-width: 0;
          border-style: solid;
          border-color: transparent;
          transition: all .3s ease;
          line-height: normal; }
          #mainMenu nav > ul > li > a > i {
            margin-left: 2px;
            margin-right: 6px;
            min-width: 14px;
            font-size: 14px; }
          #mainMenu nav > ul > li > a:after, #mainMenu nav > ul > li > a:before {
            transition: all .3s ease; }
        #mainMenu nav > ul > li.hover-active > a,
        #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a,
        #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a,
        #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a,
        #mainMenu nav > ul > li:focus > span {
          color: #2250fc; }
        #mainMenu nav > ul > li.dropdown:before {
          content: "\e930";
          transform: rotate(90deg);
          font-family: "inspiro-icons";
          opacity: 0.6;
          position: absolute;
          right: 16px;
          color: #262626;
          font-size: 16px;
          display: none; }
        #mainMenu nav > ul > li .dropdown-menu {
          background-position: right bottom;
          background-repeat: no-repeat;
          min-width: 230px;
          top: auto;
          background-color: #ffffff;
          border: 0;
          color: #000000;
          border-style: solid;
          border-color: #eeeeee;
          border-width: 1px !important;
          left: auto;
          margin: 0;
          margin-top: -6px;
          border-radius: 4px;
          box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
          padding: 10px;
          display: none;
          position: absolute; }
          #mainMenu nav > ul > li .dropdown-menu > li > a,
          #mainMenu nav > ul > li .dropdown-menu > li > span,
          #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
            font-size: 12px;
            line-height: 14px;
            font-weight: 500;
            font-style: normal;
            color: #444;
            font-family: "Poppins", sans-serif;
            padding: 12px 20px 12px 18px;
            display: block;
            transition: .3s ease; }
            #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active,
            #mainMenu nav > ul > li .dropdown-menu > li > span:focus,
            #mainMenu nav > ul > li .dropdown-menu > li > span:hover,
            #mainMenu nav > ul > li .dropdown-menu > li > span:active,
            #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
            #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
            #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
              background-color: transparent;
              color: #2250fc;
              cursor: pointer; }
            #mainMenu nav > ul > li .dropdown-menu > li > a > i,
            #mainMenu nav > ul > li .dropdown-menu > li > span > i,
            #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a > i {
              margin-left: -4px;
              margin-right: 6px;
              min-width: 14px; }
          #mainMenu nav > ul > li .dropdown-menu > li.current > a,
          #mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a,
          #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a,
          #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a,
          #mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
          #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
            color: #2250fc; }
          #mainMenu nav > ul > li .dropdown-menu.menu-last {
            right: 0;
            left: auto; }
        #mainMenu nav > ul > li.mega-menu-item {
          position: static; }
          #mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
            left: 0;
            right: 0;
            overflow: hidden;
            width: 1140px;
            transition-duration: 0.3s !important; }
          #mainMenu nav > ul > li.mega-menu-item .mega-menu-content {
            padding: 20px; }
            #mainMenu nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title {
              font-family: "Poppins", sans-serif;
              color: #000000;
              font-size: 13px;
              line-height: 14px;
              font-weight: 600;
              text-transform: uppercase;
              padding-bottom: 12px; }
            #mainMenu nav > ul > li.mega-menu-item .mega-menu-content li ~ .mega-menu-title {
              margin-top: 12px; }
            #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > a,
            #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > span,
            #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a {
              padding: 10px 0px 10px 0px; }
              #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > a > i,
              #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > span > i,
              #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a > i {
                margin-left: 0px;
                margin-right: 8px; }
            #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:first-child > a {
              padding-top: 0; }
            #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:last-child > a {
              padding-bottom: 0; }
        #mainMenu nav > ul > li .dropdown-submenu {
          position: relative; }
          #mainMenu nav > ul > li .dropdown-submenu:before {
            line-height: 40px;
            content: "\e930";
            font-family: "inspiro-icons";
            opacity: 0.6;
            position: absolute;
            right: 16px;
            color: #262626;
            font-size: 12px;
            transition: all .2s ease; }
          #mainMenu nav > ul > li .dropdown-submenu > .dropdown-menu {
            margin-left: -6px;
            left: 100%;
            top: -1px;
            z-index: 1; }
            #mainMenu nav > ul > li .dropdown-submenu > .dropdown-menu.menu-invert {
              right: 100%;
              left: auto; }
          #mainMenu nav > ul > li .dropdown-submenu:not(.hover-active):hover:before {
            right: 12px; }
          #mainMenu nav > ul > li .dropdown-submenu:not(.hover-active):hover > ul {
            display: block;
            animation: fade-in-out .3s ease; }
        #mainMenu nav > ul > li:not(.hover-active):hover > ul {
          display: block;
          animation: fade-in-out .3s ease; }
        #mainMenu nav > ul > li:last-child {
          margin-right: 0; }
      #mainMenu nav > ul > a.btn {
        margin-top: 4px; }
      #mainMenu nav > ul li ul {
        list-style: none;
        padding: 0; }
      #mainMenu nav > ul .badge {
        font-size: 8px;
        padding: 2px 4px;
        line-height: 9px;
        margin: -2px 4px; }
  #mainMenu.menu-fullwidth nav > ul > li.mega-menu-item > .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    width: 100%; }
  #mainMenu.menu-rounded nav > ul > li > a {
    border-radius: 4px;
    border-width: 2px; }
  #mainMenu.menu-rounded nav > ul > li.current > a, #mainMenu.menu-rounded nav > ul > li:hover > a, #mainMenu.menu-rounded nav > ul > li:focus > a {
    background-color: #2250fc;
    color: #ffffff; }
  #mainMenu.menu-outline nav > ul > li > a {
    border-radius: 50px;
    border-width: 2px; }
  #mainMenu.menu-outline nav > ul > li.current > a, #mainMenu.menu-outline nav > ul > li:hover > a, #mainMenu.menu-outline nav > ul > li:focus > a {
    color: #2250fc;
    border-color: #2250fc;
    background-color: transparent; }
  #mainMenu.menu-sub-title nav > ul > li {
    line-height: 64px; }
    #mainMenu.menu-sub-title nav > ul > li > a > .menu-sub-title {
      font-size: 10px;
      padding: 0px;
      margin-top: -14px !important;
      line-height: 0;
      height: 0;
      text-transform: none;
      display: block;
      opacity: 0.5;
      font-weight: 400;
      margin: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-bottom: -50px;
      margin-left: 12px;
      margin-right: 14px; }
  #mainMenu.menu-lines nav > ul > li {
    margin-left: 4px; }
    #mainMenu.menu-lines nav > ul > li > a {
      border-radius: 0;
      border: none; }
      #mainMenu.menu-lines nav > ul > li > a:after {
        content: '';
        position: absolute;
        top: auto;
        bottom: -2px;
        left: 50%;
        width: 0;
        height: 2px; }
    #mainMenu.menu-lines nav > ul > li.current > a, #mainMenu.menu-lines nav > ul > li:hover > a, #mainMenu.menu-lines nav > ul > li:focus > a {
      color: #2250fc; }
      #mainMenu.menu-lines nav > ul > li.current > a:after, #mainMenu.menu-lines nav > ul > li:hover > a:after, #mainMenu.menu-lines nav > ul > li:focus > a:after {
        width: 100%;
        left: 0%;
        background-color: #2250fc; }
  #mainMenu.menu-creative nav > ul > li {
    margin-left: 4px; }
    #mainMenu.menu-creative nav > ul > li > a:after {
      background-color: #ffffff;
      content: "";
      height: 2px;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 100%;
      transform: translateY(10px);
      transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
      width: 100%;
      bottom: -2px; }
    #mainMenu.menu-creative nav > ul > li.current > a:after, #mainMenu.menu-creative nav > ul > li:hover > a:after, #mainMenu.menu-creative nav > ul > li:focus > a:after {
      opacity: 1;
      transform: translateY(0px); }
  #mainMenu.menu-hover-background nav > ul > li {
    margin-left: 0; }
    #mainMenu.menu-hover-background nav > ul > li > a {
      background: none; }
    #mainMenu.menu-hover-background nav > ul > li.current, #mainMenu.menu-hover-background nav > ul > li:hover, #mainMenu.menu-hover-background nav > ul > li:focus {
      background-color: #2250fc; }
      #mainMenu.menu-hover-background nav > ul > li.current > a, #mainMenu.menu-hover-background nav > ul > li:hover > a, #mainMenu.menu-hover-background nav > ul > li:focus > a {
        color: #ffffff !important; }
  #mainMenu.menu-hover-background nav > ul .dropdown-menu {
    margin-top: 0;
    border-radius: 0; }
  #mainMenu.menu-overlay nav {
    opacity: 0 !important;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    background: rgba(31, 31, 31, 0.99);
    transition: opacity 0.5s ease; }
    #mainMenu.menu-overlay nav > ul {
      transition: transform 1s ease;
      transform: translateY(-80%);
      top: -80%;
      position: relative; }
      #mainMenu.menu-overlay nav > ul > li {
        float: none;
        text-align: center;
        max-width: 400px;
        margin: 0 auto;
        padding: 0px;
        line-height: 40px; }
        #mainMenu.menu-overlay nav > ul > li > a {
          opacity: 0;
          font-size: 32px;
          padding-top: 12px;
          padding-bottom: 12px;
          letter-spacing: 2px;
          text-transform: none;
          color: #ffffff; }
        #mainMenu.menu-overlay nav > ul > li .dropdown-menu,
        #mainMenu.menu-overlay nav > ul > li .dropdown-submenu {
          display: none !important;
          visibility: hidden !important;
          opacity: 0 !important; }
  #mainMenu.menu-left nav {
    float: left;
    margin-left: 20px; }
    #mainMenu.menu-left nav > ul > li.mega-menu-item {
      position: static; }
      #mainMenu.menu-left nav > ul > li.mega-menu-item > .dropdown-menu {
        right: auto;
        left: 0; }
  #mainMenu.menu-center > .container {
    float: none !important;
    text-align: center; }
  #mainMenu.menu-center nav {
    float: none;
    display: inline-block;
    vertical-align: top; }
  #mainMenu.menu-onclick nav > ul > li:hover:not(.hover-active) > ul,
  #mainMenu.menu-onclick nav > ul > li .dropdown-submenu:hover > ul {
    opacity: 0 !important;
    visibility: hidden !important;
    display: inherit !important; }
  #mainMenu.menu-onclick nav > ul > li.hover-active > ul,
  #mainMenu.menu-onclick nav > ul > li .hover-active.dropdown-submenu > ul {
    opacity: 1 !important;
    visibility: visible !important;
    display: block; }
  #mainMenu.menu-rounded-dropdown nav > ul > li .dropdown-menu {
    border-radius: 6px; }
  #mainMenu.menu-rounded-dropdown nav > ul > li > .dropdown-menu {
    margin-top: -6px !important; }
  #mainMenu.menu-lowercase nav > ul > li > a {
    text-transform: unset;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 500; }

/* ----------------------------------------------------------------
End Main Menu
-----------------------------------------------------------------*/


.lines {
  display: inline-block;
  height: 2px;
  width: 20px;
  border-radius: 4px;
  transition: 0.3s;
  position: relative;
  top: -4px; }
  .lines::before, .lines::after {
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 4px;
    transition: 0.3s;
    content: '';
    position: absolute;
    left: 0;
    transform-origin: 2.85714px center;
    width: 100%; }
  .lines::before {
    top: 6px; }
  .lines::after {
    top: -6px; }
  .lines, .lines:before, .lines:after {
    background-color: #1893AF; }