@font-face {
  font-family: "avenir-roman";
  src: url("../fonts/avenir-roman.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "avenir-black";
  src: url("../fonts/avenir-black.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "avenir-book";
  src: url("../fonts/avenir-book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "avenir-light";
  src: url("../fonts/avenir-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "avenir-medium";
  src: url("../fonts/avenir-medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "lato";
  src: url("../fonts/lato-1.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

.bg-img-template {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

a,
a:hover {
  text-decoration: none;
  color: unset;
}

button {
  background: transparent;
  border: none;
}

button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

main {
  padding-top: 75px;
  overflow: hidden;
}

@media screen and (max-width: 575px) {
  main {
    padding-top: 60px;
  }
}

a.button-color-1 {
  position: relative;
  padding: 15px 50px;
  background-image: url("../images/homepages/bg-button.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  font-family: "avenir-roman";
}

.button-primary {
  position: relative;
  padding: 10px 50px;
  color: #fff;
  background-image: url("/assets/images/homepages/bg-button.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  text-transform: uppercase;
  font-weight: 700;
}

.button-primary:hover, .button-primary:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: #fff;
}

.btn.primary-button {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
          clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
  background: linear-gradient(50deg, #1161ad 0%, #1d9696 100%);
  padding: 9px 65px;
  border-radius: 0;
  font-family: "avenir-medium";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}

@media screen and (max-width: 575px) {
  .btn.primary-button {
    padding: 9.5px 50px;
    font-size: 13px;
  }
}

.btn.primary-button--search {
  padding: 5px 50px;
}

.btn.primary-button:focus, .btn.primary-button:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.padding-section {
  padding: 0 10%;
}

@media screen and (max-width: 500px) {
  .padding-section {
    padding: 0 5%;
  }
}

.section-title {
  position: relative;
  color: #292929;
}

.section-title::before {
  content: "";
  position: absolute;
  width: 80px;
  height: 4px;
  background-color: #3cb6a4;
  left: 50%;
  top: -50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

@media screen and (max-width: 575px) {
  .section-title::before {
    width: 33px;
  }
}

.section-title h1 {
  font-size: 32px;
  font-family: "avenir-medium";
  margin-bottom: 0;
}

@media screen and (max-width: 575px) {
  .section-title h1 {
    font-size: 25px;
  }
}

.section-title h1 span {
  font-family: "avenir-black";
}

.section-title h1 span.tosca {
  color: #35b6a4;
}

.section-title h1 b,
.section-title h1 strong {
  font-family: "avenir-black";
  color: #35b6a4;
}

.section-description {
  position: relative;
  color: #535353;
  font-family: "lato";
  font-size: 16px;
}

.section-description p {
  font-family: "lato";
  font-size: 16px;
  margin-bottom: 0;
}

.section-description--title::before {
  content: "";
  position: absolute;
  width: 80px;
  height: 4px;
  background-color: #3cb6a4;
  left: 50%;
  top: -50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

@media screen and (max-width: 575px) {
  .section-description--title::before {
    width: 33px;
  }
}

.form-group {
  margin-bottom: 85px;
}

@media screen and (max-width: 600px) {
  .form-group {
    margin-bottom: 45px;
  }
}

.form-group label {
  font-family: "lato";
  font-weight: 700;
  color: #3cb6a4;
  font-size: 12px;
  margin-bottom: 15px;
}

.form-group .form-control {
  border: none;
  border-bottom: 1px solid #9f9f9f;
  padding: 20px 0;
}

.form-group .form-control::-webkit-input-placeholder {
  font-family: "lato";
  font-size: 16px;
  font-style: italic;
  color: #adadad;
}

.form-group .form-control:-ms-input-placeholder {
  font-family: "lato";
  font-size: 16px;
  font-style: italic;
  color: #adadad;
}

.form-group .form-control::-ms-input-placeholder {
  font-family: "lato";
  font-size: 16px;
  font-style: italic;
  color: #adadad;
}

.form-group .form-control::placeholder {
  font-family: "lato";
  font-size: 16px;
  font-style: italic;
  color: #adadad;
}

.form-group .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.card.contact {
  padding: 35px 20px 40px;
  border: none;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
  height: 100%;
}

.card.contact .icon-contact {
  text-align: center;
}

.card.contact .icon-contact img {
  max-width: 30%;
}

@media screen and (max-width: 600px) {
  .card.contact {
    margin-bottom: 30px;
  }
}

.card.contact h4 {
  font-family: "avenir-black";
  color: #464646;
  text-transform: unset;
  font-size: 16px;
  margin-top: 15px;
  text-align: center;
}

.card.contact h4 a {
  font-family: "avenir-medium";
  color: #2257a7;
}

.card.career {
  padding: 125px 85px 100px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  position: relative;
  -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.11);
}

@media screen and (max-width: 1366px) {
  .card.career {
    padding: 85px 60px 70px;
  }
}

@media screen and (max-width: 1024px) {
  .card.career {
    padding: 70px 40px 50px;
  }
}

@media screen and (max-width: 575px) {
  .card.career {
    padding: 40px 17px 25px;
  }
}

.card.career::after {
  position: absolute;
  content: "";
  background: url("/assets/images/icon/vector-card-career.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 190px;
  height: 250px;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 1366px) {
  .card.career::after {
    width: 130px;
    height: 175px;
  }
}

.card.career .image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.05;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.card.career:hover .image-overlay {
  opacity: 0.1;
}

.card.career:hover::before {
  position: absolute;
  content: "";
  background: #212a5a;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.card.career:hover .content .section-title::before {
  background-color: #fff;
}

.card.career:hover .content .section-title h1 {
  color: #fff;
}

.card.career:hover .content .section-title h1 span {
  color: #3cb6a4;
}

.card.career:hover .content .section-description {
  color: #fff;
}

.card.career .content {
  position: relative;
}

.card.career .content .section-title {
  margin-bottom: 30px;
}

@media screen and (max-width: 1366px) {
  .card.career .content .section-title {
    margin-bottom: 21px;
  }
}

@media screen and (max-width: 575px) {
  .card.career .content .section-title {
    margin-bottom: 5px;
  }
}

.card.career .content .section-title::before {
  width: 33px;
  height: 3px;
  left: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

.card.career .content .section-title h1 {
  font-size: 20px;
  color: #343434;
}

@media screen and (max-width: 575px) {
  .card.career .content .section-title h1 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 0;
  }
}

.card.career .content .section-description {
  color: #818181;
}

.card.career .content .section-description p {
  margin-bottom: 0;
}

@media screen and (max-width: 575px) {
  .card.career .content .section-description p {
    font-size: 15px;
    line-height: 18px;
  }
}

.card.career .content .button-box {
  margin-top: 65px;
}

@media screen and (max-width: 1366px) {
  .card.career .content .button-box {
    margin-top: 45px;
  }
}

@media screen and (max-width: 575px) {
  .card.career .content .button-box {
    margin-top: 35px;
  }
}

.card.career-horizontal {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.11);
  overflow: hidden;
  margin-bottom: 50px;
}

.card.career-horizontal .left {
  padding: 125px 85px 100px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  position: relative;
}

@media screen and (max-width: 1366px) {
  .card.career-horizontal .left {
    padding: 85px 60px 70px;
  }
}

@media screen and (max-width: 1024px) {
  .card.career-horizontal .left {
    padding: 70px 40px 50px;
  }
}

@media screen and (max-width: 575px) {
  .card.career-horizontal .left {
    padding: 40px 17px 25px;
  }
}

.card.career-horizontal .left::after {
  position: absolute;
  content: "";
  background: url("/assets/images/icon/vector-card-career.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 190px;
  height: 250px;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 1366px) {
  .card.career-horizontal .left::after {
    width: 130px;
    height: 175px;
  }
}

.card.career-horizontal .left .image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.05;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.card.career-horizontal .left:hover .image-overlay {
  opacity: 0.1;
}

.card.career-horizontal .left:hover::before {
  position: absolute;
  content: "";
  background: #212a5a;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.card.career-horizontal .left:hover .content .section-title::before {
  background-color: #fff;
}

.card.career-horizontal .left:hover .content .section-title h1 {
  color: #fff;
}

.card.career-horizontal .left:hover .content .section-title h1 span {
  color: #3cb6a4;
}

.card.career-horizontal .left:hover .content .section-description {
  color: #fff;
}

.card.career-horizontal .left .content {
  position: relative;
}

.card.career-horizontal .left .content .section-title {
  margin-bottom: 30px;
}

@media screen and (max-width: 1366px) {
  .card.career-horizontal .left .content .section-title {
    margin-bottom: 21px;
  }
}

@media screen and (max-width: 575px) {
  .card.career-horizontal .left .content .section-title {
    margin-bottom: 5px;
  }
}

.card.career-horizontal .left .content .section-title::before {
  width: 33px;
  height: 3px;
  left: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

.card.career-horizontal .left .content .section-title h1 {
  font-size: 20px;
  color: #343434;
}

@media screen and (max-width: 575px) {
  .card.career-horizontal .left .content .section-title h1 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 0;
  }
}

.card.career-horizontal .left .content .section-description {
  color: #818181;
}

.card.career-horizontal .left .content .section-description p {
  margin-bottom: 0;
}

@media screen and (max-width: 575px) {
  .card.career-horizontal .left .content .section-description p {
    font-size: 15px;
    line-height: 18px;
  }
}

.card.career-horizontal .left .content .button-box {
  margin-top: 65px;
}

@media screen and (max-width: 1366px) {
  .card.career-horizontal .left .content .button-box {
    margin-top: 45px;
  }
}

@media screen and (max-width: 575px) {
  .card.career-horizontal .left .content .button-box {
    margin-top: 35px;
  }
}

@media screen and (max-width: 575px) {
  .card.career-horizontal .left {
    padding: 40px 30px 25px !important;
  }
}

.card.career-horizontal .right {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .card.career-horizontal .right {
    height: 300px;
  }
}

.card__initiatives {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.card__initiatives__header {
  margin-bottom: 20px;
  padding: 30px 20px 0;
}

.card__initiatives__header .section-title::before {
  content: unset;
}

.card__initiatives__body {
  padding: 0 20px;
  margin-bottom: 20px;
}

.card__initiatives__body--kpi {
  margin-top: auto;
}

.card__initiatives__body .section-description::before,
.card__initiatives__body .image::before {
  width: 30px;
  height: 3px;
  left: 0;
  top: -15px;
  -webkit-transform: unset;
          transform: unset;
}

.card__initiatives__body .section-description img,
.card__initiatives__body .image img {
  image-rendering: -webkit-optimize-contrast;
}

.card__initiatives__footer {
  margin-top: auto;
}

.gm-style .gm-style-iw-c {
  border-radius: 0;
}

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

.card-location {
  border: none;
}

.card-location .photo-details {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-location .photo-details img {
  margin: 0 5px;
}

.card-location .card-body {
  padding: 0;
}

.card-location .card-body .address {
  font-family: "lato";
  font-size: 12px;
  color: #555555;
}

.timeline-nav .slick-slide:not(.slick-active) .box-year::after {
  background-color: #3cb6a4;
  z-index: 1;
}

.timeline-nav .slick-slide:nth-child(even) span {
  bottom: -65px;
  position: relative;
}

.timeline-nav .slick-slide.slick-current.slick-active .item {
  color: #3cb6a4;
}

.timeline-nav .slick-slide.slick-current.slick-active .item::before {
  background-color: #3cb6a4;
}

.timeline-nav .slick-slide.slick-current.slick-active .item::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 1px solid #3cb6a4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}

@media screen and (max-width: 575px) {
  .timeline-nav .slick-slide.slick-current.slick-active .item::after {
    top: 35px;
    width: 20px;
    height: 20px;
  }
}

.timeline-nav .slick-slide.slick-current.slick-active .item .box-year::after {
  background-color: #3cb6a4;
  z-index: 1;
  width: 50%;
}

.timeline-nav .item {
  width: auto;
  height: auto;
  text-align: center;
  background: transparent;
  color: #fff;
  margin: 70px 0 !important;
  position: relative;
  line-height: 28px;
  font-weight: 400;
  outline: none;
  cursor: pointer;
}

.timeline-nav .item::before {
  content: "";
  position: absolute;
  top: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}

@media screen and (max-width: 575px) {
  .timeline-nav .item::before {
    top: 40px;
    width: 10px;
    height: 10px;
  }
}

.timeline-nav .item .box-year {
  position: relative;
}

.timeline-nav .item .box-year::before, .timeline-nav .item .box-year::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  top: 44px;
  left: 0;
  z-index: -1;
}

.timeline-nav .item span {
  font-family: "lato";
  font-size: 16px;
}

@media screen and (max-width: 575px) {
  .timeline-nav .item span {
    font-size: 13px;
  }
}

.prevLocation {
  background: transparent;
  border: none;
  position: absolute;
  bottom: -5%;
  left: 40%;
  -webkit-transform: translate(-40%, 5%);
          transform: translate(-40%, 5%);
}

.prevLocation:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.prevLocation .blue {
  display: none;
}

.prevLocation:hover .white {
  display: none;
}

.prevLocation:hover .blue {
  display: block;
}

@media screen and (max-width: 1600px) {
  .prevLocation {
    bottom: -7%;
    -webkit-transform: translate(-40%, 7%);
            transform: translate(-40%, 7%);
  }
}

@media screen and (max-width: 768px) {
  .prevLocation {
    bottom: 40%;
    left: -5%;
  }
}

@media screen and (max-width: 575px) {
  .prevLocation {
    bottom: 50%;
    left: -10%;
  }
}

.nextLocation {
  background: transparent;
  border: none;
  position: absolute;
  bottom: -5%;
  right: 40%;
  -webkit-transform: translate(-40%, 5%);
          transform: translate(-40%, 5%);
}

.nextLocation:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.nextLocation .blue {
  display: none;
}

.nextLocation:hover .white {
  display: none;
}

.nextLocation:hover .blue {
  display: block;
}

@media screen and (max-width: 1600px) {
  .nextLocation {
    bottom: -7%;
    right: 35%;
    -webkit-transform: translate(-35%, 7%);
            transform: translate(-35%, 7%);
  }
}

@media screen and (max-width: 768px) {
  .nextLocation {
    bottom: 40%;
    right: -12%;
    left: unset;
    -webkit-transform: translate(-40%, 5%);
            transform: translate(-40%, 5%);
  }
}

@media screen and (max-width: 575px) {
  .nextLocation {
    bottom: 50%;
    right: -24%;
    left: unset;
  }
}

.arrowThumbLeft {
  background: transparent;
  border: none;
  position: absolute;
  right: -10%;
  bottom: 50%;
  -webkit-transform: translate(10%, -50%);
          transform: translate(10%, -50%);
}

.arrowThumbLeft:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.arrowThumbLeft .blue {
  display: none;
}

.arrowThumbLeft:hover .white {
  display: none;
}

.arrowThumbLeft:hover .blue {
  display: block;
}

@media (min-width: 576px) and (max-width: 767px) {
  .arrowThumbLeft {
    right: -10%;
    bottom: 55%;
    -webkit-transform: translate(10%, -50%);
            transform: translate(10%, -50%);
  }
}

@media screen and (max-width: 575px) {
  .arrowThumbLeft {
    left: -22%;
    bottom: 50%;
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
}

.arrowThumbRight {
  background: transparent;
  border: none;
  position: absolute;
  right: -10%;
  bottom: 40%;
  -webkit-transform: translate(10%, -40%);
          transform: translate(10%, -40%);
}

.arrowThumbRight:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.arrowThumbRight .blue {
  display: none;
}

.arrowThumbRight:hover .white {
  display: none;
}

.arrowThumbRight:hover .blue {
  display: block;
}

@media (min-width: 576px) and (max-width: 767px) {
  .arrowThumbRight {
    right: -10%;
    bottom: 40%;
    -webkit-transform: translate(10%, -40%);
            transform: translate(10%, -40%);
  }
}

@media screen and (max-width: 575px) {
  .arrowThumbRight {
    right: -22%;
    bottom: 50%;
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
}

.arrowFactLeft {
  background: transparent;
  border: none;
  position: absolute;
  bottom: -30px;
  left: 32%;
}

.arrowFactLeft:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.arrowFactLeft .blue {
  display: none;
}

.arrowFactLeft:hover .white {
  display: none;
}

.arrowFactLeft:hover .blue {
  display: block;
}

@media (min-width: 601px) and (max-width: 768px) {
  .arrowFactLeft {
    left: 38%;
  }
}

@media (min-width: 400px) and (max-width: 600px) {
  .arrowFactLeft {
    left: 35%;
  }
}

.arrowFactRight {
  background: transparent;
  border: none;
  position: absolute;
  bottom: -30px;
  right: 32%;
}

.arrowFactRight:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.arrowFactRight .blue {
  display: none;
}

.arrowFactRight:hover .white {
  display: none;
}

.arrowFactRight:hover .blue {
  display: block;
}

@media (min-width: 601px) and (max-width: 768px) {
  .arrowFactRight {
    right: 38%;
  }
}

@media (min-width: 400px) and (max-width: 600px) {
  .arrowFactRight {
    right: 35%;
  }
}

.arrowProductLeft {
  background: transparent;
  border: none;
  position: absolute;
  bottom: -40px;
  left: 32%;
}

.arrowProductLeft:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.arrowProductLeft .blue {
  display: none;
}

.arrowProductLeft:hover .white {
  display: none;
}

.arrowProductLeft:hover .blue {
  display: block;
}

@media (min-width: 400px) and (max-width: 575px) {
  .arrowProductLeft {
    left: 35%;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .arrowProductLeft {
    left: 37%;
  }
}

.arrowProductRight {
  background: transparent;
  border: none;
  position: absolute;
  bottom: -40px;
  right: 32%;
}

.arrowProductRight:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.arrowProductRight .blue {
  display: none;
}

.arrowProductRight:hover .white {
  display: none;
}

.arrowProductRight:hover .blue {
  display: block;
}

@media (min-width: 400px) and (max-width: 575px) {
  .arrowProductRight {
    right: 35%;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .arrowProductRight {
    right: 37%;
  }
}

.arrowOtherLeft {
  background: transparent;
  border: none;
  position: absolute;
  top: 50%;
  left: -7%;
  -webkit-transform: translate(7%, -50%);
          transform: translate(7%, -50%);
}

.arrowOtherLeft:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.arrowOtherLeft .blue {
  display: none;
}

.arrowOtherLeft:hover .white {
  display: none;
}

.arrowOtherLeft:hover .blue {
  display: block;
}

@media screen and (max-width: 800px) {
  .arrowOtherLeft {
    left: -10%;
    -webkit-transform: translate(10%, -50%);
            transform: translate(10%, -50%);
  }
}

@media screen and (max-width: 575px) {
  .arrowOtherLeft {
    top: unset;
    bottom: -20%;
    left: 35%;
    -webkit-transform: translate(-35%, -20%);
            transform: translate(-35%, -20%);
  }
}

.arrowOtherRight {
  background: transparent;
  border: none;
  position: absolute;
  top: 50%;
  right: -7%;
  -webkit-transform: translate(7%, -50%);
          transform: translate(7%, -50%);
}

.arrowOtherRight:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.arrowOtherRight .blue {
  display: none;
}

.arrowOtherRight:hover .white {
  display: none;
}

.arrowOtherRight:hover .blue {
  display: block;
}

@media screen and (max-width: 800px) {
  .arrowOtherRight {
    right: -10%;
    -webkit-transform: translate(10%, -50%);
            transform: translate(10%, -50%);
  }
}

@media screen and (max-width: 575px) {
  .arrowOtherRight {
    top: unset;
    bottom: -20%;
    right: 30%;
    -webkit-transform: translate(-30%, -20%);
            transform: translate(-30%, -20%);
  }
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3cb6a4;
  color: #fff;
  font-family: "lato";
  font-style: italic;
  font-size: 12px;
  padding: 5px 10px;
}

.card-big-template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  padding: 0 57px 63px;
}

.card-big-template .date-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-big-template .date-tags .date i,
.card-big-template .date-tags .date span {
  font-size: 12px;
  font-family: "lato";
}

@media screen and (max-width: 475px) {
  .card-big-template .date-tags .date i,
  .card-big-template .date-tags .date span {
    font-size: 11px;
  }
}

.card-big-template .date-tags .date span {
  margin-right: 5px;
}

.card-big-template .date-tags .tags {
  margin-left: 10px;
}

@media screen and (max-width: 475px) {
  .card-big-template .date-tags .tags {
    font-size: 11px;
  }
}

.card-big-template .title-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.card-big-template .title-arrow .section-title::before {
  width: 33px;
  left: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

.card-big-template::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#242424), color-stop(90%, rgba(11, 11, 11, 0)));
  background: linear-gradient(0deg, #242424 0%, rgba(11, 11, 11, 0) 90%);
}

.card-big-template .box-content {
  margin-top: auto;
  position: relative;
  width: 100%;
}

.card-big-template .box-content .title-arrow {
  margin-top: 35px;
}

.card-big-template .box-content .title-arrow .section-title::before {
  background-color: #fff;
}

.card-big-template .box-content .title-arrow .section-title h1 {
  color: #fff;
  font-size: 20px;
}

.card-big-template .date span,
.card-big-template .date i {
  color: #3cb6a4;
}

.card-news-horizontal {
  cursor: pointer;
}

.card-news-horizontal .date-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-news-horizontal .date-tags .date i,
.card-news-horizontal .date-tags .date span {
  font-size: 12px;
  font-family: "lato";
}

@media screen and (max-width: 475px) {
  .card-news-horizontal .date-tags .date i,
  .card-news-horizontal .date-tags .date span {
    font-size: 11px;
  }
}

.card-news-horizontal .date-tags .date span {
  margin-right: 5px;
}

.card-news-horizontal .date-tags .tags {
  margin-left: 10px;
}

@media screen and (max-width: 475px) {
  .card-news-horizontal .date-tags .tags {
    font-size: 11px;
  }
}

.card-news-horizontal .title-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.card-news-horizontal .title-arrow .section-title::before {
  width: 33px;
  left: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

.card-news-horizontal .left {
  padding-right: 0;
}

.card-news-horizontal .left .images {
  height: 100%;
  max-width: 100%;
}

.card-news-horizontal .right .date-tags .date span,
.card-news-horizontal .right .date-tags .date i {
  color: #2257a7;
}

.card-news-horizontal .right .title-arrow {
  margin-top: 27px;
}

@media screen and (max-width: 475px) {
  .card-news-horizontal .right .title-arrow {
    margin-top: 20px;
  }
}

.card-news-horizontal .right .title-arrow .section-title h1 {
  font-size: 16px;
}

.card-news-horizontal .right .title-arrow .section-title p {
  font-family: "lato";
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 0;
}

.card-news-horizontal .right .title-arrow .arrow .white {
  display: none;
}

.accordion__card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: transparent;
  padding: 15px 20px;
  border-top: 1px solid #939393;
}

.accordion__card__header .icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.accordion__card__header .icon-wrapper .plus {
  max-width: 60%;
  image-rendering: -webkit-optimize-contrast;
}

.accordion__card__header .icon-wrapper .minus {
  display: none;
  max-width: 60%;
  image-rendering: -webkit-optimize-contrast;
}

.accordion__card__header[aria-expanded="true"] h4 {
  color: #2257a7;
}

.accordion__card__header[aria-expanded="true"] .icon-wrapper .plus {
  display: none;
}

.accordion__card__header[aria-expanded="true"] .icon-wrapper .minus {
  display: block;
}

.accordion__card__header h4 {
  font-family: "lato";
  font-size: 15px;
  color: #3c3c3c;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .accordion__card__header h4 {
    width: 80%;
  }
}

.accordion__card__body {
  padding: 10px 20px 40px;
}

.tables {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
      grid-template-columns: 50% 50%;
  -webkit-column-gap: 1px;
          column-gap: 1px;
}

@media screen and (max-width: 768px) {
  .tables {
    -ms-grid-columns: 100%;
        grid-template-columns: 100%;
  }
}

.tables__wrapper {
  background-color: #fafafa;
}

.tables__wrapper__head {
  background-color: #2257a7;
  text-align: center;
  padding: 5px 0;
  font-family: "lato";
  color: #fff;
  font-size: 15px;
}

.tables__wrapper__body {
  text-align: center;
}

.wrapper-product-slider .slick-dots {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.wrapper-product-slider .slick-dots li {
  float: left;
  position: relative;
  margin: 0px 4px;
}

.wrapper-product-slider .slick-dots li button {
  height: 20px;
  width: 20px;
  background: transparent;
  border: 1px solid transparent;
  color: transparent;
}

.wrapper-product-slider .slick-dots li::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50px;
  top: 4px;
  left: 4px;
}

.wrapper-product-slider .slick-dots li.slick-active button {
  border: 1px solid #3cb6a4;
  border-radius: 50px;
}

.wrapper-product-slider .slick-dots li.slick-active:before {
  background: #3cb6a4;
}

.wrapper-product-slider.owl-carousel .owl-nav {
  display: none;
}

.wrapper-product-slider.owl-carousel .owl-dots {
  text-align: center;
  padding-top: 15px;
}

.wrapper-product-slider.owl-carousel .owl-dots button.owl-dot {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  margin: 0 5px;
}

.wrapper-product-slider.owl-carousel .owl-dots button.owl-dot.active {
  border: 1px solid #3cb6a4;
  background: transparent;
  width: 24px;
  height: 24px;
}

.wrapper-product-slider.owl-carousel .owl-dots button.owl-dot.active::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #3cb6a4;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.item-sub {
  background-color: #fff;
}

.item-sub__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.item-sub__header img {
  width: 100%;
}

.item-sub__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 10px 0;
}

.item-sub__body .section-title {
  margin-bottom: 35px;
}

.item-sub__body .section-title::before {
  width: 33px;
  height: 3px;
  left: 0;
  top: -50%;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

.item-sub__body .section-title h1 {
  font-size: 18px;
  text-transform: unset;
  font-family: "avenir-black";
  color: #292929;
}

.item-sub__footer {
  margin-top: auto;
  padding: 0 10px 20px;
}

.item-sub__footer .item-anchor {
  margin-top: auto;
  font-family: "avenir-roman";
  color: #3cb6a4;
  font-size: 15px;
}

.item-sub__footer .item-anchor img {
  width: 15%;
  margin-left: 5px;
}

#navbar.desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}

@media screen and (max-width: 769px) {
  #navbar.desktop {
    display: none;
  }
}

#navbar.desktop .navigation-box .nav-item .nav-link {
  font-size: 16px;
}

@media screen and (max-width: 1199px) {
  #navbar.desktop .navigation-box .nav-item .nav-link {
    font-size: 12px;
  }
}

#navbar .logo-box {
  position: relative;
}

#navbar .logo-box a {
  background-color: #fff;
}

#navbar .logo-box a img {
  width: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}

#navbar .navigation-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navbar .navigation-box .navbar-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "avenir-roman";
}

#navbar .navigation-box .navbar-nav li {
  margin: auto;
}

#navbar .navigation-box .navbar-nav li.active {
  position: relative;
}

#navbar .navigation-box .navbar-nav li.active::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 10px;
  background-color: #3cb6a4;
  left: 50%;
  top: -40%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
}

#navbar .navigation-box .navbar-nav li.active .nav-link {
  color: #2257a7;
  font-family: "avenir-black";
}

#navbar .icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navbar .icon-box .wrapper-content-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navbar .icon-box .wrapper-content-icon #language-box {
  list-style: none;
}

#navbar .icon-box .wrapper-content-icon #language-box .nav-link {
  font-family: "Lato";
  font-size: 16px;
  padding: 0;
  margin: 0 5px;
}

@media screen and (max-width: 1199px) {
  #navbar .icon-box .wrapper-content-icon #language-box .nav-link {
    font-size: 12px;
  }
}

#navbar .icon-box .wrapper-content-icon #language-box .nav-link img {
  margin-right: 5px;
}

