/*
body.page-template-tpl-what-we-do{
	@media (min-width: 1201px){
		.visual-section {
			min-height: auto;
			height: calc(100vh - 93px);
		}
	}
	@media( max-width: 991px ){
		.visual-section{
			min-height: auto;
		}	
	}
}
*/
.two-columns {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 25px;
  column-gap: 25px; }

@media (max-width: 767px) {
  .two-columns {
    -webkit-column-count: 1;
    column-count: 1; } }

body.page-template-tpl-what-we-do .two-columns {
  text-align: left; }

.what-we-do-section {
  position: relative;
  margin-top: 93px; }
  .what-we-do-section .svg-container {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .what-we-do-section .svg-container.loaded {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .what-we-do-section .step-menu {
    position: absolute;
    top: -93px;
    left: 0;
    right: 0;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 1px; }
    .what-we-do-section .step-menu__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      background: white;
      color: black;
      padding: 20px 0; }
      .what-we-do-section .step-menu__inner .step {
        text-transform: uppercase;
        text-align: center;
        padding: 0 25px;
        max-width: 170px;
        width: calc(100% / 9);
        cursor: pointer; }
      @media all and (-ms-high-contrast: none) {
        .what-we-do-section .step-menu__inner .step {
          max-width: none; } }
      @supports (-ms-ime-align: auto) {
        .what-we-do-section .step-menu__inner .step {
          max-width: none; } }
  @media (max-width: 1199px) {
    .what-we-do-section .step-menu {
      font-size: 10px;
      line-height: 14px; } }
  .what-we-do-section .progress-bar {
    position: relative;
    height: 5px;
    width: 100%;
    background-color: #E0E0E0; }
    .what-we-do-section .progress-bar__inner {
      -webkit-transition: 0.4s ease;
      -o-transition: 0.4s ease;
      transition: 0.4s ease;
      width: calc(100% / 8);
      height: 5px;
      background: -webkit-linear-gradient(324.14deg, #5AB000 0%, #007031 100%);
      background: -o-linear-gradient(324.14deg, #5AB000 0%, #007031 100%);
      background: linear-gradient(125.86deg, #5AB000 0%, #007031 100%);
      -webkit-animation-name: bounce;
      animation-name: bounce;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-direction: alternate;
      animation-direction: alternate;
      -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
      animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }
      .what-we-do-section .progress-bar__inner.paused {
        -webkit-animation: unset;
        animation: unset; }

@-webkit-keyframes bounce {
  0% {
    width: 0%; }
  55% {
    width: calc(100% / 9); }
  80% {
    width: calc(100% / 10); }
  100% {
    width: calc(100% / 9); } }

@keyframes bounce {
  0% {
    width: 0%; }
  55% {
    width: calc(100% / 9); }
  80% {
    width: calc(100% / 10); }
  100% {
    width: calc(100% / 9); } }
  .what-we-do-section .icon {
    cursor: pointer;
    fill: transparent !important; }
  .what-we-do-section path.fade-out,
  .what-we-do-section polyline.fade-out {
    opacity: 0.1;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .what-we-do-section .icon:not(.icon--no-fade).fade-out, .what-we-do-section .labels-2 .text:not(.text--no-fade).fade-out {
    opacity: 0.1; }
  .what-we-do-section .icon-wrapper {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease; }
  .what-we-do-section .icon-wrapper > * {
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease; }
  .what-we-do-section .icon-wrapper.inactive {
    opacity: 0.5;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease; }
  .what-we-do-section .title {
    font-size: 54px;
    font-weight: 300;
    letter-spacing: -2.3px;
    line-height: 58px;
    color: #003313;
    margin-bottom: 20px; }
  .what-we-do-section .panel--0 .title {
    font-size: 62px;
    line-height: 64px; }
  .what-we-do-section p {
    color: #101010;
    font-size: 16px;
    line-height: 26px; }
  .what-we-do-section .text-slider {
    position: absolute;
    top: 0;
    left: 0;
    padding: 110px 0px 60px 60px;
    max-width: 400px; }
  .what-we-do-section .panel {
    display: none;
    background: #fff;
    padding: 40px 40px 40px 0; }
  .what-we-do-section .panel--0 {
    display: block; }
  .what-we-do-section .button {
    background: -webkit-gradient(linear, right top, left top, from(#5AB000), to(#007031));
    background: -webkit-linear-gradient(right, #5AB000 0%, #007031 100%);
    background: -o-linear-gradient(right, #5AB000 0%, #007031 100%);
    background: linear-gradient(270deg, #5AB000 0%, #007031 100%);
    padding: 22px 30px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
    cursor: pointer; }
  .what-we-do-section .labels-2 text {
    -webkit-transform: translate(12px, 15px);
    -ms-transform: translate(12px, 15px);
    transform: translate(12px, 15px);
    opacity: 0.3;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .what-we-do-section .labels-2 .text--3,
  .what-we-do-section .labels-2 .text--4 {
    -webkit-transform: translate(-20px, 15px);
    -ms-transform: translate(-20px, 15px);
    transform: translate(-20px, 15px); }
  .what-we-do-section .labels-2 .active {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .what-we-do-section #Compound_Arrows_Top {
    pointer-events: none; }
  .what-we-do-section #TARGET_ARROWS {
    pointer-events: all; }
  .what-we-do-section .target-arrow-step {
    cursor: pointer; }
  .what-we-do-section .small-devices {
    display: none;
    padding: 30px 50px;
    text-align: center; }
    .what-we-do-section .small-devices .step-img {
      margin: 30px auto;
      width: 200px; }
  @media (max-width: 991px) {
    .what-we-do-section {
      margin-top: 50px; }
      .what-we-do-section .step-menu,
      .what-we-do-section .svg-container,
      .what-we-do-section .text-slider {
        display: none; }
      .what-we-do-section .title {
        font-size: 32px;
        line-height: 40px; }
      .what-we-do-section .small-devices {
        display: block; }
        .what-we-do-section .small-devices .slick-list,
        .what-we-do-section .small-devices .slick-track,
        .what-we-do-section .small-devices .slick-slide,
        .what-we-do-section .small-devices .slick-slide > div {
          height: 100%; }
        .what-we-do-section .small-devices .slick-track {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .what-we-do-section .small-devices .slick-track .slick-slide {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: auto;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
      .what-we-do-section .small-devices .text-slider {
        display: block;
        position: static;
        z-index: 1;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        margin: 50px auto 0; }
        .what-we-do-section .small-devices .text-slider .panel {
          padding: 20px 0; }
      .what-we-do-section .navigation {
        position: absolute;
        top: 100px;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 400px; }
        .what-we-do-section .navigation .arrow {
          background: transparent;
          position: absolute; }
          .what-we-do-section .navigation .arrow.arrow--left {
            left: 0; }
          .what-we-do-section .navigation .arrow.arrow--right {
            right: 0; } }
  @media (max-width: 420px) {
    .what-we-do-section .small-devices {
      padding: 30px; } }

/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align: auto) {
  @media (min-width: 1000px) {
    #main-waht-we-do .svg-container.loaded {
      margin-left: -200px;
      padding-top: 100px; }
    #main-waht-we-do .svg-container.loaded svg {
      overflow: visible !important;
      width: 1060px !important;
      margin-top: -120px !important; } }
  @media (min-width: 1520px) {
    #main-waht-we-do .svg-container.loaded {
      margin-left: 50px; }
    #main-waht-we-do .svg-container.loaded svg {
      overflow: visible !important;
      width: 800px !important;
      margin-top: -300px !important; } }
  @media (min-width: 768px) {
    .svg-container {
      height: calc(100vh +200px);
      min-height: 700px; } }
  .cls-4 {
    fill: #007031 !important; } }

/* Microsoft Edge Browser 15+ - @supports method */
@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
  @media (min-width: 1000px) {
    #main-waht-we-do .svg-container.loaded {
      margin-left: -200px;
      padding-top: 100px; }
    #main-waht-we-do .svg-container.loaded svg {
      overflow: visible !important;
      width: 1060px !important;
      margin-top: -120px !important; } }
  @media (min-width: 1520px) {
    #main-waht-we-do .svg-container.loaded {
      margin-left: 50px; }
    #main-waht-we-do .svg-container.loaded svg {
      overflow: visible !important;
      width: 800px !important;
      margin-top: -300px !important; } }
  @media (min-width: 768px) {
    .svg-container {
      height: calc(100vh +200px);
      min-height: 700px; } }
  .cls-4 {
    fill: #007031 !important; } }

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none) and (min-width: 1000px), (-ms-high-contrast: active) and (min-width: 1000px) {
  #main-waht-we-do .svg-container.loaded {
    margin-left: -200px;
    padding-top: 100px; }
  #main-waht-we-do .svg-container.loaded svg {
    overflow: visible !important;
    width: 1060px !important; } }

@media all and (-ms-high-contrast: none) and (min-width: 1520px), (-ms-high-contrast: active) and (min-width: 1520px) {
  #main-waht-we-do .svg-container.loaded {
    margin-left: 50px; }
  #main-waht-we-do .svg-container.loaded svg {
    overflow: visible !important;
    width: 800px !important; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
  .svg-container {
    height: calc(100vh +200px);
    min-height: 700px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cls-4 {
    fill: #007031 !important; } }