/*! Studio Lake Starter */
@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 10px;
    transform: rotate(0);
  }
  100% {
    top: 10px;
    transform: rotate(45deg);
  }
}
@keyframes top-2 {
  0% {
    top: 10px;
    transform: rotate(45deg);
  }
  50% {
    top: 10px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}
@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 10px;
    transform: rotate(0);
  }
  100% {
    bottom: 10px;
    transform: rotate(135deg);
  }
}
@keyframes bottom-2 {
  0% {
    bottom: 10px;
    transform: rotate(135deg);
  }
  50% {
    bottom: 10px;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}
@keyframes scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behaviour: smooth;
}

html, body {
  width: 100%;
  position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  color: #2c2c2c;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  letter-spacing: 0.04px;
  line-height: 1.575rem;
}
@media screen and (min-width: 1180px) {
  body {
    font-size: 1.2rem;
    line-height: 1.875rem;
  }
}

a {
  background-color: transparent;
  text-decoration: none;
  color: #2c2c2c;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 600;
}

figure {
  margin: 0;
}

img {
  verical-align: middle;
  width: 100%;
}

small {
  font-size: 80%;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid silver;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

::-moz-selection {
  color: white;
  background: #208d48;
}

::selection {
  color: white;
  background: #208d48;
}

.rounded {
  border-radius: 8px !important;
}

.chart_circle {
  animation: mck_progress 2000ms ease-in-out;
}
@keyframes mck_progress {
  0% {
    stroke-dasharray: 0, 100;
  }
}

.acf-map {
  width: 100%;
  height: 600px;
  border: #ccc solid 1px;
  margin: -50px 0 20px 0;
}

.acf-map img {
  max-width: inherit !important;
}

.marker-content {
  text-align: center !important;
  color: white;
}
.marker-content h3 {
  font-size: 25px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  line-height: 1.35;
  color: inherit;
  margin-bottom: 0;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  letter-spacing: 0em;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 1.4;
}

.h1,
h1 {
  font-size: 33px;
}
@media screen and (min-width: 993px), print {
  .h1,
h1 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1180px) {
  .h1,
h1 {
    font-size: 50px;
  }
}

.h2,
h2 {
  font-size: 28px;
}
@media screen and (min-width: 1180px) {
  .h2,
h2 {
    font-size: 39px;
  }
}
.h2.small,
h2.small {
  font-size: 19px;
}
@media screen and (min-width: 1180px) {
  .h2.small,
h2.small {
    font-size: 19px;
  }
}

.h3,
h3 {
  font-size: 23px;
}
.h3.small,
h3.small {
  font-size: 100% !important;
}
@media screen and (min-width: 993px), print {
  .h3,
h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 1180px) {
  .h3,
h3 {
    font-size: 25px;
  }
}

.h4,
h4 {
  font-size: 13px;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Roboto Mono", monospace;
  display: inline-block;
}
@media screen and (min-width: 1180px) {
  .h4,
h4 {
    font-size: 14px;
  }
}
a .h4,
a h4 {
  border-bottom: 1.5px solid #208d48;
}

.h5,
h5 {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 12px;
  font-family: "Roboto Mono", monospace;
}
@media screen and (min-width: 1180px) {
  .h5,
h5 {
    font-size: 15px;
  }
}

.h6,
h6 {
  font-size: 10px;
}
@media screen and (min-width: 1180px) {
  .h6,
h6 {
    font-size: 12px;
  }
}

p {
  color: #343434;
  margin-bottom: 1rem;
}
p:last-of-type {
  margin: 0;
}

p:not(.p-large):not(.p-caption):not(.wp-caption-text) {
  color: inherit;
}

p a {
  text-decoration: none !important;
  position: relative;
  display: inline;
  padding-bottom: 1px;
  border-bottom: 1px solid #000;
  transition: 0.2s;
}

strong {
  font-weight: 500;
}

.mark,
mark {
  padding: 0.2em;
  background-color: yellow;
}

.text-70 {
  opacity: 0.5;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.muted {
  opacity: 0.6;
  line-height: 1.5;
}

.text-xs {
  font-size: 100%;
  line-height: 1.5;
}
@media screen and (min-width: 1180px) {
  .text-xs {
    font-size: 85%;
  }
}

.text-s {
  font-size: 100%;
  line-height: 1.5;
}
@media screen and (min-width: 1180px) {
  .text-s {
    font-size: 90%;
  }
}

.text-m {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 300;
}
@media screen and (min-width: 1180px) {
  .text-m {
    font-size: 22px;
  }
}

.text-l {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  line-height: 1.3;
}
.text-l span {
  position: relative;
}
.text-l span:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 0;
  background: #f8d10c;
  z-index: -1;
  height: 12px;
}
.text-l p {
  margin-bottom: 40px;
}
@media screen and (min-width: 993px), print {
  .text-l {
    font-size: 32px;
  }
}
@media screen and (min-width: 1180px) {
  .text-l {
    font-size: 43px;
  }
}

.text-xl {
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1180px) {
  .text-xl {
    font-size: 80px;
  }
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Admin Spacing */
.admin-bar {
  padding-top: 0;
}

/* Float */
.float-right {
  float: right;
}

/* Spacers */
.spacer-top {
  margin-top: 195px;
}
@media screen and (min-width: 1180px) {
  .spacer-top {
    margin-top: 280px;
  }
}

.align-y-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Background colors */
.bg-white {
  background: white;
}

.bg-light {
  background: #F5F7F6 !important;
}

.bg-dark {
  background: #208d48 !important;
}

.bg-green {
  background: #208d48 !important;
  border-bottom: 1px solid white;
}

/* Text colors */
.text-white {
  color: white;
}

.text-green {
  color: #208d48;
}

/* Font helpers */
.font-header {
  font-family: "Poppins", sans-serif;
}

/* Borders */
.rounded-top {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

/* Width */
.mw-60 {
  max-width: 60%;
}

.mw-70 {
  max-width: 70%;
}

.mw-80 {
  max-width: 100%;
}
@media screen and (min-width: 1180px) {
  .mw-80 {
    max-width: 80%;
  }
}

.mw-90 {
  max-width: 100%;
}
@media screen and (min-width: 1180px) {
  .mw-90 {
    max-width: 90%;
  }
}

/* Padding */
.sp-y {
  padding: 50px 0;
}
@media screen and (min-width: 1180px) {
  .sp-y {
    padding: 110px 0;
  }
}

.sp-b {
  padding-bottom: 50px;
}
@media screen and (min-width: 1180px) {
  .sp-b {
    padding-bottom: 110px;
  }
}

.sp-t {
  padding-top: 50px;
}
@media screen and (min-width: 1180px) {
  .sp-t {
    padding-top: 110px;
  }
}

.badge {
  letter-spacing: 0.04em;
  font-family: "Roboto Mono", monospace;
  font-weight: 300;
  font-size: 15px;
  text-transform: uppercase;
  padding: 8px 15px;
}

blockquote {
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  position: relative;
  padding-left: 20px;
  margin: 40px 0;
  max-width: 90%;
  border-left: 5px solid #F8D10C;
}
@media screen and (min-width: 1180px) {
  blockquote {
    padding-left: 30px;
  }
}

.breadcrumb {
  position: relative;
  z-index: 10;
  font-weight: 500;
  font-size: 15px;
  border-bottom: 1px solid #208d48;
  display: inline-block;
  line-height: 1.2;
}
.breadcrumb a:hover {
  color: #208d48;
}

.btn {
  border: 0;
}
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}

.btn-primary,
.btn-primary:visited,
.btn-primary a {
  background: #208d48;
  border-radius: 50px;
  color: white;
  padding: 10px 20px;
  display: inline-block;
}
@media screen and (min-width: 1180px) {
  .btn-primary,
.btn-primary:visited,
.btn-primary a {
    padding: 13px 24px;
  }
}
.btn-primary:hover,
.btn-primary:visited:hover,
.btn-primary a:hover {
  background: #F8D10C;
  color: #2c2c2c;
}

.btn-white,
.btn-white a {
  background: white;
  border-radius: 50px;
  color: #2c2c2c;
  padding: 10px 20px;
  display: inline-block;
}
@media screen and (min-width: 1180px) {
  .btn-white,
.btn-white a {
    padding: 13px 25px;
  }
}
.btn-white:hover,
.btn-white a:hover {
  background: #F8D10C;
  color: #2c2c2c;
}

.btn-text {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 15px;
  align-self: start;
  text-align: left;
  border-bottom: 2px solid transparent;
  padding: 0;
  line-height: 1;
}
.btn-text:hover {
  border-bottom: 2px solid #208d48;
  border-radius: 0;
}

.card {
  position: relative;
  border-radius: 0;
  border: 0;
}
.card .card-body {
  padding: 30px;
}
@media screen and (min-width: 1180px) {
  .card .card-body {
    padding: 40px;
  }
}
.card .card-body.body-s {
  padding: 20px;
}
@media screen and (min-width: 1180px) {
  .card .card-body.body-s {
    padding: 25px 25px;
  }
}
.card.card-link:hover {
  cursor: pointer;
}
.card.card-link:hover h2,
.card.card-link:hover h3 {
  color: #208d48;
  text-decoration: underline;
}

.card-transparent {
  background: transparent;
}

.card-outline {
  border: 1px solid #D3D0D0;
}

.card-link + .card-link {
  margin-left: 0rem;
}

.card-green {
  background: #208d48;
  color: white;
  border-radius: 0;
}
.card-green:hover h3 {
  color: #f8d10c !important;
}

.card h2,
.card h3 {
  margin: 0px !important;
}

.case-details {
  background: #208d48;
  color: white;
}
.case-details a {
  color: white;
  border-bottom: 1px solid;
}
.case-details ul {
  margin: 0;
  padding: 0;
}

.page-title {
  margin-bottom: 50px;
}
.page-title h1 {
  font-size: 55px;
  font-weight: 500;
}
@media screen and (min-width: 1180px) {
  .page-title h1 {
    font-size: 65px;
  }
}

.content-wrapper {
  max-width: 720px;
  margin: 0 auto;
}

.content {
  position: relative;
}
.content h1,
.content h2,
.content h3,
.content h4 {
  margin-bottom: 10px;
  margin-top: 40px;
}
.content h1,
.content .h1 {
  font-size: 23px;
}
@media screen and (min-width: 1180px) {
  .content h1,
.content .h1 {
    font-size: 29px;
  }
}
.content h2,
.content .h2 {
  font-size: 23px;
}
@media screen and (min-width: 1180px) {
  .content h2,
.content .h2 {
    font-size: 29px;
  }
}
.content h3,
.content .h3 {
  font-size: 18px;
}
@media screen and (min-width: 1180px) {
  .content h3,
.content .h3 {
    font-size: 20px;
  }
}
.content h4 {
  text-transform: none;
  font-size: inherit;
  letter-spacing: 0;
}
.content ol,
.content ul {
  list-style: inherit;
}
.content p a {
  border-color: #208d48;
  color: #208d48;
}
.content img {
  margin: 10px 0;
}
.content figure {
  margin: 30px 0;
}
.content ul,
.content ol {
  list-style: none;
  padding-right: 10%;
  padding-left: 0;
  margin: 20px 0;
}
.content ul li,
.content ol li {
  margin-bottom: 1rem;
  padding-left: 2rem;
  position: relative;
}
.content ul li a,
.content ol li a {
  border-bottom: 1px solid #208d48;
}
.content ul li::before,
.content ol li::before {
  background: #208d48;
  border: 2px solid #208d48;
  content: "";
  height: 13px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 13px;
}
.content ul li h1,
.content ul li h2,
.content ul li h3,
.content ul li h4,
.content ol li h1,
.content ol li h2,
.content ol li h3,
.content ol li h4 {
  margin-bottom: 5px;
}

.post-title {
  font-size: 35px;
}
@media screen and (min-width: 1180px) {
  .post-title {
    font-size: 38px;
  }
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin: 0;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embed-container-alt iframe,
.embed-container-alt object,
.embed-container-alt embed {
  width: 100%;
  margin-bottom: -10px;
  height: 600px;
}

.hero {
  position: relative;
  min-height: 400px;
}
@media screen and (min-width: 1180px) {
  .hero {
    min-height: 500px;
  }
}
.hero .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #2c2c2c;
}
.hero .hero-bg img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
}
.hero .hero-bg .hero-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.7;
  background: #08411D;
  left: 0;
  top: 0;
  z-index: 2;
}
.hero .hero-bg .hero-overlay.header {
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0.45) 33%, rgba(255, 255, 255, 0) 62%);
}
.hero .hero-text {
  position: absolute;
  z-index: 20;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.hero .hero-text p.text-m {
  max-width: 600px;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
}
@media screen and (min-width: 1180px) {
  .hero .hero-text p.text-m {
    font-size: 28px;
  }
}

.hero.header {
  min-height: auto;
  height: 475px;
  top: 90px;
}

.hero-home {
  min-height: 500px;
  margin-top: 200px;
}

.hero-cases {
  height: auto;
  min-height: 700px;
  margin-top: 0px;
}
@media screen and (min-width: 1180px) {
  .hero-cases {
    min-height: 600px;
  }
}
.hero-cases .hero-text {
  padding: 40px 0px;
}
.hero-cases .hero-text h3 {
  font-size: 29px;
}
@media screen and (min-width: 1180px) {
  .hero-cases .hero-text {
    padding: 40px;
  }
}

img,
figure {
  max-width: 100%;
}

figcaption,
.pswp__caption__center h4,
.caption {
  font-family: "Roboto Mono", monospace !important;
  letter-spacing: -0.02em;
  opacity: 0.7;
  font-size: 13px;
  line-height: 1.4;
}

.icon-md {
  max-width: 50px;
}

.intro {
  font-weight: 300;
  margin-bottom: 35px;
  line-height: 1.4;
  font-size: 22px;
  position: relative;
}
@media screen and (min-width: 1180px) {
  .intro {
    font-size: 28px;
  }
}

.intro-content {
  margin-top: 200px;
}

.intro-overlap {
  background: white;
  margin-top: -150px;
  position: relative;
  z-index: 99;
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  padding: 30px;
}
@media screen and (min-width: 1180px) {
  .intro-overlap {
    border-top-left-radius: 8px;
    padding: 50px 30px;
  }
}
.intro-overlap:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: calc((100vw - 100%) / 2);
  left: calc(-1 * (100vw - 100%) / 2);
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: white;
  z-index: 2;
}
@media screen and (min-width: 1180px) {
  .intro-overlap:before {
    display: none;
  }
}