#navbar .icon-box .wrapper-content-icon .box-c {
  margin: auto;
  margin: 0 5px;
  position: relative;
}

#navbar .icon-box .wrapper-content-icon .box-c img {
  max-width: 80%;
  image-rendering: -webkit-optimize-contrast;
  cursor: pointer;
}

#navbar .icon-box .wrapper-content-icon #language-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#navbar .icon-box .wrapper-content-icon #language-box .box {
  margin: auto;
  margin-right: 5px;
}

#navbar .popup-search {
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 0;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

#navbar .popup-search.active {
  width: 75%;
}

#navbar .popup-search.active .popup-search__input,
#navbar .popup-search.active .popup-search__submit,
#navbar .popup-search.active .popup-search__close {
  display: block;
}

#navbar .popup-search__box {
  background-color: #d8d8d8;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

#navbar .popup-search__input, #navbar .popup-search__submit, #navbar .popup-search__close {
  display: none;
}

#navbar .popup-search__input {
  width: 90%;
  background: transparent;
  border: transparent;
  padding: 0 40px;
}

#navbar .popup-search__input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

#navbar .popup-search__submit {
  background-color: #bbbbbb;
  border: navajowhite;
  height: 100%;
  padding: 15px;
}

#navbar .popup-search__submit:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

#navbar .popup-search__close {
  border: none;
  background-color: transparent;
  width: 50px;
}

