* {
  box-sizing: border-box;
  font-family: Gilroy;
  max-width: 100%;

}

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

    *::-webkit-media-controls-start-playback-button {
      display: none!important;
      -webkit-appearance: none;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    *::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
    }

    /* Old shadow dom for play button */

    *::-webkit-media-controls-play-button {
      display: none!important;
      -webkit-appearance: none;
    }

    /* New shadow dom for play button */

    /* This one works! */

      body {
        margin: 0;
        font-family: Gilroy;
        -webkit-overflow-scrolling: touch;
        overflow: visible;
        }

      svg {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
      }


      li {
        display: inline;
        visibility: hidden;
        cursor: pointer;
        z-index: 50;
      }

      ul {
        text-decoration: none;
        color: #fff;
        cursor: pointer;
      }

      .sidenav {
        position: fixed;
        height: 100%;
        width: 0;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #1E88E5;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        text-align:center;
  }

  .sidenav a {
        padding: 8px 8px 8px 8px;
        text-decoration: none;
        text-align: center;
        font-size: 24px;
        margin-top: 44px;
        color: #fff;
        display: block;
        transition: 0.3s;

  }

  .cover{

    height: 120px;
    width: 200px;
  }

  .sidenav a:hover{
        color: #f1f1f1;
  }

  .sidenav .closebtn {
        position: absolute;
        top: 20px;
        right: 32px;
        font-size: 36px;
        margin-left: 54px;
  }


      .section1 {
        height: auto;
        width: 100%;
      }

      #myVideo {
        width: .5px;
        object-fit: cover;
        background-color: rgba(0,0,0,0.5);
        visibility: hidden;
        display: none !important;
      }


      #logo{
      	position:fixed;
      	top:20px;
      	left:20px;
        z-index: 10;
        height: 20px;
        width: auto;
      }

      .call {
        width: 20px;
        height: 20px;
        object-fit: contain;
        position:fixed;
        top:20px;
        right:124px;
        margin-right: 54px;
        z-index: 10;
        height: 20px;
        width: auto;
      }

      .location {
        width: 14px;
        height: 20px;
        object-fit: contain;
        position:fixed;
        top:20px;
        right:64px;
        margin-right: 44px;
        z-index: 10;
        height: 20px;
        width: auto;
      }

      .menu {
        width: 12px;
        height: 14px;
        object-fit: contain;
        position:fixed;
        top:20px;
        right:32px;
        z-index: 10;
        height: 20px;
        width: auto;
      }


      .btn {
        position: absolute;
        top: 484px;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #1E88E5;
        color: white;
        font-size: 16px;
        padding: 12px 24px;
        width: 386px;
        height: 44px;
        font-weight: SemiBold;
        border: none;
        cursor: pointer;
        outline: none;
        border-radius: 5px;
        text-align: center;
      }

      .btn:hover {
      position: absolute;
      top: 484px;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      background-color: #1678CE;
      color: white;
      font-size: 16px;
      padding: 12px 24px;
      width: 386px;
      height: 44px;
      border: none;
      cursor: pointer;
      outline: none;
      border-radius: 5px;
      text-align: center;
      }

      .frontsvg {
        top: 14em;
        margin-left: 62px;
        text-align: center;
        position: absolute;
        height: 164px;
        width: auto;
        display: inline-block;
      }

      #detail {
        color: #6C7279;
        font-weight: 400;
        margin-top: 40px;
        margin-left: 20px;
      }

      .parallax-window {
        min-height: 400px;
        background: transparent;
      }

      #wrapper {
        margin-left:auto;
        margin-right:auto;
        width:400px;
  }


      #myBtn {
        position: fixed;
        bottom: 64px;
        right: 30px;
        z-index: 99;
        border: none;
        outline: none;
        cursor: pointer;
      }


      nav {
        width: 100%;
        height: 56px;
        background-color: #000000;
        z-index: 3;
        list-style: none;
        position:fixed;
        left: 0;
        top:0;
      }

      #carousel {
          background-color: #fff;
          overflow: visible;
          white-space:nowrap;
          width: 100%;
      }

      .gallery2 {
        width: 524px;
        height: 872px;
        object-fit: cover;
      }


      .mySlides {
        display:none;
      }


      .w3-content {
        width: 100%;
        height: 228px;
        object-fit: contain;
        position:absolute;
        padding-bottom: 48px;
        right: 0;
        left: 0;
        -webkit-transition:all 1.0s ease-in-out;
        -moz-transition:all 1.0s ease-in-out;
        -o-transition:all 1.0s ease-in-out;
        transition:all 1.0s ease-in-out;
      }

      .left_btn {
        position: absolute;
        top: 50%;
        left: 20px;
        height: 44px;
        width: 44px;
        cursor: pointer;
      }

      .right_btn {
        position: absolute;
        right: 20px;
        top: 50%;
        height: 44px;
        width: 44px;
        cursor: pointer;
      }

      #firstimg {
       width: 100%;
       height: 598px;
       object-fit: cover;
      }

      .flex {
        position: relative;
      }

      .container {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
      margin: 5px 0;
        color: white;
        transform: translate(-50%, -50%);
      }

      .centered2 {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 21px;
        font-weight: 500;
      }

      .centered {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 21px;
        font-weight: 500;
      }

      .bg {
        background-color:  #1e88e5;
        height: 416px;
        width: 100%;
        top: 0;
        position: relative;
      }

      .bg_img {
        height: auto;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding-top: 221px;
      }

      .mission3 {
        font-size: 48px;
        font-weight: 600;
        text-align: left;
        margin-left: 40px;
        margin-top: 36px;
        max-width: 724px;
        color: #fff;
        position: absolute;
        max-width: 240px;
      }

      .mission_words3 {
        color: #fff;
        text-align: left;
        margin-left: 44px;
        margin-top: 160px;
        max-width: 724px;
        font-size: 200;
        line-height: 1.5em;
        font-weight: 300;
        font-size: 19px;
        max-width: 746px;
        position: absolute;
      }

      .imgcard {
        width: 90%;
        padding-top: 32px;
      }

        .class {
          width: 100%;
          padding-top: 32px;
        }

        .notice_message {
       overflow: hidden;
       background-color: #1E88E5;
       position: fixed;
       z-index: 10;
       bottom: 0;
       width: 100%;
       height: 48px;
          }

      .notice_message p {
        color: #fff;
        font-weight: 400;
          }

      .headline {
        font-size: 32px;
        font-style: 600;
        margin-top: 124px;
        align-items: center;
        color: #6C7279;
          }

      p {
        color: #1E88E5;
        font-family: Gilroy;
        font-weight: 500;
        font-size: 16px;
      }

      h1 {
        color: #fff;
        font-weight: 500;
        font-size: 21px;
        padding-top: 12px;
      }


      h2 {
        position: absolute;
        font-family: Gilroy;
        top: 124px;
        color: #fff;
        line-height: 1.5em;
        font-size: 34px;
        margin-left: 24px;
        margin-right: 24px;
        font-weight: 600;
        text-align: center;
      }

      .firstmsg {
        padding-top: 32px;
        font-size: 21px;
      }

      iframe {
        margin-top: 48px;
        width: 90%;
        height: 428px;
        border: none;
      }

      .pdf {
        height: 724px;
        margin-top: 64px;
        margin-left: 5%;
      }

      .review_card {
        margin-top: 64px;
        margin-bottom: 84px;
        right: 0;
        width: 368px;
        height: 200px;
        box-shadow: 0 3px 16px 0 rgba(170, 180, 198, 0.4);
        border-radius: 5px;
        background-color: #1E88E5;
      }

      .links {
        margin-top: 32px;
        display: inline-block;
        text-align:justify;
        white-space: 2em;
      }


      .team_profile {
        margin-top: 12px;
        margin-bottom: 84px;
        padding: 12px;
        padding-right:8px;
        margin-right: 0;
        margin-left: 0;
        width: 90%;
        height: 25%;
        box-shadow: 0 3px 36px 0 rgba(170, 180, 198, 0.3);
        border-radius: 5px;
        background-color: #fff;
        text-align: center;
      }

      .team_profile:hover {
        box-shadow: 0 3px 36px 0 rgba(170, 180, 198, 0.6);
      }

      .pfp {
        Width: 80px;
        height: 80px;
        border-radius: 50px;
        margin-top: 32px;
      }

      .icon {
        margin:12px;
        height: 44px;
        width: auto;
      }

      .name {
        font-size: 20px;
        color: #6C7279;
        font-weight: 500;
        margin-bottom: 0px;
        text-align: center;
      }

      .subcategory {
        font-style: 14px;
        margin-top: 6px;
        font-weight: 400;
        text-align: center;
      }

      .subsentence {
         font-family: Gilroy;
         font-size: 14px;
         font-weight: normal;
         font-stretch: normal;
         font-style: normal;
         line-height: 2.71;
         letter-spacing: normal;
         text-align: center;
         color: #6c7279;
         margin-left: 20px;
         margin-top: 50%;
      }

      h3 {
        font-family: Gilroy;
        margin-left: 1em;
        margin-bottom: 0px;
        color: #1E88E5;
        line-height: 1.5em;
        font-size: 24px;
        font-weight: 600;
        text-align: left;
        position: relative;
      }

      input {
        width: 90%;
        height: 48px;
        border-radius: 5px;
        border: solid 1px #CDD3DB;
        margin-top:  48px;
        margin-left: 20px
      }

      input:focus,
      select:focus,
      textarea:focus,
      button:focus {
          outline: none;
          border:1.5px solid #1E88E5;
          color: #1E88E5;
      }

      .input_text {
        padding-left: 20px;
      }

      .input_text2 {
        height: 128px;
        width: 90%;
        margin-top: 32px;
        padding-top: 18px;
        margin-left: 20px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 5px;
        border: solid 1px #CDD3DB;
        line-height: 1.5em;
        align-items: center;
        justify-content: center;
        resize: vertical;
        min-height: 98px;
        -webkit-appearance: none;

      }



      .btn2 {
      margin-left: 20px;
      background-color: #1E88E5;
      color: white;
      font-size: 16px;
      padding: 12px 24px;
      width: 90%;
      height: 48px;
      font-weight: 400;
      border: none;
      cursor: pointer;
      outline: none;
      border-radius: 5px;
      text-align: center;
      }

      .btn2:hover {
      background-color: #1678CE;
      color: white;
      font-size: 16px;
      padding: 12px 24px;
      width: 90%;
      height: 48px;
      border: none;
      cursor: pointer;
      outline: none;
      border-radius: 5px;
      text-align: center;
      }

      .upload_document {
        margin-left: 20px;
        margin-top: 32px;
        background-color: #1E88E5;
        color: white;
        font-size: 16px;
        padding: 12px 24px;
        width: 90%;
        height: 48px;
        font-weight: 400;
        border: none;
        cursor: pointer;
        outline: none;
        border-radius: 5px;
        text-align: center;
      }

      .upload_document:hover {
        margin-left: 20px;
        margin-top: 32px;
        background-color: #1678CE;
        color: white;
        font-size: 16px;
        padding: 12px 24px;
        width: 90%;
        height: 48px;
        font-weight: 400;
        border: none;
        cursor: pointer;
        outline: none;
        border-radius: 5px;
        text-align: center;
      }

      .document {
         margin-right: 12px;
         margin-top: -2px;
      }

      .card_content {
        line-height: 2em;
        font-size: 17px;
        color: #6C7279;
        font-weight: 400;
      }

      #map {
        width: 90%;
        margin-top: 12px;
      }

      .mobile_map {
        margin-top: 524px;
      }

      .banner_message {
        background-color:#1E88E5;
        margin-top: 56px;
        height: 48px;
        width: 100%;
      }

      #category_tag {
        margin-left: 18px;
        margin-top: 12px;
        display:inline-block;
      }

      h4 {
        font-size: 21px;
        margin-left: 24px;
        margin-top: 64px;;
        color: #4A5460;
      }

      .paragraph {
        margin-left: 24px;
        margin-right: 20px;
        margin-top: 0px;
        line-height: 1.8em;
        font-size: 18px;
        color: #6C7279;
        font-weight: 400;
        max-width: 684px;
      }

      .paragraph2 {
        margin-left: 24px;
        margin-right: 24px;
        line-height: 1.8em;
        font-size: 17px;
        color: #6C7279;
        font-weight: 400;
        max-width: 684px;
      }


      .review {
        height:198px;
        width: 424px;
        border-radius: 5px;
        margin-top: 124px;
        margin-left: 40px;
        background-color:#1E88E5;
      }

      .review_icon {
        height: 64px;
        width: 64px;
        margin-left: 16px;
        margin-top: 24px;
      }

      .review_rating {
        height: 14px;
        width: auto;
        margin-top: 154px;
        margin-left: 220px;
        position: absolute;
      }

      .review_link {
        color: #fff;
        font-size: 17px;
        font-weight: 400;
        position: absolute;
        margin-left: 78px;
        margin-top: 52px;
        padding: 8px;
      }

      .container2 {
          display: inline-block;
          max-width: 100%;
          white-space: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
      }

      .review_link:hover {
        font-weight: 600;
        color: #095395;
      }

      .review_quote {
        color: #fff;
        font-size: 21px;
        line-height: 1.5em;
        position: absolute;
        margin-top: 24px;
        max-width: 340px;
        padding-left: 8px;
        text-align: inherit;
      }

      .logo_box {
        margin-top: 128px;
        margin-left: 116px;
        height: 44px;
        position: absolute;
      }

            .mission {
              font-size: 44px;
              font-weight: 600;
              margin-left: 20px;
              padding-top: 0px;
              max-width: 724px;
              margin-left: 20px;
              text-align: left;
              color: #fff;
              margin-top: -12px;
            }

            .mission_words {
              color: #215581;
              text-align: left;
              margin-left: 20px;
              line-height: 1.5em;
              max-width: 724px;
              font-size: 200;
              line-height: 2em;
              font-weight: 300;
              font-size: 19px;
              max-width: 100%;
            }

            .sections {
              padding-top: 64px;
            }


            .wrap_box {
            width: 100%;
            }

            .mySlides {
              display: none;}

            .mission_img {
              display: none;
            }

            .box {
            width: 100%;
            height: 624px;
            margin-top: 0px;
            background-color: #4CA6F7;
            }


            .btn4 {
              font-size: 16px;
              padding: 12px 24px;
              width: 90%;
              height: 44px;
              font-weight: SemiBold;
              border: none;
              cursor: pointer;
              outline: none;
              border-radius: 5px;
              text-align: center;
              background-color: #161616;
              float: left;
              margin-left: 20px;
              color: #fff;
              margin-top: 24px;
              outline-style: none;
            }

            .btn4:hover {
              font-size: 16px;
              padding: 12px 24px;
              width: 90%;
              height: 44px;
              font-weight: SemiBold;
              border: none;
              cursor: pointer;
              outline: none;
              border-radius: 5px;
              text-align: center;
              background-color: #262729;
              color: #fff;
              margin-top: 24px;
              left: 20px;
              outline-style: none;
            }

            .box2 {
              width: 100%;
              height: 52em;
              background-color: #053762;
            }

            .mission2 {
              font-size: 52px;
              font-weight: 600;
              text-align: left;
              margin-left: 20px;
              margin-top: 84px;
              max-width: 724px;
              color: #fff;
              position: absolute;
              max-width: 700px;
            }

            .mission_words2 {
              color: #7DAEDB;
              text-align: left;
              margin-left: 20px;
              margin-right: 12px;
              margin-top: 246px;
              max-width: 600px;
              font-size: 200;
              line-height: 2em;
              font-weight: 300;
              font-size: 19px;
              position: absolute;
            }

            .mission_img2 {
              margin-top: 98px;
              float: right;
              margin-right: 0;
              height: 284px;
              width: auto;
              position: relative;
              animation: float 6s ease-in-out infinite;
            }


            .btn-4 {
              font-size: 16px;
              padding: 12px 24px;
              width: 90%;
              height: 44px;
              font-weight: SemiBold;
              border: none;
              cursor: pointer;
              outline: none;
              border-radius: 5px;
              text-align: center;
              background-color: #fff;
              float: left;
              margin-left: 20px;
              color: #053762;
              margin-top: 448px;
              outline-style: none;
            }

            .btn-4:hover {
              font-size: 16px;
              padding: 12px 24px;
              width: 90%;
              height: 44px;
              font-weight: SemiBold;
              border: none;
              cursor: pointer;
              outline: none;
              border-radius: 5px;
              text-align: center;
              background-color: #1E88E5;
              color: #fff;
              margin-top: 448px;
              left: 20px;
              outline-style: none;
            }



            /* Fading animation */
      .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
      }

      @-webkit-keyframes fade {
        from {opacity: .4}
        to {opacity: 1}
      }

      @keyframes fade {
        from {opacity: .4}
        to {opacity: 1}
      }


      .site-footer
        {
      background-color:#F8F9FA;
      padding:45px 0 20px;
      font-size:15px;
      line-height:24px;
      color:#737373;
      margin-top: 124px;
      margin-bottom: 48px;
      padding-bottom: 84px;
      padding-top: 12px;
      }

      .footertext {
      color: #6C7279;
      font-weight: 400;
      margin-left: 20px;
      margin-right: 20px;
      text-align: center;
      line-height: 2em;
      margin-top: 0;
      }

      .container1 {
      margin-top: 84px;
      position: absolute;

      }
      .site-footer hr
      {
      border-top-color:#1E88E5;
      opacity:0.5
      }
      .site-footer hr.small
      {
      margin:20px 0
      }
      .site-footer h6
      {
      color:#1E88E5;
      font-size:19px;
      text-transform:uppercase;
      margin-top:48px;
      margin-bottom: 12px;
      letter-spacing:2px
      border bottom: 1px red;
      }
      .site-footer a
      {
      color:#6C7279;
      }
      .site-footer a:hover
      {
      color:#3366cc;
      text-decoration:none;
      border-bottom: #000;
      }
      .footer-links
      {
      margin-left: 23.5%;
      margin-right: auto;
      list-style:none
      }
      .footer-links li
      {
      display:block
      }
      .footer-links a
      {
      color:#737373
      }
      .footer-links a:active,.footer-links a:focus,.footer-links a:hover
      {
      color:#1E88E5;
      font-weight: 500;
      text-decoration:none;
      }
      .footer-links.inline li
      {
      display:inline-block
      }
      .site-footer .social-icons
      {
      text-align:right
      }
      .site-footer .social-icons a
      {
      width:40px;
      height:40px;
      line-height:40px;
      margin-left:6px;
      margin-right:0;
      border-radius:100%;
      background-color:#33353d;
      }
      .copyright-text
      {
      margin:0;
      }

      .copyright-text .a:hover
      {
      color:#1E88E5;
      font-weight: 600;
      }
      @media (max-width:991px)
      {
      .site-footer [class^=col-]
      {
      margin-bottom:30px
      }
      }
      @media (max-width:767px)
      {
      .site-footer
      {
      padding-bottom:0
      }
      .site-footer .copyright-text,.site-footer .social-icons
      {
      text-align:center
      }
      }


    }

  /*RESPONSIVE CSS DESKTOP*/
  /*RESPONSIVE CSS DESKTOP*/
  /*RESPONSIVE CSS DESKTOP*/
  /*RESPONSIVE CSS DESKTOP*/
  /*RESPONSIVE CSS DESKTOP*/
  /*RESPONSIVE CSS DESKTOP*/