.intro-overlap.align-left {
  background: #208d48;
  color: white;
  padding-left: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  margin-top: -100px;
}
.intro-overlap.align-left:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: calc((100vw - 100%) / 2);
  left: calc(-1 * (100vw - 100%) / 2);
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #208d48;
  z-index: 2;
}
.intro-overlap.align-left .intro {
  padding-right: 40px;
}
.intro-overlap.align-left .intro a {
  color: white;
  border-bottom: 1px solid;
}

.icon-sm {
  max-width: 30px;
  margin-right: 10px;
}
@media screen and (min-width: 1180px) {
  .icon-sm {
    max-width: 40px;
  }
}

/* Map */
.acf-map {
  width: 100%;
  height: 500px;
  border: #ccc solid 0px;
  margin: 0px 0;
  background: #208d48;
}
.acf-map img {
  max-width: 100% !important;
}

.marker-content {
  text-align: center !important;
  color: white;
}
.marker-content h3 {
  font-size: 25px;
}

.gm-style .gm-style-iw-c {
  max-width: 200px !important;
  border-radius: 0px;
  padding: 0;
}

.gm-ui-hover-effect {
  display: none !important;
}

.gm-style-iw-d {
  overflow: hidden !important;
}

.tag-overlay {
  margin: 20px;
  position: absolute;
  z-index: 100;
}
.tag-overlay .badge {
  background: #208d48;
  color: white;
}