#navbar .popup-search__close:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

#navbar.mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  #navbar.mobile {
    display: block;
  }
}

#navbar .main-content {
  width: 100%;
}

#navbar .main-content .box-content .box-navbar .navbar-box {
  padding: 10px 25px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  #navbar .main-content .box-content .box-navbar .navbar-box {
    padding: 10px 25px 5px;
  }
}

#navbar.mobile {
  padding: 20px 15px;
  background-color: #fff;
}

@media screen and (max-width: 375px) {
  #navbar.mobile {
    padding: 12px 15px;
  }
}

#navbar.mobile .box-navbar {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navbar.mobile .box-navbar .navbar-toggler {
  height: 35px;
  position: relative;
  z-index: 6;
}

@media screen and (max-width: 575px) {
  #navbar.mobile .box-navbar .navbar-toggler {
    width: 50px;
  }
}

@media screen and (max-width: 375px) {
  #navbar.mobile .box-navbar .navbar-toggler {
    padding: 0;
  }
}

#navbar.mobile .box-navbar .navbar-toggler:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#navbar.mobile .box-navbar .navbar-toggler.active .icon-bar {
  border-radius: 20px;
  width: 35px;
}

#navbar.mobile .box-navbar .navbar-toggler.active .icon-bar::before {
  border-radius: 20px;
  width: 15px !important;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
  top: -5px !important;
}

#navbar.mobile .box-navbar .navbar-toggler.active .icon-bar::after {
  border-radius: 20px;
  width: 15px !important;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  bottom: -5px !important;
}

#navbar.mobile .box-navbar .navbar-toggler .icon-bar {
  content: "";
  position: absolute;
  width: 35px;
  height: 5px;
  background-color: #2257a7;
  border-radius: 50px;
  width: 18px;
  height: 5px;
  display: block;
  position: relative;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

@media screen and (max-width: 575px) {
  #navbar.mobile .box-navbar .navbar-toggler .icon-bar {
    width: 35px;
    height: 3px;
  }
}

@media screen and (max-width: 575px) {
  #navbar.mobile .box-navbar .navbar-toggler .icon-bar {
    height: 3px;
    width: 18px;
  }
}

#navbar.mobile .box-navbar .navbar-toggler .icon-bar::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 5px;
  background-color: #2257a7;
  border-radius: 50px;
  content: "";
  position: absolute;
  left: 0;
  top: -12px;
  -webkit-transition: width 0.2s ease-in-out,
 -webkit-transform 0.2s ease-in-out;
  transition: width 0.2s ease-in-out,
 -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out,
 width 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out,
 width 0.2s ease-in-out,
 -webkit-transform 0.2s ease-in-out;
}

@media screen and (max-width: 575px) {
  #navbar.mobile .box-navbar .navbar-toggler .icon-bar::before {
    width: 35px;
    height: 3px;
  }
}

@media screen and (max-width: 375px) {
  #navbar.mobile .box-navbar .navbar-toggler .icon-bar::before {
    top: -8px;
  }
}

#navbar.mobile .box-navbar .navbar-toggler .icon-bar::after {
  content: "";
  position: absolute;
  width: 35px;
  height: 5px;
  background-color: #2257a7;
  border-radius: 50px;
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;
  -webkit-transition: width 0.2s ease-in-out,
 -webkit-transform 0.2s ease-in-out;
  transition: width 0.2s ease-in-out,
 -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out,
 width 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out,
 width 0.2s ease-in-out,
 -webkit-transform 0.2s ease-in-out;
}

@media screen and (max-width: 575px) {
  #navbar.mobile .box-navbar .navbar-toggler .icon-bar::after {
    width: 35px;
    height: 3px;
  }
}

@media screen and (max-width: 575px) {
  #navbar.mobile .box-navbar .navbar-toggler .icon-bar::after {
    bottom: -8px;
  }
}

#navbar.mobile .box-navbar .navbar-brand {
  width: 100%;
  margin-right: 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #navbar.mobile .box-navbar .navbar-brand img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    z-index: 5;
  }
}

@media screen and (max-width: 575px) {
  #navbar.mobile .box-navbar .navbar-brand img {
    max-width: 60%;
  }
}

#navbar.mobile .navbar-collapse {
  position: fixed;
  top: 70px;
  left: 0;
  padding: 40px 15px 15px;
  width: 95%;
  height: 100%;
}

@media screen and (max-width: 375px) {
  #navbar.mobile .navbar-collapse {
    top: 58px;
  }
}

#navbar.mobile .navbar-collapse.collapsing {
  left: -75%;
  -webkit-transition: height 0s ease;
  transition: height 0s ease;
}

#navbar.mobile .navbar-collapse.show {
  left: 0;
  -webkit-transition: left 300ms ease-in-out;
  transition: left 300ms ease-in-out;
  background: #fff;
  z-index: 4;
}

#navbar.mobile .navbar-collapse .navbar-nav {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#navbar.mobile .navbar-collapse .navbar-nav .nav-item {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}

#navbar.mobile .navbar-collapse .navbar-nav .nav-item.dropdown {
  display: block;
  width: 100%;
}

#navbar.mobile .navbar-collapse .navbar-nav .nav-item .nav-link {
  font-family: "Avenir Medium";
  font-size: 18px;
  color: #383838;
  padding: 16.5px 0;
}

#navbar.mobile .navbar-toggler.collapsed ~ .navbar-collapse {
  -webkit-transition: left 500ms ease-in-out;
  transition: left 500ms ease-in-out;
}

footer .main-content .box-content {
  background-color: #212a5a;
  padding: 5% 10% 2.5%;
  color: #fff;
}

@media screen and (max-width: 768px) {
  footer .main-content .box-content {
    padding: 10% 5%;
  }
}

footer .main-content .box-content .content {
  padding: 0;
}

@media screen and (max-width: 768px) {
  footer .main-content .box-content .content .content-box {
    padding: 2.5% 0;
  }
}

@media screen and (max-width: 475px) {
  footer .main-content .box-content .content .content-box {
    padding: 2.5% 5%;
  }
}

footer .main-content .box-content .content .content-box .title-footer {
  text-transform: uppercase;
  color: #3cb6a4;
  font-family: "avenir-black";
  position: relative;
  font-size: 16px;
}

footer .main-content .box-content .content .content-box .title-footer:before {
  content: "";
  width: 50px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: -15px;
  left: 0;
}

footer .main-content .box-content .content .content-box a,
footer .main-content .box-content .content .content-box p,
footer .main-content .box-content .content .content-box span {
  font-family: "lato";
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  footer .main-content .box-content .content .content-box.office, footer .main-content .box-content .content .content-box.links, footer .main-content .box-content .content .content-box.social-media {
    margin-bottom: 20px;
  }
}

footer .main-content .box-content .content .content-box.office .wrapper-office .right-box-wrapper .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .main-content .box-content .content .content-box.office .wrapper-office .right-box-wrapper .box p {
  margin-left: 10px;
  font-size: 17px;
  margin-bottom: 5px;
}

@media screen and (max-width: 1366px) {
  footer .main-content .box-content .content .content-box.office .wrapper-office .right-box-wrapper .box p {
    font-size: 13px;
  }
}

footer .main-content .box-content .content .content-box.links .wrapper-links .left-box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

footer .main-content .box-content .content .content-box.links .wrapper-links .right-box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

footer .main-content .box-content .content .content-box.social-media .wrapper-social-media .bottom-content a {
  margin-right: 10px;
}

footer .main-content .under-footer {
  padding: 0.5% 2.5%;
}

@media screen and (max-width: 575px) {
  footer .main-content .under-footer {
    padding: 2.5% 0;
  }
}

footer .main-content .under-footer .left-content,
footer .main-content .under-footer .right-content {
  font-family: "lato";
  font-size: 12px;
  color: #535353;
}

footer .main-content .under-footer .left-content {
  float: left;
}

footer .main-content .under-footer .right-content {
  float: right;
}

#heroBanner, .hero-banner {
  height: 270px;
  width: 100%;
  position: relative;
}

#heroBanner .bg-image, .hero-banner .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#heroBanner .bg-image img, .hero-banner .bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#heroBanner--sub, .hero-banner--sub {
  height: 230px;
}

#heroBanner .section-title, .hero-banner .section-title {
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
}

#heroBanner .section-title::before, .hero-banner .section-title::before {
  background-color: #fff;
  left: 50%;
  top: -30%;
  -webkit-transform: translate(-50%, 30%);
          transform: translate(-50%, 30%);
}

#heroBanner .section-description, .hero-banner .section-description {
  width: 760px;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 500px) {
  #heroBanner .section-description, .hero-banner .section-description {
    width: unset;
  }
}

#heroBanner .section-description p, .hero-banner .section-description p {
  margin-bottom: 30px;
}

#heroBanner.media-details .section-title, .hero-banner.media-details .section-title {
  width: 80%;
}

@media screen and (max-width: 767px) {
  #heroBanner.media-details .section-title, .hero-banner.media-details .section-title {
    width: 100%;
  }
}

#heroBanner.media-details .section-title::before, .hero-banner.media-details .section-title::before {
  width: 33px;
  background-color: #3cb6a4;
}

@media screen and (max-width: 767px) {
  #heroBanner.media-details .section-title::before, .hero-banner.media-details .section-title::before {
    top: -15%;
    -webkit-transform: translate(-50%, 15%);
            transform: translate(-50%, 15%);
  }
}

#heroBanner.media-details .section-title h1, .hero-banner.media-details .section-title h1 {
  font-family: "avenir-book";
  font-size: 21px;
}

#heroBanner.media-details .box-date, .hero-banner.media-details .box-date {
  margin-bottom: 35px;
}

#heroBanner.media-details .box-date .date-tags, .hero-banner.media-details .box-date .date-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#heroBanner.media-details .box-date .date-tags .date i,
#heroBanner.media-details .box-date .date-tags .date span, .hero-banner.media-details .box-date .date-tags .date i,
.hero-banner.media-details .box-date .date-tags .date span {
  font-size: 12px;
  font-family: "lato";
}

@media screen and (max-width: 475px) {
  #heroBanner.media-details .box-date .date-tags .date i,
  #heroBanner.media-details .box-date .date-tags .date span, .hero-banner.media-details .box-date .date-tags .date i,
  .hero-banner.media-details .box-date .date-tags .date span {
    font-size: 11px;
  }
}

