html, body {
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-size: 16px; 
  background-color:#C1E4AC;}
  #products_page{
	  background-image:url(../mosab/probg.jpg);
	  opacity:1;}
	   #suppliers_page{
	  background-image:url(../img/yy_en.jpg);
	  
	  opacity:1;
	  }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif; }

.row {
  width: 78.75em;
  max-width: 95%; }

/* nav */
nav {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1em 0em 1em 0em;
  background: rgba(57, 52, 59, 0);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  /*&.scrolled{
    background: rgba(57, 52, 59, 0.6);
    padding: em(25px, $basepx) 0;
    position: fixed;
    @include prefix(transform, translateY(-100%));
    &.active{
      @include prefix(transform, translateY(0%));
    }
  }*/ }
  nav .row {
    position: relative; }
  nav .menu-trigger-outter-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    width: 36px;
    cursor: pointer;
    z-index: 100;
    margin-top: -10px; }
    nav .menu-trigger-outter-wrapper .menu-trigger {
      width: 36px;
      height: 20px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      nav .menu-trigger-outter-wrapper .menu-trigger:after {
        content: "";
        width: 60px;
        height: 60px;
        position: absolute;
        top: -20px;
        left: -9px; }
      nav .menu-trigger-outter-wrapper .menu-trigger .line {
        height: 4px;
        width: 36px;
        background: #add03a;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
      nav .menu-trigger-outter-wrapper .menu-trigger .line-2 {
        top: 14px; }
      nav .menu-trigger-outter-wrapper .menu-trigger .line-3 {
        background: #fddf15;
        top: 7px;
        -webkit-transform: skewY(0deg) scale(0);
        -moz-transform: skewY(0deg) scale(0);
        -ms-transform: skewY(0deg) scale(0);
        -o-transform: skewY(0deg) scale(0);
        transform: skewY(0deg) scale(0);
        -webkit-transition: 0.3s 0s;
        -moz-transition: 0.3s 0s;
        -ms-transition: 0.3s 0s;
        -o-transition: 0.3s 0s;
        transition: 0.3s 0s; }
      nav .menu-trigger-outter-wrapper .menu-trigger:hover .line-1 {
        top: -6px; }
      nav .menu-trigger-outter-wrapper .menu-trigger:hover .line-3 {
        -webkit-transform: skewY(-7deg) scale(1);
        -moz-transform: skewY(-7deg) scale(1);
        -ms-transform: skewY(-7deg) scale(1);
        -o-transform: skewY(-7deg) scale(1);
        transform: skewY(-7deg) scale(1);
        -webkit-transition: 0.3s 0.2s;
        -moz-transition: 0.3s 0.2s;
        -ms-transition: 0.3s 0.2s;
        -o-transition: 0.3s 0.2s;
        transition: 0.3s 0.2s; }
      nav .menu-trigger-outter-wrapper .menu-trigger:hover .line-2 {
        top: 20px; }
      nav .menu-trigger-outter-wrapper .menu-trigger.active .line-1, nav .menu-trigger-outter-wrapper .menu-trigger.active .line-2 {
        top: 5px;
        -webkit-transition: 0.3s 0.2s;
        -moz-transition: 0.3s 0.2s;
        -ms-transition: 0.3s 0.2s;
        -o-transition: 0.3s 0.2s;
        transition: 0.3s 0.2s; }
      nav .menu-trigger-outter-wrapper .menu-trigger.active .line-1 {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      nav .menu-trigger-outter-wrapper .menu-trigger.active .line-2 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      nav .menu-trigger-outter-wrapper .menu-trigger.active .line-3 {
        -webkit-transform: skewY(0deg) scale(0);
        -moz-transform: skewY(0deg) scale(0);
        -ms-transform: skewY(0deg) scale(0);
        -o-transform: skewY(0deg) scale(0);
        transform: skewY(0deg) scale(0); }
      nav .menu-trigger-outter-wrapper .menu-trigger.active:hover {
        -webkit-transition: 0.3s 0s;
        -moz-transition: 0.3s 0s;
        -ms-transition: 0.3s 0s;
        -o-transition: 0.3s 0s;
        transition: 0.3s 0s;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }

.menu {
  position: fixed;
  z-index: 20;
  left: 0;
  width: 100%;
  height: 100%;
  top: -100%;
  background: #322b34;
  background: rgba(50, 43, 52, 0);
  display: table;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .menu ul {
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    list-style: none;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: 0.2s 0s;
    -moz-transition: 0.2s 0s;
    -ms-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s; }
    .menu ul li {
      display: block;
      position: relative;
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -o-transform: translateY(-20px);
      transform: translateY(-20px);
      -webkit-transition: 0.2s 0s;
      -moz-transition: 0.2s 0s;
      -ms-transition: 0.2s 0s;
      -o-transition: 0.2s 0s;
      transition: 0.2s 0s; }
    .menu ul a {
      color: #322b34;
      text-align: center;
      display: block;
      font-size: 3em;
      font-weight: 500;
      position: relative;
      padding: 0.52083em 0;
      text-transform: capitalize; }
      .menu ul a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        height: 1px;
        background-color: #fddf15;
        opacity: 0.1;
        width: 2.5em;
        margin-left: -1.25em;
        z-index: -1;
        transition: all 0.2s, background-color 0s, width 0.2s, height 0.2s 0.2s, transform 0.2s 0.4s; }
      .menu ul a:hover {
        color: #ffffff; }
        .menu ul a:hover:after {
          content: "";
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          margin-left: 0;
          background-color: #add03a;
          -webkit-transform: skewY(-2deg);
          -moz-transform: skewY(-2deg);
          -ms-transform: skewY(-2deg);
          -o-transform: skewY(-2deg);
          transform: skewY(-2deg);
          opacity: 1; }
  .menu.active {
    background:rgba(255,255,255,0.88);
    top: 0; }
    .menu.active ul {
      -webkit-transition: 0.4s 0.5s;
      -moz-transition: 0.4s 0.5s;
      -ms-transition: 0.4s 0.5s;
      -o-transition: 0.4s 0.5s;
      transition: 0.4s 0.5s;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
      .menu.active ul li {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
        .menu.active ul li:nth-of-type(2) {
          -webkit-transition: 0.5s 0.7s;
          -moz-transition: 0.5s 0.7s;
          -ms-transition: 0.5s 0.7s;
          -o-transition: 0.5s 0.7s;
          transition: 0.5s 0.7s; }
        .menu.active ul li:nth-of-type(3) {
          -webkit-transition: 0.5s 0.9s;
          -moz-transition: 0.5s 0.9s;
          -ms-transition: 0.5s 0.9s;
          -o-transition: 0.5s 0.9s;
          transition: 0.5s 0.9s; }
        .menu.active ul li:nth-of-type(4) {
          -webkit-transition: 0.5s 1.1s;
          -moz-transition: 0.5s 1.1s;
          -ms-transition: 0.5s 1.1s;
          -o-transition: 0.5s 1.1s;
          transition: 0.5s 1.1s; }
        .menu.active ul li:nth-of-type(5) {
          -webkit-transition: 0.5s 1.3s;
          -moz-transition: 0.5s 1.3s;
          -ms-transition: 0.5s 1.3s;
          -o-transition: 0.5s 1.3s;
          transition: 0.5s 1.3s; }
        .menu.active ul li:nth-of-type(6) {
          -webkit-transition: 0.5s 1.5s;
          -moz-transition: 0.5s 1.5s;
          -ms-transition: 0.5s 1.5s;
          -o-transition: 0.5s 1.5s;
          transition: 0.5s 1.5s; }

/* hero section */
.hero-section {
  min-height: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden; }
  .hero-section .hero-section_rotated-overlay {
    content: "";
    width: 100%;
    height: 20em;
    position: absolute;
    left: 0;
    bottom: 0;
    background:rgba(175, 235, 105, 0.59);
    -webkit-transform: skewY(-5deg);
    -moz-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    -o-transform: skewY(-5deg);
    transform: skewY(-5deg);
    bottom: -14em;
    z-index: 2; }

.hero-section_outter-wrapper {
  position: relative; }

.logo {
  display: inline-block;
  vertical-align: top;  }
  .logo .mobile-logo {
    display: none; }

.load-item-2, .nav-dark .menu-trigger-outter-wrapper, .nav-dark .logo {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
  opacity: 0;
  -webkit-transition: 1.2s 0.3s;
  -moz-transition: 1.2s 0.3s;
  -ms-transition: 1.2s 0.3s;
  -o-transition: 1.2s 0.3s;
  transition: 1.2s 0.3s; }

.load-item-3 {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
  opacity: 0;
  -webkit-transition: 1.2s 0.6s;
  -moz-transition: 1.2s 0.6s;
  -ms-transition: 1.2s 0.6s;
  -o-transition: 1.2s 0.6s;
  transition: 1.2s 0.6s; }

.load-item-4, .hero-arrow-wrapper {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
  opacity: 0;
  -webkit-transition: 1.2s 0.9s;
  -moz-transition: 1.2s 0.9s;
  -ms-transition: 1.2s 0.9s;
  -o-transition: 1.2s 0.9s;
  transition: 1.2s 0.9s; }

.load-item-5, nav .menu-trigger-outter-wrapper, .logo {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
  opacity: 0;
  -webkit-transition: 1.2s 1.2s;
  -moz-transition: 1.2s 1.2s;
  -ms-transition: 1.2s 1.2s;
  -o-transition: 1.2s 1.2s;
  transition: 1.2s 1.2s; }

.hero-slogan {
  color: #fff;
  font-size: 3.25em;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 1em;
  position: absolute;
  top: 50%;
  width: 78.75em;
  max-width: 95%;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .hero-slogan .text-highlight {
    font-size: 1.76923em;
    font-weight: 700;
    color: #add03a;
    font-style: italic;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    display: inline-block;
    line-height: 1.2em;
    vertical-align: top; }
  .hero-slogan .text-larger {
    
    line-height: 1em; }

.hero-arrow {
  position: absolute;
  z-index: 3;
  left: 50%;
  background: #fddf15;
  width: 4px;
  margin-left: -2px;
  bottom: 2.5em;
  height: 8.75em;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .hero-arrow:before {
    content: "";
    width: 1.625em;
    height: 4px;
    position: absolute;
    bottom: 0;
    background: #fddf15;
    right: 4px;
    transform: rotate(45deg);
    transform-origin: bottom right; }
  .hero-arrow:after {
    content: "";
    width: 1.625em;
    height: 4px;
    position: absolute;
    bottom: 0;
    background: #fddf15;
    left: 4px;
    transform: rotate(-45deg);
    transform-origin: bottom left; }

.hero-arrow-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10; }

.link-full {
  display: block;
  text-align: center;
  display: block;
  position: relative;
  padding: 10em 1.25em;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 3;
  overflow: hidden; }
  .link-full .content-wrapper {
    position: relative;
    z-index: 2;
    padding-bottom: 1.5625em;
    box-shadow: none;
    background: none;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s; }
    .link-full .content-wrapper .divider-wrapper {
      position: absolute;
      bottom: 0px;
      left: 50%;
      width: 3.625em;
      height: 0.3125em;
      margin-left: -1.8125em; }
      .link-full .content-wrapper .divider-wrapper > div {
        background: #322b34;
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
  .link-full h3 {
    color: #322b34;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0; }
  .link-full h2 {
    margin: 0;
    font-weight: 700;
    color: #322b34;
    line-height: 1em;
    font-size: 3.75em; }
  .link-full .overlay-wrapper {
    position: absolute;
    top: -1%;
    left: -1%;
    width: 102%;
    height: 102%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .link-full .overlay-wrapper > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(196, 227, 168, 0.79); }
  .link-full:hover .overlay-wrapper {
    -webkit-transform: scale(0.9, 0.8) skewX(-5deg);
    -moz-transform: scale(0.9, 0.8) skewX(-5deg);
    -ms-transform: scale(0.9, 0.8) skewX(-5deg);
    -o-transform: scale(0.9, 0.8) skewX(-5deg);
    transform: scale(0.9, 0.8) skewX(-5deg); }
  .link-full:hover .content-wrapper .divider-wrapper > div {
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    transform: rotate(-9deg); }
  .link-full.skrollable, .link-full.wow {
    opacity: 0;
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
    transition: all 1.5s, opacity 0.3s; }
    .link-full.skrollable h3, .link-full.skrollable h2, .link-full.skrollable .divider-wrapper, .link-full.wow h3, .link-full.wow h2, .link-full.wow .divider-wrapper {
      opacity: 0;
      transition: 0.5s;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px); }
  .link-full.skrollable-between, .link-full.skrollable-after, .link-full.wow.animated {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
    .link-full.skrollable-between h3, .link-full.skrollable-between h2, .link-full.skrollable-between .divider-wrapper, .link-full.skrollable-after h3, .link-full.skrollable-after h2, .link-full.skrollable-after .divider-wrapper, .link-full.wow.animated h3, .link-full.wow.animated h2, .link-full.wow.animated .divider-wrapper {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
    .link-full.skrollable-between h3, .link-full.skrollable-after h3, .link-full.wow.animated h3 {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .link-full.skrollable-between h2, .link-full.skrollable-after h2, .link-full.wow.animated h2 {
      -webkit-transition: 0.5s 0.5s;
      -moz-transition: 0.5s 0.5s;
      -ms-transition: 0.5s 0.5s;
      -o-transition: 0.5s 0.5s;
      transition: 0.5s 0.5s; }
    .link-full.skrollable-between .divider-wrapper, .link-full.skrollable-after .divider-wrapper, .link-full.wow.animated .divider-wrapper {
      -webkit-transition: 0.5s 1s;
      -moz-transition: 0.5s 1s;
      -ms-transition: 0.5s 1s;
      -o-transition: 0.5s 1s;
      transition: 0.5s 1s; }

.services-hero-section {
  overflow: hidden;
  min-height: 90%;
  min-height: 90vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 10; }
  .services-hero-section .services-content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 35em; }
    .services-hero-section .services-content-wrapper h2 {
      margin: 0;
      font-size: 5.75em;
      color: #fff;
      position: relative;
      padding-bottom: 0.32609em;
      margin-bottom: 0.21739em;
      font-weight: 700;
      line-height: 1em;
      -webkit-transform: skewY(-3.5deg);
      -moz-transform: skewY(-3.5deg);
      -ms-transform: skewY(-3.5deg);
      -o-transform: skewY(-3.5deg);
      transform: skewY(-3.5deg); }
      .services-hero-section .services-content-wrapper h2:after {
        content: "";
        position: absolute;
        background: #fff;
        bottom: 0;
        left: 50%;
        margin-left: -0.31522em;
        width: 0.63043em;
        height: 6px;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-transition: 1.5s 1.2s;
        -moz-transition: 1.5s 1.2s;
        -ms-transition: 1.5s 1.2s;
        -o-transition: 1.5s 1.2s;
        transition: 1.5s 1.2s; }
    .services-hero-section .services-content-wrapper p {
      margin: 0;
      font-size: 1.3125em;
      line-height: 1.71429em;
      letter-spacing: 1px;
      color: #fff; }

.page-loaded .services-hero-section .services-content-wrapper h2:after {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 43, 52, 0.2); }

.services_outter-wrapper {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  z-index: 4;
  /*margin-bottom: em(780px, $basepx);*/ }
  .services_outter-wrapper.scaled {
    -webkit-transform: translateY(-60px) scale(0.9);
    transform: translateY(-60px) scale(0.9);
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.5);
    transform-origin: bottom; }

footer {
  background: #C1E4AC;
  position: relative;
  z-index: 3;
  height: 6.25em; }
  footer .footer-outter-wrapper {
    width: 78.75em;
    margin: 0 auto;
    max-width: 90%;
    height: 100%;
	}

  footer .footer-inner-wrapper {
    display: table;
    width: 100%;
    height: 100%; }
    footer .footer-inner-wrapper .footer_left,
    footer .footer-inner-wrapper .footer_right {
      color: #322b34;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 300;
      letter-spacing: 1.2px; }
      footer .footer-inner-wrapper .footer_left a,
      footer .footer-inner-wrapper .footer_right a {
        color: #322b34; }
    footer .footer-inner-wrapper .footer_left {
      display: table-cell;
      vertical-align: middle; }
    footer .footer-inner-wrapper .footer_right {
      display: table-cell;
      vertical-align: middle;
      text-align: right; }

.services-boxes .services-box {
  width: 50%;
  position: relative;
  float: left; }
  .services-boxes .services-box:after {
    content: "";
    display: block;
    padding-top: 110%; }
  .services-boxes .services-box.ux:before {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 1px;
    background: rgba(255, 255, 255, 0.1);
    z-index: 2; }
.services-boxes .services-box-inner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #b1d482; }
  .services-boxes .services-box-inner-wrapper:hover .content {
    color: #fddf15; }
    .services-boxes .services-box-inner-wrapper:hover .content:after {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1; }
.services-boxes .content {
  color: #000000;
  font-weight: 500;
  font-size: 4.5em;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .services-boxes .content:after {
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    height: 2px;
    background: #fddf15;
    left: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s; }

.text-page_content-wrapper {
  width: 40em;
  margin: 0 auto;
  padding-top: 9.375em;
  padding-bottom: 9.375em;
  color: #322b34; }
  .text-page_content-wrapper h1, .text-page_content-wrapper h2, .text-page_content-wrapper h3, .text-page_content-wrapper h4 {
    font-size: 3.75em;
    margin: 0;
    text-align: center;
    letter-spacing: -1.5px;
    font-weight: 900;
    padding-bottom: 1.33333em; }
  .text-page_content-wrapper h2, .text-page_content-wrapper h3 {
    font-size: 1.875em;
    text-align: left;
    padding: 0;
    margin-top: 1.66667em;
    margin-bottom: 0.66667em; }
  .text-page_content-wrapper h4 {
    font-size: 1.25em;
    text-align: left;
    padding: 0;
    margin-bottom: 0.5em; }
  .text-page_content-wrapper ul {
    margin-left: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 2.5em; }
    .text-page_content-wrapper ul li {
      position: relative;
      padding-left: 1.38889em; }
      .text-page_content-wrapper ul li:before {
        content: "";
        position: absolute;
        left: 0;
        width: 0.83333em;
        height: 2px;
        background: #322b34;
        top: 0.72222em; }
  .text-page_content-wrapper p, .text-page_content-wrapper ul li {
    font-size: 1.125em;
    line-height: 1.66667em; }
  .text-page_content-wrapper blockquote {
    font-family: 'Playfair Display', serif;
    padding-top: 0;
    width: 17.91667em;
    max-width: 90%;
    margin: 3.33333em auto;
    color: #322b34;
    font-size: 1.5em;
    line-height: 1.25em;
    border-left: 5px solid #322b34;
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg); }
  .text-page_content-wrapper a {
    color: #322b34;
    text-decoration: underline; }

.text-page_nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

.link-back {
  height: 30px;
  width: 100px;
  display: block;
  position: absolute;
  top: 3.125em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .link-back .line {
    background: #322b34;
    width: 35px;
    height: 5px;
    position: absolute;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .link-back .line.line-1 {
      top: 50%;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .link-back .line.line-2 {
      top: 50%;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  .link-back .link-back-text {
    color: #322b34;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    left: 40px;
    top: 0;
    line-height: 30px;
    white-space: nowrap;
    font-weight: 700;
    opacity: 0;
    top: 2px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .link-back:hover .line-1 {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 25px;
    margin-top: 1px; }
  .link-back:hover .line-2 {
    margin-top: -1px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 25px; }
  .link-back:hover .link-back-text {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }

.fullscr_section {
  min-height: 100%;
  padding: 0% 0;
  position: relative;
  z-index: 3; }
  .fullscr_section .counter {
    text-transform: uppercase;
    color: #FF9800;
    font-size: 3em;
    font-weight: 300;
    line-height: 1.08333em;
    padding-bottom: 13vh;
    position: relative;
    margin-bottom: 0.83333em; }
    .fullscr_section .counter span.number {
      font-weight: bold;
      display: block; }
    .fullscr_section .counter span.text {
      font-weight: 300;
      display: block; }
    .fullscr_section .counter:after {
      content: "";
      left: 0.625em;
      height: 10vh;
      width: 2px;
      background: #000000;
      position: absolute;
      bottom: 0; }
  .fullscr_section ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .fullscr_section ul li {
      padding-left: 2.77778em;
      color: #000000;
      font-weight: bold;
      font-size: 1.1em;
      line-height: 2.22222em;
      position: relative;
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
      -webkit-transition: 0.45s;
      -moz-transition: 0.45s;
      -ms-transition: 0.45s;
      -o-transition: 0.45s;
      transition: 0.45s; }
      .fullscr_section ul li:before {
        content: "";
        width: 1.66667em;
        height: 2px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1px;
        background: #000000; }
      .fullscr_section ul li:nth-of-type(1) {
        -webkit-transition-delay: 0.8s;
        -moz-transition-delay: 0.8s;
        -ms-transition-delay: 0.8s;
        -o-transition-delay: 0.8s;
        transition-delay: 0.8s; }
      .fullscr_section ul li:nth-of-type(2) {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -ms-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s; }
      .fullscr_section ul li:nth-of-type(3) {
        -webkit-transition-delay: 1.2s;
        -moz-transition-delay: 1.2s;
        -ms-transition-delay: 1.2s;
        -o-transition-delay: 1.2s;
        transition-delay: 1.2s; }
      .fullscr_section ul li:nth-of-type(4) {
        -webkit-transition-delay: 1.4s;
        -moz-transition-delay: 1.4s;
        -ms-transition-delay: 1.4s;
        -o-transition-delay: 1.4s;
        transition-delay: 1.4s; }
      .fullscr_section ul li:nth-of-type(5) {
        -webkit-transition-delay: 1.6s;
        -moz-transition-delay: 1.6s;
        -ms-transition-delay: 1.6s;
        -o-transition-delay: 1.6s;
        transition-delay: 1.6s; }
  .fullscr_section.section-3 .counter {
    color: #ff9800; }
    .fullscr_section.section-3 .counter:after {
      display: none; }
  .fullscr_section.section-3 ul li {
    color: #000000; }
    .fullscr_section.section-3 ul li:before {
      background: #000000; }

/*
.methodology-page::-webkit-scrollbar {
    display: none;
}
.methodology-page, .methodology-page body{ overflow: -moz-scrollbars-none; }
*/
.section-1 .counter {
  position: absolute;
  top: 10%;
  left: 10%; }
  .section-1 .counter .number {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-1 .counter .text {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-1 .counter:after {
    opacity: 0;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
.section-1 ul {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.section-1.skrollable-between .counter .number, .section-1.skrollable-after .counter .number {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  -webkit-transition: 0.7s 0.3s;
  -moz-transition: 0.7s 0.3s;
  -ms-transition: 0.7s 0.3s;
  -o-transition: 0.7s 0.3s;
  transition: 0.7s 0.3s; }
.section-1.skrollable-between .counter .text, .section-1.skrollable-after .counter .text {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  -webkit-transition: 0.7s 0.4s;
  -moz-transition: 0.7s 0.4s;
  -ms-transition: 0.7s 0.4s;
  -o-transition: 0.7s 0.4s;
  transition: 0.7s 0.4s; }
.section-1.skrollable-between .counter:after, .section-1.skrollable-after .counter:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: 0.7s 0.5s;
  -moz-transition: 0.7s 0.5s;
  -ms-transition: 0.7s 0.5s;
  -o-transition: 0.7s 0.5s;
  transition: 0.7s 0.5s; }
.section-1.skrollable-between ul li, .section-1.skrollable-after ul li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1; }

.section-2 .counter {
  position: absolute;
  right: 0;
  max-width: 50%;
  width: 40%;
  top: 10%; }
  .section-2 .counter .number {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-2 .counter .text {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-2 .counter:after {
    opacity: 0;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
.section-2 ul {
  position: absolute;
  top: 50%;
  left: 10%; }
.section-2.skrollable-between ul li, .section-2.skrollable-after ul li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1; }
.section-2.skrollable-between .counter .number, .section-2.skrollable-after .counter .number {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  -webkit-transition: 0.7s 0.3s;
  -moz-transition: 0.7s 0.3s;
  -ms-transition: 0.7s 0.3s;
  -o-transition: 0.7s 0.3s;
  transition: 0.7s 0.3s; }
.section-2.skrollable-between .counter .text, .section-2.skrollable-after .counter .text {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  -webkit-transition: 0.7s 0.4s;
  -moz-transition: 0.7s 0.4s;
  -ms-transition: 0.7s 0.4s;
  -o-transition: 0.7s 0.4s;
  transition: 0.7s 0.4s; }
.section-2.skrollable-between .counter:after, .section-2.skrollable-after .counter:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: 0.7s 0.5s;
  -moz-transition: 0.7s 0.5s;
  -ms-transition: 0.7s 0.5s;
  -o-transition: 0.7s 0.5s;
  transition: 0.7s 0.5s; }

.section-3 .counter {
  position: absolute;
  top: 10%;
  left: 10%; }
  .section-3 .counter .number {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-3 .counter .text {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-3 .counter:after {
    opacity: 0;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
.section-3.skrollable-between .counter .number, .section-3.skrollable-after .counter .number {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  -webkit-transition: 0.7s 0.3s;
  -moz-transition: 0.7s 0.3s;
  -ms-transition: 0.7s 0.3s;
  -o-transition: 0.7s 0.3s;
  transition: 0.7s 0.3s; }
.section-3.skrollable-between .counter .text, .section-3.skrollable-after .counter .text {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  -webkit-transition: 0.7s 0.4s;
  -moz-transition: 0.7s 0.4s;
  -ms-transition: 0.7s 0.4s;
  -o-transition: 0.7s 0.4s;
  transition: 0.7s 0.4s; }
.section-3.skrollable-between .counter:after, .section-3.skrollable-after .counter:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: 0.7s 0.5s;
  -moz-transition: 0.7s 0.5s;
  -ms-transition: 0.7s 0.5s;
  -o-transition: 0.7s 0.5s;
  transition: 0.7s 0.5s; }
.section-3.skrollable-between .fullscr_section-segment.section-3_segment-1,
.section-3.skrollable-between .fullscr_section-segment.section-3_segment-2,
.section-3.skrollable-between .fullscr_section-segment.section-3_segment-3, .section-3.skrollable-after .fullscr_section-segment.section-3_segment-1,
.section-3.skrollable-after .fullscr_section-segment.section-3_segment-2,
.section-3.skrollable-after .fullscr_section-segment.section-3_segment-3 {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-1 ul li,
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-2 ul li,
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-3 ul li, .section-3.skrollable-after .fullscr_section-segment.section-3_segment-1 ul li,
  .section-3.skrollable-after .fullscr_section-segment.section-3_segment-2 ul li,
  .section-3.skrollable-after .fullscr_section-segment.section-3_segment-3 ul li {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); }
.section-3.skrollable-between .fullscr_section-segment.section-3_segment-1, .section-3.skrollable-after .fullscr_section-segment.section-3_segment-1 {
  -webkit-transition: 1s 0.5s;
  -moz-transition: 1s 0.5s;
  -ms-transition: 1s 0.5s;
  -o-transition: 1s 0.5s;
  transition: 1s 0.5s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(1), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(1) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(2), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(2) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(3), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(3) {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    -ms-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(4), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(4) {
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    -ms-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(5), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(5) {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    -ms-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(6), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-1 ul li:nth-of-type(6) {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    -ms-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s; }
.section-3.skrollable-between .fullscr_section-segment.section-3_segment-2, .section-3.skrollable-after .fullscr_section-segment.section-3_segment-2 {
  -webkit-transition: 1s 1.5s;
  -moz-transition: 1s 1.5s;
  -ms-transition: 1s 1.5s;
  -o-transition: 1s 1.5s;
  transition: 1s 1.5s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(1), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(1) {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(2), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(2) {
    -webkit-transition-delay: 2.2s;
    -moz-transition-delay: 2.2s;
    -ms-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(3), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(3) {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    -ms-transition-delay: 2.4s;
    -o-transition-delay: 2.4s;
    transition-delay: 2.4s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(4), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(4) {
    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    -ms-transition-delay: 2.6s;
    -o-transition-delay: 2.6s;
    transition-delay: 2.6s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(5), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(5) {
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    -ms-transition-delay: 2.8s;
    -o-transition-delay: 2.8s;
    transition-delay: 2.8s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(6), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-2 ul li:nth-of-type(6) {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    -ms-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s; }
.section-3.skrollable-between .fullscr_section-segment.section-3_segment-3, .section-3.skrollable-after .fullscr_section-segment.section-3_segment-3 {
  -webkit-transition: 1s 2.5s;
  -moz-transition: 1s 2.5s;
  -ms-transition: 1s 2.5s;
  -o-transition: 1s 2.5s;
  transition: 1s 2.5s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(1), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(1) {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    -ms-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(2), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(2) {
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    -ms-transition-delay: 3.2s;
    -o-transition-delay: 3.2s;
    transition-delay: 3.2s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(3), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(3) {
    -webkit-transition-delay: 3.4s;
    -moz-transition-delay: 3.4s;
    -ms-transition-delay: 3.4s;
    -o-transition-delay: 3.4s;
    transition-delay: 3.4s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(4), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(4) {
    -webkit-transition-delay: 3.6s;
    -moz-transition-delay: 3.6s;
    -ms-transition-delay: 3.6s;
    -o-transition-delay: 3.6s;
    transition-delay: 3.6s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(5), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(5) {
    -webkit-transition-delay: 3.8s;
    -moz-transition-delay: 3.8s;
    -ms-transition-delay: 3.8s;
    -o-transition-delay: 3.8s;
    transition-delay: 3.8s; }
  .section-3.skrollable-between .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(6), .section-3.skrollable-after .fullscr_section-segment.section-3_segment-3 ul li:nth-of-type(6) {
    -webkit-transition-delay: 4s;
    -moz-transition-delay: 4s;
    -ms-transition-delay: 4s;
    -o-transition-delay: 4s;
    transition-delay: 4s; }

.fullscr_section-segment {
  position: absolute;
  z-index: 5;
  opacity: 0; }
  .fullscr_section-segment h4 {
    margin: 0;
    text-transform: uppercase;
    color: #000000;
    font-size: 1.5em;
    font-weight: bold; }
  .fullscr_section-segment.section-3_segment-1 {
    position: absolute;
    right: 10%;
    top: 10%;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
    -webkit-transition: 0.3s 0s;
    -moz-transition: 0.3s 0s;
    -ms-transition: 0.3s 0s;
    -o-transition: 0.3s 0s;
    transition: 0.3s 0s; }
  .fullscr_section-segment.section-3_segment-2 {
    position: absolute;
    right: 10%;
    bottom: 10%;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
    -webkit-transition: 0.3s 0s;
    -moz-transition: 0.3s 0s;
    -ms-transition: 0.3s 0s;
    -o-transition: 0.3s 0s;
    transition: 0.3s 0s; }
  .fullscr_section-segment.section-3_segment-3 {
    position: absolute;
    left: 10%;
    bottom: 10%;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0;
    -webkit-transition: 0.3s 0s;
    -moz-transition: 0.3s 0s;
    -ms-transition: 0.3s 0s;
    -o-transition: 0.3s 0s;
    transition: 0.3s 0s; }

.section-4-left, .section-4-right {
  width: 50%;
  float: left;
  padding-top: 10vh;
  padding-bottom: 10vh;
  opacity: 0; }
  .section-4-left .counter .number, .section-4-right .counter .number {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: 0.3s 0s;
    -moz-transition: 0.3s 0s;
    -ms-transition: 0.3s 0s;
    -o-transition: 0.3s 0s;
    transition: 0.3s 0s; }
  .section-4-left .counter .text, .section-4-right .counter .text {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: 0.3s 0s;
    -moz-transition: 0.3s 0s;
    -ms-transition: 0.3s 0s;
    -o-transition: 0.3s 0s;
    transition: 0.3s 0s; }
  .section-4-left .counter:after, .section-4-right .counter:after {
    opacity: 0;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.3s 0s;
    -moz-transition: 0.3s 0s;
    -ms-transition: 0.3s 0s;
    -o-transition: 0.3s 0s;
    transition: 0.3s 0s; }
  .section-4-left ul, .section-4-right ul {
    padding-left: 5.9375em; }

.section-4-right {
  margin-top: 10vh;
  -webkit-transition: 0.3s 0s;
  -moz-transition: 0.3s 0s;
  -ms-transition: 0.3s 0s;
  -o-transition: 0.3s 0s;
  transition: 0.3s 0s; }
  .section-4-right .counter .number {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-4-right .counter .text {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-4-right .counter:after {
    opacity: 0;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-4-right ul li:nth-of-type(1) {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-4-right ul li:nth-of-type(2) {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-4-right ul li:nth-of-type(3) {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-4-right ul li:nth-of-type(4) {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-4-right ul li:nth-of-type(5) {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .section-4-right ul li:nth-of-type(5) {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.section-4.skrollable-between .section-4-left, .section-4.skrollable-after .section-4-left {
  -webkit-transition: 0.5s 0.5s;
  -moz-transition: 0.5s 0.5s;
  -ms-transition: 0.5s 0.5s;
  -o-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px); }
  .section-4.skrollable-between .section-4-left .counter .number, .section-4.skrollable-after .section-4-left .counter .number {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    -webkit-transition: 0.7s 0.3s;
    -moz-transition: 0.7s 0.3s;
    -ms-transition: 0.7s 0.3s;
    -o-transition: 0.7s 0.3s;
    transition: 0.7s 0.3s; }
  .section-4.skrollable-between .section-4-left .counter .text, .section-4.skrollable-after .section-4-left .counter .text {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    -webkit-transition: 0.7s 0.4s;
    -moz-transition: 0.7s 0.4s;
    -ms-transition: 0.7s 0.4s;
    -o-transition: 0.7s 0.4s;
    transition: 0.7s 0.4s; }
  .section-4.skrollable-between .section-4-left .counter:after, .section-4.skrollable-after .section-4-left .counter:after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: 0.7s 0.5s;
    -moz-transition: 0.7s 0.5s;
    -ms-transition: 0.7s 0.5s;
    -o-transition: 0.7s 0.5s;
    transition: 0.7s 0.5s; }
  .section-4.skrollable-between .section-4-left ul li, .section-4.skrollable-after .section-4-left ul li {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; }
    .section-4.skrollable-between .section-4-left ul li:nth-of-type(1), .section-4.skrollable-after .section-4-left ul li:nth-of-type(1) {
      -webkit-transition-delay: 1s;
      -moz-transition-delay: 1s;
      -ms-transition-delay: 1s;
      -o-transition-delay: 1s;
      transition-delay: 1s; }
    .section-4.skrollable-between .section-4-left ul li:nth-of-type(2), .section-4.skrollable-after .section-4-left ul li:nth-of-type(2) {
      -webkit-transition-delay: 1.2s;
      -moz-transition-delay: 1.2s;
      -ms-transition-delay: 1.2s;
      -o-transition-delay: 1.2s;
      transition-delay: 1.2s; }
    .section-4.skrollable-between .section-4-left ul li:nth-of-type(3), .section-4.skrollable-after .section-4-left ul li:nth-of-type(3) {
      -webkit-transition-delay: 1.4s;
      -moz-transition-delay: 1.4s;
      -ms-transition-delay: 1.4s;
      -o-transition-delay: 1.4s;
      transition-delay: 1.4s; }
    .section-4.skrollable-between .section-4-left ul li:nth-of-type(4), .section-4.skrollable-after .section-4-left ul li:nth-of-type(4) {
      -webkit-transition-delay: 1.6s;
      -moz-transition-delay: 1.6s;
      -ms-transition-delay: 1.6s;
      -o-transition-delay: 1.6s;
      transition-delay: 1.6s; }
    .section-4.skrollable-between .section-4-left ul li:nth-of-type(5), .section-4.skrollable-after .section-4-left ul li:nth-of-type(5) {
      -webkit-transition-delay: 1.8s;
      -moz-transition-delay: 1.8s;
      -ms-transition-delay: 1.8s;
      -o-transition-delay: 1.8s;
      transition-delay: 1.8s; }
    .section-4.skrollable-between .section-4-left ul li:nth-of-type(6), .section-4.skrollable-after .section-4-left ul li:nth-of-type(6) {
      -webkit-transition-delay: 2s;
      -moz-transition-delay: 2s;
      -ms-transition-delay: 2s;
      -o-transition-delay: 2s;
      transition-delay: 2s; }
.section-4.skrollable-between .section-4-right, .section-4.skrollable-after .section-4-right {
  -webkit-transition: 0.5s 1.5s;
  -moz-transition: 0.5s 1.5s;
  -ms-transition: 0.5s 1.5s;
  -o-transition: 0.5s 1.5s;
  transition: 0.5s 1.5s;
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px); }
  .section-4.skrollable-between .section-4-right .counter .number, .section-4.skrollable-after .section-4-right .counter .number {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    -webkit-transition: 0.7s 1.8s;
    -moz-transition: 0.7s 1.8s;
    -ms-transition: 0.7s 1.8s;
    -o-transition: 0.7s 1.8s;
    transition: 0.7s 1.8s; }
  .section-4.skrollable-between .section-4-right .counter .text, .section-4.skrollable-after .section-4-right .counter .text {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    -webkit-transition: 0.7s 1.9s;
    -moz-transition: 0.7s 1.9s;
    -ms-transition: 0.7s 1.9s;
    -o-transition: 0.7s 1.9s;
    transition: 0.7s 1.9s; }
  .section-4.skrollable-between .section-4-right .counter:after, .section-4.skrollable-after .section-4-right .counter:after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: 0.7s 2s;
    -moz-transition: 0.7s 2s;
    -ms-transition: 0.7s 2s;
    -o-transition: 0.7s 2s;
    transition: 0.7s 2s; }
  .section-4.skrollable-between .section-4-right ul li, .section-4.skrollable-after .section-4-right ul li {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; }
    .section-4.skrollable-between .section-4-right ul li:nth-of-type(1), .section-4.skrollable-after .section-4-right ul li:nth-of-type(1) {
      -webkit-transition-delay: 2.5s;
      -moz-transition-delay: 2.5s;
      -ms-transition-delay: 2.5s;
      -o-transition-delay: 2.5s;
      transition-delay: 2.5s; }
    .section-4.skrollable-between .section-4-right ul li:nth-of-type(2), .section-4.skrollable-after .section-4-right ul li:nth-of-type(2) {
      -webkit-transition-delay: 2.7s;
      -moz-transition-delay: 2.7s;
      -ms-transition-delay: 2.7s;
      -o-transition-delay: 2.7s;
      transition-delay: 2.7s; }
    .section-4.skrollable-between .section-4-right ul li:nth-of-type(3), .section-4.skrollable-after .section-4-right ul li:nth-of-type(3) {
      -webkit-transition-delay: 2.9s;
      -moz-transition-delay: 2.9s;
      -ms-transition-delay: 2.9s;
      -o-transition-delay: 2.9s;
      transition-delay: 2.9s; }
    .section-4.skrollable-between .section-4-right ul li:nth-of-type(4), .section-4.skrollable-after .section-4-right ul li:nth-of-type(4) {
      -webkit-transition-delay: 3.1s;
      -moz-transition-delay: 3.1s;
      -ms-transition-delay: 3.1s;
      -o-transition-delay: 3.1s;
      transition-delay: 3.1s; }
    .section-4.skrollable-between .section-4-right ul li:nth-of-type(5), .section-4.skrollable-after .section-4-right ul li:nth-of-type(5) {
      -webkit-transition-delay: 3.3s;
      -moz-transition-delay: 3.3s;
      -ms-transition-delay: 3.3s;
      -o-transition-delay: 3.3s;
      transition-delay: 3.3s; }
    .section-4.skrollable-between .section-4-right ul li:nth-of-type(6), .section-4.skrollable-after .section-4-right ul li:nth-of-type(6) {
      -webkit-transition-delay: 3.5s;
      -moz-transition-delay: 3.5s;
      -ms-transition-delay: 3.5s;
      -o-transition-delay: 3.5s;
      transition-delay: 3.5s; }

.background-fixed {
  position: fixed;
  z-index: 1;
  top: -25%;
  left: 0;
  width: 100%;
  height: 150%;
  background: #B1D482 ;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }
  .background-fixed.bg-colorchange {
    background: #add03a; }

.rotating-bg {
  position: absolute;
  left: 50%;
  width: 50em;
  width: 110vh;
  margin-left: -55vh;
  margin-top: -55vh;
  top: 50%;
  background: url(../img/circle.svg) center no-repeat;
  background-size: contain; }
  .rotating-bg.active {
    -webkit-animation: rotate 8s 0s cubic-bezier(0.21, 0.54, 0.38, 1) forwards;
    -moz-animation: rotate 8s 0s cubic-bezier(0.21, 0.54, 0.38, 1) forwards;
    -o-animation: rotate 8s 0s cubic-bezier(0.21, 0.54, 0.38, 1) forwards;
    animation: rotate 8s 0s cubic-bezier(0.21, 0.54, 0.38, 1) forwards; }
  .rotating-bg:after {
    content: "";
    display: block;
    padding-top: 100%; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(60deg); } }
@-moz-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(60deg); } }
@-o-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(60deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(60deg); } }
.link-full.scrollable-section {
  z-index: 5; }

.pages-nav-fixed {
  position: fixed;
  right: 1.875em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 4; }
  .pages-nav-fixed li {
    display: block;
    width: 0.625em;
    height: 0.625em;
    border-radius: 50%;
    background: #fff;
    margin: 1.25em 0;
    position: relative;
    cursor: pointer; }
    .pages-nav-fixed li:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: scale(3);
      -moz-transform: scale(3);
      -ms-transform: scale(3);
      -o-transform: scale(3);
      transform: scale(3); }
    .pages-nav-fixed li.active {
      background: #fddf15; }
  .pages-nav-fixed.colorchange li.active {
    background: #FF9800; }

.hire-us-page .container {
  height: 100%;
  position: relative;
  margin-bottom: -6.25em;
  background: #f6f6f6;
  display: table;
  width: 100%; }
  .hire-us-page .container .content {
    display: table-cell;
    
    padding-bottom: 10em;
	background-image:url(../img/adobestock_66020892.jpeg); }
  .hire-us-page .container:after {
    content: "";
    display: block;
    height: 6.25em; }
.hire-us-page .hire-us-link {
  color: #322b34;
  font-size: 2em;
  font-weight: 900;
  position: relative;
  padding: 0.25em; }
  .hire-us-page .hire-us-link .hire-us-link-underline_outter-wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 5px;
    width: 0.96667em;
    margin-left: -0.48333em;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: 1.5s 1.2s;
    -moz-transition: 1.5s 1.2s;
    -ms-transition: 1.5s 1.2s;
    -o-transition: 1.5s 1.2s;
    transition: 1.5s 1.2s;
    opacity: 0; }
  .hire-us-page .hire-us-link .hire-us-link-underline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #322b34;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .hire-us-page .hire-us-link:hover .hire-us-link-underline {
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    transform: rotate(-9deg); }
.hire-us-page .content-block {
  text-align: center;
  margin-bottom: 2em; }
  .hire-us-page .content-block:last-of-type {
    margin-bottom: 0; }
  .hire-us-page .content-block h4 {
    margin: 0;
    text-align: center;
    font-size: 12px;
    letter-spacing: 2.4px;
    color: #322b34;
    text-transform: uppercase; }
  .hire-us-page .content-block:nth-of-type(2) .hire-us-link .hire-us-link-underline_outter-wrapper {
    -webkit-transition: 1.5s 1.5s;
    -moz-transition: 1.5s 1.5s;
    -ms-transition: 1.5s 1.5s;
    -o-transition: 1.5s 1.5s;
    transition: 1.5s 1.5s; }

.hire-us-page.page-loaded .hire-us-link .hire-us-link-underline_outter-wrapper {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

.nav-dark .menu-trigger-outter-wrapper .menu-trigger .line {
  background: #000000; }

.nav-dark .menu-trigger.active .line {
  background: #000000; }

.poster {
  box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4); }

.intro-overlay {
  background: #39343b;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1500; }
  .intro-overlay .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.hero-section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  background-image:url(../img/hero-bg.jpg);
     
       }

.hero-section-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #39343b;
  -webkit-transition: 0.5s 0.3s;
  -moz-transition: 0.5s 0.3s;
  -ms-transition: 0.5s 0.3s;
  -o-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
  z-index: 2; }

.page-loaded .services-hero-section .hero-section-overlay {
  opacity: 0.8; }

.hero-section_outter-wrapper .hero-arrow {
  bottom: -2.5em; }

.page-loaded .load-item-2, .page-loaded .nav-dark .menu-trigger-outter-wrapper, .nav-dark .page-loaded .menu-trigger-outter-wrapper, .page-loaded .nav-dark .logo, .nav-dark .page-loaded .logo,
.page-loaded .load-item-3,
.page-loaded .load-item-4,
.page-loaded .hero-arrow-wrapper,
.page-loaded .load-item-5,
.page-loaded nav .menu-trigger-outter-wrapper,
nav .page-loaded .menu-trigger-outter-wrapper,
.page-loaded .logo {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1; }
.page-loaded .hero-section-overlay {
  opacity: 0.3; }

.hero-slogan .line {
  display: inline-block;
  -webkit-transition: 0.5s 1s;
  -moz-transition: 0.5s 1s;
  -ms-transition: 0.5s 1s;
  -o-transition: 0.5s 1s;
  transition: 0.5s 1s;
  opacity: 0;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px); }
  .hero-slogan .line:nth-of-type(1) {
    -webkit-transition: 0.5s 1s;
    -moz-transition: 0.5s 1s;
    -ms-transition: 0.5s 1s;
    -o-transition: 0.5s 1s;
    transition: 0.5s 1s; }
  .hero-slogan .line:nth-of-type(2) {
    -webkit-transition: 0.5s 1.5s;
    -moz-transition: 0.5s 1.5s;
    -ms-transition: 0.5s 1.5s;
    -o-transition: 0.5s 1.5s;
    transition: 0.5s 1.5s; }
  .hero-slogan .line:nth-of-type(3) {
    -webkit-transition: 0.5s 2s;
    -moz-transition: 0.5s 2s;
    -ms-transition: 0.5s 2s;
    -o-transition: 0.5s 2s;
    transition: 0.5s 2s; }
  .hero-slogan .line:nth-of-type(4) {
    -webkit-transition: 0.5s 2.5s;
    -moz-transition: 0.5s 2.5s;
    -ms-transition: 0.5s 2.5s;
    -o-transition: 0.5s 2.5s;
    transition: 0.5s 2.5s; }
	#logopic{
	  float:right;}

.page-loaded .hero-slogan .line {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }

.services_link-bot-wrapper {
  /*position: fixed;
  left: 0;
  width: 100%;
  bottom: 70px;*/
  -webkit-transform: translateY(-400px);
  -moz-transform: translateY(-400px);
  -ms-transform: translateY(-400px);
  -o-transform: translateY(-400px);
  transform: translateY(-400px);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }
  .services_link-bot-wrapper.active {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; }
@media only screen and (max-width:500px){
	.hire-us-page .container .content {
		width:500px;
		height:200px;
		background-image:url(../img/mobile.jpeg);
		
}
.hero-slogan .text-larger{
	
	
	font-size:40px}
	.hero-slogan .text-highlight{
		
		font-size:40px
		}
		.page-loaded .hero-slogan .line
		{
			
			font-size:20px;
		}
		.hero-section-bg{
			background-image:url(../img/hero-bg_mobile.jpg);}
			#suppliers_page {
    background-image:url(../img/yy_en_mobile.png);
    opacity: 1;
	font-size:10px;
	
	
}

}
/*# sourceMappingURL=site.css.map */