@font-face {
  font-family: ARIALBD;
  src: url(../fonts/ARIALBD.woff); }
html {
  overflow-x: hidden;
  scroll-behavior: smooth; }
  html body {
    font-family: 'Josefin Sans', sans-serif;
    overflow-x: hidden; }
    html body .transition {
      -webkit-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease; }
    html body .p-0 {
      padding: 0; }
    html body #loader {
      background-color: #fff;
      height: 100%;
      width: 100%;
      position: fixed;
      z-index: 1;
      margin-top: 0px;
      top: 0px;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 9999999; }
      html body #loader .progress-bar,
      html body #loader .end-point {
        position: fixed;
        background-color: #01805e;
        animation-duration: 10s;
        animation-iteration-count: infinite; }
      html body #loader .progress-bar {
        top: 5px;
        height: 2px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        animation-name: progress-bar-movement; }
        html body #loader .progress-bar .end-point {
          width: 5px;
          height: 5px;
          border-radius: 50%;
          top: 4px;
          animation-name: end-point-movement; }
      html body #loader .loader-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        html body #loader .loader-container .logo img {
          display: inline-block;
          float: left;
          width: 100px; }
        html body #loader .loader-container .logo h1 {
          font-size: 12px;
          line-height: 15px;
          text-transform: uppercase;
          display: inline-block;
          float: left;
          font-weight: 700;
          color: #333333;
          padding-left: 15px; }
    html body p {
      font-size: 15px;
      line-height: 26px; }
@keyframes progress-bar-movement {
  from {
    width: 0%; }
  to {
    width: 100%; } }