#heroBanner.media-details .box-date .date-tags .date span, .hero-banner.media-details .box-date .date-tags .date span {
  margin-right: 5px;
}

#heroBanner.media-details .box-date .date-tags .tags, .hero-banner.media-details .box-date .date-tags .tags {
  margin-left: 10px;
}

@media screen and (max-width: 475px) {
  #heroBanner.media-details .box-date .date-tags .tags, .hero-banner.media-details .box-date .date-tags .tags {
    font-size: 11px;
  }
}

#heroBanner.media-details .box-date .title-arrow, .hero-banner.media-details .box-date .title-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#heroBanner.media-details .box-date .title-arrow .section-title::before, .hero-banner.media-details .box-date .title-arrow .section-title::before {
  width: 33px;
  left: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

#heroBanner.media-details .box-date .date span,
#heroBanner.media-details .box-date .date i, .hero-banner.media-details .box-date .date span,
.hero-banner.media-details .box-date .date i {
  color: #3cb6a4;
}

#comingSoon {
  height: calc(100vh - 68px);
  width: 100%;
  position: relative;
}

@media screen and (max-width: 575px) {
  #comingSoon {
    height: calc(100vh - 60px);
  }
}

#comingSoon .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#comingSoon .box-content {
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 3;
}

@media screen and (max-width: 575px) {
  #comingSoon .box-content {
    margin-top: -30%;
  }
}

#comingSoon .box-content .section-title {
  color: #fff;
}

#comingSoon .box-content .section-title::before {
  display: none;
}

#comingSoon .box-content .section-title h1 span {
  color: #3cb6a4;
}

#comingSoon .box-content .subtitle {
  font-family: "avenir-black";
  font-size: 18px;
  color: #fff;
  margin-top: 30px;
  text-align: center;
}

@media screen and (max-width: 575px) {
  #comingSoon .box-content .subtitle {
    font-size: 17px;
    margin-top: 0;
  }
}

#comingSoon .box-content .section-description {
  color: #fff;
  width: 50%;
  text-align: center;
  margin-top: 15px;
}

@media screen and (max-width: 575px) {
  #comingSoon .box-content .section-description {
    width: 100%;
    margin-top: 10px;
  }
}

@media screen and (max-width: 575px) {
  #comingSoon .box-content .section-description p {
    font-size: 15px;
  }
}

#comingSoon .box-content .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 70px;
}

@media screen and (max-width: 575px) {
  #comingSoon .box-content .form-group {
    margin-top: 10%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 575px) {
  #comingSoon .box-content .form-group.button {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media screen and (max-width: 575px) {
  #comingSoon .box-content .form-group.button .primary-button {
    font-size: 13px;
  }
}

#comingSoon .box-content .form-group .form-control {
  background: transparent;
}

@media screen and (max-width: 575px) {
  #comingSoon .box-content .form-group label {
    font-size: 13px;
    margin-bottom: 10px;
  }
}

#comingSoon .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 25px 90px;
}

@media screen and (max-width: 768px) {
  #comingSoon .footer {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 575px) {
  #comingSoon .footer {
    padding: 25px 0;
  }
}

#comingSoon .footer .company,
#comingSoon .footer p {
  font-family: "lato";
  font-size: 12px;
  color: #fff;
}

#comingSoon .footer .left,
#comingSoon .footer .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#comingSoon .footer .left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#comingSoon .footer .middle {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 575px) {
  #comingSoon .footer .middle {
    margin-bottom: 10%;
  }
}

#comingSoon .footer .middle i {
  font-size: 16px;
}

@media screen and (max-width: 575px) {
  #comingSoon .footer .middle i {
    font-size: 12px;
  }
}

#comingSoon .footer .middle p {
  margin-right: 22px;
}

@media screen and (max-width: 575px) {
  #comingSoon .footer .middle p {
    margin-right: 8px;
  }
}

#comingSoon .footer .middle .facebook {
  margin-right: 28px;
}

@media screen and (max-width: 575px) {
  #comingSoon .footer .middle .facebook {
    margin-right: 17px;
  }
}

#comingSoon .footer .middle .facebook,
#comingSoon .footer .middle .linkedin {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 47px;
  height: 47px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 575px) {
  #comingSoon .footer .middle .facebook,
  #comingSoon .footer .middle .linkedin {
    width: 29px;
    height: 29px;
  }
}

#comingSoon .footer .middle p {
  margin-bottom: 0;
}

#comingSoon .footer .right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#hero.homepages-layout {
  max-width: 100%;
  width: 100%;
  height: calc(100vh - 50px);
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #hero.homepages-layout {
    height: auto;
  }
}

#hero.homepages-layout .main-content {
  height: 100%;
}

#hero.homepages-layout .main-content .box-content {
  height: 100%;
}

#hero.homepages-layout .main-content .box-content .content {
  padding: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
}

@media screen and (max-width: 768px) {
  #hero.homepages-layout .main-content .box-content .content .wrapper-content {
    margin: 0;
  }
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .left-box-wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .left-box-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .left-box-wrapper::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#242424), color-stop(90%, rgba(11, 11, 11, 0)));
  background: linear-gradient(0deg, #242424 0%, rgba(11, 11, 11, 0) 90%);
}

@media screen and (max-width: 768px) {
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .left-box-wrapper {
    height: calc(100vh - 75px);
  }
}

@media screen and (max-width: 575px) {
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .left-box-wrapper {
    height: calc(100vh - 60px);
  }
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .right-box-wrapper {
  padding: 0;
  height: 100%;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .right-box-wrapper .wrapper-content-right {
  height: 100%;
  position: relative;
}

@media screen and (max-width: 768px) {
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .right-box-wrapper .wrapper-content-right {
    margin: 0;
  }
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .right-box-wrapper .wrapper-content-right .box-banner {
  height: 33.3%;
  position: relative;
  background-position: center;
  background-size: cover;
  padding: 0;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .right-box-wrapper .wrapper-content-right .box-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .right-box-wrapper .wrapper-content-right .box-banner::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#242424), color-stop(90%, rgba(11, 11, 11, 0)));
  background: linear-gradient(0deg, #242424 0%, rgba(11, 11, 11, 0) 90%);
}

@media screen and (max-width: 768px) {
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .right-box-wrapper .wrapper-content-right .box-banner {
    height: 300px;
  }
}

@media screen and (max-width: 575px) {
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .right-box-wrapper .wrapper-content-right .box-banner {
    height: 240px;
  }
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content {
  max-width: 65%;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 10%;
  left: 5%;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h1 {
  font-size: 32px;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content span {
  color: #35b6a4;
  font-family: "avenir-black";
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h4 {
  text-transform: uppercase;
  font-family: "avenir-medium";
  position: relative;
  font-size: 18px;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h4::before {
  content: "";
  width: 50px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: -17px;
  left: 0;
}

@media screen and (max-width: 675px) {
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h4::before {
    height: 2px;
    top: -10px;
  }
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h1,
#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h2,
#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h3,
#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h5,
#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h6 {
  text-transform: uppercase;
  font-family: "avenir-medium";
  position: relative;
}

@media screen and (max-width: 675px) {
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h1,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h2,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h3,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h5,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h6 {
    font-size: 32px;
  }
}

@media screen and (max-width: 575px) {
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h1,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h2,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h3,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h5,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h6 {
    font-size: 25px;
  }
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h1::before,
#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h2::before,
#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h3::before,
#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h5::before,
#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h6::before {
  content: "";
  width: 50px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: -17px;
  left: 0;
}

@media screen and (max-width: 675px) {
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h1::before,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h2::before,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h3::before,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h5::before,
  #hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content h6::before {
    height: 2px;
    top: -10px;
  }
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content .date-box {
  color: #3cb6a4;
  margin-bottom: 5%;
  font-family: "lato";
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content .date-box .date {
  margin-left: 5px;
  font-size: 12px;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .text-content .date-box .type {
  padding: 5px 10px;
  margin-left: 10px;
  background-color: #3cb6a4;
  color: #fff;
  font-size: 12px;
}

#hero.homepages-layout .main-content .box-content .content .wrapper-content .button-href-hero {
  content: "";
  position: absolute;
  right: 10%;
  bottom: 20%;
}

#homepages.first-layouts .main-content .box-content {
  padding: 5% 0;
}

@media screen and (max-width: 768px) {
  #homepages.first-layouts .main-content .box-content {
    padding: 10% 0;
  }
}

@media screen and (max-width: 575px) {
  #homepages.first-layouts .main-content .box-content {
    padding: 15% 0 20%;
  }
}

#homepages.first-layouts .main-content .box-content .title-content {
  text-align: center;
  padding-bottom: 2.5%;
}

#homepages.first-layouts .main-content .box-content .title-content h1 {
  position: relative;
  font-family: "avenir-roman";
  text-transform: uppercase;
  font-size: 32px;
}

@media screen and (max-width: 475px) {
  #homepages.first-layouts .main-content .box-content .title-content h1 {
    font-size: 26px;
  }
}

@media screen and (max-width: 375px) {
  #homepages.first-layouts .main-content .box-content .title-content h1 {
    font-size: 24px;
  }
}

#homepages.first-layouts .main-content .box-content .title-content h1:before {
  content: "";
  width: 50px;
  height: 3px;
  background-color: #3cb6a4;
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#homepages.first-layouts .main-content .box-content .maps-content {
  height: 750px;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 768px) {
  #homepages.first-layouts .main-content .box-content .maps-content {
    height: auto;
    background-size: cover !important;
    padding: 2.5%;
  }
}

#homepages.first-layouts .main-content .box-content .maps-content .bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#homepages.first-layouts .main-content .box-content .maps-content .bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs {
  width: 150px;
  height: 150px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 25px rgba(25, 25, 25, 0.1);
          box-shadow: 5px 5px 25px rgba(25, 25, 25, 0.1);
  background-size: 100% 100% !important;
}

@media screen and (max-width: 768px) {
  #homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs {
    position: relative;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    top: unset !important;
    -webkit-transform: unset !important;
            transform: unset !important;
    margin: 25px auto;
    height: 250px !important;
    width: 250px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media screen and (max-width: 575px) {
  #homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs {
    height: 275px !important;
    width: 275px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs h1,
#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs h2,
#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs h3,
#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs h4,
#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs h5,
#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs h6 {
  font-family: "avenir-black";
  font-weight: 1000;
  text-transform: uppercase;
  color: #3cb6a4;
  font-size: 46px;
  margin-bottom: 0;
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs .text-content {
  text-align: center;
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs .text-content span {
  text-transform: uppercase;
  font-family: "avenir-roman";
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs .text-content span.years {
  font-family: "avenir-black";
  font-size: 20px;
  color: #3cb6a4;
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.middle-box {
  width: 250px;
  height: 250px;
  top: 37%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.small-box {
  width: 150px;
  height: 150px;
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.box-1 {
  z-index: 7;
  top: 40%;
  left: 21%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  #homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.box-1 {
    left: 15%;
  }
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.box-2 {
  z-index: 3;
  left: 33.5%;
  top: unset;
  bottom: 3.5%;
}

@media screen and (max-width: 768px) {
  #homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.box-2 {
    left: 27.5%;
  }
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.box-3 {
  z-index: 7;
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.box-4 {
  z-index: 3;
  left: unset;
  top: unset;
  right: 15%;
  bottom: 3.5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  #homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.box-4 {
    right: -7%;
  }
}

#homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.box-5 {
  z-index: 7;
  left: unset;
  top: 40%;
  right: 10%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  #homepages.first-layouts .main-content .box-content .maps-content .box-wrapper-abs.box-5 {
    right: -5%;
  }
}

#homepages.second-layouts {
  position: relative;
}

#homepages.second-layouts .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#homepages.second-layouts .bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#homepages.second-layouts .main-content {
  height: auto;
}

#homepages.second-layouts .main-content .box-content {
  color: #fff;
  height: auto;
}

#homepages.second-layouts .main-content .box-content .box {
  width: 100%;
  height: 500px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 0 7.5%;
}

@media screen and (min-width: 1400px) {
  #homepages.second-layouts .main-content .box-content .box {
    height: 550px;
  }
}

@media screen and (min-width: 1600px) {
  #homepages.second-layouts .main-content .box-content .box {
    height: 600px;
  }
}

@media screen and (min-width: 1800px) {
  #homepages.second-layouts .main-content .box-content .box {
    height: 650px;
  }
}

@media screen and (max-width: 991px) {
  #homepages.second-layouts .main-content .box-content .box {
    height: 650px;
  }
}

@media screen and (max-width: 991px) {
  #homepages.second-layouts .main-content .box-content .box {
    height: 575px;
  }
}

@media screen and (max-width: 768px) {
  #homepages.second-layouts .main-content .box-content .box {
    height: 575px;
  }
}

#homepages.second-layouts .main-content .box-content .box h1 {
  position: relative;
  font-family: "avenir-roman";
  text-transform: uppercase;
  font-size: 32px;
}

#homepages.second-layouts .main-content .box-content .box h1 span:nth-child(1) {
  font-weight: 400;
}

#homepages.second-layouts .main-content .box-content .box h1 span:nth-child(2) {
  font-weight: 1000;
}

@media screen and (max-width: 675px) {
  #homepages.second-layouts .main-content .box-content .box h1 {
    font-size: 32px;
  }
}

