body{
  width: 100%;
  font-family: 'Muli' !important;
  overflow-x: hidden;
}
.nav_bgclr {
  background-color: #000;
  color: #fff;
  border-radius: 0px;
  height: 65px;
}

.nav_icons {
  font-size: 18px;
}

.mbt30{
  margin-bottom: 30px;
}

.navbar-default .navbar-nav>li>a {
  color: #d4d4d4 !important;
  font-size: 15px;
  font-weight: normal;
}

.navbar {
  margin-bottom: 0px !important;
}

.navbar-default {
  border: none !important;
}

.nav_icons_margin {
  margin-left: 30px;
}

.navbar .navbar-header, .navbar-collapse {
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 5px 0px;
}

/* .banner_img {
overflow: hidden;
background-image: url(../images/banner_image.jpg);
height: 97%;
background-repeat: no-repeat;
background-position: center;
} */
.logoa{
  padding: 2px 5px !important;
}
.clogo{
  height: 37px;
  width: auto;
}
.clogo_sys{
  display: none !important;
}

.hidden_xs{
  display: none;
}
.banner_img{
  width: 100%;
  display: inline-block;
  position: relative;
  background: url(../images/banner_image.jpg)no-repeat;
  margin: 0 auto;
  background-size: cover;
  background-position-x: center;
}

.banner_img:after {
  display: block;
  content: '';
}

.container_padd{
  padding: 117px 0px;
}


.shaking_hands {
  width: 100%;
  display: inline-block;
  position: relative;
  background: url(../images/shaking_hands.jpg)no-repeat;
  margin: 0 auto;
  background-position-y:center;
  background-size: cover;
}
.shaking_hands:after {
  display: block;
  content: '';
}

.mobile {
  width: 100%;
  display: inline-block;
  position: relative;
  background: url(../images/mobile.jpg)no-repeat;
  margin: 0 auto;
  background-position-y:center;
  background-size: cover;
}
.mobile:after {
  display: block;
  content: '';
}
.mobile_one {
  width: 100%;
  display: inline-block;
  position: relative;
  background-size: contain;
  background: url(../images/mobile2.jpg) top center no-repeat;
  margin: 0 auto;
}
.mobile_one:after {
  display: block;
  content: '';
}


.feautred_Content {
  background-color: #222;
  height: 350px;
}

.mobile_one img {
  max-width: 1920px;
}

div.footer-social .nav li a img {
  height: 24px;
  width: 24px;
}

div.footer-social .nav {
  display: flex;
}

.footer {
  background-color: #000;
  position: fixed;
  z-index: 21;
  color: white;
  width: 100%;
  bottom: 0;
}

.share_txt {
  line-height: 3;
  font-weight: bold;
}

.contact-module {
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: -36px;
  z-index: 150;
}

.footer .container {
  /* display: flex; */
  text-align: center;
  padding: 10px 0px;
  font-style: italic;
}

.footer-social {
  width: 100%;
}

.link-list {
  width: 100%;
  line-height: 2.5;
}

.footer .link-list .link-wrapper {
  margin: 4px 0;
  padding: 0 8px;
  display: inline-block;
  position: relative;
  float: right;
}

.contact-module .opener {
  display: block;
  max-width: 120px;
  min-width: 80px;
  word-break: break-word;
  padding: 11px 15px 15px 15px;
  background: #008fd3;
  border-radius: 4px 0 0 4px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  line-height: 1.17;
  font-family: inherit;
}

/* For Nav page slider */

.homepageNavigationPanel {
  position: fixed;
  height: 100%;
  z-index: 11;
  width: 296px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  left: 0;
  top: 0;
  transition-duration: 200ms;
  transition-timing-function: linear;
}

.homepageNavigationPanel.minified {
  pointer-events: none;
}

.homepageNavigationPanel.minified .nav-container {
  pointer-events: auto;
  width: 68px;
}

.homepageNavigationPanel .nav-container {
  width: 100%;
}

.homepageNavigationPanel.minified .nav-in-page {
  pointer-events: none;
}