.thumb-wrapper.saturated img {
  opacity: 0.4;
}

.btn-search {
  width: 40px;
  height: 40px;
  border-radius: 22px;
  background: white;
  border: 0;
  background-size: 12px 12px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  background-image: none;
  z-index: 100;
  cursor: pointer !important;
}
.btn-search img {
  margin: 12.5px;
}

.modal-video .modal-dialog {
  max-width: 400px;
}
@media screen and (min-width: 1180px) {
  .modal-video .modal-dialog {
    max-width: 600px;
  }
}
@media screen and (min-width: 1200px) {
  .modal-video .modal-dialog {
    max-width: 900px;
  }
}

.page-nav {
  font-size: 95%;
}
@media screen and (min-width: 1180px) {
  .page-nav {
    font-size: 100%;
  }
}

.title-l {
  font-size: 45px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1180px) {
  .title-l {
    font-size: 40px;
  }
}

.title-xl {
  font-size: 45px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1180px) {
  .title-xl {
    font-size: 65px;
  }
}

.table {
  margin-bottom: 0px;
  font-size: 15px;
}
@media screen and (min-width: 1180px) {
  .table {
    font-size: 100%;
  }
}
.table tr.row-1 {
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.03em;
  font-size: 14px;
  line-height: 1.2;
}
.table .column-3.sorting {
  color: white;
}
.table .column-4 {
  text-align: right;
}
.table .tablepress .row-hover tr:hover td {
  background: transparent;
}
.table .dataTables_info,
.table caption {
  display: none;
}
.table .tablepress tfoot th,
.table .tablepress thead th {
  background-color: transparent;
}
.table .tablepress thead th:hover {
  background: transparent !important;
  color: #208d48 !important;
}