@media screen and (max-width: 575px) {
  #homepages.second-layouts .main-content .box-content .box h1 {
    font-size: 28px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.second-layouts .main-content .box-content .box h1 {
    font-size: 26px;
  }
}

@media screen and (max-width: 375px) {
  #homepages.second-layouts .main-content .box-content .box h1 {
    font-size: 24px;
  }
}

#homepages.second-layouts .main-content .box-content .box h1:before {
  content: "";
  width: 50px;
  height: 3.5px;
  background-color: #fff;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#homepages.second-layouts .main-content .box-content .box p {
  font-family: "lato";
  font-size: 16px;
  margin-bottom: 20px;
}

@media screen and (max-width: 675px) {
  #homepages.second-layouts .main-content .box-content .box p {
    font-size: 15px;
  }
}

@media screen and (max-width: 575px) {
  #homepages.second-layouts .main-content .box-content .box p {
    font-size: 14px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.second-layouts .main-content .box-content .box p {
    font-size: 13px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.second-layouts .main-content .box-content .box p {
    font-size: 13px;
  }
}

#homepages.second-layouts .main-content .box-content .box .text-content .text {
  margin-bottom: 50px;
}

#homepages.second-layouts .main-content .box-content .box a {
  position: relative;
  padding: 15px 50px;
  background-image: url("../images/homepages/bg-button.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  text-transform: uppercase;
  font-weight: 700;
}

@media screen and (max-width: 675px) {
  #homepages.second-layouts .main-content .box-content .box a {
    font-size: 15px;
  }
}

@media screen and (max-width: 575px) {
  #homepages.second-layouts .main-content .box-content .box a {
    font-size: 14px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.second-layouts .main-content .box-content .box a {
    font-size: 13px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.second-layouts .main-content .box-content .box a {
    font-size: 13px;
  }
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content {
  padding: 10% 10%;
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box {
  padding: 0;
  position: relative;
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box .content-image {
  z-index: 7;
  position: relative;
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box .component-1 {
  position: absolute;
  top: -144%;
  left: -45%;
  z-index: 0;
}

@media screen and (min-width: 1700px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box .component-1 {
    top: -100%;
    left: -35%;
  }
}

@media screen and (max-width: 1200px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box .component-1 {
    top: -135%;
    left: -57%;
  }
}

@media screen and (max-width: 768px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box .component-1 {
    top: -100%;
    left: -45%;
  }
}

@media screen and (max-width: 575px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box .component-1 {
    top: -130%;
    left: -60%;
  }
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box .component-2 {
  position: absolute;
  top: -40%;
  right: -40%;
  z-index: -1;
}

@media screen and (min-width: 1700px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box .component-2 {
    top: -10%;
    right: -30%;
  }
}

@media screen and (max-width: 1200px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box .component-2 {
    right: -30%;
  }
}

@media screen and (max-width: 575px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .img-box .component-2 {
    top: -70%;
    right: -55%;
  }
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 992px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box {
    padding: 7% 0;
  }
}

@media screen and (max-width: 575px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box {
    padding: 10% 0;
  }
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box.right-box-wrapper {
  padding-left: 5%;
  padding-right: 0;
}

@media screen and (max-width: 992px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box.right-box-wrapper {
    padding-left: 0;
  }
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box.left-box-wrapper {
  padding-right: 5%;
  padding-left: 0;
}

@media screen and (max-width: 992px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box.left-box-wrapper {
    padding-right: 0;
  }
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box h1 {
  font-family: "avenir-roman";
  position: relative;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #292929;
  font-size: 32px;
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box h1 span:nth-child(1) {
  font-weight: 100;
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box h1 span:nth-child(2) {
  font-weight: 1000;
}

@media screen and (max-width: 675px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box h1 {
    font-size: 32px;
  }
}

@media screen and (max-width: 575px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box h1 {
    font-size: 28px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box h1 {
    font-size: 26px;
  }
}

@media screen and (max-width: 375px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box h1 {
    font-size: 24px;
  }
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box h1:before {
  content: "";
  width: 50px;
  height: 3px;
  background-color: #3cb6a4;
  position: absolute;
  top: -15px;
  left: 0;
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box p {
  margin-bottom: 65px;
  font-family: "lato";
  color: #535353;
  font-size: 16px;
}

@media screen and (max-width: 675px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box p {
    font-size: 15px;
  }
}

@media screen and (max-width: 575px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box p {
    font-size: 14px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box p {
    font-size: 13px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box p {
    font-size: 13px;
  }
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box a {
  font-family: "avenir-roman";
}

@media screen and (max-width: 675px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box a {
    font-size: 15px;
  }
}

@media screen and (max-width: 575px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box a {
    font-size: 14px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box a {
    font-size: 13px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content .text-box a {
    font-size: 13px;
  }
}

#homepages.innovation-layout .main-content .box-content .content .wrapper-content.right-img {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #homepages.innovation-layout .main-content .box-content .content .wrapper-content.right-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#homepages.product-service-layout {
  position: relative;
}

#homepages.product-service-layout .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#homepages.product-service-layout .bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#homepages.product-service-layout .main-content .box-content {
  padding: 10% 10% 15%;
  color: #fff;
}

@media screen and (max-width: 675px) {
  #homepages.product-service-layout .main-content .box-content {
    padding: 10%;
  }
}

@media screen and (max-width: 575px) {
  #homepages.product-service-layout .main-content .box-content {
    padding: 15% 5% 25%;
  }
}

#homepages.product-service-layout .main-content .box-content .content .title-content {
  text-align: center;
  margin-bottom: 50px;
}

#homepages.product-service-layout .main-content .box-content .content .title-content .title__catalogue {
  font-family: "avenir-medium";
  text-transform: unset;
}

#homepages.product-service-layout .main-content .box-content .content .title-content .title__catalogue::before {
  display: none;
}

#homepages.product-service-layout .main-content .box-content .content .title-content h1 {
  font-family: "avenir-black";
  color: #3cb6a4;
  position: relative;
  font-size: 32px;
}

@media screen and (max-width: 575px) {
  #homepages.product-service-layout .main-content .box-content .content .title-content h1 {
    font-size: 32px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.product-service-layout .main-content .box-content .content .title-content h1 {
    font-size: 28px;
  }
}

@media screen and (max-width: 375px) {
  #homepages.product-service-layout .main-content .box-content .content .title-content h1 {
    font-size: 26px;
  }
}

#homepages.product-service-layout .main-content .box-content .content .title-content h1:before {
  content: "";
  width: 50px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#homepages.product-service-layout .main-content .box-content .content .title-content .sub-title {
  font-family: "lato";
  font-size: 16px;
}

@media screen and (max-width: 575px) {
  #homepages.product-service-layout .main-content .box-content .content .title-content .sub-title {
    font-size: 15px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.product-service-layout .main-content .box-content .content .title-content .sub-title {
    font-size: 14px;
  }
}

@media screen and (max-width: 375px) {
  #homepages.product-service-layout .main-content .box-content .content .title-content .sub-title {
    font-size: 13px;
  }
}

#homepages.product-service-layout .main-content .box-content .content .filter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}

#homepages.product-service-layout .main-content .box-content .content .filter-wrapper .buttons {
  padding: 9px 30px;
  border-radius: 0;
  font-family: "avenir-medium";
  font-size: 12px;
  color: #fff;
  opacity: 0.57;
}

#homepages.product-service-layout .main-content .box-content .content .filter-wrapper .buttons:focus, #homepages.product-service-layout .main-content .box-content .content .filter-wrapper .buttons:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

#homepages.product-service-layout .main-content .box-content .content .filter-wrapper .buttons--active {
  -webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
          clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
  background: linear-gradient(50deg, #1161ad 0%, #1d9696 100%);
  opacity: 1;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product {
  color: unset;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product__box {
  display: none;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product__box.active {
  display: block;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product {
  padding: 10px;
  color: #212a5a;
  position: relative;
  z-index: 5;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding: 30px 10px 35px;
  width: 100%;
  height: 520px;
}

@media (min-width: 400px) and (max-width: 572px) {
  #homepages.product-service-layout .main-content .box-content .wrapper-product .product .card {
    height: 620px;
  }
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .card--catalogue {
  height: 490px;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .title-product {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20% 80%;
      grid-template-columns: 20% 80%;
  color: #212a5a;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .title-product .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "avenir-roman";
  font-size: 16px;
  margin-left: 10px;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .description-box .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25% 75%;
      grid-template-columns: 25% 75%;
  font-family: "lato";
  font-size: 12px;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .description-box .item p {
  margin-bottom: 0;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .desc-box p,
#homepages.product-service-layout .main-content .box-content .wrapper-product .product .desc-box ul {
  font-family: "lato";
  font-size: 16px;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .desc-box ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .product-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .img-box {
  margin: 15px 0 25px;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .img-box img {
  width: 100%;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .desc-box {
  font-family: "lato";
}

@media screen and (max-width: 675px) {
  #homepages.product-service-layout .main-content .box-content .wrapper-product .product .desc-box {
    font-size: 15px;
  }
}

@media screen and (max-width: 575px) {
  #homepages.product-service-layout .main-content .box-content .wrapper-product .product .desc-box {
    font-size: 14px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.product-service-layout .main-content .box-content .wrapper-product .product .desc-box {
    font-size: 13px;
  }
}

@media screen and (max-width: 375px) {
  #homepages.product-service-layout .main-content .box-content .wrapper-product .product .desc-box {
    font-size: 12px;
  }
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .button-box {
  padding: 5px 10px;
  margin-top: auto;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .button-box a {
  color: #3cb6a4;
  font-family: "avenir-roman";
  font-size: 16px;
}

#homepages.product-service-layout .main-content .box-content .wrapper-product .product .button-box a span {
  margin: 0 5px;
}

#homepages.career-banner {
  position: relative;
  width: 100%;
  height: 100%;
}

#homepages.career-banner .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#homepages.career-banner .bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#homepages.career-banner .main-content .box-content {
  color: #fff;
  padding: 3.5% 7%;
}

@media screen and (max-width: 575px) {
  #homepages.career-banner .main-content .box-content {
    padding: 7% 7%;
  }
}

@media screen and (max-width: 768px) {
  #homepages.career-banner .main-content .box-content .content .text-content {
    text-align: center;
  }
}

#homepages.career-banner .main-content .box-content .content .text-content h1 {
  text-transform: uppercase;
  font-family: "avenir-roman";
  font-size: 32px;
}

#homepages.career-banner .main-content .box-content .content .text-content h1 span:nth-child(2) {
  font-weight: 1000;
}

@media screen and (max-width: 575px) {
  #homepages.career-banner .main-content .box-content .content .text-content h1 {
    font-size: 28px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.career-banner .main-content .box-content .content .text-content h1 {
    font-size: 26px;
  }
}

@media screen and (max-width: 375px) {
  #homepages.career-banner .main-content .box-content .content .text-content h1 {
    font-size: 24px;
  }
}

#homepages.career-banner .main-content .box-content .content .text-content p {
  font-family: "lato";
  font-size: 16px;
}

@media screen and (max-width: 675px) {
  #homepages.career-banner .main-content .box-content .content .text-content p {
    font-size: 15px;
  }
}

@media screen and (max-width: 575px) {
  #homepages.career-banner .main-content .box-content .content .text-content p {
    font-size: 14px;
  }
}

@media screen and (max-width: 475px) {
  #homepages.career-banner .main-content .box-content .content .text-content p {
    font-size: 13px;
  }
}

@media screen and (max-width: 375px) {
  #homepages.career-banner .main-content .box-content .content .text-content p {
    font-size: 12px;
  }
}

#homepages.career-banner .main-content .box-content .content .right-box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#homepages.career-banner .main-content .box-content .content .right-box-wrapper a {
  font-family: "avenir-roman";
  color: #212a5a;
  position: relative;
  padding: 15px 50px;
  background-image: url("../images/homepages/bg-button-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  text-transform: uppercase;
  font-weight: 1000;
  font-size: 16px;
}

.play-button-1 {
  content: "";
  width: 75px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.play-button-1.banner-homepages {
  top: unset;
  left: unset;
  right: 12.5%;
  bottom: 17.5%;
}

#keyFactSlider {
  position: relative;
}

@media screen and (max-width: 768px) {
  #keyFactSlider::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #0f0f0f;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

#sliderProduct {
  position: relative;
}

@media screen and (max-width: 768px) {
  #sliderProduct::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #fff;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

#productSlider {
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  #productSlider::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #fff;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

#mapsContent {
  height: calc(100vh - 70px);
  width: 100%;
  background-color: #f7f7f7;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #mapsContent {
    height: calc(100vh - 75px);
  }
}

@media screen and (max-width: 575px) {
  #mapsContent {
    height: calc(100vh - 60px);
  }
}

#mapsContent #maps {
  height: 100%;
}

#mapsContent .box-maps {
  padding: 0;
}

@media screen and (max-width: 768px) {
  #mapsContent .box-maps {
    height: 80%;
  }
}

@media screen and (max-width: 575px) {
  #mapsContent .box-maps {
    height: 75%;
  }
}

@media screen and (max-width: 360px) {
  #mapsContent .box-maps {
    height: calc(75% - 30px);
  }
}

#mapsContent .box-sidebar-maps {
  padding: 0;
  height: 100%;
  overflow: auto;
  scrollbar-color: none;
  scrollbar-width: none;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