.homepageNavigationPanel .nav-in-page {
  margin-left: 32px;
  width: 192px;
  transform: translateY(50%);
  position: absolute;
  bottom: 50%;
}

.homepageNavigationPanel .nav-links {
  display: inline-block;
  max-width: 192px;
}

.nav-in-page .nav-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.homepageNavigationPanel.minified .nav-in-page .nav-link {
  height: 10px;
  opacity: 1;
}

.homepageNavigationPanel .nav-in-page .nav-link {
  padding: 0 0 0 10px;
  cursor: pointer;
  border-left: 4px solid rgba(255, 255, 255, 0.4);
  height: 26px;
  display: flex;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  transition-duration: 200ms;
  transition-timing-function: linear;
  opacity: 0;
}

.homepageNavigationPanel .nav-in-page .nav-link a {
  color: white;
}

/* .homepageNavigationPanel.minified .nav-in-page .nav-link a{
opacity: 0;
transition-duration: 200ms;
transition-timing-function: linear;
}  */

/* .homepageNavigationPanel .nav-in-page .nav-link a{
display: block;
font-family: "SAPBook",Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 1.1em;
color: rgba(255,255,255,0.7);
} */

.content_feautre {
  text-align: center;
  font-size: 45px;
}

.heading_text {
  line-height: 3;
  color: #757575;
}

.owl-carousel {
  display: flex;
}

.owl-carousel .img-1 {
  text-align: center;
}

.icon_name {
  font-size: 15px;
  line-height: 1.4;
}

.feautred_contentimg {
  display: block;
  text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
  background: none !important;
  bottom: 15px;
}

.owl-prev:after, .owl-next:after {
  font-size: 130px !important;
  color: white !important;
}

.owl-wrapper {
  top: 20px;
  height: 150px;
}

.hvr-grow {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  color: #757575;
  text-decoration: none;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: white;
  text-decoration: none;
}

.section4div {
  height: 350px;
  border-right: 1px solid #737373;
}
.section4div:hover{
  background-image: linear-gradient(#737373 , #000);}

  .section4divlast:hover{
    background-image: linear-gradient(#737373 , #000);}

    .section4divlast {
      height: 350px;
    }

    .img_margin{
      margin: 5% 0px;
    }
    .pictogram {
      text-align: center;
      margin: 2% auto;
    }

    .work_place {
      font-size: 35px;
      color: white;
      text-align: center;
      line-height: 1;
    }

    .work_quote {
      font-size: 14px;
      color: white;
      text-align: center;
      margin: 3.5em 0em;
      font-style: oblique;
    }

    .section4_knowmore {
      width: 100%;
      background-color: #14BBD3;
      border: none;
      color: white;
      padding: 9px 0px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 3.5% 0;
      visibility: hidden;
      opacity: 0;
    }

    .section4div:hover .section4_knowmore {
      visibility: visible;
      opacity: 1;
    }

    .section4divlast:hover .section4_knowmore {
      visibility: visible;
      opacity: 1;
    }

    figure img {
      -webkit-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    figure .work_place {
      -webkit-transition: all 0.2s linear;
    }

    figure .work_quote {
      -webkit-transition: all 0.2s linear;
    }

    figure:hover img {
      -webkit-transform: scale3d(1.2, 1.2, 1);
      transform: scale3d(0.8, 0.8, 1);
    }

    figure:hover .work_place {
      margin-top: -20px;
    }

    figure:hover .work_quote {
      -webkit-transform: scale3d(1.2, 1.2, 1);
      transform: scale3d(0.8, 0.8, 1);
    }

    .click_here {
      text-align: center;
      color: white;
      opacity: 0;
    }

    .section4div:hover .click_here {
      visibility: visible;
      opacity: 1;
    }

    .padd_zero {
      padding: 0px !important;
    }

    .email_address{
      font-weight: bold;
      font-size: 15px;
    }

    .nav_static{
      position: fixed;
      width: 100%;
      z-index: 9999;
    }