.table-row {
  border-bottom: 1px solid #D3D0D0;
  padding: 5px 0;
}
.table-row:last-of-type {
  border-bottom: 0;
}

.table-total {
  margin-bottom: 0 !important;
}

.container {
  padding-right: 8%;
  padding-left: 8%;
  max-width: 1580px;
}
@media screen and (min-width: 1180px) {
  .container {
    padding-right: 5%;
    padding-left: 5%;
  }
}

.footer-top {
  padding-bottom: 110px !important;
}
.footer-top ul {
  padding: 0;
  margin: 0;
  color: white;
  line-height: 1.3;
}
.footer-top ul a {
  color: white;
  font-size: 16px;
}
.footer-top ul > li > a {
  font-weight: 500;
}
.footer-top ul .sub-menu > li > a {
  font-weight: 300;
}

.grid-item-2:nth-child(-n+2) {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1180px) {
  .grid-item-2:nth-child(-n+2) {
    margin-bottom: 2rem;
  }
}

.grid-item-3:nth-child(-n+3) {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1180px) {
  .grid-item-3:nth-child(-n+3) {
    margin-bottom: 2rem;
  }
}

.col-border {
  border-left: 4px solid rgba(32, 141, 72, 0.3);
}
.col-border:last-of-type {
  border-right: 4px solid rgba(32, 141, 72, 0.3);
}