#mapsContent .box-sidebar-maps::-webkit-scrollbar {
  width: 0;
}

#mapsContent .box-sidebar-maps::-webkit-scrollbar-track {
  display: none;
}

#mapsContent .box-sidebar-maps::-webkit-scrollbar-thumb {
  display: none;
}

#mapsContent .box-sidebar-maps::-webkit-scrollbar-thumb:hover {
  display: none;
}

#mapsContent .box-sidebar-maps .slider-place {
  margin-top: 40px;
}

@media screen and (max-width: 1600px) {
  #mapsContent .box-sidebar-maps .slider-place {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  #mapsContent .box-sidebar-maps .slider-place {
    display: -webkit-box;
  }
}

#mapsContent .box-sidebar-maps .slider-place .item {
  padding: 35px 35px 30px;
  border-bottom: 1px solid #d1d1d1;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  #mapsContent .box-sidebar-maps .slider-place .item {
    width: 50%;
  }
}

@media screen and (max-width: 575px) {
  #mapsContent .box-sidebar-maps .slider-place .item {
    padding: 35px 25px 30px;
    width: 100%;
  }
}

#mapsContent .box-sidebar-maps .slider-place .item.active {
  background-color: #212a5a;
  color: #fff;
}

#mapsContent .box-sidebar-maps .slider-place .item.active .title::before {
  background-color: #fff;
}

#mapsContent .box-sidebar-maps .slider-place .item .title {
  font-family: "avenir-book";
  font-size: 18px;
  position: relative;
}

@media screen and (max-width: 575px) {
  #mapsContent .box-sidebar-maps .slider-place .item .title {
    font-size: 17px;
  }
}

#mapsContent .box-sidebar-maps .slider-place .item .title::before {
  content: "";
  position: absolute;
  width: 33px;
  height: 3px;
  background-color: #3cb6a4;
  left: 0;
  top: -15%;
}

#mapsContent .box-sidebar-maps .slider-place .item address,
#mapsContent .box-sidebar-maps .slider-place .item .phone {
  font-family: "lato";
  font-size: 16px;
  margin-bottom: 0;
}

#mapsContent .box-sidebar-maps .slider-place .item .lat,
#mapsContent .box-sidebar-maps .slider-place .item .lng,
#mapsContent .box-sidebar-maps .slider-place .item .image-place {
  display: none;
}

#mapsContent .box-sidebar-maps .slider-place .slick-track {
  top: 5%;
}

@media screen and (max-width: 1366px) {
  #mapsContent .box-sidebar-maps .slider-place .slick-track {
    top: 0;
  }
}

#contactForm {
  padding: 150px 0 250px;
}

@media screen and (max-width: 768px) {
  #contactForm {
    padding: 100px 0 200px;
  }
}

#contactForm .section-title {
  margin-bottom: 130px;
}

@media screen and (max-width: 575px) {
  #contactForm .section-title {
    margin-bottom: 65px;
  }
}

#bottomContact {
  background-color: #3cb6a4;
  padding: 0 0 70px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #bottomContact {
    padding: 0;
  }
}

@media screen and (max-width: 765px) {
  #bottomContact .contact-column {
    margin-bottom: 30px;
  }
}

#bottomContact .main-content {
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(-15%);
          transform: translateY(-15%);
}

@media screen and (max-width: 575px) {
  #bottomContact .main-content {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}

#bottomContact::after {
  content: "";
  position: absolute;
  background: url("/assets/images/b0d59f80e41cdab407a4079c25a265ac.png");
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  background-size: cover;
  opacity: 0.1;
  z-index: 0;
}

#bottomContact .description {
  margin-top: 60px;
  width: 75%;
}

@media screen and (max-width: 600px) {
  #bottomContact .description {
    width: 100%;
    margin-top: 40px;
  }
}

#bottomContact .description p {
  font-family: "lato";
  font-size: 16px;
  color: #fff;
}

#ourPeople #peopleSlider {
  margin-top: -60px;
  /* the slides */
}

@media screen and (max-width: 575px) {
  #ourPeople #peopleSlider {
    margin-top: -10%;
  }
}

#ourPeople #peopleSlider .slider-people .item {
  cursor: pointer;
  scrollbar-color: none;
  scrollbar-width: none;
  overflow-y: auto;
  height: 400px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

@media screen and (max-width: 768px) {
  #ourPeople #peopleSlider .slider-people .item {
    height: 300px;
  }
}

#ourPeople #peopleSlider .slider-people .item::-webkit-scrollbar {
  width: 0;
}

#ourPeople #peopleSlider .slider-people .item::-webkit-scrollbar-track {
  display: none;
}

#ourPeople #peopleSlider .slider-people .item::-webkit-scrollbar-thumb {
  display: none;
}

#ourPeople #peopleSlider .slider-people .item::-webkit-scrollbar-thumb:hover {
  display: none;
}

#ourPeople #peopleSlider .slider-people .item.show {
  display: block !important;
}

#ourPeople #peopleSlider .peoples-thumb .slick-slide:not(.slick-active) {
  padding: 0;
}

#ourPeople #peopleSlider .peoples-thumb .slick-list.draggable {
  padding: 30px 10px;
}

@media screen and (max-width: 1366px) {
  #ourPeople #peopleSlider .peoples-thumb .slick-list.draggable {
    padding: 20px 8px;
  }
}

@media screen and (max-width: 575px) {
  #ourPeople #peopleSlider .peoples-thumb .slick-list.draggable {
    padding: 10px 5px;
  }
}

#ourPeople #peopleSlider .peoples-thumb .item {
  cursor: pointer;
}

#ourPeople #peopleSlider .peoples-thumb .item.active {
  position: relative;
}

#ourPeople #peopleSlider .peoples-thumb .item.active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid #fff;
  z-index: 2;
  top: 0;
  left: 0;
}

#ourPeople #peopleSlider .peoples-thumb .item.active .box-image {
  overflow: hidden;
  -webkit-transform: scale(1.07);
          transform: scale(1.07);
  border: 10px solid #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

#ourPeople #peopleSlider .peoples-thumb .item.active .box-image img {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  image-rendering: -webkit-optimize-contrast;
}

#ourPeople .left-content {
  padding: 0;
}

@media screen and (max-width: 575px) {
  #ourPeople .left-content {
    padding: 0;
  }
}

#ourPeople .left-content .box-content {
  padding: 135px 65px 170px;
  -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}

@media screen and (max-width: 1600px) {
  #ourPeople .left-content .box-content {
    padding: 90px 45px 80px;
  }
}

@media screen and (max-width: 1366px) {
  #ourPeople .left-content .box-content {
    padding: 80px 40px 70px;
  }
}

@media screen and (max-width: 575px) {
  #ourPeople .left-content .box-content {
    padding: 45px 25px 25px;
  }
}

#ourPeople .right-content {
  padding: 0;
}

@media screen and (max-width: 575px) {
  #ourPeople .right-content {
    padding: 0 50px;
  }
}

#ourPeople .right-content .title {
  font-family: "lato";
  font-size: 16px;
  color: #fff;
  margin: 10px 0 0 30px;
}

@media screen and (max-width: 575px) {
  #ourPeople .right-content .title {
    display: none;
  }
}

#ourPeople .item .section-title h1 {
  font-size: 21px;
  margin: 0;
}

@media screen and (max-width: 575px) {
  #ourPeople .item .section-title h1 {
    font-size: 20px;
  }
}

#ourPeople .item .section-title::before {
  left: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

@media screen and (max-width: 1366px) {
  #ourPeople .item .section-title::before {
    width: 33px;
  }
}

#ourPeople .item .job-position {
  font-family: "avenir-book";
  font-size: 18px;
  color: #3cb6a4;
  margin-bottom: 50px;
}

@media screen and (max-width: 1366px) {
  #ourPeople .item .job-position {
    margin-bottom: 35px;
    font-size: 15px;
  }
}

@media screen and (max-width: 575px) {
  #ourPeople .item .job-position {
    font-size: 15px;
    margin-bottom: 15px;
  }
}

#ourPeople .item .section-description {
  color: #6f6f6f;
}

@media screen and (max-width: 575px) {
  #ourPeople .item .section-description {
    overflow: hidden;
    margin-bottom: 20px;
  }
}

#ourPeople .item .section-description .view-more,
#ourPeople .item .section-description .view-less,
#ourPeople .item .section-description .readMore,
#ourPeople .item .section-description .readLess,
#ourPeople .item .section-description .showLess {
  font-family: "avenir-black";
  color: #3cb6a4;
}

#ourPeople .item .section-description p {
  font-size: 16px;
}

#ourPeople .item .read-more {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 15px;
  border-top: 1px solid #e2e2e2;
}

@media screen and (max-width: 575px) {
  #ourPeople .item .read-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#ourPeople .item .read-more .readMore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 27px;
  height: 27px;
  border: 1px solid #727272;
  color: #727272;
  border-radius: 50%;
  font-size: 28px;
  cursor: pointer;
}

@media screen and (max-width: 575px) {
  #ourPeople .item .read-more .readMore {
    font-size: 22px;
  }
}

#visionMision {
  padding: 180px 0 90px;
}

@media screen and (max-width: 991px) {
  #visionMision {
    padding: 30px 0;
  }
}

#visionMision .section-title::before {
  left: 0;
  -webkit-transform: translate(0%, 50%);
          transform: translate(0%, 50%);
}

#visionMision .visi {
  margin-bottom: -5%;
}

@media screen and (max-width: 500px) {
  #visionMision .visi {
    margin-bottom: -20%;
  }
}

#visionMision .visi .left-content {
  position: relative;
}

#visionMision .visi .left-content .vector {
  position: absolute;
  left: -5%;
  top: -10%;
  z-index: -1;
}

@media screen and (max-width: 575px) {
  #visionMision .visi .left-content .vector {
    max-width: 30%;
    left: 0;
  }
}

#visionMision .visi .right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 575px) {
  #visionMision .visi .right-content {
    margin-bottom: 40px;
    padding: 0;
  }
}

@media screen and (max-width: 500px) {
  #visionMision .visi .right-content .section-title {
    margin-top: 15%;
  }
}

#visionMision .mision {
  position: relative;
  padding: 10% 10% 0;
}

@media screen and (max-width: 768px) {
  #visionMision .mision {
    padding: 20% 10% 0;
  }
}

@media screen and (max-width: 500px) {
  #visionMision .mision {
    padding: 40% 5% 0;
  }
}

#visionMision .mision::before {
  content: "";
  position: absolute;
  background: url("/assets/images/mision-background.png");
  width: 100%;
  height: 430px;
  top: 0;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 1600px) {
  #visionMision .mision::before {
    height: 370px;
  }
}

@media screen and (max-width: 768px) {
  #visionMision .mision::before {
    height: 500px;
  }
}

#visionMision .mision .section-list {
  font-family: "lato";
  font-size: 16px;
  color: #535353;
  line-height: 21px;
}

@media screen and (max-width: 575px) {
  #visionMision .mision .section-list ul {
    padding: 0;
    margin-top: 40px;
  }
}

@media screen and (max-width: 575px) {
  #visionMision .mision .left-content {
    padding: 0;
  }
}

#visionMision .mision .left-content .section-title {
  margin-bottom: 30px;
  padding-top: 20px;
}

#visionMision .mision .left-content .section-title::before {
  background-color: #fff;
  top: 0;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

#visionMision .mision .left-content .section-title h1 {
  color: #fff;
}

#visionMision .mision .left-content .section-title h1 span {
  color: #3cb6a4;
}

#visionMision .mision .left-content .section-description {
  color: #fff;
  margin-bottom: 120px;
}

@media screen and (max-width: 500px) {
  #visionMision .mision .left-content .section-description {
    margin-bottom: 80px;
  }
}

#visionMision .mision .list-mision {
  margin-top: -15%;
}

@media screen and (max-width: 1600px) {
  #visionMision .mision .list-mision {
    margin-top: -12%;
  }
}

@media screen and (max-width: 1024px) {
  #visionMision .mision .list-mision {
    margin-top: -5%;
  }
}

@media screen and (max-width: 768px) {
  #visionMision .mision .list-mision {
    margin-top: 30px;
  }
}

#history {
  padding: 10% 0 5%;
  position: relative;
}

@media screen and (max-width: 500px) {
  #history {
    padding: 10% 0 15%;
  }
}

#history::before {
  content: "";
  position: absolute;
  background: url("/assets/images/history-timeline-background.png");
  width: 100%;
  height: 35%;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 575px) {
  #history::before {
    height: 488px;
  }
}

@media screen and (max-width: 500px) {
  #history .padding-section,
  #history .box-slider {
    padding: 0;
  }
}

@media screen and (max-width: 500px) {
  #history .progressbar-wrapper {
    padding: 0 5%;
  }
}

#history .history-slider {
  margin-top: 80px;
}

@media screen and (max-width: 500px) {
  #history .history-slider {
    padding: 0 5%;
  }
}

#history .history-slider .item {
  position: relative;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#history .history-slider .item::before {
  content: "";
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(#1f1f1f), color-stop(60%, rgba(34, 34, 34, 0)));
  background: linear-gradient(0deg, #1f1f1f 0%, rgba(34, 34, 34, 0) 60%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#history .history-slider .item .content {
  padding: 400px 70px 90px;
  position: relative;
}

@media screen and (max-width: 1600px) {
  #history .history-slider .item .content {
    padding: 260px 50px 40px;
  }
}