@keyframes end-point-movement {
  from {
    left: 0%; }
  to {
    left: 100%; } }
    html body header {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      background-color: transparent;
      display: inline-block;
      z-index: 99999; }
      html body header:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 50%;
        background: #ffffff;
        right: 0; }
      html body header.scrolled {
        background: #ffffff;
        box-shadow: 0 15px 60px #0000000f; }
        html body header.scrolled .navbar-default {
          border-bottom: none; }
          html body header.scrolled .navbar-default .navbar-brand img.color {
            display: block; }
          html body header.scrolled .navbar-default .navbar-brand img.white {
            display: none; }
          html body header.scrolled .navbar-default .navbar-brand h1 {
            color: #333333; }
        html body header.scrolled .call a svg path {
          stroke: #01805e !important; }
        html body header.scrolled .call a p {
          color: #333333 !important; }
      html body header .navbar-default {
        background: transparent;
        margin: 0;
        border: none;
        border-bottom: 1px solid #3333331c;
        padding: 20px 0; }
        html body header .navbar-default .navbar-brand {
          height: auto;
          padding: 0;
          margin-right: 30px;
          padding-right: 30px;
          position: relative; }
          html body header .navbar-default .navbar-brand img {
            display: inline-block;
            float: left;
            width: 100px; }
            html body header .navbar-default .navbar-brand img.color {
              display: none; }
          html body header .navbar-default .navbar-brand h1 {
            font-size: 18px;
            line-height: 18px;
            text-transform: capitalize;
            display: inline-block;
            float: left;
            font-weight: 700;
            color: #ffffff;
            padding-left: 15px;
            margin-top: 12px; }
            html body header .navbar-default .navbar-brand h1:after {
              content: "";
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              height: 25px;
              width: 1px;
              background: #3333331c;
              transform: translateY(70%); }
        html body header .navbar-default .navbar-collapse {
          float: left; }
        html body header .navbar-default .navbar-nav {
          margin: 7px 0 0; }
          html body header .navbar-default .navbar-nav li a {
            font-size: 15px;
            line-height: 25px;
            color: #333333;
            font-weight: 600;
            padding: 10px 15px; }
            html body header .navbar-default .navbar-nav li a svg {
              margin-left: 5px; }
            html body header .navbar-default .navbar-nav li a:hover, html body header .navbar-default .navbar-nav li a:focus, html body header .navbar-default .navbar-nav li a:active, html body header .navbar-default .navbar-nav li a.active {
              color: #ffffff;
              background: #01805e; }
              html body header .navbar-default .navbar-nav li a:hover svg polygon, html body header .navbar-default .navbar-nav li a:focus svg polygon, html body header .navbar-default .navbar-nav li a:active svg polygon, html body header .navbar-default .navbar-nav li a.active svg polygon {
                fill: #ffffff; }
          html body header .navbar-default .navbar-nav li.dropdown .dropdown-menu {
            border: none;
            top: 190%;
            border-top: 2px solid #01805e;
            padding: 0;
            display: block;
            visibility: hidden;
            opacity: 0; }
            html body header .navbar-default .navbar-nav li.dropdown .dropdown-menu li a {
              padding: 10px 20px;
              line-height: 25px; }
              html body header .navbar-default .navbar-nav li.dropdown .dropdown-menu li a:hover, html body header .navbar-default .navbar-nav li.dropdown .dropdown-menu li a:focus, html body header .navbar-default .navbar-nav li.dropdown .dropdown-menu li a:active {
                padding: 10px 30px; }
          html body header .navbar-default .navbar-nav li.dropdown:hover .dropdown-menu, html body header .navbar-default .navbar-nav li.dropdown:focus .dropdown-menu, html body header .navbar-default .navbar-nav li.dropdown:active .dropdown-menu {
            top: 160%;
            opacity: 1;
            visibility: visible; }
        html body header .navbar-default .call {
          float: right;
          margin: 10px 0 0; }
          html body header .navbar-default .call a span {
            float: left;
            text-align: center;
            line-height: 40px;
            margin-right: 15px;
            vertical-align: middle;
            vertical-align: middle; }
            html body header .navbar-default .call a span svg {
              width: 15px;
              height: 15px; }
              html body header .navbar-default .call a span svg path {
                fill: none;
                stroke: #ffffff;
                stroke-width: 1.5; }
          html body header .navbar-default .call a p {
            font-size: 18px;
            line-height: 20px;
            font-weight: 400;
            color: #ffffff;
            float: left;
            margin: 7px 0 0; }
          html body header .navbar-default .call a:hover span svg path, html body header .navbar-default .call a:focus span svg path, html body header .navbar-default .call a:active span svg path {
            stroke: #01805e; }
          html body header .navbar-default .call a:last-child {
            margin-left: 30px;
            padding-left: 30px;
            display: inline-block;
            position: relative; }
            html body header .navbar-default .call a:last-child:before {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0;
              height: 25px;
              width: 1px;
              background: #3333331c;
              transform: translateY(30%); }
    html body section {
      position: relative;
      padding: 100px 0; }
      html body section.home-banner {
        padding: 0; }
        html body section.home-banner .owl-banner .item {
          z-index: 3;
          position: relative;
          width: 100%;
          height: 100vh;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover; }
          html body section.home-banner .owl-banner .item:after {
            content: "";
            position: absolute;
            left: 15px;
            width: 10px;
            height: 200px;
            background: #ffffff;
            top: 35%; }
          html body section.home-banner .owl-banner .item:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: black;
            background: linear-gradient(86deg, rgba(0, 0, 0, 0.32) 0%, rgba(51, 51, 51, 0) 100%); }
          html body section.home-banner .owl-banner .item .banner-container .banner-caption {
            position: absolute;
            top: 306px;
            left: 17%;
            width: 50%; }
            html body section.home-banner .owl-banner .item .banner-container .banner-caption .section-title {
              margin-bottom: 30px; }
              html body section.home-banner .owl-banner .item .banner-container .banner-caption .section-title .meta-title {
                font-size: 18px;
                font-weight: 500;
                line-height: 22px;
                color: #ffffff;
                text-transform: capitalize;
                animation-delay: .5s; }
                html body section.home-banner .owl-banner .item .banner-container .banner-caption .section-title .meta-title small {
                  font-size: 15px;
                  color: #ffffff;
                  margin-right: 20px; }
              html body section.home-banner .owl-banner .item .banner-container .banner-caption .section-title .title {
                font-size: 30px;
                line-height: 42px;
                font-weight: 700;
                color: #ffffff;
                width: 100%;
                animation-delay: 1s;
                font-family: ARIALBD; }
                html body section.home-banner .owl-banner .item .banner-container .banner-caption .section-title .title a {
                  color: #fff;
                  text-decoration: underline; }
                  html body section.home-banner .owl-banner .item .banner-container .banner-caption .section-title .title a:hover {
                    color: #ccc; }
            html body section.home-banner .owl-banner .item .banner-container .banner-caption p {
              font-size: 16px;
              line-height: 27px;
              color: #ffffff;
              width: 80%;
              animation-delay: 1.5s; }
            html body section.home-banner .owl-banner .item .banner-container .banner-caption .primary-btn {
              text-decoration: none !important;
              margin-top: 30px;
              display: inline-block;
              position: relative;
              width: 160px;
              height: 40px;
              animation-delay: 1.8s; }
              html body section.home-banner .owl-banner .item .banner-container .banner-caption .primary-btn i {
                height: 40px;
                width: 40px;
                background: #ffffff;
                display: inline-block;
                border-radius: 50px;
                box-shadow: 20px 20px 60px #0000000f;
                text-align: center;
                line-height: 45px;
                margin-right: 10px;
                position: absolute;
                left: 0; }
                html body section.home-banner .owl-banner .item .banner-container .banner-caption .primary-btn i svg {
                  height: auto; }
              html body section.home-banner .owl-banner .item .banner-container .banner-caption .primary-btn span {
                font-size: 15px;
                font-weight: 600;
                color: #ffffff;
                right: 0;
                position: absolute;
                top: 13px;
                width: fit-content; }
              html body section.home-banner .owl-banner .item .banner-container .banner-caption .primary-btn:hover i, html body section.home-banner .owl-banner .item .banner-container .banner-caption .primary-btn:focus i, html body section.home-banner .owl-banner .item .banner-container .banner-caption .primary-btn:active i {
                margin-right: 0;
                left: 110px;
                margin-left: 10px; }
              html body section.home-banner .owl-banner .item .banner-container .banner-caption .primary-btn:hover span, html body section.home-banner .owl-banner .item .banner-container .banner-caption .primary-btn:focus span, html body section.home-banner .owl-banner .item .banner-container .banner-caption .primary-btn:active span {
                right: 60px; }
        html body section.home-banner .owl-banner .owl-nav {
          position: absolute;
          bottom: 50px;
          text-align: left;
          margin-top: 0;
          left: 160px; }
          html body section.home-banner .owl-banner .owl-nav button {
            height: 40px;
            width: 40px;
            display: inline-block;
            border-radius: 50px;
            box-shadow: 20px 20px 60px #0000000f;
            text-align: center;
            line-height: 30px;
            outline: none !important;
            margin-right: 30px;
            -webkit-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            background: #ffffff;
            border-color: transparent; }
            html body section.home-banner .owl-banner .owl-nav button.owl-prev img {
              transform: rotate(-180deg); }
            html body section.home-banner .owl-banner .owl-nav button.disabled {
              background: transparent;
              border: 1px solid #333333; }
            html body section.home-banner .owl-banner .owl-nav button:hover, html body section.home-banner .owl-banner .owl-nav button:focus, html body section.home-banner .owl-banner .owl-nav button:active {
              background: #ffffff;
              border-color: transparent; }
      html body section .primary-btn {
        text-decoration: none !important;
        margin-top: 10px;
        display: inline-block;
        position: relative;
        width: 160px;
        height: 40px; }
        html body section .primary-btn i {
          height: 40px;
          width: 40px;
          background: #ffffff;
          display: inline-block;
          border-radius: 50px;
          box-shadow: 20px 20px 60px #0000000f;
          text-align: center;
          line-height: 45px;
          margin-right: 10px;
          position: absolute;
          left: 0; }
          html body section .primary-btn i svg {
            height: auto; }
        html body section .primary-btn span {
          font-size: 15px;
          font-weight: 600;
          color: #333333;
          right: 0;
          position: absolute;
          top: 13px;
          width: fit-content; }
        html body section .primary-btn:hover i, html body section .primary-btn:focus i, html body section .primary-btn:active i {
          margin-right: 0;
          left: 110px;
          margin-left: 10px; }
        html body section .primary-btn:hover span, html body section .primary-btn:focus span, html body section .primary-btn:active span {
          right: 60px; }
      html body section .section-title {
        margin-bottom: 30px; }
        html body section .section-title .meta-title {
          font-size: 18px;
          font-weight: 500;
          line-height: 22px;
          color: #B4936B;
          text-transform: capitalize; }
          html body section .section-title .meta-title small {
            font-size: 15px;
            color: #333333;
            margin-right: 20px; }
        html body section .section-title .title {
          font-size: 35px;
          line-height: 42px;
          font-weight: 700;
          color: #333333;
          width: 80%;
          margin: 0; }
      html body section.services .services-container .owl-service .item {
        height: 230px;
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 120%;
        transition-duration: 1s; }
        html body section.services .services-container .owl-service .item:before {
          content: "";
          position: absolute;
          left: 0;
          width: 100%;
          height: 100%;
          bottom: 0;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(1, 84, 62, 0.9) 100%); }
        html body section.services .services-container .owl-service .item .service-info {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          padding: 30px; }
          html body section.services .services-container .owl-service .item .service-info h6 {
            color: #ffffff;
            font-size: 18px;
            font-weight: 600;
            line-height: 25px;
            margin: 0; }
            html body section.services .services-container .owl-service .item .service-info h6 small {
              font-size: 15px;
              font-weight: 600;
              color: #ffffff;
              margin-right: 15px;
              height: 40px;
              display: flex;
              float: left; }
        html body section.services .services-container .owl-service .item .primary-btn {
          position: absolute;
          bottom: -120px;
          left: 30px; }
          html body section.services .services-container .owl-service .item .primary-btn span {
            color: #ffffff; }
        html body section.services .services-container .owl-service .item:hover, html body section.services .services-container .owl-service .item:focus, html body section.services .services-container .owl-service .item:active {
          background-size: 100%;
          box-shadow: 0 15px 60px #0000000f; }
          html body section.services .services-container .owl-service .item:hover .primary-btn, html body section.services .services-container .owl-service .item:focus .primary-btn, html body section.services .services-container .owl-service .item:active .primary-btn {
            position: absolute;
            bottom: 30px; }
          html body section.services .services-container .owl-service .item:hover .service-info, html body section.services .services-container .owl-service .item:focus .service-info, html body section.services .services-container .owl-service .item:active .service-info {
            bottom: 52%; }
      html body section.services .services-container .owl-service .owl-nav {
        position: relative;
        margin-top: 50px;
        text-align: left; }
        html body section.services .services-container .owl-service .owl-nav button {
          height: 40px;
          width: 40px;
          display: inline-block;
          border-radius: 50px;
          box-shadow: 20px 20px 60px #0000000f;
          text-align: center;
          line-height: 30px;
          outline: none !important;
          margin-right: 30px;
          -webkit-transition: all .5s ease;
          -ms-transition: all .5s ease;
          -moz-transition: all .5s ease;
          -o-transition: all .5s ease;
          transition: all .5s ease;
          background: #f7f1eb;
          border-color: transparent; }
          html body section.services .services-container .owl-service .owl-nav button.owl-prev img {
            transform: rotate(-180deg); }
          html body section.services .services-container .owl-service .owl-nav button.disabled {
            background: transparent;
            border: 1px solid #333333; }
          html body section.services .services-container .owl-service .owl-nav button:hover, html body section.services .services-container .owl-service .owl-nav button:focus, html body section.services .services-container .owl-service .owl-nav button:active {
            background: #f7f1eb;
            border-color: transparent; }
      html body section.services .services-container .service {
        padding: 15px 0;
        text-decoration: none !important;
        margin-bottom: 30px; }
        html body section.services .services-container .service i {
          height: 70px;
          width: 70px;
          display: inline-block;
          text-align: center;
          padding: 10px;
          position: relative; }
          html body section.services .services-container .service i:after {
            content: "";
            position: absolute;
            height: 65px;
            width: 65px;
            border-radius: 50px;
            background: #B4936B;
            opacity: .5;
            left: 0;
            bottom: 15px;
            right: 0;
            margin: 0 auto;
            z-index: -1;
            -webkit-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
          html body section.services .services-container .service i svg path,
          html body section.services .services-container .service i svg circle,
          html body section.services .services-container .service i svg ellipse,
          html body section.services .services-container .service i svg rect {
            fill: #B4936B;
            -webkit-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
          html body section.services .services-container .service i svg.installation {
            transform: rotate(-45deg);
            top: 10px;
            position: relative; }
        html body section.services .services-container .service h4 {
          font-size: 18px;
          color: #333333;
          font-weight: 600; }
          html body section.services .services-container .service h4 span {
            font-size: 15px;
            font-weight: 700;
            color: #B4936B;
            margin-right: 10px;
            height: 40px;
            display: flex;
            float: left; }
        html body section.services .services-container .service:hover i:after, html body section.services .services-container .service:focus i:after, html body section.services .services-container .service:active i:after {
          background: #D9EAFA;
          opacity: .1; }
        html body section.services .services-container .service:hover i svg path,
        html body section.services .services-container .service:hover i svg ellipse,
        html body section.services .services-container .service:hover i svg rect,
        html body section.services .services-container .service:hover i svg circle, html body section.services .services-container .service:focus i svg path,
        html body section.services .services-container .service:focus i svg ellipse,
        html body section.services .services-container .service:focus i svg rect,
        html body section.services .services-container .service:focus i svg circle, html body section.services .services-container .service:active i svg path,
        html body section.services .services-container .service:active i svg ellipse,
        html body section.services .services-container .service:active i svg rect,
        html body section.services .services-container .service:active i svg circle {
          fill: #D9EAFA; }
        html body section.services .services-container .service:hover h4 span, html body section.services .services-container .service:focus h4 span, html body section.services .services-container .service:active h4 span {
          color: #D9EAFA; }
      html body section.services .featured-box {
        position: absolute;
        right: 0;
        top: 0;
        padding: 100px 80px;
        background: url(../images/bg-side.jpg);
        background-position: 80%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 740px;
        width: 600px;
        overflow: hidden; }
        html body section.services .featured-box ul {
          list-style-type: none;
          padding: 0; }
          html body section.services .featured-box ul li {
            line-height: 35px;
            padding: 5px 0;
            font-size: 15px;
            font-weight: 600;
            color: #ffffff; }
            html body section.services .featured-box ul li img {
              display: inline-block;
              margin-right: 15px; }
          html body section.services .featured-box ul.sublist {
            padding-top: 15px;
            margin-bottom: 20px;
            padding-left: 55px; }
            html body section.services .featured-box ul.sublist li {
              font-size: 15px;
              line-height: 26px;
              font-weight: 500;
              list-style-image: url(../images/dot-list.svg);
              padding-left: 15px; }
        html body section.services .featured-box h4 {
          font-size: 20px;
          line-height: 35px;
          color: #ffffff;
          font-weight: 700;
          animation-delay: .5s;
          margin: 0; }
        html body section.services .featured-box a {
          width: 175px;
          animation-delay: 1.3s; }
          html body section.services .featured-box a span {
            color: #ffffff; }
          html body section.services .featured-box a:hover i, html body section.services .featured-box a:focus i, html body section.services .featured-box a:active i {
            left: 124px; }
      html body section.service-sector {
        background-color: #ffffff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
        html body section.service-sector .sector-tab-container #myBtnContainer .sub-tab {
          padding: 30px;
          background: transparent;
          text-align: left;
          text-decoration: none !important;
          min-height: 120px;
          border-right: 1px solid #eaf0f7;
          border-bottom: 1px solid #eaf0f7; }
          html body section.service-sector .sector-tab-container #myBtnContainer .sub-tab:last-child {
            border-right-color: transparent; }
          html body section.service-sector .sector-tab-container #myBtnContainer .sub-tab svg {
            margin-right: 15px; }
            html body section.service-sector .sector-tab-container #myBtnContainer .sub-tab svg path,
            html body section.service-sector .sector-tab-container #myBtnContainer .sub-tab svg ellipse,
            html body section.service-sector .sector-tab-container #myBtnContainer .sub-tab svg rect,
            html body section.service-sector .sector-tab-container #myBtnContainer .sub-tab svg circle {
              fill: #01805e; }
          html body section.service-sector .sector-tab-container #myBtnContainer .sub-tab span {
            font-size: 18px;
            font-weight: 700;
            color: #333333; }
            html body section.service-sector .sector-tab-container #myBtnContainer .sub-tab span small {
              margin-right: 15px;
              font-size: 18px; }
          html body section.service-sector .sector-tab-container #myBtnContainer .sub-tab.active {
            background: #f7f1eb;
            box-shadow: 20px 20px 60px #0000000f;
            border-right-color: transparent; }
        html body section.service-sector .sector-tab-container .tab-content {
          padding: 50px;
          display: inline-block;
          background-color: #f7f1eb;
          background-image: url(../images/bg-layer-02.png);
          position: relative;
          min-height: 600px;
          background-size: 100%;
          background-position: bottom center;
          background-repeat: no-repeat; }
          html body section.service-sector .sector-tab-container .tab-content h3 {
            font-size: 25px;
            font-weight: 700;
            color: #333333;
            line-height: 35px;
            margin-top: 0;
            margin-bottom: 30px; }
            html body section.service-sector .sector-tab-container .tab-content h3 small {
              margin-right: 15px;
              font-size: 25px;
              font-weight: 700;
              color: #333333; }
          html body section.service-sector .sector-tab-container .tab-content .sublist {
            padding: 0 20px 50px;
            list-style-type: none; }
            html body section.service-sector .sector-tab-container .tab-content .sublist li {
              font-size: 15px;
              line-height: 26px;
              font-weight: 500;
              list-style-image: url(../images/dot-list-green.svg);
              padding-left: 15px;
              margin-bottom: 15px; }
              html body section.service-sector .sector-tab-container .tab-content .sublist li img {
                display: inline-block;
                margin-right: 15px; }
          html body section.service-sector .sector-tab-container .tab-content .tab-more {
            float: left;
            width: 100%;
            padding-left: 15px; }
            html body section.service-sector .sector-tab-container .tab-content .tab-more a {
              margin: 0; }
        html body section.service-sector .bg-layer-02 {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 95%; }
      html body section.about {
        padding-top: 100px;
        padding-left: 180px;
        background: #f2e9de9e;
        height: 845px; }
        html body section.about .equal-height {
          height: 100%; }
          html body section.about .equal-height .left-abt-img {
            position: relative;
            overflow: hidden; }
            html body section.about .equal-height .left-abt-img img {
              transition: 400ms all;
              -webkit-transition: 400ms all;
              -o-transition: 400ms all;
              -moz-transition: 400ms all;
              -ms-transition: 400ms all;
              width: 100%; }
            html body section.about .equal-height .left-abt-img:after {
              content: "";
              position: absolute;
              left: 15px;
              right: 15px;
              top: 15px;
              bottom: 15px;
              border: 2px solid #fff;
              transition: 400ms all;
              -webkit-transition: 400ms all;
              -o-transition: 400ms all;
              -moz-transition: 400ms all;
              -ms-transition: 400ms all; }
        html body section.about .abt-content {
          padding-left: 80px;
          padding-right: 100px; }
        html body section.about p {
          font-size: 15px;
          line-height: 26px;
          color: #333333; }
          html body section.about p a {
            color: #333333;
            text-decoration: underline; }
            html body section.about p a:hover {
              color: #B4936B; }
        html body section.about .primary-btn i {
          background-color: #ffffff; }
        html body section.about .primary-btn:hover i, html body section.about .primary-btn:focus i, html body section.about .primary-btn:active i {
          background-color: #01805e; }
          html body section.about .primary-btn:hover i svg polygon, html body section.about .primary-btn:focus i svg polygon, html body section.about .primary-btn:active i svg polygon {
            fill: #ffffff; }
        html body section.about .featured-box {
          width: 600px;
          height: 100%;
          z-index: 1; }
          html body section.about .featured-box .white-box {
            background: transparent;
            padding: 0 0 50px;
            position: relative; }
            html body section.about .featured-box .white-box p {
              color: #ffffff;
              margin: 30px 0 0; }
            html body section.about .featured-box .white-box .certifications img {
              width: 250px;
              margin: 30px 0;
              display: inline-block;
              float: left; }
            html body section.about .featured-box .white-box .download {
              margin: 10px 0 0;
              background: transparent;
              padding: 30px;
              position: absolute;
              left: 0; }
              html body section.about .featured-box .white-box .download:before {
                content: "";
                position: absolute;
                left: 0;
                height: 45px;
                width: 5px;
                background: #ffffff; }
              html body section.about .featured-box .white-box .download h4 {
                color: #ffffff;
                margin: 0; }
            html body section.about .featured-box .white-box a i {
              background: #ffffff; }
            html body section.about .featured-box .white-box a span {
              color: #ffffff; }
      html body section.clients .client-logos {
        display: inline-block;
        width: 100%;
        margin-bottom: 80px; }
        html body section.clients .client-logos .cl-logo {
          border: 0.2px solid rgba(51, 51, 51, 0.1098039216);
          padding: 15px;
          float: left; }
          html body section.clients .client-logos .cl-logo img {
            width: 150px;
            margin: 0 auto;
            transition: all 0.5s ease; }
          html body section.clients .client-logos .cl-logo:hover img, html body section.clients .client-logos .cl-logo:focus img, html body section.clients .client-logos .cl-logo:active img {
            filter: unset;
            opacity: 1; }
      html body section.clients .owl-nav {
        position: relative;
        margin-top: 50px;
        text-align: left; }
        html body section.clients .owl-nav button {
          height: 40px;
          width: 40px;
          display: inline-block;
          border-radius: 50px !important;
          box-shadow: 20px 20px 60px #0000000f;
          text-align: center;
          line-height: 30px;
          outline: none !important;
          margin-right: 30px;
          -webkit-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
          background: #F2E9DE !important;
          border-color: transparent; }
          html body section.clients .owl-nav button.owl-prev img {
            transform: rotate(-180deg); }
    html body footer {
      background-color: #f7f1eb;
      background-image: url(../images/bg-layer-02.png);
      background-position: center bottom;
      background-size: 60%;
      padding: 50px 0 20px;
      background-repeat: repeat-x; }
      html body footer .address {
        padding: 50px;
        background: #01805e;
        position: relative;
        margin-top: -150px; }
        html body footer .address p {
          width: 100%;
          color: #ffffff; }
          html body footer .address p a {
            color: #fff;
            text-decoration: underline !important; }
            html body footer .address p a:hover {
              color: #ccc; }
      html body footer .map {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        background-image: url(../images/map.png);
        height: 237px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 170%;
        transition-duration: .5s; }
        html body footer .map:before {
          content: "";
          position: absolute;
          left: 0;
          width: 100%;
          top: 0;
          height: 100%;
          background: rgba(51, 51, 51, 0.6784313725); }
        html body footer .map .primary-btn {
          text-decoration: none !important;
          margin-top: 0;
          position: absolute;
          width: 111px;
          height: 40px;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
          html body footer .map .primary-btn i {
            height: 40px;
            width: 40px;
            background: #ffffff;
            display: inline-block;
            border-radius: 50px;
            box-shadow: 20px 20px 60px #0000000f;
            text-align: center;
            line-height: 45px;
            margin-right: 10px;
            position: absolute;
            left: 0; }
            html body footer .map .primary-btn i svg {
              height: auto; }
          html body footer .map .primary-btn span {
            font-size: 15px;
            font-weight: 600;
            color: #ffffff;
            right: 0;
            position: absolute;
            top: 13px;
            width: fit-content; }
      html body footer h5 {
        font-size: 18px;
        color: #ffffff;
        font-weight: 700;
        margin-bottom: 30px; }
      html body footer p {
        color: #333333;
        font-weight: 600;
        font-size: 14px;
        line-height: 26px;
        margin: 0;
        width: 70%; }
        html body footer p a {
          color: #333333;
          text-decoration: underline !important; }
          html body footer p a:hover {
            color: #01805e; }
        html body footer p.links {
          opacity: 1; }
          html body footer p.links a {
            margin: 0;
            color: #ffffff;
            text-decoration: none !important;
            opacity: .7;
            display: block; }
            html body footer p.links a:first-child {
              margin-left: 0; }
            html body footer p.links a:hover, html body footer p.links a:focus, html body footer p.links a:active {
              opacity: 1 !important;
              color: #ffffff; }
      html body footer .ftr-links {
        padding: 30px 0 100px;
        margin: 20px 0 20px;
        border-top: none;
        border-bottom: 1px solid #9c56004d;
        display: inline-block;
        width: 100%; }
        html body footer .ftr-links .logo {
          opacity: .7; }
          html body footer .ftr-links .logo img {
            display: inline-block;
            float: left;
            width: 100px; }
          html body footer .ftr-links .logo h1 {
            font-size: 18px;
            line-height: 18px;
            text-transform: capitalize;
            display: inline-block;
            float: left;
            font-weight: 600;
            color: #333333;
            padding-left: 15px;
            margin-top: 12px; }
        html body footer .ftr-links ul {
          list-style-type: none;
          text-align: center;
          display: inline-block;
          width: 100%;
          margin: 20px 0 0;
          padding: 0; }
          html body footer .ftr-links ul li {
            text-align: left;
            line-height: 30px; }
            html body footer .ftr-links ul li a {
              font-size: 14px;
              line-height: 18px;
              color: #333333;
              font-weight: 600;
              text-decoration: none !important; }
              html body footer .ftr-links ul li a:hover, html body footer .ftr-links ul li a:focus, html body footer .ftr-links ul li a:active {
                color: #01805e;
                padding-left: 15px; }
      html body footer .socialmedia {
        float: right;
        display: none; }
        html body footer .socialmedia ul {
          list-style-type: none;
          margin: 0; }
          html body footer .socialmedia ul li {
            float: left;
            text-align: center; }
            html body footer .socialmedia ul li a {
              height: 40px;
              width: 40px;
              display: inline-block;
              border-radius: 50px;
              background: #ffffff;
              color: #01805e;
              border: 1px solid #ffffff70;
              padding: 0;
              margin: 0 5px 0;
              line-height: 43px;
              font-size: 13px;
              text-align: center; }
              html body footer .socialmedia ul li a:hover, html body footer .socialmedia ul li a:focus, html body footer .socialmedia ul li a:active {
                opacity: 1;
                color: #B4936B;
                box-shadow: 20px 20px 60px #0000000f; }
      html body footer .usefullinks h3 {
        color: #333333;
        font-size: 18px;
        position: relative; }
        html body footer .usefullinks h3:after {
          position: relative;
          content: "";
          width: 50px;
          height: 1px;
          background: #333333;
          left: 0;
          margin-top: 20px;
          display: block; }
    html body #return-to-top {
      position: fixed;
      z-index: 99999;
      bottom: 30px;
      right: 30px; }
      html body #return-to-top.primary-btn {
        text-decoration: none !important; }
        html body #return-to-top.primary-btn i {
          height: 40px;
          width: 40px;
          background: #ffffff;
          display: inline-block;
          border-radius: 50px;
          text-align: center;
          line-height: 42px;
          left: 0;
          border: 1px solid #D9EAFA; }
          html body #return-to-top.primary-btn i svg {
            height: auto;
            transform: rotate(-90deg); }
        html body #return-to-top.primary-btn:hover i, html body #return-to-top.primary-btn:focus i, html body #return-to-top.primary-btn:active i {
          box-shadow: 20px 20px 60px #0000000f; }
    html body.inner-page section.innerbanner {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 30vh;
      overflow: hidden; }
      html body.inner-page section.innerbanner:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #01805ef2; }
      html body.inner-page section.innerbanner .inner-caption {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding-top: 100px; }
        html body.inner-page section.innerbanner .inner-caption h1 {
          color: #ffffff;
          font-weight: 700;
          font-size: 35px;
          margin: 0; }
        html body.inner-page section.innerbanner .inner-caption .breadcrumb {
          background: transparent;
          margin-bottom: 0;
          text-align: center;
          padding: 15px 0; }
          html body.inner-page section.innerbanner .inner-caption .breadcrumb li {
            color: #ffffff; }
            html body.inner-page section.innerbanner .inner-caption .breadcrumb li a {
              color: #ffffff; }
              html body.inner-page section.innerbanner .inner-caption .breadcrumb li a.active {
                color: #ffffff; }
    html body.inner-page section.about .mission-vision {
      margin-top: 100px; }
      html body.inner-page section.about .mission-vision .col-md-6 {
        padding-left: 30px; }
        html body.inner-page section.about .mission-vision .col-md-6:before {
          content: "";
          position: absolute;
          left: 0;
          height: 30px;
          width: 5px;
          background: #01805e; }
      html body.inner-page section.about .mission-vision h4 {
        font-size: 20px;
        color: #333333;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 20px; }
    html body.inner-page section.cd-horizontal-timeline .timeline ol {
      list-style-type: none; }
    html body.inner-page section.cd-horizontal-timeline .cd-timeline-navigation {
      list-style-type: none; }
    html body.inner-page section.cd-horizontal-timeline .events-content ol {
      padding: 0;
      list-style-type: none; }
    html body.inner-page section.cd-horizontal-timeline .section-title {
      text-align: center;
      margin-bottom: 30px; }
      html body.inner-page section.cd-horizontal-timeline .section-title h3 {
        width: 100%; }
    html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector {
      background: #F2E9DE;
      padding: 30px;
      min-height: 160px;
      position: relative;
      cursor: pointer; }
      html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector .num {
        font-size: 15px;
        line-height: 18px;
        color: #333333;
        font-weight: 600;
        position: absolute;
        top: 30px; }
      html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector .sector-info {
        position: absolute;
        bottom: 30px;
        width: 80%; }
        html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector .sector-info h6 {
          font-size: 18px;
          line-height: 30px;
          font-weight: 700;
          color: #333333;
          margin-bottom: 0; }
      html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector a {
        position: absolute;
        top: 120%; }
      html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector:hover {
        background: #006A4E;
        box-shadow: 0 15px 60px #0000000f; }
      html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector:hover .num {
        top: -50px;
        color: #F2E9DE !important; }
      html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector:hover .sector-info {
        bottom: 50%; }
        html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector:hover .sector-info h6 {
          color: #ffffff; }
      html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector:hover .primary-btn {
        top: 55%; }
        html body.inner-page section.eps-officers .slider-out .owl-filter .owl-stage-outer .sector:hover .primary-btn span {
          color: #ffffff; }
    html body.inner-page section.eps-officers .slider-out .owl-filter .owl-nav {
      position: relative;
      margin-top: 50px;
      text-align: left; }
      html body.inner-page section.eps-officers .slider-out .owl-filter .owl-nav button {
        height: 40px;
        width: 40px;
        display: inline-block;
        border-radius: 50px;
        box-shadow: 20px 20px 60px #0000000f;
        text-align: center;
        line-height: 30px;
        outline: none !important;
        margin-right: 30px;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background: #F2E9DE;
        border-color: transparent; }
        html body.inner-page section.eps-officers .slider-out .owl-filter .owl-nav button.owl-prev img {
          transform: rotate(-180deg); }
    html body.inner-page section.clients .cl-logo {
      border: 0.2px solid rgba(51, 51, 51, 0.1098039216);
      padding: 15px; }
    html body.inner-page section.k-members .sub-title h4 {
      font-size: 25px;
      line-height: 42px;
      font-weight: 700;
      color: #333333;
      width: 80%;
      margin: 0 0 15px;
      padding: 0 15px; }
    html body.inner-page section.k-members .key-members {
      border-bottom: 1px solid #eee;
      padding-bottom: 50px; }
      html body.inner-page section.k-members .key-members .member-box {
        margin: 15px 0; }
        html body.inner-page section.k-members .key-members .member-box .member-inner {
          background-color: #eceaea; }
          html body.inner-page section.k-members .key-members .member-box .member-inner .img-member {
            position: relative;
            padding: 10px;
            overflow: hidden; }
            html body.inner-page section.k-members .key-members .member-box .member-inner .img-member img {
              width: 100%;
              transition: all 0.3s ease 0s;
              margin: 0 auto; }
          html body.inner-page section.k-members .key-members .member-box .member-inner .member-desc {
            position: relative;
            bottom: 0;
            z-index: 1;
            left: 0;
            right: 0;
            padding: 15px;
            transition: all 0.3s ease 0s;
            background: #ffffff; }
            html body.inner-page section.k-members .key-members .member-box .member-inner .member-desc span {
              color: #01805e;
              font-size: 13px;
              font-weight: 600;
              margin-bottom: 5px;
              transition: all 500ms; }
            html body.inner-page section.k-members .key-members .member-box .member-inner .member-desc h5 {
              color: #333333;
              font-size: 15px;
              font-weight: 600;
              text-transform: capitalize;
              transition: all 500ms;
              line-height: 25px;
              margin-bottom: 0; }
          html body.inner-page section.k-members .key-members .member-box .member-inner:hover, html body.inner-page section.k-members .key-members .member-box .member-inner:focus, html body.inner-page section.k-members .key-members .member-box .member-inner:active {
            box-shadow: 0 15px 60px #0000000f; }
            html body.inner-page section.k-members .key-members .member-box .member-inner:hover .img-member img, html body.inner-page section.k-members .key-members .member-box .member-inner:focus .img-member img, html body.inner-page section.k-members .key-members .member-box .member-inner:active .img-member img {
              transform: scale(1.1); }
            html body.inner-page section.k-members .key-members .member-box .member-inner:hover .img-member .member-desc, html body.inner-page section.k-members .key-members .member-box .member-inner:focus .img-member .member-desc, html body.inner-page section.k-members .key-members .member-box .member-inner:active .img-member .member-desc {
              transform: translateY(-10px); }
    html body.inner-page section.k-members .owl-nav {
      position: relative;
      margin-top: 50px;
      text-align: left; }
      html body.inner-page section.k-members .owl-nav button {
        height: 40px;
        width: 40px;
        display: inline-block;
        border-radius: 50px;
        box-shadow: 20px 20px 60px #0000000f;
        text-align: center;
        line-height: 30px;
        outline: none !important;
        margin-right: 30px;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background: #F2E9DE;
        border-color: transparent; }
        html body.inner-page section.k-members .owl-nav button.owl-prev img {
          transform: rotate(-180deg); }
    html body.inner-page section.k-members .team-skill {
      padding: 50px 0 0; }
      html body.inner-page section.k-members .team-skill .sub-title h4 {
        padding: 0;
        margin-bottom: 30px; }
      html body.inner-page section.k-members .team-skill .skilled-out {
        background-image: url(../images/skilled-team.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 70px 50px;
        position: relative;
        z-index: 9;
        float: left;
        background-position: center; }
        html body.inner-page section.k-members .team-skill .skilled-out .section-title .title {
          color: #fff; }
        html body.inner-page section.k-members .team-skill .skilled-out .skilled-cont {
          float: left;
          width: 100%; }
          html body.inner-page section.k-members .team-skill .skilled-out .skilled-cont ul {
            float: left;
            margin: 0;
            padding: 0 0 0 15px;
            width: 80%; }
            html body.inner-page section.k-members .team-skill .skilled-out .skilled-cont ul li {
              float: left;
              width: 34%;
              font-size: 17px;
              color: #333;
              padding: 5px 0 5px 20px;
              transition: all 400ms;
              -webkit-transition: all 400ms;
              position: relative; }
              html body.inner-page section.k-members .team-skill .skilled-out .skilled-cont ul li:before {
                position: absolute;
                content: '';
                left: 0;
                top: 11px;
                width: 12px;
                height: 12px;
                border-radius: 50px;
                background: url(../images/dot-list-green.svg) no-repeat; }
              html body.inner-page section.k-members .team-skill .skilled-out .skilled-cont ul li:hover {
                padding-left: 25px;
                transition: all 400ms;
                -webkit-transition: all 400ms; }
    html body.inner-page section.services {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 70vh; }
      html body.inner-page section.services .service-container .service-info {
        margin-top: 100px; }
        html body.inner-page section.services .service-container .service-info .section-title .meta-title {
          font-size: 18px;
          font-weight: 500;
          line-height: 22px;
          color: #B4936B;
          text-transform: capitalize; }
        html body.inner-page section.services .service-container .service-info .section-title .title {
          font-size: 35px;
          line-height: 42px;
          font-weight: 700;
          color: #333333;
          width: 80%;
          margin: 0; }
        html body.inner-page section.services .service-container .service-info ul {
          padding-left: 20px; }
          html body.inner-page section.services .service-container .service-info ul li {
            font-size: 15px;
            line-height: 26px;
            font-weight: 500;
            list-style-image: url(../images/dot-list-green.svg);
            padding-left: 15px;
            margin-bottom: 15px; }
    html body.inner-page section.registration {
      margin-bottom: 100px; }
      html body.inner-page section.registration .primary-btn span {
        right: -20px; }
      html body.inner-page section.registration .primary-btn i {
        background: #f7f1eb; }
      html body.inner-page section.registration .primary-btn:hover i, html body.inner-page section.registration .primary-btn:focus i, html body.inner-page section.registration .primary-btn:active i {
        left: 135px;
        background: #01805e; }
        html body.inner-page section.registration .primary-btn:hover i svg polygon, html body.inner-page section.registration .primary-btn:focus i svg polygon, html body.inner-page section.registration .primary-btn:active i svg polygon {
          fill: #ffffff; }
      html body.inner-page section.registration .primary-btn:hover span, html body.inner-page section.registration .primary-btn:focus span, html body.inner-page section.registration .primary-btn:active span {
        right: 35px; }
      html body.inner-page section.registration form .form-field {
        margin-bottom: 15px; }
        html body.inner-page section.registration form .form-field.pl-0 {
          padding-left: 0; }
        html body.inner-page section.registration form .form-field label {
          display: block; }
        html body.inner-page section.registration form .form-field input {
          width: 100%;
          padding: 10px 15px;
          outline: none;
          border: 1px solid #3333331c;
          font-size: 15px; }
      html body.inner-page section.registration form .file_upload label[for="file-input"] {
        display: block;
        margin-bottom: 1em;
        font-size: 1em;
        color: #ffffff;
        opacity: .9;
        font-weight: bold; }
      html body.inner-page section.registration form .file_upload input[type="file"] {
        cursor: pointer !Important; }
        html body.inner-page section.registration form .file_upload input[type="file"]::-webkit-file-upload-button {
          background: #01805e;
          border: 0;
          padding: 1em 2em;
          cursor: pointer;
          color: #ffffff;
          border-radius: .2em;
          outline: none; }
        html body.inner-page section.registration form .file_upload input[type="file"]::-ms-browse {
          background: #01805e;
          border: 0;
          padding: 1em 2em;
          cursor: pointer;
          color: #ffffff;
          border-radius: .2em; }
      html body.inner-page section.registration form .g-recaptcha {
        margin: 30px 0 0; }
      html body.inner-page section.registration form .primary-btn {
        width: 108px; }
        html body.inner-page section.registration form .primary-btn span {
          right: 0; }
        html body.inner-page section.registration form .primary-btn i {
          background: #f7f1eb; }
        html body.inner-page section.registration form .primary-btn:hover i, html body.inner-page section.registration form .primary-btn:focus i, html body.inner-page section.registration form .primary-btn:active i {
          left: 55px;
          background: #01805e; }
          html body.inner-page section.registration form .primary-btn:hover i svg polygon, html body.inner-page section.registration form .primary-btn:focus i svg polygon, html body.inner-page section.registration form .primary-btn:active i svg polygon {
            fill: #ffffff; }
        html body.inner-page section.registration form .primary-btn:hover span, html body.inner-page section.registration form .primary-btn:focus span, html body.inner-page section.registration form .primary-btn:active span {
          right: 60px; }
    html body.inner-page section.careers {
      margin-bottom: 100px; }
      html body.inner-page section.careers p {
        width: 80%;
        display: inline-block; }
      html body.inner-page section.careers hr {
        width: 80%;
        left: 0;
        margin: 50px 0 !important; }
      html body.inner-page section.careers form {
        margin-top: 50px; }
        html body.inner-page section.careers form .form-field {
          margin-bottom: 15px; }
          html body.inner-page section.careers form .form-field.pl-0 {
            padding-left: 0; }
          html body.inner-page section.careers form .form-field label {
            display: block; }
          html body.inner-page section.careers form .form-field input {
            width: 100%;
            padding: 10px 15px;
            outline: none;
            border: 1px solid #3333331c;
            font-size: 15px; }
          html body.inner-page section.careers form .form-field textarea {
            width: 100%;
            padding: 10px 15px;
            outline: none;
            border: 1px solid #3333331c;
            font-size: 15px;
            min-height: 100px; }
        html body.inner-page section.careers form .file_upload label[for="file-input"] {
          display: block;
          margin-bottom: 1em;
          font-size: 1em;
          color: #ffffff;
          opacity: .9;
          font-weight: bold; }
        html body.inner-page section.careers form .file_upload input[type="file"] {
          cursor: pointer !Important; }
          html body.inner-page section.careers form .file_upload input[type="file"]::-webkit-file-upload-button {
            background: #01805e;
            border: 0;
            padding: 1em 2em;
            cursor: pointer;
            color: #ffffff;
            border-radius: .2em;
            outline: none; }
          html body.inner-page section.careers form .file_upload input[type="file"]::-ms-browse {
            background: #01805e;
            border: 0;
            padding: 1em 2em;
            cursor: pointer;
            color: #ffffff;
            border-radius: .2em; }
        html body.inner-page section.careers form .g-recaptcha {
          display: inline-block;
          width: 100%; }
        html body.inner-page section.careers form .primary-btn {
          width: 108px; }
          html body.inner-page section.careers form .primary-btn span {
            right: 0; }
          html body.inner-page section.careers form .primary-btn i {
            background: #f7f1eb; }
          html body.inner-page section.careers form .primary-btn:hover i, html body.inner-page section.careers form .primary-btn:focus i, html body.inner-page section.careers form .primary-btn:active i {
            left: 55px;
            background: #01805e; }
            html body.inner-page section.careers form .primary-btn:hover i svg polygon, html body.inner-page section.careers form .primary-btn:focus i svg polygon, html body.inner-page section.careers form .primary-btn:active i svg polygon {
              fill: #ffffff; }
          html body.inner-page section.careers form .primary-btn:hover span, html body.inner-page section.careers form .primary-btn:focus span, html body.inner-page section.careers form .primary-btn:active span {
            right: 60px; }
    html body.inner-page section.contact {
      margin-bottom: 0;
      padding-bottom: 0; }
      html body.inner-page section.contact p a {
        color: #333333;
        display: block;
        text-decoration: none; }
        html body.inner-page section.contact p a:hover, html body.inner-page section.contact p a:focus, html body.inner-page section.contact p a:active {
          color: #01805e; }
      html body.inner-page section.contact .contactdetails {
        background: #f7f1eb;
        padding: 100px; }
        html body.inner-page section.contact .contactdetails hr {
          width: 100%;
          left: 0;
          margin: 30px 0 !important;
          border-color: #01805e21; }
        html body.inner-page section.contact .contactdetails .eps-link a {
          display: inline-block;
          text-decoration: underline; }
    html body.inner-page section.map-container {
      margin-bottom: 100px; }
      html body.inner-page section.map-container .address {
        background: #ffffff;
        box-shadow: 0 15px 60px #0000000f;
        padding: 50px;
        position: relative;
        min-height: 500px; }
        html body.inner-page section.map-container .address .tab-container {
          float: left;
          width: 100%; }
          html body.inner-page section.map-container .address .tab-container .tab-navigation {
            margin-bottom: 40px;
            position: relative;
            top: 0;
            width: auto;
            display: inline-block;
            background: #f7f1eb;
            padding: 15px 30px;
            padding-right: 60px;
            border-left: 3px solid #01805e; }
            html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown {
              display: inline-block;
              position: relative;
              margin-bottom: 0; }
              html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-button {
                display: inline-block;
                position: relative;
                font-weight: 600;
                font-size: 15px;
                cursor: pointer; }
                html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-button:after {
                  content: "";
                  position: absolute;
                  top: 50%;
                  right: -20px;
                  transform: translateY(-50%);
                  width: 0;
                  height: 0;
                  border-left: 5px solid transparent;
                  border-right: 5px solid transparent;
                  border-top: 5px solid black; }
              html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-input {
                display: none; }
              html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-input + .dd-menu {
                display: none; }
              html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-input:checked + .dd-menu {
                display: block; }
              html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-menu {
                position: absolute;
                top: 100%;
                padding: 0;
                list-style-type: none;
                box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
                font-size: 1.5rem;
                background-color: #ffffff;
                padding: 25px 15px 18px;
                width: 250px;
                z-index: 9; }
                html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-menu li {
                  padding: 5px 5px 10px;
                  cursor: pointer;
                  white-space: nowrap;
                  font-weight: 500;
                  font-size: 15px;
                  position: relative; }
                  html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-menu li:after {
                    pointer-events: none;
                    z-index: 15;
                    position: absolute;
                    content: "";
                    width: 7px;
                    height: 12px;
                    border-bottom: 2px solid #01805e;
                    border-right: 2px solid #01805e;
                    right: 1.875rem;
                    top: 39%;
                    transform: translateY(-50%) rotate(45deg);
                    transition: transform 0.1s, opacity 0.1s;
                    opacity: 0;
                    transition: all 400ms;
                    -webkit-transition: all 400ms; }
                  html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-menu li:hover:after, html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-menu li:focus:after, html body.inner-page section.map-container .address .tab-container .tab-navigation .dropdown .dd-menu li:active:after {
                    opacity: 1; }
          html body.inner-page section.map-container .address .tab-container .tab-content .tab-con-det {
            float: left;
            width: 45%;
            margin-right: 5%; }
            html body.inner-page section.map-container .address .tab-container .tab-content .tab-con-det h2 {
              margin-top: 0;
              font-size: 20px;
              letter-spacing: 0;
              font-weight: 600;
              color: #01805e; }
            html body.inner-page section.map-container .address .tab-container .tab-content .tab-con-det p {
              margin: 0;
              line-height: 30px;
              color: #333333;
              width: 100%;
              margin-bottom: 30px;
              display: inline-block; }
              html body.inner-page section.map-container .address .tab-container .tab-content .tab-con-det p a {
                color: #333333;
                display: block;
                text-decoration: none; }
                html body.inner-page section.map-container .address .tab-container .tab-content .tab-con-det p a:hover, html body.inner-page section.map-container .address .tab-container .tab-content .tab-con-det p a:focus, html body.inner-page section.map-container .address .tab-container .tab-content .tab-con-det p a:active {
                  color: #01805e; }
              html body.inner-page section.map-container .address .tab-container .tab-content .tab-con-det p.eps-link a {
                display: inline-block;
                text-decoration: underline; }
          html body.inner-page section.map-container .address .tab-container .tab-content .address-map {
            right: 0;
            width: 60%;
            position: absolute;
            top: 0;
            height: 100%; }
            html body.inner-page section.map-container .address .tab-container .tab-content .address-map iframe {
              width: 100%;
              float: left;
              border: none;
              height: 100%; }
    html body.inner-page section.divisions-out {
      margin-bottom: 100px; }
      html body.inner-page section.divisions-out .container .row .division-left .divi-img {
        background: url(../images/civil-division.jpg) no-repeat;
        min-height: 80vh;
        background-size: cover;
        background-position: center;
        border: 10px solid #f7f1eb; }
        html body.inner-page section.divisions-out .container .row .division-left .divi-img.mechanical-div {
          background: url(../images/mechanical-division.jpg) no-repeat;
          background-size: cover;
          background-position: center; }
        html body.inner-page section.divisions-out .container .row .division-left .divi-img.modular-div {
          background: url(../images/modular-division.jpg) no-repeat;
          background-size: cover;
          background-position: center; }
        html body.inner-page section.divisions-out .container .row .division-left .divi-img.supply-div {
          background: url(../images/supply-division.jpg) no-repeat;
          background-size: cover;
          background-position: center; }
      html body.inner-page section.divisions-out .container .row .division-right {
        min-height: 80vh;
        padding: 0 30px; }
        html body.inner-page section.divisions-out .container .row .division-right .divi-cont h3 {
          font-size: 25px;
          font-weight: 700;
          color: #333333;
          line-height: 35px;
          margin-top: 0;
          margin-bottom: 30px; }
        html body.inner-page section.divisions-out .container .row .division-right .divi-cont ul {
          margin: 0;
          padding: 0 0 0 15px;
          float: left;
          width: 50%; }
          html body.inner-page section.divisions-out .container .row .division-right .divi-cont ul li {
            font-size: 15px;
            line-height: 26px;
            font-weight: 500;
            list-style-image: url(../images/dot-list-green.svg);
            padding-left: 15px;
            margin-bottom: 15px; }
        html body.inner-page section.divisions-out .container .row .division-right.supply-list .divi-cont .supply-search {
          position: relative;
          float: left;
          width: 100%;
          margin-bottom: 30px; }
          html body.inner-page section.divisions-out .container .row .division-right.supply-list .divi-cont .supply-search svg {
            width: 15px;
            position: absolute;
            left: 18px;
            top: 18px;
            fill: #01805e; }
          html body.inner-page section.divisions-out .container .row .division-right.supply-list .divi-cont .supply-search input {
            border: none;
            height: 50px;
            width: 60%;
            padding: 12px 0 12px 50px;
            border-radius: 4px;
            outline: none;
            background: #f5f5f5; }
        html body.inner-page section.divisions-out .container .row .division-right.supply-list .divi-cont ul {
          width: 100%; }
          html body.inner-page section.divisions-out .container .row .division-right.supply-list .divi-cont ul li {
            width: 45%;
            float: left;
            margin-right: 5%; }
      html body.inner-page section.divisions-out .container .row .com-projects {
        margin-top: 50px;
        float: left;
        width: 100%;
        position: relative;
        padding-top: 50px; }
        html body.inner-page section.divisions-out .container .row .com-projects:before {
          position: absolute;
          content: '';
          left: 15px;
          right: 15px;
          top: 20px;
          background: #f5efef;
          height: 1px; }
        html body.inner-page section.divisions-out .container .row .com-projects h1 {
          font-size: 35px;
          line-height: 42px;
          font-weight: 700;
          color: #333333;
          margin-bottom: 20px; }
        html body.inner-page section.divisions-out .container .row .com-projects p {
          font-size: 15px; }
        html body.inner-page section.divisions-out .container .row .com-projects .table-responsive table.table.table-bordered th {
          background: #01805e;
          color: #fff;
          vertical-align: middle !important;
          text-transform: uppercase;
          padding: 15px; }
        html body.inner-page section.divisions-out .container .row .com-projects .table-responsive table.table.table-bordered tr {
          background: #ece5e5; }
          html body.inner-page section.divisions-out .container .row .com-projects .table-responsive table.table.table-bordered tr td {
            vertical-align: middle;
            padding: 12px;
            line-height: 25px;
            font-size: 13px;
            border: 1px solid #e6d6d6;
            text-transform: uppercase; }
            html body.inner-page section.divisions-out .container .row .com-projects .table-responsive table.table.table-bordered tr td.second {
              width: 60%; }
        html body.inner-page section.divisions-out .container .row .com-projects .table-responsive .table-striped > tbody > tr:nth-of-type(odd) {
          background-color: #f5efef !important; }
      html body.inner-page section.divisions-out .container .row .other-division {
        margin-top: 50px; }
        html body.inner-page section.divisions-out .container .row .other-division h1 {
          font-size: 35px;
          line-height: 42px;
          font-weight: 700;
          color: #333333;
          margin-bottom: 20px; }
        html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item {
          height: 230px;
          overflow: hidden;
          background-position: center;
          background-repeat: no-repeat;
          background-size: 120%;
          transition-duration: 1s; }
          html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item:before {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(1, 84, 62, 0.9) 100%);
            transition: all 400ms;
            -webkit-transition: all 400ms; }
          html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item .service-info {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 30px; }
            html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item .service-info h6 {
              color: #ffffff;
              font-size: 18px;
              font-weight: 600;
              line-height: 25px;
              margin: 0; }
          html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item .primary-btn {
            position: absolute;
            bottom: -120px;
            left: 30px; }
            html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item .primary-btn i {
              height: 40px;
              width: 40px;
              background: #ffffff;
              display: inline-block;
              border-radius: 50px;
              box-shadow: 20px 20px 60px #0000000f;
              text-align: center;
              line-height: 45px;
              margin-right: 10px;
              position: absolute;
              left: 0; }
              html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item .primary-btn i svg {
                height: auto; }
            html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item .primary-btn span {
              font-size: 15px;
              font-weight: 600;
              color: #fff;
              right: 0;
              position: absolute;
              top: 13px;
              width: fit-content; }
            html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item .primary-btn:hover i {
              margin-right: 0;
              left: 110px;
              margin-left: 10px; }
            html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item .primary-btn:hover span {
              right: 60px; }
          html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item:hover .service-info {
            bottom: 52%; }
          html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item:hover .primary-btn {
            position: absolute;
            bottom: 30px; }
          html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .item:hover:before {
            background: #01805e;
            transition: all 400ms;
            -webkit-transition: all 400ms; }
        html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .owl-nav {
          position: relative;
          margin-top: 50px;
          text-align: left;
          display: none; }
          html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .owl-nav button {
            height: 40px;
            width: 40px;
            display: inline-block;
            border-radius: 50px;
            box-shadow: 20px 20px 60px #0000000f;
            text-align: center;
            line-height: 30px;
            outline: none !important;
            margin-right: 30px;
            -webkit-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            background: #f7f1eb;
            border-color: transparent; }
            html body.inner-page section.divisions-out .container .row .other-division .divisions-slider .owl-nav button.owl-prev img {
              transform: rotate(-180deg);
              -webkit-transform: rotate(-180deg); }

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