.menu-icon {
  width: 44px;
  height: 44px;
}

.main-header {
  background: white;
  z-index: 9999 !important;
  border-bottom: 1px solid #D3D0D0;
  padding: 15px 0;
}
@media screen and (min-width: 1180px) {
  .main-header {
    padding: 10px 0;
  }
}

.nav-brand,
.navigation li {
  line-height: 75px;
}

.navbar-brand img {
  width: 220px;
}

.navigation {
  margin: 0;
  text-align: right;
  position: relative;
}
.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0 10px 0 0;
  list-style: none;
  display: inline-block;
  opacity: 1;
  visibility: visible;
  transition: all 0.6s ease;
}
.navigation ul li {
  padding: 0;
  margin: 0 10px;
  float: left;
  font-size: 16px;
  font-weight: normal;
}
.navigation ul li > a {
  color: #2c2c2c;
}
.navigation ul li > a.active {
  color: #208d48;
}

.nav-trigger {
  position: relative;
  z-index: 22;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  float: right;
}
.nav-trigger .nav-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  cursor: pointer;
  background: white;
  display: block;
}
.nav-trigger span {
  display: block;
  width: 100%;
  border-radius: 1px;
  height: 2px;
  background: black;
  transition: all 0.3s;
  position: relative;
}
.nav-trigger span + span {
  margin-top: 8px;
}
.nav-trigger .active span:nth-child(1) {
  animation: ease 0.7s top forwards;
}
.nav-trigger .active span:nth-child(2) {
  animation: ease 0.7s scaled forwards;
}
.nav-trigger .active span:nth-child(3) {
  animation: ease 0.7s bottom forwards;
}

.nav-mobile {
  top: 71px;
  height: 0%;
  width: 100%;
  display: none;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  background: white;
  border-top: 1px solid white;
  padding: 30px 0;
  z-index: 10;
}

.nav-mobile.active {
  display: block;
  opacity: 1;
  height: 100%;
  visibility: visible;
  position: fixed;
}
.nav-mobile.active ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav-mobile.active ul > li {
  padding: 0;
  line-height: 1.5;
  display: block;
  padding: 10px 0;
}
.nav-mobile.active ul > li.menu-title {
  display: none;
}
.nav-mobile.active ul > li > a {
  font-family: "Poppins", sans-serif;
  padding: 8px 0;
  font-size: 22px;
}
.nav-mobile.active .sub-menu li {
  padding: 5px 0;
}
.nav-mobile.active .sub-menu li:nth-child(2) {
  padding-top: 10px !important;
}
.nav-mobile.active .sub-menu li a {
  font-family: "Roboto", sans-serif;
}
.nav-mobile.active .btn {
  padding: 17px 20px;
  font-size: 18px;
}
@media screen and (min-width: 1180px) {
  .nav-mobile.active {
    display: none;
  }
}

