* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  overflow: hidden;
}

body .force-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body .tab-show {
  display: none;
}

.page {
  height: 100vh;
  position: absolute;
  top: 0;
  overflow-y: auto;
}

.page .display-2,
.page .display-3,
.page .display-4,
.page .display-5 {
  color: #0145fe;
}

.page .display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.page .navigation {
  height: 0;
  width: 100vw;
  background-color: #0145fe;
  color: #fff !important;
  -webkit-transform: translateY(-500px);
          transform: translateY(-500px);
  position: relative;
}

.page .navigation .display-2,
.page .navigation .display-3,
.page .navigation .display-4,
.page .navigation .display-5 {
  color: #fff;
}

.page .navigation .display-3 {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

.page .navigation ul {
  list-style-type: none;
}

.page .navigation ul li {
  display: none;
  opacity: 0;
  font-size: larger;
  font-weight: 300;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  margin: 10px auto;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  position: relative;
}

.page .navigation ul li:hover {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

.page .navigation ul li a {
  color: #fff;
  letter-spacing: 1.8px;
}

.page .button_base {
  margin: 0;
  border: 0;
  font-size: 18px;
  letter-spacing: 3px;
  position: relative;
  width: 200px;
  height: 50px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
  overflow: hidden;
  border: #0145fe solid 1px;
}

.page .button_base:hover {
  cursor: pointer;
}

.page .btn_slide:hover div:nth-child(2) {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate(-15px, 0px) skewX(-30deg);
          transform: translate(-15px, 0px) skewX(-30deg);
}

.page .btn_slide:hover div:nth-child(3) {
  left: 0px;
  -webkit-transition: left 0.30000000000000004s ease;
  transition: left 0.30000000000000004s ease;
}

.page .btn_slide div {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
}

.page .btn_slide div:nth-child(1) {
  color: #0145fe;
  background-color: #ffffff;
}

.page .btn_slide div:nth-child(2) {
  background-color: #0145fe;
  width: 230px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translate(-250px, 0px) skewX(-30deg);
          transform: translate(-250px, 0px) skewX(-30deg);
}

.page .btn_slide div:nth-child(3) {
  color: #ffffff;
  left: -200px;
  -webkit-transition: left 0.2s ease;
  transition: left 0.2s ease;
}

.page .white-space {
  height: 100px;
}

.page .white-space-half {
  height: 50px;
}

.page .sticky-stuff {
  position: -webkit-sticky;
  position: sticky;
}

.page .nav-toggler .navigator {
  background-color: #0145fe;
  border-radius: 0;
  color: #fff;
  border: none;
  font-size: 30px;
  float: right;
  -webkit-box-shadow: 0px 0px 30px rgba(182, 47, 47, 0.5);
          box-shadow: 0px 0px 30px rgba(182, 47, 47, 0.5);
}

.page .nav-toggler .navigator:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page .nav-toggler .navigator-x {
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 40px;
  color: #fff;
}

.page .scrollTop button {
  background-color: #0145fe;
  border-radius: 0;
  color: #fff;
  border: none;
  font-size: 20px;
  position: fixed;
  right: 3%;
  bottom: 5%;
  z-index: 1030;
  -webkit-box-shadow: 0px 0px 30px rgba(182, 47, 47, 0.5);
          box-shadow: 0px 0px 30px rgba(182, 47, 47, 0.5);
}

.page .scrollTop button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page p,
.page li {
  font-size: 18px;
  font-weight: 300;
  font-style: justify;
  font-family: Montserrat, helvetica;
  font-weight: 500;
  color: #000;
}

.page .fluider {
  height: 100vh;
  width: 30vh;
  background-color: #0145fe;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: skewX(-30deg);
          transform: skewX(-30deg);
}

.page .section {
  padding-top: 100px;
  padding-bottom: 100px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  width: 100vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 5;
}

.page .section .no-padd {
  padding: 0;
}

.page .section .text-cont {
  padding: 50px;
}

.page .section .parallax-img {
  overflow: hidden;
  height: 100%;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.page .section .parallax-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.page .section .list .num {
  padding: 0.5rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.page .section .list .num p {
  position: relative;
  left: -1.5rem;
  color: #3d3d3d;
  font-size: 1.3rem;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.page .section .list .num:hover::before {
  opacity: 1;
  color: #0145fe;
}

.page .section .list .num:hover p {
  left: 1rem;
}

.page .section .list .num::before {
  font-size: 4rem;
  font-weight: bold;
  color: #000;
  width: 2rem;
  opacity: 0.05;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.page .section .list .num:nth-child(0)::before {
  content: "0";
}

.page .section .list .num:nth-child(1)::before {
  content: "1";
}

.page .section .list .num:nth-child(2)::before {
  content: "2";
}

.page .section .list .num:nth-child(3)::before {
  content: "3";
}

.page .section .list .num:nth-child(4)::before {
  content: "4";
}

.page .section .list .num:nth-child(5)::before {
  content: "5";
}

.page .section .list .num:nth-child(6)::before {
  content: "6";
}

.page .hero-banner {
  min-height: 100vh;
  background-image: url(../img/banner1.jpg);
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
}

.page .hero-banner .text {
  margin: auto;
  padding-top: 10vh;
}

.page .management .container .content {
  padding: 0 10%;
}

.page .management .container .content .team .member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 10px;
}

.page .management .container .content .team .member .desc {
  padding-left: 10px;
}

.page .management .container .content .team .member .desc .name {
  font-size: x-large;
  font-weight: 600;
  color: #0145fe;
  letter-spacing: 2px;
}

.page .management .container .content .team .member .desc .position {
  font-size: large;
  letter-spacing: 2px;
}

.page .services .container .content {
  padding: 0 6%;
}

.page .services .container .content ol {
  text-align: center;
}

.page .equipment .container .table thead th {
  text-transform: uppercase;
  color: #0145fe;
}

.page .equipment .container .table tbody th {
  text-transform: capitalize;
}

.page .equipment .container .table tbody td {
  text-transform: capitalize;
}

.page .projects .flickity-prev-next-button.previous {
  left: 55px;
}

.page .projects .slide--parent {
  max-width: 1100px;
  margin: auto;
  overflow: hidden;
}

.page .projects p {
  line-height: 1.8;
}

.page .projects h1 {
  letter-spacing: 10px;
  color: #343434;
  margin: 0;
}

.page .projects h2 {
  letter-spacing: 3.5px;
  color: #343434;
  margin: 0;
}

.page .projects small {
  font-style: italic;
  font-weight: 700;
  margin-bottom: 0.5em;
  display: inline-block;
  color: #999;
  position: relative;
  padding-left: 3em;
}

.page .projects small:after {
  content: "";
  position: absolute;
  left: -0em;
  top: 50%;
  height: 4px;
  width: 2.4em;
  background: red;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.page .projects .parent--el {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

.page .projects .parent--el .two--col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page .projects figure {
  margin: 0;
}

.page .projects .is-item {
  width: 60%;
}

.page .projects .is-item.has--img {
  width: 40%;
}

.page .projects .the-img {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.page .projects .the-img img {
  width: 100%;
}

.page .projects .is-item--inner {
  padding: 0em 3em;
}

.page .projects hr {
  margin: 0.5em 0em;
  height: 4px;
  background: #eee;
  border: none;
}

.page .projects .the-img {
  overflow: hidden;
  height: 500px;
}

.page .projects .the-img img {
  position: relative;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.page .projects .is-item--inner p {
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  position: relative;
  opacity: 0;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  margin-bottom: 0;
}

.page .projects h1 {
  overflow: hidden;
}

.page .projects h1 span {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: inline-block;
}

.page .projects hr {
  width: 0;
  max-width: 8em;
  -webkit-transition: all 2500ms ease;
  transition: all 2500ms ease;
}

.page .projects small {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
}

.page .projects small:after {
  width: 0;
  max-width: 2.4em;
  -webkit-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.page .projects .parent--el.is-selected .the-img {
  overflow: hidden;
}

.page .projects .parent--el.is-selected .the-img img {
  position: relative;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

.page .projects .parent--el.is-selected .is-item--inner p {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
  position: relative;
  opacity: 1;
}

.page .projects .parent--el.is-selected .is-item--inner p:nth-of-type(1) {
  font-size: 1.3rem;
}

.page .projects .parent--el.is-selected .is-item--inner p:nth-of-type(2) {
  color: #0145fe;
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}

.page .projects .parent--el.is-selected .is-item--inner p:nth-of-type(3) {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}

.page .projects .parent--el.is-selected h1 {
  overflow: hidden;
}

.page .projects .parent--el.is-selected h1 span {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  position: relative;
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
  display: inline-block;
}

.page .projects .parent--el.is-selected hr {
  width: 100%;
  max-width: 8em;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

.page .projects .parent--el.is-selected small {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.page .projects .parent--el.is-selected small:after {
  width: 100%;
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
  max-width: 2.4em;
}

.page .contact {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0;
}

.page .contact .column .icon {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  overflow: hidden;
  color: #fff;
  background-color: #0145fe;
  margin: 20px auto;
  -webkit-box-shadow: 0px 0px 30px rgba(182, 47, 47, 0.5);
          box-shadow: 0px 0px 30px rgba(182, 47, 47, 0.5);
}

.page .contact .column .icon i {
  font-size: 50px;
}

.page .contact .column .title {
  font-weight: 300;
  color: #fff;
}

.page .contact .column h4 {
  font-weight: 300;
  color: #fff;
}

.page .contact .column p {
  color: #fff;
}

.page .contact .copyright {
  background-color: #383838;
  color: #fff;
  padding: 10px;
}

@media (max-width: 767px) {
  .display-1 {
    font-size: 4rem;
  }
  .navigation .display-3 {
    font-size: 3.6rem;
  }
  .equipment .table-view {
    width: 100vw;
    overflow: auto;
  }
  .section {
    background-position: center !important;
  }
  .tab-show {
    display: block !important;
  }
  .tab-hide {
    display: none;
  }
}

@media (max-width: 575px) {
  .display-1 {
    font-size: 2.6rem;
  }
  .navigation .display-3 {
    font-size: 2.2rem;
  }
  .display-4 {
    font-size: 2.2rem;
  }
  .page .projects .is-item {
    width: 100%;
  }
  .page .projects .is-item--inner {
    padding: 0em 1em;
  }
  .page .projects .flickity-prev-next-button.previous {
    left: 10px;
  }
  .page .projects h1 {
    letter-spacing: 4px;
  }
  .page .projects h2 {
    letter-spacing: 1.5px;
  }
}
/*# sourceMappingURL=style.css.map */
/*------------------------------------------------------------------ HEADER -------------------------------------------------------------------*/

.top-header .navbar {
  padding: 5px 0px;
}

.top-header {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: auto 100%;
    width: 90%;
    margin: 0 5%;
}

.top-header .navbar .navbar-collapse ul li a {
  text-transform: uppercase;
  font-size: 15px;
  padding: 7px 20px;
  position: relative;
  font-weight: 400;
  overflow: hidden;
  color: #000;
}

a.navbar-brand {
    left: 0;
    position: relative;
}

a.navbar-brand img {
    height: 55px;
}

.top-header .navbar .navbar-collapse ul li a.active {}
.top-header .navbar .navbar-collapse ul li a:hover,
.top-header .navbar .navbar-collapse ul li a:focus {
  background: transparent;
  color: #d4a81e;
}

.search_icon.nav-link img {
  width: 25px;
}

.top-header .navbar .navbar-collapse ul li {
  margin: 0 2px;
}

.top-header.fixed-menu {
    width: 100%;
    position: fixed;
    box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    background: #fff;
    z-index: 20;
    margin: 0;
}

.navbar-toggler {
  border: 2px solid #d4a81e !important;
  border-radius: 0;
  margin: 15px 15px;
  padding: 8px 8px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.navbar-toggler span {
  background: #d4a81e;
  display: block;
  width: 22px;
  height: 2px;
  margin: 0 auto;
  margin-top: 0px;
  margin-top: 0px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.navbar-toggler span+span {
  margin-top: 5px;
}

.navbar-toggler:hover {
  border: 2px solid #d4a81e;
}

.navbar-toggler:hover span {
  background: #d4a81e;
}

.tab_menu {
    overflow: scroll;
}
.tab_menu ul {
    width: 950px;
}
.full > img {
    width: 100%;
}
.blog_img_popular {
    margin-bottom: 30px;
}
/* search bar */

.search-box {
  position: absolute;
  top: 0;
  right: 50px;
  height: auto;
  padding: 0;
  margin-top: 17px;
}

.search-box:hover .search-txt {
  width: 240px;
  padding: 0 10px;
}

.top-header #navbar-wd {
  padding-right: 100px;
}

.search-btn {
  float: right;
  width: 41px;
  height: 41px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #111;
}

.search-txt {
  border: none;
  outline: none;
  float: left;
  padding: 0;
  color: #000;
  font-size: 14px;
  line-height: 41px;
  width: 0;
  transition: width 400ms;
  background: #fff;
  padding: 0;
  font-weight: 300;
}

.theme_color {
  color: #d4a81e;
}

.social-links a{
  position:relative;
  display:inline-block;
  font-size:13px;
  width:32px;
  height:32px;
  line-height:30px;
  border:1px solid #72868a;
  text-align:center;
  margin:0px 5px 10px 0px;
  color:#0145fe;
  background:none;
  border-radius:50%;
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
}

.social-links1 a{
  position:relative;
  display:inline-block;
  font-size:13px;
  width:32px;
  height:32px;
  line-height:30px;
  border:1px solid #72868a;
  text-align:center;
  margin:0px 5px 10px 0px;
  color:#ffffff;
  background:none;
  border-radius:50%;
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
}