@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rubik+Mono+One|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i");
body {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px; }
  body #wrapper {
    width: 100%;
    height: auto;
    overflow: hidden; }
    body #wrapper .btn {
      position: relative;
      display: inline-block;
      padding: 10px 30px;
      border: 1px solid #00b9e0;
      color: #00b9e0;
      font-weight: bold;
      border-radius: 0px;
      z-index: 1;
      overflow: hidden;
      transition: 0.5s; }
      body #wrapper .btn:hover {
        text-decoration: none;
        border: 1px solid #00b9e0; }
      body #wrapper .btn:before {
        content: '';
        position: absolute;
        top: 45%;
        left: 60px;
        width: 10px;
        height: 10px;
        z-index: -1;
        background: #003070;
        transform: translateY(-50%) scale(0.5);
        border-radius: 25px;
        transition-property: left, transform;
        transition-delay: 0s, 0s;
        transition-duration: 0.5s, 0.5s;
        overflow: hidden;
        opacity: 0; }
    body #wrapper .btn:hover:before {
      left: 0px;
      transform: translateY(-50%) scale(15);
      transition-delay: 0s, 0.5s;
      opacity: 1; }
    body #wrapper .menubar {
      width: 20%;
      height: 100%;
      position: absolute;
      background: #00b9e0;
      z-index: 999999;
      transform: translateX(-500px);
      transition: 0.5s; }
      body #wrapper .menubar ul {
        margin: 0px;
        padding: 0px; }
        body #wrapper .menubar ul li {
          list-style: none;
          margin-top: 10px;
          border-bottom: 2px solid rgba(225, 225, 225, 0.2); }
          body #wrapper .menubar ul li:nth-child(1) {
            margin-top: 50px; }
          body #wrapper .menubar ul li a {
            display: inline-block;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            padding: 10px;
            padding-left: 20px;
            transition: 0.5s; }
            body #wrapper .menubar ul li a:hover {
              text-decoration: none;
              color: #003070; }
    body #wrapper .sa-icons {
      width: 100%;
      height: auto;
      padding: 5px 0px;
      background: rgba(0, 0, 0, 0.5);
      clear: both;
      position: absolute;
      z-index: 999; }
      body #wrapper .sa-icons .box {
        width: 100%;
        height: auto; }
        body #wrapper .sa-icons .box .phone {
          float: left; }
          body #wrapper .sa-icons .box .phone .fa {
            float: left;
            margin-left: 20px;
            margin-top: 5px;
            color: #00b9e0; }
          body #wrapper .sa-icons .box .phone span {
            float: left;
            margin-left: 10px;
            color: #fff; }
      body #wrapper .sa-icons .icons {
        float: right; }
        body #wrapper .sa-icons .icons ul {
          margin: 0px;
          padding: 0px; }
          body #wrapper .sa-icons .icons ul li {
            list-style: none;
            display: inline-block; }
            body #wrapper .sa-icons .icons ul li a {
              margin-left: 20px;
              color: #00b9e0; }
    body #wrapper .sa-header {
      width: 100%;
      height: auto;
      position: absolute;
      z-index: 99;
      background: rgba(0, 0, 0, 0.3);
      margin-top: 2.5%;
      transition: 0.5s; }
      body #wrapper .sa-header img {
        float: left; }
      body #wrapper .sa-header .menu-icon {
        width: 50px;
        height: 50px;
        float: right;
        position: relative;
        margin-top: 20px;
        cursor: pointer;
        z-index: 99999;
        box-sizing: border-box; }
        body #wrapper .sa-header .menu-icon span {
          width: 35px;
          height: 3px;
          margin-left: 6px;
          position: absolute;
          top: 22px;
          display: block;
          background: #00b9e0;
          transition: 0.5s;
          z-index: 999999; }
          body #wrapper .sa-header .menu-icon span:nth-child(1) {
            transform: translateY(-10px);
            width: 25px;
            margin-left: 15px; }
          body #wrapper .sa-header .menu-icon span:nth-child(3) {
            transform: translateY(10px);
            width: 25px;
            margin-left: 15px; }
      body #wrapper .sa-header .menu-icon.active span:nth-child(1) {
        transform: rotate(45deg);
        transition: 0.5s; }
      body #wrapper .sa-header .menu-icon.active span:nth-child(3) {
        transform: rotate(-45deg);
        transition: 0.5s; }
      body #wrapper .sa-header .menu-icon.active span:nth-child(2) {
        transform: translateX(100px);
        transition: 0.5s;
        opacity: 0; }
    body #wrapper .black {
      width: 100%;
      height: auto;
      margin: 0% auto;
      padding: 0px 60px;
      background: #fff;
      position: fixed;
      z-index: 9999;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
      transition: 0.5s; }
      body #wrapper .black img {
        float: left; }
      body #wrapper .black .menu-icon {
        width: 50px;
        height: 50px;
        float: right;
        position: relative;
        margin-top: 10px;
        cursor: pointer;
        z-index: 99999;
        box-sizing: border-box; }
        body #wrapper .black .menu-icon span {
          width: 35px;
          height: 3px;
          margin-left: 6px;
          position: absolute;
          top: 22px;
          display: block;
          background: #00b9e0;
          transition: 0.5s;
          z-index: 999999; }
          body #wrapper .black .menu-icon span:nth-child(1) {
            transform: translateY(-10px);
            width: 25px;
            margin-left: 15px; }
          body #wrapper .black .menu-icon span:nth-child(3) {
            transform: translateY(10px);
            width: 25px;
            margin-left: 15px; }
      body #wrapper .black .menu-icon.active span:nth-child(1) {
        transform: rotate(45deg);
        transition: 0.5s; }
      body #wrapper .black .menu-icon.active span:nth-child(3) {
        transform: rotate(-45deg);
        transition: 0.5s; }
      body #wrapper .black .menu-icon.active span:nth-child(2) {
        transform: translateX(100px);
        transition: 0.5s;
        opacity: 0; }
    body #wrapper .menubar.active {
      position: fixed;
      transform: translateX(0px);
      transition: 0.5s; }
    body #wrapper .sa-footer {
      width: 100%;
      height: auto;
      background: #111111;
      padding: 50px 30px;
      clear: both; }
      body #wrapper .sa-footer .content {
        width: 100%;
        height: auto;
        padding: 0px 30px; }
        body #wrapper .sa-footer .content h2 {
          color: #00b9e0;
          font-size: 18px;
          font-weight: bold; }
        body #wrapper .sa-footer .content p {
          color: #a3a3a3; }
      body #wrapper .sa-footer .links {
        width: 100%;
        height: auto; }
        body #wrapper .sa-footer .links h3 {
          color: #fff; }
        body #wrapper .sa-footer .links ul {
          margin: 0px;
          padding: 0px; }
          body #wrapper .sa-footer .links ul li {
            list-style: none; }
            body #wrapper .sa-footer .links ul li a {
              color: #a3a3a3;
              position: relative;
              margin-left: 28px;
              transition: 0.5s;
              left: 0; }
              body #wrapper .sa-footer .links ul li a:hover {
                text-decoration: none; }
              body #wrapper .sa-footer .links ul li a:before {
                content: '';
                position: absolute;
                background: #00b9e0;
                top: 10px;
                left: -28px;
                width: 20px;
                height: 2px;
                transition: 0.5s; }
            body #wrapper .sa-footer .links ul li a:hover {
              left: 10px;
              color: #00b9e0; }
            body #wrapper .sa-footer .links ul li a:hover:before {
              background: #fff; }
      body #wrapper .sa-footer .social {
        width: 100%;
        height: auto; }
        body #wrapper .sa-footer .social h3 {
          color: #fff; }
        body #wrapper .sa-footer .social .icons {
          width: 100%;
          height: auto; }
          body #wrapper .sa-footer .social .icons ul {
            margin: 0px;
            padding: 0px; }
            body #wrapper .sa-footer .social .icons ul li {
              list-style: none;
              display: inline-block; }
              body #wrapper .sa-footer .social .icons ul li a {
                color: #fff;
                margin-left: 15px; }
                body #wrapper .sa-footer .social .icons ul li a .fa {
                  font-size: 20px;
                  margin-top: 20%; }
                  body #wrapper .sa-footer .social .icons ul li a .fa:hover {
                    color: #00b9e0; }
      body #wrapper .sa-footer .contact {
        width: 100%;
        height: auto; }
        body #wrapper .sa-footer .contact h3 {
          color: #fff;
          margin-bottom: 10px; }
        body #wrapper .sa-footer .contact p {
          color: #a3a3a3;
          padding-left: 5px;
          padding-right: 5px; }
          body #wrapper .sa-footer .contact p .fa {
            color: #00b9e0;
            margin-right: 10px; }
    body #wrapper .sa-copy {
      width: 100%;
      height: auto;
      padding: 10px 40px;
      text-align: center;
      background: #222222;
      color: #a3a3a3;
      clear: both; }
      body #wrapper .sa-copy p {
        margin-top: 7px; }
        body #wrapper .sa-copy p a {
          color: #00b9e0; }
          body #wrapper .sa-copy p a:hover {
            text-decoration: none; }
    body #wrapper .sa-slider {
      width: 100%;
      height: auto;
      z-index: -1;
      overflow: hidden;
      background: #464646;
      height: 600px; }
      body #wrapper .sa-slider .slider {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0px; }
        body #wrapper .sa-slider .slider .carousel-caption {
          position: absolute;
          right: 15%;
          bottom: 20px;
          left: 15%;
          z-index: 10;
          padding-top: 20px;
          padding-bottom: 90px;
          color: #fff;
          text-align: center; }
          body #wrapper .sa-slider .slider .carousel-caption h2,
          body #wrapper .sa-slider .slider .carousel-caption h1 {
            font-weight: bold;
            font-style: italic;
            font-family: 'Poppins', sans-serif;
            text-shadow: 5px 5px 5px #000;
            font-size: 55px; }
          body #wrapper .sa-slider .slider .carousel-caption color {
            color: #6da6ff; }
        body #wrapper .sa-slider .slider .sa-carousel h6 {
          text-align: left !important;
          margin-left: 15%; }
          body #wrapper .sa-slider .slider .sa-carousel h6 span {
            color: #00b9e0;
            font-size: 20px; }
        body #wrapper .sa-slider .slider .carousel-indicators li {
          position: relative;
          -ms-flex: 0 1 auto;
          flex: 0 1 auto;
          width: 10px;
          height: 10px;
          border-radius: 50%;
          margin-right: 3px;
          margin-left: 3px;
          text-indent: -999px;
          cursor: pointer;
          background-color: #003070; }
        body #wrapper .sa-slider .slider .carousel-indicators .active {
          background-color: #00b9e0;
          width: 20px;
          height: 10px;
          border-radius: 10px; }
    body #wrapper .sa-about {
      width: 100%;
      height: auto;
      padding: 60px 0px;
      background: #f7f9fd; }
      body #wrapper .sa-about .aboutcontent {
        width: 100%;
        height: auto; }
        body #wrapper .sa-about .aboutcontent h2 {
          position: relative;
          font-size: 32px;
          font-family: 'Rubik', sans-serif;
          font-weight: 500;
          line-height: 42px;
          color: #00b9e0; }
          body #wrapper .sa-about .aboutcontent h2:before {
            position: absolute;
            content: '';
            left: 0px;
            bottom: 0px;
            width: 100px;
            height: 2px;
            background: #00b9e0; }
        body #wrapper .sa-about .aboutcontent h4 {
          margin-bottom: 30px;
          font-size: 22px;
          line-height: 32px;
          color: #232323; }
        body #wrapper .sa-about .aboutcontent p {
          margin-bottom: 20px;
          font-family: 'Poppins', sans-serif; }
      body #wrapper .sa-about .aboutimg {
        width: 100%;
        height: auto; }
        body #wrapper .sa-about .aboutimg img {
          border-radius: 80% 10% 50% 100% / 75% 69% 69% 75%; }
    body #wrapper .sa-services {
      width: 100%;
      height: auto;
      padding: 60px 0px; }
      body #wrapper .sa-services .servicesimg {
        width: 100%;
        height: auto; }
        body #wrapper .sa-services .servicesimg img {
          width: 100%; }
      body #wrapper .sa-services h2 {
        position: relative;
        font-size: 32px;
        font-family: 'Rubik', sans-serif;
        font-weight: 500;
        line-height: 42px;
        color: #00b9e0; }
        body #wrapper .sa-services h2:before {
          position: absolute;
          content: '';
          left: 0px;
          bottom: 0px;
          width: 100px;
          height: 2px;
          background: #00b9e0; }
      body #wrapper .sa-services h4 {
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 32px;
        color: #232323; }
      body #wrapper .sa-services .services {
        width: 100%;
        height: auto;
        border-left: 5px solid #00b9e0;
        margin-bottom: 30px;
        box-shadow: 0px 0px 1px #eee;
        padding: 10px;
        padding-left: 20px;
        position: relative;
        transition: 0.5s;
        z-index: 1;
        overflow: hidden; }
        body #wrapper .sa-services .services:before {
          position: absolute;
          content: '';
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          z-index: -1;
          background: #00b9e0;
          transition: 0.5s;
          transform: translateX(-500px);
          overflow: hidden; }
        body #wrapper .sa-services .services h2 {
          width: 100%;
          font-size: 18px;
          font-weight: 400; }
        body #wrapper .sa-services .services p {
          font-size: 14px;
          line-height: 26px;
          font-family: 'Poppins', sans-serif; }
        body #wrapper .sa-services .services a {
          color: #000;
          font-weight: bold;
          transition: 0.5s; }
          body #wrapper .sa-services .services a:hover {
            text-decoration: none;
            padding-left: 20px; }
      body #wrapper .sa-services .services:hover:before {
        transition: 0.5s;
        transform: translateX(0px); }
      body #wrapper .sa-services .services:hover,
      body #wrapper .sa-services .services:hover h2,
      body #wrapper .sa-services .services:hover a {
        color: #fff !important; }
      body #wrapper .sa-services .services:hover h2:before {
        background: #fff; }
    body #wrapper .sa-industries {
      width: 100%;
      height: auto;
      padding: 60px 0px;
      background: #f7f9fd; }
      body #wrapper .sa-industries .servicesimg {
        width: 100%;
        height: auto; }
        body #wrapper .sa-industries .servicesimg img {
          width: 100%; }
      body #wrapper .sa-industries h2 {
        position: relative;
        font-size: 32px;
        font-family: 'Rubik', sans-serif;
        font-weight: 500;
        line-height: 42px;
        color: #00b9e0; }
        body #wrapper .sa-industries h2:before {
          position: absolute;
          content: '';
          left: 0px;
          bottom: 0px;
          width: 100px;
          height: 2px;
          background: #00b9e0; }
      body #wrapper .sa-industries h4 {
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 32px;
        color: #232323; }
      body #wrapper .sa-industries .industries {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
        padding: 10px;
        padding-left: 20px;
        position: relative;
        transition: 0.5s;
        z-index: 1;
        overflow: hidden; }
        body #wrapper .sa-industries .industries:before {
          position: absolute;
          content: '';
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          background: #00b9e0;
          transition: 0.5s; }
        body #wrapper .sa-industries .industries:after {
          position: absolute;
          content: '';
          top: calc(-100% + 2px);
          left: 100%;
          width: 100%;
          height: 100%;
          z-index: -1;
          background: #00b9e0;
          transition: 0.5s; }
        body #wrapper .sa-industries .industries h2 {
          width: 100%;
          font-size: 18px;
          font-weight: 400;
          color: #fff; }
          body #wrapper .sa-industries .industries h2:before {
            background: #fff; }
        body #wrapper .sa-industries .industries p {
          font-size: 14px;
          line-height: 26px;
          font-family: 'Poppins', sans-serif;
          color: #fff; }
        body #wrapper .sa-industries .industries a {
          color: #000;
          font-weight: bold;
          transition: 0.5s;
          color: #fff; }
          body #wrapper .sa-industries .industries a:hover {
            text-decoration: none;
            padding-left: 20px; }
      body #wrapper .sa-industries .industries:hover:before {
        transition: 0.5s;
        top: calc(100% - 2px); }
      body #wrapper .sa-industries .industries:hover:after {
        left: 0%;
        transition-delay: 0.25s; }
      body #wrapper .sa-industries .industries:hover,
      body #wrapper .sa-industries .industries:hover h2,
      body #wrapper .sa-industries .industries:hover a {
        color: #00b9e0 !important; }
      body #wrapper .sa-industries .industries:hover h2:before {
        background: #00b9e0; }
      body #wrapper .sa-industries .industries:hover p {
        color: #333333; }
    body #wrapper .sa-testimonial {
      width: 100%;
      height: auto;
      padding: 30px 0px;
      background-image: url(../img/slider1.jpg);
      background-size: cover;
      background-attachment: fixed; }
      body #wrapper .sa-testimonial h2 {
        position: relative;
        font-size: 32px;
        font-family: 'Rubik', sans-serif;
        font-weight: 500;
        line-height: 42px;
        color: #00b9e0; }
        body #wrapper .sa-testimonial h2:before {
          position: absolute;
          content: '';
          left: 0px;
          bottom: 0px;
          width: 100px;
          height: 2px;
          background: #00b9e0; }
      body #wrapper .sa-testimonial .testimonial {
        padding: 0px 40px;
        color: #fff; }
      body #wrapper .sa-testimonial .testimonial-content {
        text-align: center;
        margin: 80px 30px;
        padding: 50px 40px;
        border-radius: 30px;
        position: relative;
        z-index: 1; }
        body #wrapper .sa-testimonial .testimonial-content:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          background: #424242;
          border-radius: 30px;
          z-index: -1; }
        body #wrapper .sa-testimonial .testimonial-content:after {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          background: #00b9e0;
          border-radius: 30px;
          transform: rotate(-4deg);
          z-index: -2; }
        body #wrapper .sa-testimonial .testimonial-content p {
          text-align: justify; }
        body #wrapper .sa-testimonial .testimonial-content h3 {
          color: #00b9e0;
          font-weight: bold; }
    body #wrapper .sa-banner {
      width: 100%;
      height: 500px;
      padding: 50px 0px;
      background: url(../img/slider1.jpg); }
    body #wrapper .sa-servive {
      width: 100%;
      height: auto;
      padding: 30px 0px; }
      body #wrapper .sa-servive h2 {
        position: relative;
        font-size: 32px;
        font-family: 'Rubik', sans-serif;
        font-weight: 500;
        line-height: 42px;
        color: #00b9e0; }
        body #wrapper .sa-servive h2:before {
          position: absolute;
          content: '';
          left: 0px;
          bottom: 0px;
          width: 100px;
          height: 2px;
          background: #00b9e0; }
      body #wrapper .sa-servive p {
        font-family: 'Poppins', sans-serif;
        margin-bottom: 30px; }
      body #wrapper .sa-servive .fa {
        color: #003070; }
      body #wrapper .sa-servive h4 {
        font-size: 18px;
        margin-bottom: 20px; }
      body #wrapper .sa-servive .career {
        width: 100%;
        height: auto;
        border-bottom: 3px solid #000;
        margin-top: 20px; }
        body #wrapper .sa-servive .career p {
          margin-bottom: 10px;
          text-align: justify; }
          body #wrapper .sa-servive .career p:nth-child(1), body #wrapper .sa-servive .career p:nth-child(5) {
            color: #f00;
            font-weight: bold; }
          body #wrapper .sa-servive .career p span {
            color: #003070;
            font-weight: bold;
            padding-right: 20px; }
    body #wrapper .sa-contactus {
      width: 100%;
      height: auto;
      padding: 30px 0px; }
      body #wrapper .sa-contactus .map {
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
        border: 2px solid #ddd; }
        body #wrapper .sa-contactus .map iframe {
          width: 100%;
          height: 600px; }
      body #wrapper .sa-contactus .contact {
        padding: 30px; }
        body #wrapper .sa-contactus .contact h3 {
          font-size: 30px;
          margin-bottom: 20px;
          font-weight: 300; }
          body #wrapper .sa-contactus .contact h3 span {
            font-size: 35px;
            color: #00b9e0;
            font-weight: bold; }
        body #wrapper .sa-contactus .contact form {
          background-color: #00b9e0;
          padding: 48px 20px;
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35); }
          body #wrapper .sa-contactus .contact form input,
          body #wrapper .sa-contactus .contact form textarea {
            width: 90%;
            margin: 0% auto;
            padding: 5px 10px;
            background: none;
            border: none;
            border-bottom: 2px solid #fff;
            margin-bottom: 10px;
            padding-left: 2px;
            outline: none;
            color: #fff; }
          body #wrapper .sa-contactus .contact form .btn {
            color: #fff;
            border: 1px solid #fff;
            padding: 5px 40px; }
    body #wrapper h6 {
      font-size: 30px;
      color: #00b9e0;
      margin-left: 10px; }
    body #wrapper ul li a {
      color: #000; }
      body #wrapper ul li a:hover {
        text-decoration: none; }

@media only screen and (max-width: 990px) {
  .sa-icons {
    display: none; }

  .sa-header {
    margin-top: 0% !important; }

  .menubar {
    width: 40% !important; } }
@media only screen and (max-width: 768px) {
  .servicesimg {
    display: none; } }
@media only screen and (max-width: 480px) {
  .sa-header img {
    width: 80%; } }

/*# sourceMappingURL=custom.css.map */