.navigation > ul > li > ul.sub-menu {
  opacity: 0;
  display: block;
  position: absolute;
  visibility: hidden;
  list-style: none !important;
  top: calc(100% - 1px) !important;
  width: 200px !important;
  padding: 35px 30px !important;
  margin: 0 !important;
  background-color: white;
  height: auto !important;
  border: 1px solid white;
  border-radius: 2px;
  transition: all 0.55s ease-in-out;
  box-shadow: -6px 15px 21px -5px rgba(181, 181, 181, 0.5);
}
.navigation > ul > li > ul.sub-menu li {
  margin: 0;
  position: relative;
  margin: 0;
  padding: 0;
  background: 0 0;
  display: block;
  float: none;
  text-align: left;
}
.navigation > ul > li > ul.sub-menu li.menu-title a {
  color: #208d48 !important;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
}
.navigation > ul > li > ul.sub-menu li a {
  color: #000 !important;
  letter-spacing: 0.2px;
  padding: 8px 0;
  border-top: 0 none !important;
  border-bottom: 1px solid white;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  display: block;
  line-height: 1.3;
  width: 100%;
}
.navigation > ul > li > ul.sub-menu li a:hover {
  color: #208d48 !important;
}
.navigation > ul > li > ul.sub-menu li:last-child a {
  border-bottom: 0;
  padding-bottom: 0;
}
.navigation > ul > li > ul.sub-menu li:first-child a {
  padding-top: 0;
}

.navigation > ul > li.dropdown:hover > ul.sub-menu {
  opacity: 1;
  display: block;
  visibility: visible;
}

.section-cases {
  background: #2c2c2c;
}

.page-header .intro {
  margin-bottom: 75px;
}
@media screen and (min-width: 1180px) {
  .page-header .intro {
    margin-bottom: 100px;
  }
}
.page-header h1 {
  margin-bottom: 10px;
}
@media screen and (min-width: 1180px) {
  .page-header h1 {
    margin-bottom: 30px;
  }
}

.page-header.overlay .wrapper {
  margin-top: -100px;
  background: white;
  position: relative;
  z-index: 20;
  padding-top: 80px;
}
.page-header.overlay .wrapper:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: calc((100vw - 100%) / 2);
  left: calc(-1 * (100vw - 100%) / 2);
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: white;
  z-index: 2;
}
.page-header.overlay .wrapper:after {
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  width: 100px;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 323.3 520.4' style='enable-background:new 0 0 323.3 520.4%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Cpath class='st0' d='M323.3 520.4L182.2 72.8C170.9 27.8 129.5-2.2 83.3 0.1H0v520.3H323.3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transform: translateX(100%);
}

.pingpong .card {
  border-bottom-right-radius: 110px;
  transition: all 0.25s ease;
}

.pingpong-row:nth-child(odd) .row {
  flex-direction: row;
}
@media screen and (min-width: 1180px) {
  .pingpong-row:nth-child(odd) .row {
    flex-direction: row-reverse;
  }
}
.pingpong-row:nth-child(odd) .pingpong-image img {
  border-bottom-right-radius: 0px;
}
@media screen and (min-width: 1180px) {
  .pingpong-row:nth-child(odd) .pingpong-image img {
    border-bottom-right-radius: 110px;
  }
}

.pingpong-image .wrapper {
  position: relative;
  min-height: 200px;
  height: 100%;
}
.pingpong-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  object-fit: cover;
  will-change: opacity;
}
.pingpong-image .img-video {
  width: 100%;
  height: 100%;
  position: absolute;
  background: transparent;
  z-index: 1;
}
.pingpong-image .img-video img {
  z-index: 10;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  cursor: pointer;
}

.pingpong-text .card-body {
  padding: 40px;
}
@media screen and (min-width: 1180px) {
  .pingpong-text .card-body {
    padding: 90px;
  }
}

.pingpong-row.home .pingpong-image img {
  border-bottom-right-radius: 0px;
}

.sidebar {
  position: relative;
  top: 10px;
  bottom: 0px;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  line-height: 1.8;
  padding: 15px 0;
}