@media screen and (max-width: 500px) {
  #history .history-slider .item .content {
    padding: 385px 17px 40px;
  }
}

#history .history-slider .item .content .title {
  font-family: "avenir-black";
  font-size: 46px;
  color: #fff;
}

@media screen and (max-width: 575px) {
  #history .history-slider .item .content .title {
    font-size: 50px;
  }
}

#history .history-slider .item .content .description {
  font-family: "lato";
  color: #fff;
  font-size: 16px;
  width: 60%;
}

@media screen and (max-width: 500px) {
  #history .history-slider .item .content .description {
    width: 100%;
    font-size: 15px;
  }
}

#history .timeline-nav .slick-slide, #history .timeline-nav .item {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  text-decoration: none;
}

#careerContent {
  padding: 5% 0 10%;
}

@media screen and (max-width: 500px) {
  #careerContent {
    padding: 10% 0 15%;
  }
}

@media screen and (max-width: 575px) {
  #careerContent .top-career {
    padding: 0;
  }
}

#careerContent .careers {
  margin-bottom: 45px;
  display: none;
}

@media screen and (max-width: 575px) {
  #careerContent .careers {
    padding: 0;
  }
}

#careerContent .load-more {
  margin-top: 90px;
}

@media screen and (max-width: 500px) {
  #careerContent .load-more {
    margin-top: 50px;
  }
}

#mediaNews {
  padding: 5% 0 10%;
}

@media screen and (max-width: 575px) {
  #mediaNews {
    padding: 10% 0 10%;
  }
}

@media screen and (max-width: 767px) {
  #mediaNews .padding-section {
    padding: 0 10%;
  }
}

#mediaNews .popular-news .section-head {
  margin-bottom: 35px;
}

@media screen and (max-width: 575px) {
  #mediaNews .popular-news .section-head {
    padding: 0;
    margin-bottom: 20px;
  }
}

#mediaNews .popular-news .section-head .section-title::before {
  left: 0;
  top: -50%;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

#mediaNews .popular-news .section-head .section-title h1 {
  font-size: 20px;
}

#mediaNews .top-content {
  margin-bottom: 70px;
}

@media screen and (max-width: 1199px) {
  #mediaNews .top-content {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1199px) {
  #mediaNews .top-content .left-content {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  #mediaNews .top-content .left-content {
    padding: 0 0 40px;
  }
}

@media screen and (max-width: 1199px) {
  #mediaNews .top-content .left-content .card-big-template {
    height: 500px;
  }
}

@media screen and (max-width: 767px) {
  #mediaNews .top-content .left-content .card-big-template {
    padding: 0 20px 40px;
  }
}

@media screen and (max-width: 575px) {
  #mediaNews .top-content .left-content .card-big-template {
    height: 330px;
  }
}

@media screen and (max-width: 767px) {
  #mediaNews .top-content .left-content .card-big-template .box-content .title-arrow .section-title::before {
    top: -10%;
    -webkit-transform: translate(0, 10%);
            transform: translate(0, 10%);
  }
}

#mediaNews .top-content .card-news-horizontal {
  margin-top: 38px;
}

@media screen and (max-width: 1366px) {
  #mediaNews .top-content .card-news-horizontal {
    margin-top: 25px;
  }
}

#mediaNews .top-content .card-news-horizontal:nth-child(1) {
  margin-top: 0;
}

#mediaNews .top-content .card-news-horizontal .right .box-content {
  padding: 10px 0 20px;
}

@media screen and (max-width: 1366px) {
  #mediaNews .top-content .card-news-horizontal .right .box-content {
    padding: 5px 0 10px;
  }
}

@media screen and (max-width: 767px) {
  #mediaNews .top-content .right-content {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  #mediaNews .top-content .right-content .card-news-horizontal .left {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 767px) {
  #mediaNews .top-content .right-content .card-news-horizontal .left .images {
    height: 105px;
  }
}

@media screen and (max-width: 475px) {
  #mediaNews .top-content .right-content .card-news-horizontal .right .section-title h1 {
    font-size: 11px;
  }
}

#mediaNews .list-content .card-news-horizontal {
  padding: 32px 0;
  border-bottom: 1px solid #dddddd;
}

@media screen and (max-width: 1199px) {
  #mediaNews .list-content .card-news-horizontal {
    border-bottom: unset;
  }
}

@media screen and (max-width: 1199px) {
  #mediaNews .list-content .card-news-horizontal {
    padding: 15px 0;
  }
}

#mediaNews .list-content .card-news-horizontal:nth-child(1) {
  border-top: 1px solid #dddddd;
}

@media screen and (max-width: 1199px) {
  #mediaNews .list-content .card-news-horizontal:nth-child(1) {
    border-top: unset;
  }
}

@media screen and (max-width: 768px) {
  #mediaNews .list-content .card-news-horizontal .left {
    padding: 0;
  }
}

#mediaNews .list-content .card-news-horizontal .left .images {
  background-size: cover !important;
  background-position: center !important;
}

@media screen and (max-width: 768px) {
  #mediaNews .list-content .card-news-horizontal .left .images {
    height: 105px;
  }
}

@media screen and (max-width: 767px) {
  #mediaNews .list-content .card-news-horizontal .right {
    padding: 0 15px;
  }
}

#mediaNews .list-content .card-news-horizontal .right:hover {
  background-color: #212a5a;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#mediaNews .list-content .card-news-horizontal .right:hover .date-tags .date span,
#mediaNews .list-content .card-news-horizontal .right:hover .date-tags .date i {
  color: #3cb6a4;
}

#mediaNews .list-content .card-news-horizontal .right:hover .title-arrow .section-title::before {
  background-color: #fff;
}

#mediaNews .list-content .card-news-horizontal .right:hover .title-arrow .section-title h1,
#mediaNews .list-content .card-news-horizontal .right:hover .title-arrow .section-title p {
  color: #fff;
}

#mediaNews .list-content .card-news-horizontal .right:hover .title-arrow .arrow .white {
  display: block;
}

#mediaNews .list-content .card-news-horizontal .right:hover .title-arrow .arrow .blue {
  display: none;
}

#mediaNews .list-content .card-news-horizontal .right .box-content {
  padding: 30px 20px 40px;
}

@media screen and (max-width: 767px) {
  #mediaNews .list-content .card-news-horizontal .right .box-content {
    padding: 5px 0 10px;
  }
}

#mediaNews .list-content .card-news-horizontal .right .title-arrow .section-title {
  width: 80%;
}

@media screen and (max-width: 475px) {
  #mediaNews .list-content .card-news-horizontal .right .title-arrow .section-title h1 {
    font-size: 11px;
  }
}

#mediaNews .list-content .card-news-horizontal .right .title-arrow .section-title::before {
  top: -20%;
  -webkit-transform: translate(0, 20%);
          transform: translate(0, 20%);
}

@media screen and (max-width: 767px) {
  #mediaNews .list-content .card-news-horizontal .right .title-arrow .section-title::before {
    top: -10%;
    -webkit-transform: translate(0, 10%);
            transform: translate(0, 10%);
  }
}

#mediaNews .list-content .primary-button {
  margin-top: 53px;
}

#productPackaging {
  margin-bottom: -280px;
  padding-top: 10%;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 1200px) {
  #productPackaging {
    margin-bottom: -230px;
  }
}

@media screen and (max-width: 375px) {
  #productPackaging {
    margin-bottom: -200px;
  }
}

@media screen and (max-width: 500px) {
  #productPackaging .padding-section {
    padding: 0;
  }
}

#productPackaging .vector-1 {
  position: absolute;
  top: -700px;
  left: -50px;
}

@media screen and (max-width: 1600px) {
  #productPackaging .vector-1 {
    left: -80px;
  }
}

@media screen and (max-width: 1366px) {
  #productPackaging .vector-1 {
    left: -100px;
    top: -750px;
  }
}

@media screen and (max-width: 1024px) {
  #productPackaging .vector-1 {
    left: -170px;
    top: -780px;
  }
}

@media screen and (max-width: 575px) {
  #productPackaging .vector-1 {
    left: -150px;
    top: -560px;
    max-width: 80%;
  }
}

#productPackaging .vector-triangle-bottom {
  position: absolute;
  bottom: 15%;
  right: 0;
  width: 15%;
}

#productPackaging .box-slider {
  position: relative;
}

#productPackaging .box-slider .vector-2 {
  position: absolute;
  top: 30px;
  right: -20%;
}

@media screen and (max-width: 1366px) {
  #productPackaging .box-slider .vector-2 {
    right: -30%;
  }
}

#productPackaging .box-description,
#productPackaging .box-slider {
  margin-bottom: 60px;
}

#productPackaging .box-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#productPackaging .box-description .section-title {
  margin-bottom: 18px;
}

#productPackaging .box-description .section-title::before {
  left: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

#productPackaging .box-slider .packaging-slider .slick-dots,
#productPackaging .box-slider .big-slider .slick-dots {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  list-style: none;
  margin: 0px;
  padding: 0px;
}

@media screen and (max-width: 1366px) {
  #productPackaging .box-slider .packaging-slider .slick-dots,
  #productPackaging .box-slider .big-slider .slick-dots {
    bottom: 15px;
  }
}

#productPackaging .box-slider .packaging-slider .slick-dots li,
#productPackaging .box-slider .big-slider .slick-dots li {
  float: left;
  position: relative;
  margin: 0px 5px;
}

#productPackaging .box-slider .packaging-slider .slick-dots li button,
#productPackaging .box-slider .big-slider .slick-dots li button {
  height: 16px;
  width: 16px;
  background: transparent;
  border: 1px solid #fff;
  color: transparent;
  border-radius: 50%;
}

@media screen and (max-width: 1366px) {
  #productPackaging .box-slider .packaging-slider .slick-dots li button,
  #productPackaging .box-slider .big-slider .slick-dots li button {
    height: 14px;
    width: 14px;
  }
}

#productPackaging .box-slider .packaging-slider .slick-dots li button:focus,
#productPackaging .box-slider .big-slider .slick-dots li button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#productPackaging .box-slider .packaging-slider .slick-dots li::before,
#productPackaging .box-slider .big-slider .slick-dots li::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: transparent;
  border-radius: 50px;
  top: 4px;
  left: 4px;
}

@media screen and (max-width: 1366px) {
  #productPackaging .box-slider .packaging-slider .slick-dots li::before,
  #productPackaging .box-slider .big-slider .slick-dots li::before {
    height: 6px;
    width: 6px;
  }
}

#productPackaging .box-slider .packaging-slider .slick-dots li.slick-active button,
#productPackaging .box-slider .big-slider .slick-dots li.slick-active button {
  border: 1px solid #fff;
  border-radius: 50px;
}

#productPackaging .box-slider .packaging-slider .slick-dots li.slick-active:before,
#productPackaging .box-slider .big-slider .slick-dots li.slick-active:before {
  background: #fff;
}

#productPackaging .box-slider .packaging-slider .item,
#productPackaging .box-slider .big-slider .item {
  height: 550px;
  position: relative;
}

@media screen and (max-width: 1366px) {
  #productPackaging .box-slider .packaging-slider .item,
  #productPackaging .box-slider .big-slider .item {
    height: 385px;
  }
}

@media screen and (max-width: 575px) {
  #productPackaging .box-slider .packaging-slider .item,
  #productPackaging .box-slider .big-slider .item {
    height: 310px;
  }
}

#productPackaging .box-slider .packaging-slider .item::after,
#productPackaging .box-slider .big-slider .item::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#333333), color-stop(45%, rgba(33, 33, 33, 0)));
  background: linear-gradient(0deg, #333333 0%, rgba(33, 33, 33, 0) 45%);
}

#productPackaging .box-slider#bigSlider {
  margin-bottom: -50px;
  position: relative;
  z-index: 2;
}

#productPackaging .box-slider .nav-packaging .slick-track {
  padding-top: 50px;
}

#productPackaging .box-slider .nav-packaging .item .section-title::before {
  left: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

#productPackaging .padding-nav {
  padding: 0 7%;
}

@media screen and (max-width: 575px) {
  #productPackaging .padding-nav {
    padding: 0 5%;
  }
}

@media screen and (max-width: 375px) {
  #productPackaging .padding-nav {
    padding: 0 2%;
  }
}

#productPackaging .padding-nav .box-slider {
  padding: 5%;
  position: relative;
  background-color: #fff;
}

#productShowcase {
  background: url("/assets/images/9ee2939fbcf5615c42e09a721649d3a4555.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 20% 0 10%;
  overflow-y: hidden;
}

@media screen and (max-width: 768px) {
  #productShowcase {
    padding: 30% 0 10%;
  }
}

@media screen and (max-width: 575px) {
  #productShowcase {
    padding: 55% 0 15%;
  }
}

@media screen and (max-width: 500px) {
  #productShowcase .padding-section {
    padding: 0;
  }
}

#productShowcase .section-head .title-section {
  margin-bottom: 35px;
}

#productShowcase .section-head .title-section h1 {
  color: #3cb6a4;
  font-family: "avenir-medium";
  font-size: 32px;
  margin-bottom: 0;
}

#productShowcase .section-head .section-description {
  color: #fff;
}

