/* vars */
/* hide show mixin */
/* global styles */
 .menu {
   background: #0a77ae;
   border-radius: 4px;
}
 .menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
 .menu, .menu a {
   color: #ffffff;
   text-decoration: none;
   font-weight: 600;
   font-size: 16px;
}
 .menu a {
   display: block;
   white-space: nowrap;
}
 .menu-dropdown, .menu input[type="checkbox"] {
   display: none;
}
 .menu label:hover {
   cursor: pointer;
}
/* narrow styles */
 @media screen and (max-width: 1024px) {
   .menu > ul, .menu-righticon {
     display: none;
  }
   input[type="checkbox"]:checked + ul {
     display: block;
     animation: grow 0.5s ease-in-out;
     height: auto;
  }
}
/* large styles */
 @media screen and (min-width: 1025px) {
   .menu > label, input[type="checkbox"] {
     display: none;
  }
   .menu a {
     padding: 15px 33px;
  }
   .menu > ul > li {
     display: inline-block;
  }
   .menu-hasdropdown {
     position: relative;
  }
   .menu-hasdropdown:hover > ul {
     display: block;
     animation: grow 0.5s ease-in-out;
  }
   .menu-hasdropdown > ul {
     position: absolute;
     top: 100%;
     left: 0;
     background: #0a77ae;
  }

  ul li a:hover{
    background: #0c3a5a !important;
  }


   .menu-hasflyout > ul {
     left: 100%;
     top: 0px;
     margin-left: 0px;
  }
   .menu-hasflyout .menu-downicon {
     display: none;
  }
}
/* look and feel only, not needed for core menu*/
 @keyframes grow {
   0% {
     display: none;
     opacity: 0;
  }
   50% {
     display: block;
     opacity: 0.5;
  }
   100% {
     opacity: 1;
  }
}
 html {
   font-size: 100%;
}
 .menu-dropdown a {
   padding: 15px 53px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/* narrow */
 @media screen and (max-width: 1024px) {
   .menu > label {
     background: #076797;
     display: block;
     padding: 15px 30px;
     text-align: left;
  }
   .menu a {
     padding: 0px 20px;
  }
   .menu > ul i {
     /* float: right; */
     /* padding: 0px 0px; */
     /* background: #012c42; */
  }
   .menu-dropdown a {
     background: #024d74;
  }
   .menu-hasflyout > ul a {
     background: #023d5b;
  }
}
 @media screen and (min-width: 1025px) {
   .menu {
     max-width: 1024px;
     margin: 0 auto;
  }
}

ul li label{
  margin-bottom: 0px !important;
}

.about_text{
  margin-top: -270px !important;
}