@media only screen and (min-width: 846px) {
        body {
          margin: 0;
          padding: 0;
          font-family: Gilroy;
          height: 100%;
          scroll-behavior: smooth;
        }

        .sidenav {
          display: none;
        }

        img {
          user-drag: none;
          user-select: none;
          -moz-user-select: none;
          -webkit-user-drag: none;
          -webkit-user-select: none;
          -ms-user-select: none;
        }

        ::-webkit-scrollbar {
      display: none;
      }

        svg {
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -o-user-select: none;
          user-select: none;
        }
        .section1 {
          height: auto;
          width: 100%;
        }

        .navlink {
          margin-right: 40px;
        }


        a {
          cursor: pointer;
        }

        #logo{
          position:fixed;
          top:16px;
          left:24px;
          z-index: 10;
          height: 16px;
          width: auto;
        }

        ::-moz-selection { /* Code for Firefox */
          color: #fff;
          background: #1E88E5;
        }

        ::selection {
          color: #fff;
          background: #1E88E5;
        }

        input {
          color: #6C7279;
        }

        .call {
          width: 20px;
          height: 20px;
          object-fit: contain;
          position:fixed;
          top:20px;
          right:124px;
          margin-right: 54px;
          z-index: 10;
          height: 20px;
          width: auto;
          visibility: hidden;
        }

        .location {
          width: 14px;
          height: 20px;
          object-fit: contain;
          position:fixed;
          top:20px;
          right:64px;
          margin-right: 44px;
          z-index: 10;
          height: 20px;
          width: auto;
          visibility: hidden;
        }

        .menu {
          width: 12px;
          height: 14px;
          object-fit: contain;
          position:fixed;
          top:20px;
          right:32px;
          z-index: 10;
          height: 20px;
          width: auto;
          visibility: hidden;
        }

        li {
          display: inline;
          float: left;
          margin-right: 48px;
          margin-top: 0px;
          margin-bottom: 2px;
          padding-right: 12px;
        }

        li:hover{
          font-weight: 400;
        }

        a {
          color: color: #8F959D;
          font-size: 14px;
        }

        a:hover{
          color: #fff;
        }

        .navlink {
          float: right;
        }



        li:last-child {
          margin-right: 0;
      }

      li:after {
        content: '';
        display: block;
        font-weight: 700;
        margin-top: 12px;
        height: 2px;
        width: 0px;
        background: transparent;
        transition: width .2s ease, background-color .2s ease;
      }

      li:hover:after {
        width: 100%;
        background: #fff;
      }

        a {
          text-decoration: none;
          color: #fff;
        }


        .btn {
          position: absolute;
          top: 498px;
          margin-top: 32px;
          left: 50%;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          background-color: #1E88E5;
          color: white;
          font-size: 16px;
          padding: 12px 24px;
          width: 324px;
          height: 44px;
          font-weight: SemiBold;
          border: none;
          cursor: pointer;
          outline: none;
          border-radius: 5px;
          text-align: center;
        }

        .btn:hover {
          position: absolute;
          top: 498px;
          margin-top: 32px;
          left: 50%;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          background-color: #1678CE;
          color: white;
          font-size: 16px;
          padding: 12px 24px;
          width: 324px;
          height: 44px;
          border: none;
          cursor: pointer;
          outline: none;
          border-radius: 5px;
          text-align: center;
        }

        #myBtn {
          position: fixed;
          bottom: 64px;
          right: 30px;
          z-index: 99;
          border: none;
          outline: none;
          cursor: pointer;
        }


        nav {
        width: 100%;
        height: 48px;
        background-color: #000000;
        z-index: 3;
        list-style: none;
        position:fixed;
        left: 0;
        top:0;
        }

        #firstimg {
        height: 840px;
        width: 100%;
        position: relative;
        object-fit: cover;
        visibility: visible;
        }


        #file {
          display: visible;
        }

        label {
          color: black;
        }

        .container {
          position: relative;
          color: white;
          margin-left: 18px;
          margin-right: 18px
        }

        .frontsvg {
          top: 14em;
          margin-left: 32px;
          text-align: center;
          position: absolute;
          height: 198px;
          width: auto;
          display: inline-block;
        }

        .parallax-window {
          min-height: 400px;
          background: transparent;
        }

        #wrapper {
          margin-left:auto;
          margin-right:auto;
          width:400px;
      }


        .flex {
        display: flex;
        flex-direction: row;
        padding: 10px;
	       &:first-child { margin-left: 0; }
	        &:last-child { margin-right: 0; }
        }

        .flex .col {
        flex: 1;
        }

        .centered {
        position: absolute;
        top: 52%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 21px;
        font-weight: 500;
        max-width: 400px;
        }

        .imgcard {
        width: 100%;
        height: auto;
        display: inline-block;
        }

        .imgcard:hover{
        background-color:#000;
         opacity:.9;
         z-index: 3;
        }

        .class {
        width: 60%;
        height:324px;
        margin-top: 80px;
        object-fit: cover;
        display: block;
        margin-left: auto;
        margin-right: auto;
        }


                .imgcard2 {
                margin-top: 64px;
                width: 100%;
                height: auto;
                display: inline-block;

                }

                .imgcard2:hover{
                  margin-top: 64px;
                background-color:#000;
                 opacity:.9;
                 z-index: 3;
                 object-fit: cover;

                }
                .centered2 {
                position: absolute;
                top: 62%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: 21px;
                font-weight: 500;
                }

        .notice_message {
        overflow: hidden;
        background-color: #1E88E5;
        position: fixed;
        z-index: 10;
        bottom: 0;
        width: 100%;
        height: 40px;
        }

        .notice_message p {
        color: #fff;
        font-weight: 400;
        font-size: 15px;
        margin-top: 13px;
        }

        .headline {
        font-size: 32px;
        font-style: 600;
        margin-top: 124px;
        align-items: center;
        color: #6C7279;
        }


        .bg {
          background-color:  #1e88e5;
          height: 416px;
          width: 100%;
          top: 0;
          position: relative;
        }

        .bg_img {
          float: right;
          margin-top: 68px;
          margin-right: 48px;
          height: 294px;
        }

        .mission3 {
          font-size: 84px;
          font-weight: 600;
          text-align: left;
          margin-left: 124px;
          margin-top: 114px;
          max-width: 724px;
          color: #fff;
          position: absolute;
          max-width: 700px;
        }

        .mission_words3 {
          color: #fff;
          text-align: left;
          margin-left: 132px;
          margin-top: 232px;
          max-width: 724px;
          font-size: 200;
          line-height: 1.5em;
          font-weight: 300;
          font-size: 19px;
          max-width: 746px;
          position: absolute;
        }


        p {
        color: #1E88E5;
        font-family: Gilroy;
        font-weight: 500;
        font-size: 16px;
        }


        h1 {
          color: #fff;
          font-weight: 500;
          font-size: 21px;
          padding-top: 12px;
        }

        h2 {
        position: absolute;
        font-family: Gilroy;
        top: 164px;
        color: #fff;
        line-height: 1.5em;
        font-size: 48px;
        font-weight: 600;
        text-align: center;
        margin-left: 25%;
        margin-right: 25%;
        z-index: 2;
        }

        #carousel {
            background-color: #fff;
            overflow: visible;
            white-space:nowrap;
            width: 100%;
        }

        .gallery2 {
          width: 524px;
          height: 872px;
          object-fit: cover;
        }


        .mySlides {
          display: none;
        }

        .w3-content {
          width: 50%;
          object-fit: contain;
          position:absolute;
          padding-bottom: 98px;
          margin-left: 17%;
          -webkit-transition:all 1.0s ease-in-out;
          -moz-transition:all 1.0s ease-in-out;
          -o-transition:all 1.0s ease-in-out;
          transition:all 1.0s ease-in-out;
        }

        .left_btn {
          position: absolute;
          top: 42%;
          left: 48px;
          height: 56px;
          width: 56px;
        }

        .right_btn {
          position: absolute;
          right: 48px;
          top: 42%;
          height: 56px;
          width: 56px;
        }

        .firstmsg {
          padding-top: 0;
          font-size: 17px;
          font-weight: 400;
        }

        .formimg {
          position: relative;
          height: 576px;
          width: auto;
        }


        iframe {
          margin-top: 24px;
          width: 90%;
          height: 428px;
          border: none;
        }

        .pdf {
          height: 812px;
          margin-top: 64px;
          margin-left: 5%;
        }

        .review_card {
          margin-top: 64px;
          margin-bottom: 84px;
          right: 0;
          width: 368px;
          height: 200px;
          box-shadow: 0 3px 16px 0 rgba(170, 180, 198, 0.4);
          border-radius: 5px;
          background-color: #1E88E5;
        }

        .links {
          margin-top: 32px;
          display: inline-block;
          text-align:justify;
          white-space: 2em;
        }


        .flex2 {
          display: flex;
          overflow: visible;
          width: 66%;
        }


        .team_profile {
          margin-top: 24px;
          margin-left:64px;
          margin-bottom: 84px;
          padding-top: 32px;
          padding-bottom: 32px;
          width: 424px;
          height: 548px;
          box-shadow: 0 3px 36px 0 rgba(170, 180, 198, 0.2);
          border-radius: 5px;
          background-color: #fff;
        }

        .team_profile:hover {
          box-shadow: 0 3px 36px 0 rgba(170, 180, 198, 0.5);
        }

        .pfp {
          Width: 80px;
          height: 80px;
          border-radius: 50px;
        }

        .icon {
          margin: 16px;
          height: 64px;
        }

        .name {
          font-size: 20px;
          color: #6C7279;
          font-weight: 500;
          margin-bottom: 0px;
          text-align: center;
        }

        .subcategory {
          font-style: 14px;
          margin-top: 6px;
          font-weight: 400;
          text-align: center;
        }

        .subsentence {
           font-family: Gilroy;
           font-size: 14px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 2.71;
           letter-spacing: normal;
           text-align: center;
           color: #6c7279;
           margin-left: 20px;
           margin-top: 50%;
        }

        #detail {
          color: #6C7279;
          font-weight: 400;
          margin-top: 40px;
        }


        .form {
          margin-left: 15%;
          margin-bottom: 84px;
        }

        input {
          width: 448px;
          height: 48px;
          border-radius: 5px;
          border: solid 1px #CDD3DB;
          margin-top:  16px;
          display: table;
        }

        input:focus,
        select:focus,
        textarea:focus,
        button:focus {
          outline: none;
          border:1.5px solid #1E88E5;
          color: #1E88E5;
        }

        .input_text {
          padding-left: 20px;
        }

        .input_text2 {
          height: 128px;
          width: 448px;
          margin-top: 32px;
          padding-top: 18px;
          padding-left: 20px;
          padding-right: 20px;
          border-radius: 5px;
          border: solid 1px #CDD3DB;
          line-height: 1.5em;
          align-items: center;
          justify-content: center;
          margin-left: auto;
          margin-right: auto;
          resize: vertical;
          min-height: 98px;
        }

        .placeholder {
          color: #999;
          font-size: 18px;
          font-weight: normal;
          position: absolute;
          pointer-events: none;
          left: 5px;
          top: 10px;
          transition: 0.2s ease all;
          -moz-transition: 0.2s ease all;
          -webkit-transition: 0.2s ease all;
        }

        .btn2 {
          background-color: #1E88E5;
          color: white;
          font-size: 16px;
          padding: 12px 24px;
          width: 448px;
          height: 48px;
          font-weight: 400;
          border: none;
          cursor: pointer;
          outline: none;
          border-radius: 5px;
          text-align: center;
          display: table;
        }

        .btn2:hover {
          background-color: #1678CE;
          color: white;
          font-size: 16px;
          padding: 12px 24px;
          width: 448px;
          height: 48px;
          border: none;
          cursor: pointer;
          outline: none;
          border-radius: 5px;
          text-align: center;
          display: table;
        }

        .upload_document {
          margin-top: 32px;
          background-color: #1E88E5;
          color: white;
          font-size: 16px;
          padding: 12px 24px;
          width: 448px;
          height: 48px;
          font-weight: 400;
          border: none;
          cursor: pointer;
          outline: none;
          border-radius: 5px;
          text-align: center;
          display: table;
        }

        .upload_document:hover {
          margin-top: 32px;
          background-color: #1678CE;
          color: white;
          font-size: 16px;
          padding: 12px 24px;
          width: 448px;
          height: 48px;
          font-weight: 400;
          border: none;
          cursor: pointer;
          outline: none;
          border-radius: 5px;
          text-align: center;
          display: table;
        }

        .document {
         margin-right: 12px;
         margin-top: -2px;
        }

        .card_content {
          line-height: 2em;
          font-size: 17px;
          color: #6C7279;
          font-weight: 400;
        }



        #map {
          width: 70%;
          margin-left: 24px;
          margin-top: 72px;
        }

        #map_container {
          margin-top: 48%;
        }

        .banner_message {
        background-color:#1E88E5;
        margin-top: 56px;
        height: 48px;
        width: 100%;
        }

        #category_tag {
        margin-left: 18px;
        margin-top: 12px;
        display:inline-block;
        }

        h4 {
          font-size: 24px;
          margin-left: 12em;
          margin-top: 64px;;
          color: #4A5460;
        }

        .paragraph {
        margin-left: 17em;
        padding-bottom: 48px;
        line-height: 2.5em;
        font-size: 17px;
        color: #6C7279;
        font-weight: 400;
        max-width: 820px;
        }

        .paragraph2 {
        margin-left: 26px;
        margin-right: 24px;
        line-height: 1.8em;
        font-size: 16px;
        color: #6C7279;
        font-weight: 400;
        max-width: 684px;
        }

        .review {
        height:198px;
        width: 424px;
        border-radius: 5px;
        margin-top: 124px;
        margin-left: 40px;
        background-color:#1E88E5;
        }

        .review_icon {
        height: 64px;
        width: 64px;
        margin-left: 16px;
        margin-top: 24px;
        }

        .review_rating {
        height: 14px;
        width: auto;
        margin-top: 154px;
        margin-left: 220px;
        position: absolute;
        }

        .review_link {
        color: #fff;
        font-size: 17px;
        font-weight: 400;
        position: absolute;
        margin-left: 78px;
        margin-top: 52px;
        padding: 8px;
        }

        .container2 {
          display: inline-block;
          white-space: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          margin-left: 16.5em;
          padding-top: 72px;
        }


        #push {
          margin-left: 52px;
        }

        .icon_container {
          width: 612px;
          height: 98px;
          margin-right: 112px;
        }

        .mission {
          font-size: 52px;
          font-weight: 600;
          margin-top: 124px;
          position: absolute;
          text-align: left;
          max-width: 724px;
          color: #fff;
        }

        .mission_words {
          color: #215581;
          text-align: left;
          margin-left: 4px;
          margin-top: 232px;
          width: 620px;
          font-size: 200;
          font-weight: 600;
          line-height: 1.5em;
          font-weight: 300;
          font-size: 20px;
          font-weight: 400;
          float: left;
          margin-left: 102px;
        }

        .logo_box {
          position: absolute;
          float: right;
          margin-left: 52px;
          margin-top: 260px;
          position: absolute;
          height: 2.5em;
        }


        .wrap_box {
        width: 100%;
        height: 800px;
        }

        .mySlides {
          display: none;}

        .mission_img {
        height: 800px;
        width: 45%;
        float: right;
        margin-top: 0px;
        object-fit: cover;
        }

        .box {
        width: 55%;
        height: 800px;
        background-color: #4CA6F7;
        float: left;
        }


        .btn4 {
          margin-left: 44px;
          margin-top: 64px;
          left: 0;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          background-color: #161616;
          color: #fff;
          font-size: 16px;
          padding: 12px 24px;
          width: 386px;
          height: 44px;
          font-weight: SemiBold;
          border: none;
          cursor: pointer;
          outline: none;
          border-radius: 5px;
          text-align: center;
        }

        .btn4:hover {
          margin-left: 44px;
          margin-top: 64px;
          left: 0;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          background-color: #262729;
          color: #fff;
          font-size: 16px;
          padding: 12px 24px;
          width: 386px;
          height: 44px;
          font-weight: SemiBold;
          border: none;
          cursor: pointer;
          outline: none;
          border-radius: 5px;
          text-align: center;
        }

        .box2 {
          width: 100%;
          height: 800px;
          background-color: #053762;
          margin-bottom: 124px;
          margin-top: 0px;
        }

        .mission2 {
          font-size: 52px;
          font-weight: 600;
          text-align: left;
          margin-left: 92px;
          margin-top: 224px;
          max-width: 620px;
          color: #fff;
          position: absolute;
          max-width: 700px;
        }

        .mission_words2 {
          color: #7DAEDB;
          text-align: left;
          margin-left: 92px;
          margin-top: 324px;
          max-width: 620px;
          font-size: 200;
          line-height: 1.5em;
          font-weight: 300;
          font-size: 19px;
          width: 648px;
          font-weight: 400;
          position: absolute;
        }

        .mission_img2 {
          float: right;
          object-fit: contain;
          margin-right: 192px;
          margin-top: 224px;
          height: 298px;
          width: auto;
          animation: float 6s ease-in-out infinite;
        }

        .btn-4 {
          font-size: 16px;
          padding: 12px 24px;
          width: 386px;
          height: 44px;
          font-weight: SemiBold;
          border: none;
          cursor: pointer;
          outline: none;
          border-radius: 5px;
          text-align: center;
          background-color: #fff;
          color: #053762;
          position: absolute;
          margin-top: 440px;
          margin-left: 92px;
          left: 0;
          outline-style: none;
        }

        .btn-4:hover {
          font-size: 16px;
          padding: 12px 24px;
          width: 386px;
          height: 44px;
          font-weight: SemiBold;
          border: none;
          cursor: pointer;
          outline: none;
          border-radius: 5px;
          text-align: center;
          background-color: #1E88E5;
          color: #fff;
          position: absolute;
          margin-top: 440px;
          margin-left: 92px;
          left: 0;
          outline-style: none;
        }


        /* Fading animation */
  .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }

  @-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }

  @keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }





        h3 {
        font-family: Gilroy;
        margin-left: 286px;
        color: #1E88E5;
        line-height: 1.5em;
        font-size: 24px;
        font-weight: 600;
        text-align: left;
        position: absolute;
        }



        .constraint {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-left: auto;
          margin-right: auto;
          width: 85%;
        }

        .review_link:hover {
        font-weight: 600;
        color: #095395;
        }

        .review_quote {
        color: #fff;
        font-size: 21px;
        line-height: 1.5em;
        position: absolute;
        margin-top: 24px;
        max-width: 340px;
        padding-left: 8px;
        text-align: inherit;
        }

        .scroll-downs {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;

        width :34px;
        height: 44px;
        }

        /* FOOOTER */
        /* FOOOTER */
        /* FOOOTER */
        /* FOOOTER */

      .site-footer
        {
      background-color:#F8F9FA;
      padding:45px 0 20px;
      font-size:15px;
      line-height:24px;
      color:#737373;
      margin-top: 124px;
      margin-bottom: 48px;
      padding-bottom: 84px;
      padding-top: 12px;
      }

      .footertext {
      color: #6C7279;
      font-weight: 300;
      margin-left: 18%;
      margin-right: 18%;
      text-align: center;
      line-height: 2em;
      margin-top: 0;
      }

      .container1 {
      margin-top: 84px;
      position: absolute;

      }
      .site-footer hr
      {
      border-top-color:#1E88E5;
      opacity:0.5
      }
      .site-footer hr.small
      {
      margin:20px 0
      }
      .site-footer h6
      {
      color:#1E88E5;
      font-size:16px;
      text-transform:uppercase;
      margin-top:48px;
      margin-bottom: 12px;
      letter-spacing:2px
      border bottom: 1px red;
      }
      .site-footer a
      {
      color:#6C7279;
      }
      .site-footer a:hover
      {
      color:#3366cc;
      text-decoration:none;
      border-bottom: #000;
      }
      .footer-links
      {
      margin-left: 23.5%;
      margin-right: auto;
      list-style:none
      }
      .footer-links li
      {
      display:block
      }
      .footer-links a
      {
      color:#737373
      }
      .footer-links a:active,.footer-links a:focus,.footer-links a:hover
      {
      color:#1E88E5;
      font-weight: 500;
      text-decoration:none;
      }
      .footer-links.inline li
      {
      display:inline-block
      }
      .site-footer .social-icons
      {
      text-align:right
      }
      .site-footer .social-icons a
      {
      width:40px;
      height:40px;
      line-height:40px;
      margin-left:6px;
      margin-right:0;
      border-radius:100%;
      background-color:#33353d;
      }
      .copyright-text
      {
      margin:0;
      }

      .copyright-text .a:hover
      {
      color:#1E88E5;
      font-weight: 600;
      }
      @media (max-width:991px)
      {
      .site-footer [class^=col-]
      {
      margin-bottom:30px
      }
      }
      @media (max-width:767px)
      {
      .site-footer
      {
      padding-bottom:0
      }
      .site-footer .copyright-text,.site-footer .social-icons
      {
      text-align:center
      }
      }

    }