#productShowcase .box-product {
  padding: 0 10%;
  margin-top: 40px;
}

#productShowcase .box-product .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 15px;
  height: 220px;
}

@media screen and (max-width: 1024px) {
  #productShowcase .box-product .item {
    margin-bottom: 25px;
  }
}

#productShowcase .box-product .item::before {
  position: absolute;
  content: "";
  width: calc(100% - 30px);
  height: 70%;
  bottom: 0;
  left: 50%;
  background-color: #fff;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#productShowcase .box-product .item img {
  position: relative;
  max-width: 80%;
}

@media screen and (max-width: 768px) {
  #productShowcase .box-product .item img {
    max-width: 100%;
  }
}

#ourClients {
  background-color: #f5f5f5;
  padding: 10% 0;
}

@media screen and (max-width: 500px) {
  #ourClients .padding-section {
    padding: 0;
  }
}

#ourClients .section-head {
  margin-bottom: 60px;
}

#ourClients .box-clients .client-lists {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20% 20% 20% 20% 20%;
      grid-template-columns: 20% 20% 20% 20% 20%;
}

@media screen and (max-width: 1024px) {
  #ourClients .box-clients .client-lists {
    -ms-grid-columns: 25% 25% 25% 25%;
        grid-template-columns: 25% 25% 25% 25%;
  }
}

@media screen and (max-width: 768px) {
  #ourClients .box-clients .client-lists {
    -ms-grid-columns: 33.33% 33.33% 33.33%;
        grid-template-columns: 33.33% 33.33% 33.33%;
  }
}

#ourClients .box-clients .client-lists .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 38px;
}

#ourClients .box-clients .client-lists .item::before {
  position: absolute;
  content: "";
  width: calc(100% - 15px);
  height: 100%;
  bottom: 0;
  left: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#ourClients .box-clients .client-lists .item img {
  position: relative;
  width: 80%;
}

#detailsContent .box-thumbnail {
  padding: 0;
}

#detailsContent .box-thumbnail .big-thumbnail {
  height: 475px;
  width: 100%;
}

#detailsContent .main-content {
  padding: 5% 15%;
}

@media screen and (max-width: 475px) {
  #detailsContent .main-content {
    padding: 10% 5%;
  }
}

#detailsContent .main-content .title-details {
  font-family: "lato";
  font-weight: bold;
  font-size: 18px;
  color: #535353;
  margin-bottom: 25px;
}

#detailsContent .main-content .description-details p {
  font-family: "lato";
  font-size: 16px;
  color: #535353;
  margin-bottom: 15px;
}

#detailsContent .back-share {
  padding: 0 15%;
}

@media screen and (max-width: 475px) {
  #detailsContent .back-share {
    padding: 0 5%;
  }
}

#detailsContent .back-share .box-content {
  border-top: 1px solid #b5b5b5;
  padding-top: 50px;
  margin-bottom: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  #detailsContent .back-share .box-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    text-align: center;
  }
}

#detailsContent .back-share .button-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  #detailsContent .back-share .button-share {
    margin-bottom: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#detailsContent .back-share .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#detailsContent .back-share .share i {
  color: #6a6a6a;
  font-size: 12px;
  margin-right: 5px;
}

#detailsContent .back-share .share p {
  margin-bottom: 0;
  font-size: 16px;
  font-family: "lato";
  color: #535353;
}

#detailsContent .back-share .facebook,
#detailsContent .back-share .twitter,
#detailsContent .back-share .google,
#detailsContent .back-share .linkedin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  margin: 0 10px;
}

#detailsContent .back-share .facebook i,
#detailsContent .back-share .twitter i,
#detailsContent .back-share .google i,
#detailsContent .back-share .linkedin i {
  font-size: 12px;
  color: #fff;
}

#detailsContent .back-share .facebook {
  background-color: #3f7bdb;
}

#detailsContent .back-share .twitter {
  background-color: #5eb7f8;
}

#detailsContent .back-share .google {
  background-color: #ed5e5e;
}

#detailsContent .back-share .linkedin {
  background-color: #3a66b9;
}

#sliderOthers {
  padding: 7% 15%;
  background-color: #f7f7f7;
}

@media screen and (max-width: 575px) {
  #sliderOthers {
    padding: 15% 0 20%;
  }
}

#sliderOthers .section-head {
  margin-bottom: 50px;
}

#sliderOthers #otherSlider .card-news-horizontal {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media screen and (max-width: 767px) {
  #sliderOthers #otherSlider .card-news-horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 575px) {
  #sliderOthers #otherSlider .card-news-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 30px;
  }
}

#sliderOthers #otherSlider .card-news-horizontal .left .images {
  width: 220px;
  height: 130px;
  margin-right: 15px;
}

@media screen and (max-width: 1366px) {
  #sliderOthers #otherSlider .card-news-horizontal .left .images {
    height: 90px;
    width: 160px;
  }
}

@media screen and (max-width: 575px) {
  #sliderOthers #otherSlider .card-news-horizontal .left .images {
    height: 70px;
    width: 100px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 575px) {
  #sliderOthers #otherSlider .card-news-horizontal .right .section-title h1 {
    font-size: 11px;
  }
}

.innovation__solution {
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .innovation__solution {
    padding: 50px 0;
  }
}

.innovation__solution::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 70%;
  top: 0;
  left: 0;
  background-color: #f5f5f5;
}

@media screen and (max-width: 768px) {
  .innovation__solution::before {
    height: 40%;
  }
}

@media screen and (max-width: 575px) {
  .innovation__solution::before {
    height: 25%;
  }
}

.innovation__solution__left {
  margin-top: -25px;
}

.innovation__solution__right {
  padding: 150px 0 0;
}

@media screen and (max-width: 1366px) {
  .innovation__solution__right {
    padding: 85px 0 0 50px;
  }
}

@media screen and (max-width: 768px) {
  .innovation__solution__right {
    padding: 85px 0 0;
  }
}

.innovation__solution__right .section-title {
  margin-bottom: 40px;
}

.innovation__solution__right .section-title::before {
  left: 0;
  top: -30%;
  -webkit-transform: translate(0, 30%);
          transform: translate(0, 30%);
}

.innovation__solution__right .section-title h1 {
  font-size: 25px;
}

.innovation__solution__right .card-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
      grid-template-columns: 50% 50%;
  grid-gap: 25px;
}

@media screen and (max-width: 575px) {
  .innovation__solution__right .card-wrapper {
    -ms-grid-columns: 100%;
        grid-template-columns: 100%;
  }
}

.innovation__solution__right .card-wrapper .card.contact {
  padding: 30px 40px;
}

@media screen and (max-width: 1366px) {
  .innovation__solution__right .card-wrapper .card.contact {
    padding: 25px 20px;
  }
}

.innovation__solution__right .card-wrapper .card.contact .icon-solution img {
  image-rendering: -webkit-optimize-contrast;
}

@media screen and (max-width: 1366px) {
  .innovation__solution__right .card-wrapper .card.contact .icon-solution img {
    max-width: 30%;
  }
}

.innovation__creation {
  margin: 150px 0;
  position: relative;
}

.innovation__creation::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 200px;
  background-image: url("/assets/images/9ee2939fbcf5615c42e09a721649d3a46.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  bottom: 50px;
  left: 0;
}

.innovation__creation__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 20px;
}

.innovation__creation__left .section-title {
  margin-bottom: 40px;
}

.innovation__creation__left .section-title::before {
  left: 0;
  top: -30%;
  -webkit-transform: translate(0, 30%);
          transform: translate(0, 30%);
}

.innovation__creation__left .section-title h1 {
  font-size: 25px;
}

@media screen and (max-width: 768px) {
  .innovation__creation__right {
    margin-top: 50px;
  }
}

.innovation__unique {
  margin: 0 0 100px;
}

.innovation__unique__content .section-title {
  margin-bottom: 40px;
}

.innovation__unique__content .section-title::before {
  left: 0;
  top: -30%;
  -webkit-transform: translate(0, 30%);
          transform: translate(0, 30%);
}

.innovation__unique__content .section-title h1 {
  font-size: 25px;
}

.sustainability__slider {
  margin-top: -45px;
  overflow: hidden;
  margin-bottom: 50px;
  padding-bottom: 30px;
}

.sustainability__slider__left {
  padding: 0 0 0 15px;
  -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.12);
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .sustainability__slider__left {
    padding: 0;
  }
}

.sustainability__slider__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 15px 0 0;
  position: relative;
}

@media screen and (max-width: 991px) {
  .sustainability__slider__right {
    padding: 0 50px;
  }
}

.sustainability__slider__right__wrapper {
  height: calc(100% - 45px);
}

.sustainability__slider__thumb {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.sustainability__slider__thumb .item {
  max-height: 100%;
  height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 1366px) {
  .sustainability__slider__thumb .item {
    height: 400px;
    max-height: 100%;
  }
}

@media screen and (max-width: 575px) {
  .sustainability__slider__thumb .item {
    height: 250px;
    max-height: 100%;
  }
}

.sustainability__slider__desc {
  padding: 130px 90px 100px;
}

@media screen and (max-width: 1600px) {
  .sustainability__slider__desc {
    padding: 130px 60px 70px;
  }
}

@media screen and (max-width: 1366px) {
  .sustainability__slider__desc {
    padding: 90px 50px 60px;
  }
}

.sustainability__slider__desc .item .section-title {
  margin-bottom: 40px;
}

@media screen and (max-width: 1366px) {
  .sustainability__slider__desc .item .section-title h1 {
    font-size: 25px;
  }
}

@media screen and (max-width: 1200px) {
  .sustainability__slider__desc .item .section-title h1 {
    font-size: 20px;
  }
}

.sustainability__slider__desc .item .section-title::before {
  left: 0;
  top: -20%;
  -webkit-transform: translate(0, 20%);
          transform: translate(0, 20%);
}

.sustainability__slider__desc .item .section-title strong {
  color: #292929;
}

@media screen and (max-width: 991px) {
  .sustainability__slider__control .control-prev .arrowThumbLeft {
    left: 0;
    bottom: 40%;
  }
}

@media screen and (max-width: 991px) {
  .sustainability__slider__control .control-next .arrowThumbRight {
    right: 0;
    bottom: 40%;
  }
}

.sustainability__sub {
  padding-top: 5% 0;
  position: relative;
}

.sustainability__sub::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 40%;
  background-color: #f5f5f5;
  bottom: 0;
  left: 0;
}

.sustainability__sub__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 50px 0;
}

.sustainability__sub__header .image,
.sustainability__sub__header .section-description {
  text-align: center;
  margin-bottom: 50px;
}

.sustainability__sub__header .section-description {
  width: 100%;
}

@media screen and (min-width: 789px) {
  .sustainability__sub__header .section-description {
    width: 60%;
  }
}

.sustainability__sub__header .image img {
  max-width: 80%;
  image-rendering: -webkit-optimize-contrast;
}

.sustainability__sub__menu {
  margin: 5% 0;
}

.sustainability__sub__menu .section-description {
  margin-bottom: 30px;
}

.sustainability__sub__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(190px, 1fr))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 15px;
}

@media screen and (min-width: 1500px) {
  .sustainability__sub__grid {
    -ms-grid-columns: (minmax(220px, 1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}

@media screen and (min-width: 1700px) {
  .sustainability__sub__grid {
    -ms-grid-columns: (minmax(250px, 1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}

.sustainability__kpi .list-card {
  margin-bottom: 40px;
}

.sustainability__kpi .read-more {
  margin-top: 20px;
}

.environment__banner .image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 370px;
  width: 100%;
}

.environment__content {
  padding: 5% 10% 0;
}

.environment__content__left {
  margin-bottom: 50px;
}

.environment__content__left .card {
  height: 100%;
}

.environment__content__left .card .left {
  height: 100%;
}

.environment__content__left .card .left .content .section-title {
  margin-bottom: 15px;
}

.environment__content__right {
  margin-bottom: 50px;
}

.environment__content__right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.social__banner .image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 370px;
  width: 100%;
}

.social__content {
  padding-top: 10%;
}

.social__content__heading {
  padding: 0 5%;
  margin-bottom: 70px;
}

.social__content__heading .section-description {
  font-family: "avenir-book";
  font-size: 16px;
  text-align: center;
}

.social__content .description {
  margin-top: 60px;
}

.social__content .description .section-description--title::before {
  top: -25px;
  left: 0;
  -webkit-transform: unset;
          transform: unset;
}

@media screen and (max-width: 992px) {
  .social__content__left, .social__content__right {
    margin-bottom: 40px;
  }
}

.social__content__left .image img, .social__content__right .image img {
  width: 100%;
}

.governance__banner .image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 370px;
  width: 100%;
}

.governance__content {
  padding-top: 10%;
}

.governance__content__heading {
  padding: 0 5%;
  margin-bottom: 70px;
}

.governance__content__heading .section-description {
  font-family: "avenir-book";
  font-size: 16px;
  text-align: center;
}

.governance__content .list-card {
  margin-bottom: 30px;
}
/*# sourceMappingURL=style.css.map */

/* Added by Michael - 24/05/2022 */
.description-details img {
  height: auto!important;
	width: 100%!important;
}
.big-thumbnail {
  /* header image must 16:5 ratio */
	background-size: contain!important;
}
/* EoA by Michael - 24/05/2022 */