/* ==========================================================================
   #MAIN
   ========================================================================== */
/* ==========================================================================
   #GIBSON
   ========================================================================== */
@import url("https://use.typekit.net/tto5fdu.css");
/* ==========================================================================
   #BODY
   ========================================================================== */
body {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 26px;
  color: #005A6F;
  font-family: "canada-type-gibson";
  background: #fff; }
  @media (max-width: 767px) {
    body {
      font-size: 16px;
      line-height: 24px; } }

/* ==========================================================================
   #BUTTONS
   ========================================================================== */
/* ==========================================================================
   #HEADING
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 30px;
  line-height: 1.11;
  font-weight: 600;
  padding: 0px;
  margin: 0px 0px 20px 0px; }

h1 {
  font-size: 42px; }
  @media (max-width: 767px) {
    h1 {
      font-size: 32px; } }

h2 {
  font-size: 42px; }
  @media (max-width: 767px) {
    h2 {
      font-size: 32px; } }

h3 {
  font-size: 42px; }
  @media (max-width: 767px) {
    h3 {
      font-size: 32px; } }

h4 {
  font-size: 32px; }
  @media (max-width: 767px) {
    h4 {
      font-size: 24px; } }

h5 {
  font-size: 30px; }
  @media (max-width: 767px) {
    h5 {
      font-size: 21px; } }

h6 {
  font-size: 24px; }
  @media (max-width: 767px) {
    h6 {
      font-size: 18px; } }

/* ==========================================================================
   #HR ELEMENT
   ========================================================================== */
hr {
  background: #e6e6e6;
  height: 1px;
  border: none;
  padding: 0px;
  margin: 0px;
  opacity: 1; }

/* ==========================================================================
   #HTML
   ========================================================================== */
html {
  font-size: 1rem; }
  @media (max-width: 1199px) {
    html {
      font-size: 0.9rem; } }
  @media (max-width: 991px) {
    html {
      font-size: 0.85rem; } }
  @media (max-width: 767px) {
    html {
      font-size: 0.75rem; } }

/* ==========================================================================
   #INPUTS
   ========================================================================== */
/* ==========================================================================
   #LINKS
   ========================================================================== */
a {
  color: #005A6F;
  text-decoration: none;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in; }
  a:hover {
    color: #007E9E; }

/* ==========================================================================
   #CONTAINER
   ========================================================================== */
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1358px;
  padding: 0px 100px; }
  @media (max-width: 1399px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      padding: 0px 70px; } }
  @media (max-width: 1098px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      padding: 0px 50px; } }
  @media (max-width: 991px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      padding: 0px 25px; } }
  @media (max-width: 767px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      padding: 0px 14px; } }

/* ==========================================================================
   #ROW
   ========================================================================== */
.row {
  margin: 0px -15px; }
  .row > div {
    padding: 0px 15px; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
            This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
            calculation of the height of the owl-item that breaks page layouts
         */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* ==========================================================================
   #HEADER
   ========================================================================== */
.header {
  position: relative;
  z-index: 9; }

.header__fixed {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }

/* Logo */
.header__logo {
  padding: 0px;
  margin-left: -22px;
  position: relative; }
  @media (max-width: 1210px) {
    .header__logo {
      width: 320px; }
      .header__logo img {
        width: 100%; } }
  @media (max-width: 1199px) {
    .header__logo {
      width: 280px;
      padding: 10px 0px; } }
  @media (max-width: 991px) {
    .header__logo {
      width: 383px;
      padding: 0px; } }
  @media (max-width: 767px) {
    .header__logo {
      width: 240px;
      margin-left: -14px; } }

/* Right */
.header__right {
  margin-left: auto;
  text-align: right;
  padding: 12px 0px 19px 30px; }
  @media (max-width: 991px) {
    .header__right {
      display: none; } }

.header__top-bottom {
  padding: 13px 0px 0px 0px; }

/* Create an account */
.header__create-account {
  margin-left: auto; }
  .header__create-account a {
    font-weight: 600;
    font-size: 18px; }
    @media (max-width: 1199px) {
      .header__create-account a {
        font-size: 16px; } }

/* Language switcher */
.header__language-switcher {
  list-style: none;
  padding: 0px 0px 0px 16px;
  margin: 0px; }
  .header__language-switcher li {
    padding: 0px 0px 0px 14px; }
    .header__language-switcher li .active img {
      opacity: 1; }
    .header__language-switcher li img {
      margin-right: 10px;
      display: inline-block;
      width: 28px;
      height: 28px;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      object-fit: cover;
      opacity: 0.3; }
    .header__language-switcher li span {
      color: #E03E52;
      font-size: 16px;
      font-weight: 400; }

/* Menu */
.header__menu {
  list-style: none;
  padding: 0px;
  margin: 0px 4px 0px auto;
  display: flex; }
  @media (max-width: 1199px) {
    .header__menu {
      font-size: 16px; } }
  .header__menu li {
    padding: 8px 17px 8px 17px; }
    @media (max-width: 1199px) {
      .header__menu li {
        padding-left: 12px;
        padding-right: 12px; } }
    .header__menu li a {
      font-weight: 600; }
    .header__menu li:hover ul {
      opacity: 1;
      visibility: visible;
      pointer-events: auto; }
    .header__menu li ul {
      position: absolute;
      list-style: none;
      padding: 0px 30px 5px 30px;
      margin: 0px -30px 0px -30px;
      background: #fff;
      text-align: left;
      box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.3);
      border-radius: 0px 0px 20px 20px;
      -webkit-border-radius: 0px 0px 20px 20px;
      -moz-border-radius: 0px 0px 20px 20px;
      top: 100%;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: all 0.3s ease-in;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in; }
      .header__menu li ul:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, black 100%);
        opacity: 0.2; }
      .header__menu li ul:after {
        content: '';
        display: block;
        position: absolute;
        top: -35px;
        left: 0;
        right: 0;
        height: 35px; }
      .header__menu li ul li {
        padding: 9px 0px;
        margin: 0px;
        border-top: 1px solid #F6A000; }
        .header__menu li ul li:first-child {
          border-top: none; }
        .header__menu li ul li a {
          font-size: 14px;
          line-height: 1.5; }

/* Buttons */
.header__buttons {
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px; }
  .header__buttons li {
    padding: 0px 0px 0px 2px; }
    .header__buttons li a {
      display: block;
      background: #E03E52;
      color: #fff;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      font-size: 18px;
      font-weight: 600;
      padding: 8px 24px 9px 18px; }
      @media (max-width: 1199px) {
        .header__buttons li a {
          font-size: 16px; } }
      .header__buttons li a img {
        margin-right: 10px;
        height: 23px; }

/* Mobile menu */
.header__mobile-menu {
  display: none; }
  @media (max-width: 991px) {
    .header__mobile-menu {
      display: block;
      margin: auto 0px auto auto; } }

.toggle__open,
.toggle__close {
  width: 40px;
  height: 40px;
  background: #E03E52;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  margin: 0px;
  padding: 0px;
  position: relative;
  display: none; }
  .toggle__open.active,
  .toggle__close.active {
    display: block; }
  .toggle__open img,
  .toggle__close img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }

.mobile-menu {
  position: fixed;
  top: 117px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in; }
  @media (max-width: 767px) {
    .mobile-menu {
      top: 73px; } }
  .mobile-menu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .mobile-menu:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
    pointer-events: none; }
  .mobile-menu .header__language-switcher {
    padding: 10px 0px 7px 0px;
    margin: 0px;
    background: rgba(0, 90, 111, 0.08); }

.mobile-menu__menu {
  list-style: none;
  padding: 8px 14px 16px 14px;
  margin: 0px; }
  .mobile-menu__menu li a {
    font-size: 16px;
    line-height: 50px;
    font-weight: 600; }
  .mobile-menu__menu li ul {
    list-style: none;
    padding: 0px 0px 0px 30px;
    margin: 0px; }
    .mobile-menu__menu li ul li a:before {
      content: '-';
      padding-right: 5px; }

.mobile-menu__buttons {
  list-style: none;
  padding: 0px 14px 20px 14px;
  margin: 0px; }
  .mobile-menu__buttons a {
    display: block;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 24px 9px 18px;
    margin: 0px 0px 10px 0px; }
    @media (max-width: 1199px) {
      .mobile-menu__buttons a {
        font-size: 16px; } }
    .mobile-menu__buttons a img {
      margin-right: 10px;
      height: 23px; }

/* Header france */
@media (max-width: 1298px) {
  .header--france .header__logo {
    width: 270px;
    padding-top: 15px; }
    .header--france .header__logo img {
      max-width: 100%; } }

@media (max-width: 1199px) {
  .header--france .header__logo {
    width: 220px; } }

@media (max-width: 991px) {
  .header--france .header__logo {
    padding: 0px; } }

.header--france .header__menu li {
  padding-left: 12px;
  padding-right: 12px; }
  .header--france .header__menu li a {
    font-size: 16px; }
    @media (max-width: 1298px) {
      .header--france .header__menu li a {
        font-size: 15px; } }
    @media (max-width: 1098px) {
      .header--france .header__menu li a {
        font-size: 14px; } }

.header--france .header__buttons li a {
  font-size: 16px; }
  @media (max-width: 1298px) {
    .header--france .header__buttons li a {
      font-size: 15px; } }
  @media (max-width: 1199px) {
    .header--france .header__buttons li a {
      font-size: 14px; } }
  @media (max-width: 1098px) {
    .header--france .header__buttons li a {
      font-size: 12px; } }

.header--france .header__create-account a {
  font-size: 16px; }
  @media (max-width: 1298px) {
    .header--france .header__create-account a {
      font-size: 15px; } }

/* ==========================================================================
   #FOOTER
   ========================================================================== */
.footer {
  padding: 30px 0px; }
  @media (max-width: 767px) {
    .footer {
      padding: 8px 0px 23px 0px; } }

@media (max-width: 767px) {
  .footer__d-flex {
    flex-wrap: wrap; } }

.footer__left {
  margin-right: 37px;
  width: 264px;
  min-width: 264px;
  font-size: 16px;
  line-height: 1.5; }
  @media (max-width: 767px) {
    .footer__left {
      width: 100%;
      min-width: 1px;
      max-width: 264px;
      margin: 0px; } }

.footer__logo-info {
  padding: 22px 0px 0px 0px;
  margin: 0px; }

.footer__right {
  width: 100%; }
  @media (max-width: 767px) {
    .footer__right {
      padding: 25px 0px 0px 0px; } }

.footer__info {
  font-size: 16px;
  line-height: 1.5; }

.footer__bottom {
  padding: 29px 0px 0px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .footer__bottom {
      padding: 20px 0px 0px 0px;
      flex-wrap: wrap; } }

.footer__menu {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex; }
  @media (max-width: 767px) {
    .footer__menu {
      width: 100%; } }
  .footer__menu li {
    margin-right: 27px; }
    .footer__menu li a {
      font-size: 16px;
      line-height: 24px;
      color: #E03E52;
      font-weight: 600; }

.footer__socials {
  list-style: none;
  padding: 0px;
  margin: 0px 0px 0px auto;
  display: flex; }
  @media (max-width: 767px) {
    .footer__socials {
      margin: 20px 0px 0px 0px; } }
  .footer__socials li {
    margin: 0px 0px 0px 10px;
    padding: 0px; }
    @media (max-width: 767px) {
      .footer__socials li {
        margin: 0px 10px 0px 0px; } }
    .footer__socials li a {
      display: block;
      width: 32px;
      height: 32px;
      border: 1px solid #E03E52;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      position: relative; }
      .footer__socials li a svg {
        max-height: 18px;
        max-width: 18px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%); }
        .footer__socials li a svg path,
        .footer__socials li a svg g {
          fill: #E03E52 !important; }

/* ==========================================================================
   #NEWSLETTER
   ========================================================================== */
.newsletter {
    background: #005A6F;
    /*background: rgb(177, 187, 18);*/
    color: #fff;
    padding: 15px 0px;
}
  @media (max-width: 767px) {
    .newsletter {
      padding: 20px 0px; } }

@media (max-width: 767px) {
  .newsletter__d-flex {
    flex-wrap: wrap; } }

.newsletter__icon {
  position: relative; }
  @media (max-width: 767px) {
    .newsletter__icon {
      width: 65px;
      min-width: 65px;
      margin-right: 15px; }
      .newsletter__icon img {
        max-width: 100%; } }

.newsletter__icon-2 {
  display: block;
  position: absolute;
  top: 50%;
  left: 22px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%); }
  @media (max-width: 767px) {
    .newsletter__icon-2 {
      width: 24px;
      left: 11px; } }

.newsletter__title {
  padding: 0px 30px 0px 28px;
  margin: 0px; }
  @media (max-width: 767px) {
    .newsletter__title {
      padding: 0px;
      font-size: 21px;
      line-height: 1;
      width: calc(100% - 80px); } }

.newsletter__button {
  margin-left: auto;
  text-align: right; }
  @media (max-width: 767px) {
    .newsletter__button {
      margin: 20px 0px 0px 0px;
      width: 100%; } }
  .newsletter__button a {
    display: inline-block;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative;
    white-space: nowrap; }
    @media (max-width: 767px) {
      .newsletter__button a {
        display: flex; } }
    .newsletter__button a img {
      display: inline-block;
      margin-left: 35px; }
      @media (max-width: 767px) {
        .newsletter__button a img {
          margin-left: auto; } }

/* ==========================================================================
   #ABOUT
   ========================================================================== */
.about-video {
  padding: 195px 0px 100px 0px;
  position: relative;
  z-index: 3;
  overflow: hidden; }
  @media (max-width: 767px) {
    .about-video {
      padding: 115px 0px 60px 0px; } }
  .about-video:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 165px;
    width: 3000px;
    height: 665px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: url(images/oval-2.png) bottom center no-repeat; }

.about-video__container {
  position: relative;
  z-index: 4; }

.about-video__title {
  text-align: center;
  color: #fff;
  padding: 0px;
  margin: 0px; }

.about-video__video {
  max-width: 960px;
  margin: 53px auto 0px auto; }
  @media (max-width: 767px) {
    .about-video__video {
      margin-top: 35px; } }
  .about-video__video video {
    display: block;
    width: 100%;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2); }

/* About */
.about {
  padding: 0px 0px 51px 0px; }

@media (max-width: 767px) {
  .about__d-flex {
    flex-wrap: wrap; } }

.about__description {
  width: 50%;
  min-width: 50%;
  padding-right: 21px; }
  @media (max-width: 767px) {
    .about__description {
      width: 100%;
      min-width: 100%;
      padding: 0px; } }
  .about__description > *:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px; }

.about__image {
  width: 50%;
  min-width: 50%;
  padding-left: 21px; }
  @media (max-width: 767px) {
    .about__image {
      width: 100%;
      min-width: 100%;
      padding: 40px 0px 0px 0px; } }
  .about__image img {
    display: block;
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px; }

/* About testimonials */
.about-testimonials {
  padding: 0px 0px 60px 0px; }

.about-testimonials__container {
    background: #005A6F;
    /*background: rgb(177, 187, 18);*/
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    padding: 28px 40px 41px 40px;
    margin-right: 147px;
}
  @media (max-width: 767px) {
    .about-testimonials__container {
      margin-right: 0px;
      padding-left: 25px;
      padding-right: 25px;
      padding-bottom: 30px; } }

.about-testimonials__title {
  padding: 0px;
  margin: 0px; }

.about-testimonials__items {
  position: relative;
  margin-top: -30px;
  margin-right: -187px; }
  @media (max-width: 767px) {
    .about-testimonials__items {
      margin: 0px; } }
  .about-testimonials__items .owl-nav {
    height: 0px;
    position: relative; }
    .about-testimonials__items .owl-nav .owl-prev {
      position: absolute;
      top: 17px;
      left: 0;
      font-size: 36px !important;
      color: #E03E52 !important;
      border: none !important;
      outline: none !important;
      background: none !important; }
    .about-testimonials__items .owl-nav .owl-next {
      position: absolute;
      top: 17px;
      left: 110px;
      font-size: 36px !important;
      color: #E03E52 !important;
      border: none !important;
      outline: none !important;
      background: none !important; }
  .about-testimonials__items .owl-dots {
    border-top: 1px solid #fff;
    padding: 0px;
    margin: 0px 352px 0px 0px;
    padding-left: 10px; }
    @media (max-width: 767px) {
      .about-testimonials__items .owl-dots {
        margin-right: 0px; } }
    .about-testimonials__items .owl-dots .owl-dot {
      display: inline-block;
      vertical-align: top;
      width: 8px;
      height: 8px;
      background: #fff;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      cursor: pointer;
      border: none;
      outline: none;
      margin: 25px 0px 0px 10px; }
      .about-testimonials__items .owl-dots .owl-dot.active {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5); }

.about-testimonial__content {
  padding: 95px 0px 15px 0px; }
  @media (max-width: 767px) {
    .about-testimonial__content {
      padding-top: 75px; } }

.about-testimonial__description {
  padding: 0px 0px 21px 0px; }

.about-testimonial__content {
  position: relative; }
  .about-testimonial__content:before {
    content: '';
    display: block;
    position: absolute;
    width: 52px;
    height: 35px;
    background: url(images/quote.png) center no-repeat;
    top: 50px;
    left: 0; }
    @media (max-width: 767px) {
      .about-testimonial__content:before {
        top: 30px; } }
  .about-testimonial__content:after {
    content: '';
    display: block;
    position: absolute;
    width: 52px;
    height: 35px;
    background: url(images/quote-2.png) center no-repeat;
    right: 0;
    bottom: 28px; }

.about-testimonial__profile-picture {
  width: 295px;
  min-width: 295px;
  margin-left: 57px; }
  @media (max-width: 767px) {
    .about-testimonial__profile-picture {
      display: none; } }
  .about-testimonial__profile-picture img {
    display: block;
    width: 295px;
    height: 295px;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px; }

/* About categories */
.about-categories {
  padding: 0px 0px 38px 0px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .about-categories {
      padding: 0px 0px 10px 0px; } }

.about-categories__title {
  max-width: 860px;
  padding: 0px 0px 35px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .about-categories__title {
      padding: 0px 0px 25px 0px; } }

.about-categories__description {
  padding: 0px 0px 56px 0px;
  margin: 0px;
  max-width: 860px; }

/* Category */
.category {
  margin: 0px 0px 30px -83px;
  position: relative; }
  @media (max-width: 767px) {
    .category {
      margin: 0px 0px 60px 0px !important;
      flex-wrap: wrap; } }

.category--with-right-icon {
  margin: 0px -83px 30px 0px; }
  .category--with-right-icon .category__icon {
    margin-left: 76px;
    margin-right: 1; }
    
.category__icon {
  width: 207px;
  min-width: 207px;
  height: 207px;
  margin: 0px 76px auto 0px;
  background: #A496CB;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  position: relative; }
  @media (max-width: 767px) {
    .category__icon {
      margin: 0px auto 40px 0px !important;
      width: 160px;
      height: 160px;
      min-width: 260px; } }
  .category__icon p {
    margin: 0px;
    padding: 0px;
    width: 154px;
    height: 154px;
    background: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    position: absolute;
    left: 84px;
    top: 0;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); }
    @media (max-width: 767px) {
      .category__icon p {
        width: 110px;
        height: 110px; } }
    .category__icon p img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%); }
      @media (max-width: 767px) {
        .category__icon p img {
          max-width: 40%; } }

.category__icon--local {
  background: #005A6F; }

.category__icon--seasonal {
  background: #E03E52; }

.category__icon--organic {
  background: #B5BD00; }

.category__icon--meat {
  background: #F6A000; }

@media (max-width: 767px) {
  .category__content {
    order: 3; } }

/* Why get involved */
.why-get-involved {
  background: #fff url(images/bg-why-get-involved.jpg) top center no-repeat;
  padding: 76px 0px 70px 0px;
  text-align: center;
  position: relative;
  z-index: 2;
  overflow: hidden; }
  @media (max-width: 767px) {
    .why-get-involved {
      padding: 66px 0px 60px 0px; } }
  .why-get-involved:before {
    content: '';
    display: block;
    top: 800px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: #E03E52;
    z-index: -1; }
  .why-get-involved .row {
    margin: 0px -25px; }
    .why-get-involved .row > div {
      padding: 0px 25px; }

.why-get-involved__title {
  color: #fff;
  padding: 0px 0px 22px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .why-get-involved__title {
      padding-bottom: 12px; } }

.why-get-involved__item {
  margin-top: 50px; }

.involved-item__icon {
  width: 100%;
  padding-bottom: 100%;
  background: #fff;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  position: relative; }
  .involved-item__icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    max-width: 60%;
    max-height: 60%; }

.involved-item__content {
  padding: 20px 0px 0px 0px;
  font-size: 21px;
  line-height: 1;
  font-weight: 600;
  color: #fff; }
  @media (max-width: 767px) {
    .involved-item__content {
      font-size: 18px; } }

.why-get-involved__description {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  max-width: 810px;
  margin: 52px auto 0px auto;
  text-align: left; }
  @media (max-width: 767px) {
    .why-get-involved__description {
      font-size: 16px; } }

.why-get-involved__button {
  padding: 58px 0px 0px 0px; }
  @media (max-width: 767px) {
    .why-get-involved__button {
      padding-top: 48px; } }
  .why-get-involved__button a {
    display: inline-block;
    background: #005A6F;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative;
    text-align: left; }
    .why-get-involved__button a img {
      display: inline-block;
      margin-left: 35px; }

/* Our partners */
.our-partners {
  padding: 58px 0px 40px 0px;
  background: #ecf3f4; }
  @media (max-width: 767px) {
    .our-partners {
      padding-bottom: 30px; } }

.our-partners__title {
  text-align: center;
  padding: 0px 0px 15px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .our-partners__title {
      padding: 0px 0px 25px 0px; } }

.our-partner {
  margin: 0px 0px 30px 0px;
  position: relative;
  padding: 103px 0px 0px 0px; }

.our-partner__country {
  position: absolute;
  top: 0px;
  left: 79px;
  z-index: 2; }
  @media (max-width: 767px) {
    .our-partner__country {
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%); } }
  .our-partner__country img {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    object-fit: cover;
    margin: 0px auto; }

.our-partner__logo {
  width: 190px;
  height: 190px;
  position: absolute;
  background: #fff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  overflow: hidden;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 16px;
  left: 0; }
  @media (max-width: 767px) {
    .our-partner__logo {
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%); } }
  .our-partner__logo img {
    display: block;
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }

.our-partner__content {
  margin-left: 95px;
  background: #fff;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 30px 40px 40px 120px; }
  @media (max-width: 767px) {
    .our-partner__content {
      margin-left: 0px;
      padding: 140px 30px 30px 30px; } }

.our-partner__title {
  padding: 0px 0px 22px 0px;
  margin: 0px; }

.our-partner__description > *:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px; }

.our-partner__description p {
  padding: 0px 0px 20px 0px;
  margin: 0px; }

.our-partner__button {
  padding: 27px 0px 0px 0px; }
  .our-partner__button a {
    display: inline-block;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative;
    text-align: left; }
    @media (max-width: 767px) {
      .our-partner__button a {
        display: flex; } }
    .our-partner__button a img {
      display: inline-block;
      margin-left: 35px; }
      @media (max-width: 767px) {
        .our-partner__button a img {
          margin-left: auto; } }

/* ==========================================================================
   #BECOME MEMBER
   ========================================================================== */
.become-member-heading {
  height: 450px;
  position: relative;
  overflow: hidden;
  margin: 0px 0px 50px 0px; }
  @media (max-width: 767px) {
    .become-member-heading {
      height: 335px;
      margin: 0px 0px 42px 0px; } }
  .become-member-heading:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 2210px;
    height: 665px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: url(images/oval.png) bottom center no-repeat; }
    @media (max-width: 767px) {
      .become-member-heading:before {
        display: none; } }
  .become-member-heading:after {
    content: '';
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1044px;
    height: 1044px;
    background: #005A6F;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%); }
    @media (max-width: 767px) {
      .become-member-heading:after {
        display: block; } }

.become-member-heading--without-description {
  height: 320px;
  margin: 0px 0px 57px 0px; }
  @media (max-width: 767px) {
    .become-member-heading--without-description {
      height: 190px;
      margin: 0px 0px 40px 0px; }
      .become-member-heading--without-description .become-member-heading__container {
        text-align: center; } }

.become-member-heading__container {
  position: absolute;
  top: 195px;
  left: 0;
  right: 0;
  z-index: 3;
  text-align: center;
  color: #fff; }
  @media (max-width: 767px) {
    .become-member-heading__container {
      text-align: left;
      top: 97px; } }

.become-member-heading__title {
  padding: 0px 0px 36px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .become-member-heading__title {
      padding: 0px 0px 18px 0px; } }

.become-member-heading__description {
  max-width: 758px;
  margin: 0px auto; }

/* Become member */
.become-member {
  margin: 0px 0px 70px 0px; }
  @media (max-width: 767px) {
    .become-member {
      margin: 0px 0px 30px 0px; } }

/* Code */
.become-member__code {
  background: #E03E52;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  color: #fff;
  padding: 30px 35px 41px 35px;
  margin: 0px 0px 44px 0px; }
  @media (max-width: 767px) {
    .become-member__code {
      padding: 25px 25px 30px 25px; } }

.code__title {
  padding: 0px 0px 18px 0px;
  margin: 0px; }

@media (max-width: 767px) {
  .code__d-flex {
    flex-wrap: wrap; } }

.code__description {
  padding: 5px 0px 0px 0px; }
  @media (max-width: 767px) {
    .code__description {
      width: 100%;
      padding: 0px; } }

.code__button {
  margin-left: auto;
  padding-left: 30px;
  white-space: nowrap; }
  @media (max-width: 767px) {
    .code__button {
      padding: 30px 0px 0px 0px;
      margin: 0px;
      width: 100%; } }
  .code__button a {
    display: inline-block;
    background: #fff;
    color: #E03E52;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative; }
    @media (max-width: 767px) {
      .code__button a {
        display: flex;
        align-items: center; } }
    .code__button a img {
      display: inline-block;
      margin-left: 35px; }
      @media (max-width: 767px) {
        .code__button a img {
          margin-left: auto; } }

/* Form */
.become-member__form {
  max-width: 755px;
  margin: 0px auto; }

.form__title {
  padding: 0px 0px 0px 0px;
  margin: 0px; }

.form__required-fields {
  margin: 10px 0px -21px 0px;
  position: relative; }

.form__section {
  padding: 29px 0px 45px 0px;
  border-bottom: 1px solid #005A6F; }
  @media (max-width: 767px) {
    .form__section {
      padding: 14px 0px 30px 0px; } }

.form__action {
  text-align: right;
  padding: 43px 0px 0px 0px; }
  @media (max-width: 767px) {
    .form__action {
      padding: 30px 0px 0px 0px; } }

@media (max-width: 767px) {
  .form__field-with-button {
    flex-wrap: wrap; } }

.form__field-with-button .form__group {
  width: 100%; }

.form__field-with-button .form__action {
  padding: 0px 0px 0px 12px;
  white-space: nowrap;
  margin-left: auto; }
  @media (max-width: 767px) {
    .form__field-with-button .form__action {
      width: 100%;
      padding: 20px 0px 0px 0px; } }

.form__button {
  display: inline-block;
  background: #E03E52;
  color: #fff !important;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  font-weight: 600;
  padding: 9px 30px 9px 21px;
  position: relative;
  border: none;
  outline: none; }
  @media (max-width: 767px) {
    .form__button {
      display: flex;
      width: 100%;
      align-items: center; } }
  .form__button img {
    display: inline-block;
    margin-left: 35px; }
    @media (max-width: 767px) {
      .form__button img {
        margin-left: auto; } }

/* Form field */
.form__group {
  padding: 16px 0px 0px 0px; }
  .form__group label {
    display: block;
    padding: 0px 18px 4px 18px;
    font-weight: 600; }

.form__input {
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #005A6F;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  outline: none;
  font-size: 18px;
  line-height: 26px;
  color: #005A6F;
  font-family: "canada-type-gibson";
  padding: 7px 17px; }
  @media (max-width: 767px) {
    .form__input {
      font-size: 16px; } }
  .form__input::-webkit-input-placeholder {
    color: #005A6F; }
  .form__input::-moz-placeholder {
    color: #005A6F; }
  .form__input:-ms-input-placeholder {
    color: #005A6F; }
  .form__input:-moz-placeholder {
    color: #005A6F; }
  .form__input[disabled] {
    background: rgba(0, 90, 111, 0.08); }

textarea.form__input {
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px; }

select.form__input {
  height: 45px;
  padding: 8px 17px;
  -webkit-appearance: none;
  -moz-appearance: none; }

.form__group--select {
  position: relative; }
  .form__group--select:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 18px;
    right: 21px;
    width: 8px;
    height: 15px;
    background: url(images/arrow-bottom.svg) center no-repeat;
    pointer-events: none; }

.form__error {
  /*padding: 5px 18px 0px 18px;*/
  margin: 0px;
  color: #E03E52;
  font-size: 16px; }

.form__group--error label {
  color: #E03E52; }

.form__group--error .form__input {
  border-color: #E03E52; }

/* ==========================================================================
   #CASE STUDIES
   ========================================================================== */
.case-studies-heading {
  background: #eaf1f3;
  margin: 0px 0px 119px 0px; }
  @media (max-width: 991px) {
    .case-studies-heading {
      margin: 0px 0px 50px 0px; } }
  @media (max-width: 767px) {
    .case-studies-heading {
      margin-bottom: 40px;
      overflow: hidden; } }
  @media (max-width: 767px) {
    .case-studies-heading {
      background: none;
      position: relative;
      z-index: 2; }
      .case-studies-heading:before {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 1200px;
        height: 1200px;
        border-radius: 1200px;
        -webkit-border-radius: 1200px;
        -moz-border-radius: 1200px;
        background: #005A6F;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        z-index: -1; } }

.case-studies-heading__container {
  position: relative; }

.case-studies-heading__title {
  width: 355px;
  height: 313px;
  background: #005A6F;
  color: #fff;
  padding: 178px 0px 0px 0px;
  margin: 0px;
  position: relative; }
  @media (max-width: 767px) {
    .case-studies-heading__title {
      padding: 100px 0px 0px 0px;
      width: 100%;
      height: 200px;
      background: none; } }
  .case-studies-heading__title:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 20000px;
    background: #005A6F; }
    @media (max-width: 767px) {
      .case-studies-heading__title:before {
        display: none; } }
  .case-studies-heading__title:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    background: url(images/case-studies-heading.png) bottom left no-repeat;
    width: 300px; }
    @media (max-width: 767px) {
      .case-studies-heading__title:after {
        display: none; } }

.case-studies-heading__first-image {
  position: absolute;
  left: 500px;
  top: 143px; }
  @media (max-width: 991px) {
    .case-studies-heading__first-image {
      display: none; } }
  .case-studies-heading__first-image img {
    display: block;
    width: 258px;
    height: 258px;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px; }

.case-studies-heading__second-image {
  position: absolute;
  left: 802px;
  top: 134px; }
  @media (max-width: 1098px) {
    .case-studies-heading__second-image {
      display: none; } }
  .case-studies-heading__second-image img {
    display: block;
    width: 161px;
    height: 161px;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px; }

.case-studies-heading__third-image {
  position: absolute;
  left: 1000px;
  top: 181px; }
  @media (max-width: 1298px) {
    .case-studies-heading__third-image {
      display: none; } }
  .case-studies-heading__third-image img {
    display: block;
    width: 159px;
    height: 159px;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px; }

/* Content */
.case-studies {
  padding: 0px 0px 70px 0px; }
  @media (max-width: 767px) {
    .case-studies {
      padding: 0px 0px 40px 0px; } }

.case-studies__description {
  padding: 0px 0px 30px 0px;
  max-width: 964px; }
  @media (max-width: 767px) {
    .case-studies__description {
      padding: 0px 0px 5px 0px; } }
  .case-studies__description > *:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px; }
  .case-studies__description p {
    padding: 0px 0px 20px 0px;
    margin: 0px; }

/* Item */
.case-studies__items {
  margin: 0px -20px; }
  @media (max-width: 767px) {
    .case-studies__items {
      margin: 0px -10px; } }
  .case-studies__items > div {
    padding: 0px 20px; }
    @media (max-width: 767px) {
      .case-studies__items > div {
        padding: 0px 10px; } }

.case-studies__item {
  margin: 30px 0px 0px 0px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  background: #fff;
  box-shadow: 0px 10px 10px rgba(100, 100, 100, 0.3);
  -webkit-box-shadow: 0px 10px 10px rgba(100, 100, 100, 0.3);
  -moz-box-shadow: 0px 10px 10px rgba(100, 100, 100, 0.3); }
  @media (max-width: 767px) {
    .case-studies__item {
      margin-top: 20px; } }

.case-studies-item__image {
  padding: 0px 5px; }
  .case-studies-item__image img {
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 30px 30px 0px 0px;
    -webkit-border-radius: 30px 30px 0px 0px;
    -moz-border-radius: 30px 30px 0px 0px; }

.case-studies-item__title {
  font-size: 21px;
  line-height: 1;
  padding: 18px 20px 0px 20px;
  margin: 0px; }

.case-studies__item__category {
  margin: 12px 20px 0px 20px; }

.case-studies-item-category__icon {
  width: 28px;
  min-width: 28px;
  margin: 0px 10px 0px 0px; }
  .case-studies-item-category__icon img {
    display: block;
    width: 100%; }

.case-studies-item-category__title {
  font-size: 16px;
  text-transform: uppercase; }

.case-studies-item__description {
  padding: 8px 20px 0px 20px;
  line-height: 24px; }

.case-studies__item__button {
  padding: 20px 20px 20px 20px; }
  .case-studies__item__button a {
    display: flex;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative;
    text-align: left; }
    .case-studies__item__button a img {
      display: block;
      margin-left: auto; }

/* Pagination */
.pagination {
  margin-top: 70px;
  margin-bottom: 0px; }
  @media (max-width: 767px) {
    .pagination {
      overflow-x: scroll;
      justify-content: left !important;
      margin-top: 40px; } }
  .pagination .page-item {
    padding: 0px 15px; }
  .pagination .page-link {
    display: block;
    padding: 0px;
    margin: 0px;
    border: none;
    outline: none;
    line-height: 45px;
    font-size: 18px;
    color: #005A6F;
    font-weight: 600;
    background: none !important; }
  .pagination .page-button {
    width: 45px;
    height: 45px;
    background: #E03E52;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    position: relative;
    display: block; }
    .pagination .page-button img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%); }

/* ==========================================================================
   #CASE STUDY DETAILS
   ========================================================================== */
.case-study-title {
  position: relative;
  background: url(images/bg-case-study-title.jpg) bottom center no-repeat;
  color: #fff;
  padding: 163px 0px 46px 0px;
  margin: 0px 0px 72px 0px; }
  @media (max-width: 767px) {
    .case-study-title {
      background: none;
      position: relative;
      z-index: 2;
      padding: 100px 0px 60px 0px;
      margin-bottom: 40px;
      overflow: hidden; }
      .case-study-title:before {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 1200px;
        height: 1200px;
        border-radius: 1200px;
        -webkit-border-radius: 1200px;
        -moz-border-radius: 1200px;
        background: #005A6F;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        z-index: -1; } }

@media (max-width: 767px) {
  .case-study-title__d-flex {
    flex-wrap: wrap; } }

.case-study-title__image {
  width: 256px;
  min-width: 256px;
  margin-right: 40px; }
  @media (max-width: 767px) {
    .case-study-title__image {
      width: 100%;
      min-width: 100%;
      margin: 0px; } }
  .case-study-title__image img {
    display: block;
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px; }

@media (max-width: 767px) {
  .case-study-title__content {
    width: 100%;
    padding: 40px 0px 0px 0px; } }

.case-study-title__prev {
  margin: 0px 0px 24px 0px; }
  .case-study-title__prev a {
    display: block;
    width: 100px;
    height: 45px;
    background: #E03E52;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    position: relative; }
    .case-study-title__prev a img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%) scale(-1);
      -webkit-transform: translateX(-50%) translateY(-50%) scale(-1);
      -moz-transform: translateX(-50%) translateY(-50%) scale(-1); }

.case-study-title__title {
  padding: 0px 0px 18px 0px;
  margin: 0px; }

.case-study-title__description {
  line-height: 26px; }

/* Content and testimonial */
.case-study__content-and-testimonial {
  margin: 0px 0px 63px 0px; }
  @media (max-width: 767px) {
    .case-study__content-and-testimonial {
      flex-wrap: wrap;
      margin-bottom: 50px; } }

.case-study__content {
  width: 756px;
  margin-right: 42px; }
  @media (max-width: 767px) {
    .case-study__content {
      width: 100%;
      margin: 0px; } }

.case-study__title {
  padding: 0px 0px 20px 0px;
  margin: 0px; }

.case-study__description > *:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px; }

.case-study__description p {
  padding: 0px 0px 20px 0px;
  margin: 0px; }

.case-study__description ul {
  padding: 24px 0px 20px 20px;
  margin: 0px;
  list-style: number; }
  .case-study__description ul li {
    padding: 20px 0px 0px 0px;
    margin: 0px; }
    .case-study__description ul li:first-child {
      padding: 0px; }

.case-study__testimonial {
  width: 360px;
  background: #005A6F;
  color: #fff;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 77px 30px 52px 30px;
  margin: 0px 0px auto 0px; }
  @media (max-width: 767px) {
    .case-study__testimonial {
      width: 100%;
      margin-top: 50px; } }

/* Recipe */
.case-study__recipe {
  margin: 0px 0px 80px 0px; }
  @media (max-width: 767px) {
    .case-study__recipe {
      margin-bottom: 50px; } }

.recipe__title {
  padding: 0px 0px 50px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .recipe__title {
      padding-bottom: 30px; } }

.recipe__item {
  padding: 4px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px; }
  @media (max-width: 767px) {
    .recipe__item {
      flex-wrap: wrap; } }

.recipe__image {
  width: 256px;
  min-width: 256px;
  margin-right: 40px; }
  @media (max-width: 767px) {
    .recipe__image {
      width: 100%;
      min-width: 100%;
      margin: 0px 0px 15px 0px; } }
  .recipe__image img {
    display: block;
    width: 100%;
    border-radius: 30px 0px 0px 30px;
    -webkit-border-radius: 30px 0px 0px 30px;
    -moz-border-radius: 30px 0px 0px 30px; }
    @media (max-width: 767px) {
      .recipe__image img {
        border-radius: 30px 30px 0px 0px;
        -webkit-border-radius: 30px 30px 0px 0px;
        -moz-border-radius: 30px 30px 0px 0px; } }

.recipe__content {
  padding: 14px 20px 14px 0px; }
  @media (max-width: 767px) {
    .recipe__content {
      padding: 15px 20px 20px 20px; } }

.recipe__item-title {
  padding: 0px 0px 17px 0px;
  margin: 0px; }

@media (max-width: 767px) {
  .recipe__category-and-dietry {
    flex-wrap: wrap; } }

.recipe__category {
  width: 200px;
  padding-right: 25px; }

.recipe__category-icon {
  width: 28px;
  min-width: 28px;
  margin-right: 10px; }
  .recipe__category-icon img {
    display: block;
    width: 100%; }

.recipe__category-title {
  font-size: 16px;
  text-transform: uppercase; }

.recipe__dietry {
  list-style: none;
  padding: 0px 0px 0px 25px;
  margin: 0px;
  position: relative; }
  @media (max-width: 767px) {
    .recipe__dietry {
      padding: 15px 0px 0px 0px;
      width: 100%; } }
  .recipe__dietry:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 30px;
    background: #005A6F;
    margin-top: -15px; }
    @media (max-width: 767px) {
      .recipe__dietry:before {
        display: none; } }
  .recipe__dietry li {
    margin-right: 5px; }
    .recipe__dietry li a {
      display: block;
      width: 41px;
      height: 61px;
      background: url(images/dietary-bg.svg) top center no-repeat;
      text-align: center;
      line-height: 42px;
      font-weight: 600; }

.recipe__button {
  padding: 14px 0px 0px 0px; }
  .recipe__button a {
    display: inline-block;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative; }
    @media (max-width: 767px) {
      .recipe__button a {
        display: flex; } }
    .recipe__button a img {
      display: inline-block;
      margin-left: 35px; }
      @media (max-width: 767px) {
        .recipe__button a img {
          margin-left: auto; } }

/* More */
.case-study__more {
  margin: 0px 0px 70px 0px; }
  @media (max-width: 767px) {
    .case-study__more {
      margin-bottom: 40px; } }

.case-study-more__title {
  padding: 0px 0px 26px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .case-study-more__title {
      padding-bottom: 16px; } }

/* Get involved */
.case-study .become-member__code {
  margin: 0px 0px 70px 0px;
  background: #005A6F; }
  @media (max-width: 767px) {
    .case-study .become-member__code {
      margin-bottom: 40px; } }

.case-study .code__button a {
  background: #E03E52;
  color: #fff; }




.recipe__dietry1 {
    list-style: none;
    padding: 0px 0px 0px 25px;
    margin: 0px;
    
}

@media (max-width: 767px) {
    .recipe__dietry1 {
        padding: 15px 0px 0px 0px;
        width: 100%;
    }
}

.recipe__dietry1:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 30px;
    background: #005A6F;
    margin-top: -15px;
}

@media (max-width: 767px) {
    .recipe__dietry1:before {
        display: none;
    }
}

.recipe__dietry1 li {
    margin-right: 5px;
}

    .recipe__dietry1 li a {
        display: block;
        width: 41px;
        height: 61px;
        background: url(images/dietary-bg.svg) top center no-repeat;
        text-align: center;
        line-height: 42px;
        font-weight: 600;
    }
/* ==========================================================================*/
.recipe__dietry11 {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .recipe__dietry11 {
        padding: 15px 0px 0px 0px;
        width: 100%;
    }
}

.recipe__dietry11:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 30px;
    background: #005A6F;
    margin-top: -15px;
}

@media (max-width: 767px) {
    .recipe__dietry11:before {
        display: none;
    }
}

.recipe__dietry11 li {
    margin-right: 5px;
}

    .recipe__dietry11 li a {
        display: block;
        width: 41px;
        height: 61px;
        background: url(images/dietary-bg.svg) top center no-repeat;
        text-align: center;
        line-height: 42px;
        font-weight: 600;
    }



/* ==========================================================================
   #CONTACT US
   ========================================================================== */
.contact {
  background: #fff url(images/bg-contact.png) top left;
  padding: 0px 0px 70px 0px; }
  @media (max-width: 767px) {
    .contact {
      overflow: hidden;
      padding: 0px 0px 40px 0px; } }

@media (max-width: 991px) {
  .contact__d-flex {
    flex-wrap: wrap; } }

.contact__heading {
  width: 460px;
  min-width: 460px;
  position: relative;
  color: #fff;
  text-align: center;
  z-index: 2;
  padding: 176px 60px 0px 60px; }
  @media (max-width: 1098px) {
    .contact__heading {
      width: 420px;
      min-width: 420px; } }
  @media (max-width: 767px) {
    .contact__heading {
      width: 100%;
      min-width: 1px; } }
.contact__heading:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 460px;
    height: 460px;
    background: #005A6F;
    /*background: rgb(177, 187, 18);*/
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    z-index: -1;
}
    @media (max-width: 1098px) {
      .contact__heading:before {
        width: 420px;
        height: 420px;
        top: 20px; } }
    @media (max-width: 767px) {
      .contact__heading:before {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%); } }

.contact__title {
  padding: 0px 0px 20px 0px;
  margin: 0px; }

.contact__description {
  line-height: 1; }

.contact__form {
    width: 620px;
    margin-left: 108px;
    margin-top: 151px;
    padding: 42px 30px 30px 30px;
    background: #005A6F;
    /*background: rgb(177, 187, 18);*/
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
  @media (max-width: 1098px) {
    .contact__form {
      margin-left: 58px; } }
  @media (max-width: 991px) {
    .contact__form {
      margin: 120px 0px 0px 0px;
      width: 100%; } }
  @media (max-width: 767px) {
    .contact__form {
      padding: 15px 20px 20px 20px;
      margin-top: 160px; } }
  .contact__form .form__group {
    padding: 22px 0px 0px 0px; }
    .contact__form .form__group label {
      color: #fff; }
  .contact__form .form__input {
    border-color: #fff; }

/* Message sent */
.message-sent {
  color: #fff;
  text-align: center;
  max-width: 390px;
  margin: 0px auto;
  padding: 26px 0px 47px 0px; }
  .message-sent .form__button {
    margin-top: 35px; }

/* ==========================================================================
   #HOW TO GET INVOLVED
   ========================================================================== */
.how-to-get-involved-heading {
  position: relative;
  overflow: hidden;
  margin: 0px;
  padding: 195px 0px 117px 0px; }
  @media (max-width: 767px) {
    .how-to-get-involved-heading {
      padding: 110px 0px 70px 0px;
      margin-bottom: 50px;
      z-index: 2; } }
  .how-to-get-involved-heading:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 2210px;
    height: 505px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: url(images/oval.png) bottom center no-repeat; }
    @media (max-width: 767px) {
      .how-to-get-involved-heading:before {
        display: none; } }
  @media (max-width: 767px) {
    .how-to-get-involved-heading:after {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 1200px;
      height: 1200px;
      background: #005A6F;
      border-radius: 1200px;
      -webkit-border-radius: 1200px;
      -moz-border-radius: 1200px;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%); } }

.how-to-get-involved-heading__container {
  position: relative;
  z-index: 3; }

.how-to-get-involved-heading__title {
  color: #fff;
  text-align: center;
  padding: 0px 0px 13px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .how-to-get-involved-heading__title {
      padding: 0px; } }

.how-to-get-involved-items {
  margin: 0px -20px 0px -20px; }
  .how-to-get-involved-items > div {
    padding: 0px 20px; }

.how-to-get-involved-items__item {
  padding: 0px 0px 100% 0px;
  margin: 105px 0px 0px 0px;
  position: relative; }
  .how-to-get-involved-items__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); }

.how-to-get-involved-item__icon {
  position: absolute;
  left: 50%;
  top: -65px;
  width: 130px;
  height: 130px;
  background: #E03E52;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%); }
  @media (max-width: 767px) {
    .how-to-get-involved-item__icon {
      width: 100px;
      height: 100px;
      top: -50px; } }
  .how-to-get-involved-item__icon img {
    display: block;
    max-width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }
    @media (max-width: 767px) {
      .how-to-get-involved-item__icon img {
        max-width: 60%;
        max-height: 60%; } }

.how-to-get-involved-item__icon--targets {
  /*background: #005A6F;*/
  background: #B5BD00; }

.how-to-get-involved-item__icon--impact {
  background: #A496CB; }

.how-to-get-involved-item__icon--communicate {
  background: #F6A000; }

.how-to-get-involved-item__title {
  color: #005A6F;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%); }
  @media (max-width: 767px) {
    .how-to-get-involved-item__title {
      font-size: 14px; } }

.how-to-get-involved-item-full {
  position: relative;
  margin-left: -104px;
  margin-bottom: 70px; }
  @media (max-width: 767px) {
    .how-to-get-involved-item-full {
      margin: 0px 0px 60px 0px;
      flex-wrap: wrap; } }

.how-to-get-involved-item-full__icon {
  width: 207px;
  min-width: 207px;
  height: 207px;
  background: #E03E52;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  margin-right: 76px;
  position: relative; }
  @media (max-width: 767px) {
    .how-to-get-involved-item-full__icon {
      width: 160px;
      min-width: 160px;
      height: 160px;
      margin: 0px 0px 30px 0px; } }
  .how-to-get-involved-item-full__icon p {
    padding: 0px;
    margin: 0px;
    right: -34px;
    top: 0;
    position: absolute;
    width: 154px;
    height: 154px;
    background: #fff;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); }
    @media (max-width: 767px) {
      .how-to-get-involved-item-full__icon p {
        width: 100px;
        height: 100px; } }
    .how-to-get-involved-item-full__icon p img {
      display: block;
      max-width: 80%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%); }
      @media (max-width: 767px) {
        .how-to-get-involved-item-full__icon p img {
          max-width: 50%; } }

.how-to-get-involved-item-full__icon--targets {
  /*background: #005A6F;*/
  background: #B5BD00; }

.how-to-get-involved-item-full__icon--impact {
  background: #A496CB; }

.how-to-get-involved-item-full__icon--communicate {
  background: #FFA500; }

.how-to-get-involved-item-full__content {
  width: 100%; }

.how-to-get-involved-item-full__title {
  padding: 0px 0px 20px 0px;
  margin: 0px; }

.how-to-get-involved-item-full__description > *:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px; }

.how-to-get-involved-item-full__description p {
  padding: 0px 0px 20px 0px;
  margin: 0px; }

.how-to-get-involved-item-full__button {
  padding: 25px 0px 0px 0px; }
  .how-to-get-involved-item-full__button a {
    display: inline-block;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative; }
    @media (max-width: 767px) {
      .how-to-get-involved-item-full__button a {
        display: flex; } }
    .how-to-get-involved-item-full__button a img {
      display: inline-block;
      margin-left: 35px; }
      @media (max-width: 767px) {
        .how-to-get-involved-item-full__button a img {
          margin-left: auto; } }

/* Poster */
.how-to-get-involved-item-full__poster {
  padding: 40px 0px 0px 0px; }
  @media (max-width: 767px) {
    .how-to-get-involved-item-full__poster {
      flex-wrap: wrap; } }

.poster__image {
  width: 160px;
  min-width: 160px;
  margin-right: 40px; }
  @media (max-width: 767px) {
    .poster__image {
      width: 100% !important;
      min-width: 100% !important;
      margin: 0px 0px 30px 0px !important; } }
  .poster__image img {
    display: block;
    width: 100%; }

.poster__title {
  font-size: 21px; }

/* ==========================================================================
   #LOGGED IN ACCOUNT DETAILS
   ========================================================================== */
.dashboard-recipes .account-details .row {
  margin: 0px -20px !important; }
  @media (max-width: 767px) {
    .dashboard-recipes .account-details .row {
      margin: 0px -10px !important; } }
  .dashboard-recipes .account-details .row > div {
    padding: 0px 20px !important; }
    @media (max-width: 767px) {
      .dashboard-recipes .account-details .row > div {
        padding: 0px 10px !important; } }

.account-details__required-fields {
  padding: 18px 0px 1px 0px;
  margin: 0px; }

.account-details__next-section {
  margin: 49px 0px 0px 0px;
  border-top: 2px solid #005A6F;
  padding: 41px 0px 18px 0px; }

.account-details__action {
  text-align: right;
  margin: 45px 0px 0px 0px;
  padding: 45px 0px 0px 0px;
  border-top: 2px solid #005A6F; }
  @media (max-width: 767px) {
    .account-details__action {
      padding: 30px 0px 0px 0px;
      margin: 30px 0px 0px 0px; } }
  .account-details__action button {
    display: inline-block;
    background: #E03E52;
    border: none;
    outline: none;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative;
    text-align: left; }
    .account-details__action button img {
      display: inline-block;
      margin-left: 35px; }

/* ==========================================================================
   #LOGGED IN DASHBOARD
   ========================================================================== */
.dashboard-heading {
  height: 320px;
  position: relative;
  overflow: hidden;
  margin: 0px 0px 44px 0px; }
  @media (max-width: 767px) {
    .dashboard-heading {
      height: 184px;
      margin: 0px 0px 24px 0px; } }
  .dashboard-heading:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 2210px;
    height: 665px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: url(images/oval.png) bottom center no-repeat; }
    @media (max-width: 767px) {
      .dashboard-heading:before {
        display: none; } }
  .dashboard-heading:after {
    content: '';
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1044px;
    height: 1044px;
    background: #005A6F;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%); }
    @media (max-width: 767px) {
      .dashboard-heading:after {
        display: block; } }

.dashboard-heading__container {
  position: relative;
  z-index: 3;
  padding: 195px 0px 0px 0px;
  text-align: center;
  color: #fff; }
  @media (max-width: 767px) {
    .dashboard-heading__container {
      padding: 96px 0px 0px 0px;
      text-align: left; } }

/* Dashboard */
.dashboard {
  padding: 0px 0px 68px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .dashboard {
      padding: 0px 0px 36px 0px; } }

.dashboard__welcome-back {
  padding: 0px 0px 28px 0px;
  margin: 0px;
  font-size: 21px;
  line-height: 24px;
  text-align: center; }
  @media (max-width: 767px) {
    .dashboard__welcome-back {
      font-size: 18px;
      line-height: 21px;
      padding: 0px 0px 23px 0px; } }

.dashboard__items {
  margin: -40px -20px 0px -20px; }
  @media (max-width: 767px) {
    .dashboard__items {
      margin: -15px -10px 0px -10px; } }
  .dashboard__items > div {
    padding: 0px 20px; }
    @media (max-width: 767px) {
      .dashboard__items > div {
        padding: 0px 10px; } }

.dashboard__item {
  margin: 40px 0px 0px 0px;
  background: #fff;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  padding: 20px; }
  @media (max-width: 767px) {
    .dashboard__item {
      margin: 15px 0px 0px 0px;
      padding: 15px; } }

.dashboard-item__icon {
  position: relative;
  width: 87px;
  min-width: 87px;
  height: 87px;
  background: #F6A000;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px; }
  @media (max-width: 767px) {
    .dashboard-item__icon {
      width: 60px;
      min-width: 60px;
      height: 60px; } }
  .dashboard-item__icon img {
    display: block;
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }
    @media (max-width: 767px) {
      .dashboard-item__icon img {
        max-width: 70%;
        max-height: 70%; } }

.dashboard-item__title {
  padding: 0px 20px;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600; }
  @media (max-width: 767px) {
    .dashboard-item__title {
      font-size: 18px;
      line-height: 21px; } }

.dashboard-item__arrow {
  margin-left: auto;
  width: 46px;
  min-width: 46px;
  height: 46px;
  background: #E03E52;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  position: relative; }
  .dashboard-item__arrow img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }

/* Action */
.dashboard__action {
  padding: 56px 0px 0px 0px;
  margin: 0px;
  display: flex; }
  @media (max-width: 767px) {
    .dashboard__action {
      padding: 40px 0px 0px 0px;
      display: block; } }
  .dashboard__action a {
    margin: 0px auto;
    background: #E03E52;
    color: #fff;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    padding: 15px 20px; }

.dashboard-action__icon {
  margin-right: 15px;
  width: 36px;
  min-width: 36px; }
  .dashboard-action__icon img {
    display: block;
    width: 100%; }

.dashboard-action__title {
  line-height: 1;
  font-weight: 600; }
  @media (max-width: 767px) {
    .dashboard-action__title {
      font-size: 18px; }
      .dashboard-action__title br {
        display: none !important; } }

.dashboard-action__arrow {
  margin-left: 39px;
  width: 92px;
  height: 46px;
  background: #fff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  position: relative; }
  @media (max-width: 767px) {
    .dashboard-action__arrow {
      margin-left: auto; } }
  .dashboard-action__arrow img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }

/* ==========================================================================
   #LOGGED IN OUR RESULTS
   ========================================================================== */
@media (max-width: 767px) {
  .our-results {
    flex-wrap: wrap; } }

.our-results__left {
  width: 360px;
  margin-right: 40px; }
  @media (max-width: 767px) {
    .our-results__left {
      width: 100%;
      margin: 0px; } }

.our-results__total-saving {
  background: #fff;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  padding: 35px 20px 34px 20px;
  text-align: center; }
  .our-results__total-saving p {
    padding: 0px;
    margin: 0px;
    font-size: 32px;
    line-height: 1; }
    @media (max-width: 767px) {
      .our-results__total-saving p {
        font-size: 24px; } }
  .our-results__total-saving span {
    display: block;
    padding: 13px 0px 13px 0px;
    font-size: 80px;
    line-height: 1;
    font-weight: 600; }
    @media (max-width: 767px) {
      .our-results__total-saving span {
        font-size: 48px; } }

.our-results__action {
  padding: 26px 0px 0px 0px; }
  .our-results__action a {
    display: flex;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative;
    text-align: left; }
    .our-results__action a img {
      display: block;
      margin-left: auto; }

@media (max-width: 767px) {
  .our-results__right {
    margin: 40px 0px 0px 0px; } }

.our-results__item {
  margin: 0px 0px 20px 0px; }

.our-results-item__icon {
  width: 60px;
  min-width: 60px;
  margin-right: 13px; }
  @media (max-width: 767px) {
    .our-results-item__icon {
      width: 45px;
      min-width: 45px; } }
  .our-results-item__icon img {
    display: block;
    width: 100%; }

.our-results-item__content span {
  padding: 0px;
  margin: 0px;
  font-weight: 600;
  text-transform: uppercase; }

.our-results-item__content p {
  padding: 4px 0px 0px 0px;
  margin: 0px;
  font-size: 32px;
  font-weight: 600; }
  @media (max-width: 767px) {
    .our-results-item__content p {
      font-size: 24px; } }

/* ==========================================================================
   #LOGGED IN RECIPE SUBMITTED
   ========================================================================== */
.thank-you__title {
  padding: 9px 0px 0px 0px;
  margin: 0px; }

.thank-you__description {
  margin: 33px 0px 0px 0px;
  padding: 0px; }
  @media (max-width: 767px) {
    .thank-you__description {
      margin: 20px 0px 0px 0px; } }
  .thank-you__description > *:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px; }
  .thank-you__description p {
    padding: 0px 0px 20px 0px;
    margin: 0px; }

.thank-you__button {
  padding: 28px 0px 0px 0px;
  margin: 0px; }
  .thank-you__button a {
    display: inline-block;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative;
    text-align: left; }
    @media (max-width: 767px) {
      .thank-you__button a {
        display: flex; } }
    .thank-you__button a img {
      display: inline-block;
      margin-left: 35px; }
      @media (max-width: 767px) {
        .thank-you__button a img {
          margin-left: auto; } }

/* ==========================================================================
   #LOGGED IN RECIPES
   ========================================================================== */
.dashboard-recipes-heading {
  background: #eaf1f3;
  margin: 0px 0px 30px 0px; }
  @media (max-width: 767px) {
    .dashboard-recipes-heading {
      overflow: hidden;
      margin: 0px 0px 10px 0px; } }

.dashboard-recipes-heading__container {
  position: relative; }

.dashboard-recipes-heading__title {
  width: 355px;
  height: 313px;
  background: #005A6F;
  color: #fff;
  padding: 178px 0px 0px 0px;
  margin: 0px;
  position: relative; }
  @media (max-width: 991px) {
    .dashboard-recipes-heading__title {
      width: 255px; } }
  @media (max-width: 767px) {
    .dashboard-recipes-heading__title {
      width: 100%;
      height: 278px;
      padding: 96px 0px 0px 0px;
      z-index: 2;
      background: none; } }
  .dashboard-recipes-heading__title:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 20000px;
    background: #005A6F; }
    @media (max-width: 767px) {
      .dashboard-recipes-heading__title:before {
        width: 1100px;
        height: 1100px;
        border-radius: 2000px;
        -webkit-border-radius: 2000px;
        -moz-border-radius: 2000px;
        left: 50%;
        right: auto;
        top: auto;
        bottom: 94px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        z-index: -1; } }
  .dashboard-recipes-heading__title:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    background: url(images/case-studies-heading.png) bottom left no-repeat;
    width: 300px; }
    @media (max-width: 767px) {
      .dashboard-recipes-heading__title:after {
        display: none; } }

.dashboard-recipes-heading__search {
  position: absolute;
  top: 166px;
  right: 0;
  width: 358px; }
  @media (max-width: 991px) {
    .dashboard-recipes-heading__search {
      width: 288px; } }
  @media (max-width: 767px) {
    .dashboard-recipes-heading__search {
      width: auto;
      left: 0;
      right: 0;
      bottom: 12px;
      top: auto; } }

.search__button {
  display: block;
  position: absolute;
  right: 22px;
  bottom: 8px; }
  .search__button button {
    display: block;
    background: none;
    border: none;
    padding: 0px;
    margin: 0px;
    outline: none; }

/* Content */
.dashboard-recipes {
  margin: 0px 0px 70px 0px; }
  @media (max-width: 767px) {
    .dashboard-recipes {
      margin: 0px 0px 28px 0px; } }
  .dashboard-recipes .row {
    margin: 0px -21px !important; }
    @media (max-width: 767px) {
      .dashboard-recipes .row {
        margin: 0px -10px !important; } }
    .dashboard-recipes .row > div {
      padding: 0px 21px !important; }
      @media (max-width: 767px) {
        .dashboard-recipes .row > div {
          padding: 0px 10px !important; } }
  .dashboard-recipes .case-studies__items {
    margin-top: -5px !important; }
    @media (max-width: 767px) {
      .dashboard-recipes .case-studies__items {
        margin-top: 0px !important; } }
    .dashboard-recipes .case-studies__items .case-studies-item__image img {
      height: 173px; }
  .dashboard-recipes .case-studies__item {
    margin-top: 36px; }
    @media (max-width: 767px) {
      .dashboard-recipes .case-studies__item {
        margin-top: 20px; } }
  .dashboard-recipes .dashboard__action {
    display: block;
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 0px; }

.dashboard-recipes--type-2 .recipe-details__title {
  padding-top: 5px; }

.recipe-created-by__title--type-2 {
  font-size: 21px;
  line-height: 26px; }

/* Portal menu */
.portal-menu {
  background: #eaf1f3;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px; }

@media (max-width: 991px) {
  .wrap-portal-menu {
    margin: 0px 0px 23px 0px; } }

.wrap-portal-menu__mobile-heading {
  display: none; }
  @media (max-width: 991px) {
    .wrap-portal-menu__mobile-heading {
      display: block;
      font-size: 18px;
      line-height: 21px;
      color: #fff;
      font-weight: 600;
      background: #005A6F;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      padding: 15px 70px 14px 26px;
      position: relative; }
      .wrap-portal-menu__mobile-heading.active:before {
        background: url(images/icon-up.svg) center no-repeat; }
      .wrap-portal-menu__mobile-heading:before {
        content: '';
        display: block;
        width: 20px;
        height: 11px;
        background: url(images/icon-down.svg) center no-repeat;
        background-size: cover;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        position: absolute; } }

.portal-menu__title {
  background: #005A6F;
  color: #fff;
  border-radius: 22px 22px 0px 0px;
  -webkit-border-radius: 22px 22px 0px 0px;
  -moz-border-radius: 22px 22px 0px 0px;
  font-size: 18px;
  padding: 17px 27px 16px 27px;
  margin: 0px; }
  @media (max-width: 991px) {
    .portal-menu__title {
      display: none; } }

@media (max-width: 991px) {
  .wrap-portal-menu__content {
    display: none; }
    .wrap-portal-menu__content.active {
      display: block;
      background: #eaf1f3;
      border-radius: 22px;
      -webkit-border-radius: 22px;
      -moz-border-radius: 22px;
      padding: 30px 21px 20px 21px;
      margin-top: -25px; } }

.portal-menu__nav {
  list-style: none;
  padding: 0px 9px 9px 9px;
  margin: 0px; }
  @media (max-width: 991px) {
    .portal-menu__nav {
      padding: 0px 5px; } }
  .portal-menu__nav li {
    padding: 4px 0px;
    border-top: 1px solid #8fb7c0; }
    .portal-menu__nav li:first-child {
      border: none; }
    .portal-menu__nav li a {
      display: block;
      padding: 7px 20px 7px 20px;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      font-weight: 600; }
      @media (max-width: 991px) {
        .portal-menu__nav li a {
          position: relative;
          margin: 0px -20px; } }
      .portal-menu__nav li a.active {
        background: #FCE2B2; }

/* Filter recipes by */
.filter-recipes-by {
  padding: 0px 0px 30px 0px;
  border-bottom: 3px solid #005A6F; }
  .filter-recipes-by .form__group {
    padding: 0px;
    margin: 0px; }
    @media (max-width: 767px) {
      .filter-recipes-by .form__group {
        margin: 10px 0px 0px 0px; } }

.filter-recipes-by__title {
  padding: 35px 0px 0px 0px;
  margin: 0px;
  font-size: 21px; }
  @media (max-width: 991px) {
    .filter-recipes-by__title {
      padding: 10px 0px 20px 0px; } }
  @media (max-width: 767px) {
    .filter-recipes-by__title {
      padding: 0px 0px 0px 0px;
      font-size: 18px; } }

/* ==========================================================================
   #LOGGED IN RESOURCES VIDEOS
   ========================================================================== */
.tab-content {
  padding: 0px 0px 0px 0px;
  display: none;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  opacity: 0; }
  @media (max-width: 767px) {
    .tab-content {
      padding: 20px 0px 30px 0px; } }
  .tab-content .pagination {
    margin-top: 57px; }
    @media (max-width: 767px) {
      .tab-content .pagination {
        margin-top: 27px; } }

.tab-content__active {
  display: block; }

.tab-content__show {
  opacity: 1; }

.tab__title {
  margin: 12px 0px;
  border: 2px solid #E03E52;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #E03E52;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  text-align: center;
  padding: 10px 20px 10px 20px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  display: none; }
  @media (max-width: 767px) {
    .tab__title {
      display: block; } }
  .tab__title.active {
    background: #E03E52;
    color: #fff; }

.tabs__nav {
  margin: 0px 0px 25px 0px;
  display: flex;
  list-style: none;
  padding: 0px;
  border-bottom: 5px solid #E03E52; }
  @media (max-width: 767px) {
    .tabs__nav {
      display: none; } }
  .tabs__nav li {
    padding-right: 4px; }
    .tabs__nav li a {
      display: block;
      font-size: 18px;
      line-height: 26px;
      color: #E03E52;
      font-weight: 600;
      border: 1px solid #E03E52;
      border-bottom: none;
      border-radius: 22px 22px 0px 0px;
      -webkit-border-radius: 22px 22px 0px 0px;
      -moz-border-radius: 22px 22px 0px 0px;
      padding: 11px 46px 7px 46px;
      transition: all 0.3s ease-in;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in; }
      @media (max-width: 1098px) {
        .tabs__nav li a {
          padding-left: 25px;
          padding-right: 25px; } }
      .tabs__nav li a.active {
        background: #E03E52;
        color: #fff; }

/* Videos */
.dashboard-recipes .videos {
  margin: -20px -15px 0px -15px !important; }
  @media (max-width: 767px) {
    .dashboard-recipes .videos {
      margin-left: -10px !important;
      margin-right: -10px !important; } }
  .dashboard-recipes .videos > div {
    padding: 0px 15px !important; }
    @media (max-width: 767px) {
      .dashboard-recipes .videos > div {
        padding: 0px 10px !important; } }

.video {
  display: block;
  margin: 20px 0px 0px 0px; }
  .video iframe,
  .video video,
  .video img {
    display: block;
    width: 100% !important;
    height: 233px !important;
    object-fit: cover; }
  .video p {
    padding: 11px 0px 0px 0px;
    margin: 0px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600; }
    @media (max-width: 767px) {
      .video p {
        font-size: 16px;
        line-height: 21px; } }

/* Poster */
.poster--type-2 {
  padding: 0px; }
  .poster--type-2 .poster__image {
    width: 260px;
    min-width: 260px; }
  .poster--type-2 .poster__content {
    padding: 19px 0px 0px 0px; }
    @media (max-width: 767px) {
      .poster--type-2 .poster__content {
        padding: 0px; } }

/* Communication toolkit item */
.communication-toolkit-item {
  margin: 0px 0px 15px 0px;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  padding: 10px 30px 10px 30px; }
  @media (max-width: 767px) {
    .communication-toolkit-item {
      padding: 10px 20px; } }
  .communication-toolkit-item span {
    display: block;
    padding-right: 20px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600; }
    @media (max-width: 767px) {
      .communication-toolkit-item span {
        font-size: 16px;
        line-height: 21px; } }
  .communication-toolkit-item p {
    width: 46px;
    height: 46px;
    min-width: 46px;
    background: #E03E52;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    position: relative;
    padding: 0px;
    margin: 0px 0px 0px auto; }
    .communication-toolkit-item p img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      border-bottom: 1px solid #fff; }

/* ==========================================================================
   #LOGGED IN SUBMIT RECIPE
   ========================================================================== */
.dashboard-recipes--submit-recipe {
  padding-top: 188px; }
  @media (max-width: 991px) {
    .dashboard-recipes--submit-recipe {
      padding-top: 160px; } }
  @media (max-width: 767px) {
    .dashboard-recipes--submit-recipe {
      padding-top: 100px; } }
  .dashboard-recipes--submit-recipe .row .row {
    margin: 0px -19px !important; }
    @media (max-width: 767px) {
      .dashboard-recipes--submit-recipe .row .row {
        margin: 0px -10px !important; } }
    .dashboard-recipes--submit-recipe .row .row > div {
      padding: 0px 19px !important; }
      @media (max-width: 767px) {
        .dashboard-recipes--submit-recipe .row .row > div {
          padding: 0px 10px !important; } }

.submit-recipe__title {
  position: relative;
  padding: 0px;
  margin: -13px 0px 0px 0px; }
  @media (max-width: 991px) {
    .submit-recipe__title {
      margin: 15px 0px 0px 0px; } }

.submit-recipe__description {
  padding: 32px 0px 0px 0px;
  font-size: 18px;
  line-height: 26px; }
  @media (max-width: 767px) {
    .submit-recipe__description {
      font-size: 16px;
      line-height: 21px;
      padding: 25px 0px 0px 0px; } }

.submit-recipe__required-fields {
  padding: 26px 0px 0px 0px; }

.form__group--type-2 {
  padding-top: 21px; }

.form__group--type-3 {
  padding-top: 30px; }

.form__group--checkbox {
  padding: 38px 0px 0px 0px; }
  .form__group--checkbox label {
    padding-left: 0px;
    padding-right: 0px; }

.form__checkbox input {
  display: none; }

.form__checkbox input:checked + label:before {
  background: #005A6F; }

.form__checkbox label {
  padding-left: 39px;
  margin: 8px 0px 6px 0px;
  position: relative;
  cursor: pointer; }
  .form__checkbox label:before {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #005A6F;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
  .form__checkbox label img {
    display: block;
    position: absolute;
    left: 6px;
    top: 24px; }
  .form__checkbox label span {
    display: block;
    width: 41px;
    min-width: 41px;
    height: 61px;
    background: url(images/dietary-bg.svg) top center no-repeat;
    text-align: center;
    line-height: 42px;
    font-weight: 600;
    margin-right: 13px; }
  .form__checkbox label p {
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    font-weight: 400; }
    @media (max-width: 767px) {
      .form__checkbox label p {
        font-size: 16px; } }

.submit-recipe__action {
  text-align: right;
  margin: 45px 0px 0px 0px;
  padding: 45px 0px 0px 0px;
  border-top: 2px solid #005A6F; }
  @media (max-width: 767px) {
    .submit-recipe__action {
      margin: 30px 0px 0px 0px;
      padding: 30px 0px 0px 0px; } }
  .submit-recipe__action button {
    display: inline-block;
    background: #E03E52;
    border: none;
    outline: none;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative;
    text-align: left; }
    .submit-recipe__action button img {
      display: inline-block;
      margin-left: 35px; }

/* ==========================================================================
   #LOGIN
   ========================================================================== */
.login {
  background: #fff url(images/bg-contact.png) top left;
  padding: 155px 0px 36px 0px;
  overflow: hidden;
  position: relative; }
  @media (max-width: 991px) {
    .login {
      background: #005A6F; } }
  @media (max-width: 767px) {
    .login {
      padding: 120px 0px 40px 0px; } }
  .login:before {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 1158px;
    height: 1158px;
    background: #005A6F;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px; }
    @media (max-width: 991px) {
      .login:before {
        display: none; } }

.login__form {
  max-width: 358px;
  margin: 0px auto;
  color: #fff;
  position: relative;
  z-index: 3; }
  .login__form .form__group label {
    line-height: 1;
    padding-top: 4px;
    padding-bottom: 8px; }
  .login__form .form__input {
    border-color: #fff; }
  .login__form .form__action {
    padding: 36px 0px 0px 0px; }
  .login__form .form__action--type-2 {
    padding-top: 23px; }
  .login__form .form__button {
    display: flex;
    width: 100%;
    text-align: left; }
    .login__form .form__button img {
      margin-left: auto; }

.login__title {
  text-align: center;
  padding: 0px 0px 27px 0px;
  margin: 0px -150px;
  position: relative; }

.login__description {
  margin: -8px 0px 0px 0px;
  position: relative;
  text-align: center;
  line-height: 1; }

.login__required-fields {
  text-align: center;
  padding: 15px 0px 0px 0px; }

.form__forgotten-password {
  text-align: center;
  padding: 21px 0px 0px 0px; }
  .form__forgotten-password a {
    color: #fff;
    font-weight: 600; }

/* ==========================================================================
   #NEWSLETTER SIGNUP
   ========================================================================== */
.newsletter-signup {
  padding: 0px 0px 52px 0px; }
  .newsletter-signup p {
    padding: 32px 0px 0px 0px;
    margin: 0px; }
    .newsletter-signup p a {
      font-weight: 600;
      text-decoration: underline; }

/* ==========================================================================
   #RECIPE DETAILS
   ========================================================================== */
.recipe-details-title {
  position: relative;
  background: url(images/bg-case-study-title.jpg) bottom center no-repeat;
  color: #fff;
  padding: 157px 0px 65px 0px;
  margin: 0px 0px 34px 0px; }
  @media (max-width: 767px) {
    .recipe-details-title {
      background: none;
      padding: 85px 0px 70px 0px;
      z-index: 2;
      overflow: hidden; }
      .recipe-details-title:before {
        content: '';
        display: block;
        position: absolute;
        width: 1200px;
        height: 1200px;
        background: #005A6F;
        border-radius: 2000px;
        -webkit-border-radius: 2000px;
        -moz-border-radius: 2000px;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        z-index: -1; } }

@media (max-width: 767px) {
  .recipe-details-title__d-flex {
    flex-wrap: wrap; } }

.recipe-details-title__content {
  padding-right: 30px; }
  @media (max-width: 767px) {
    .recipe-details-title__content {
      padding: 30px 0px 0px 0px;
      width: 100%;
      order: 2; } }

.recipe-details-title__prev {
  margin: 0px; }
  .recipe-details-title__prev a {
    display: block;
    width: 100px;
    height: 45px;
    background: #E03E52;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    position: relative; }
    .recipe-details-title__prev a img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%) scale(-1);
      -webkit-transform: translateX(-50%) translateY(-50%) scale(-1);
      -moz-transform: translateX(-50%) translateY(-50%) scale(-1); }

.recipe-details-title__title {
  padding: 24px 0px 0px 0px;
  margin: 0px; }

.recipe-details-title__category {
  margin: 32px 0px 0px 0px; }

.recipe-details-title-category__icon {
  width: 28px;
  min-width: 28px;
  margin-right: 10px; }
  .recipe-details-title-category__icon img {
    display: block;
    width: 100%; }

.recipe-details-title-category__title {
  font-weight: 600; }

.recipe-details-title__description {
  padding: 20px 0px 0px 0px;
  font-size: 18px;
  line-height: 26px; }
  @media (max-width: 767px) {
    .recipe-details-title__description {
      font-size: 16px; } }

.recipe-details-title__dietary {
  padding: 20px 0px 0px 0px;
  margin: 0px; }
  .recipe-details-title__dietary .recipe__dietry {
    padding: 12px 0px 0px 0px; }
    .recipe-details-title__dietary .recipe__dietry:before {
      display: none; }

.dietary__title a {
  color: #fff;
  font-weight: 600; }
  .dietary__title a span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #E03E52;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    vertical-align: top;
    margin: 4px 0px 0px 5px; }

.recipe-details-title__image {
  width: 560px;
  min-width: 560px;
  margin-left: auto; }
  @media (max-width: 1199px) {
    .recipe-details-title__image {
      width: 500px;
      min-width: 500px; } }
  @media (max-width: 1098px) {
    .recipe-details-title__image {
      width: 460px;
      min-width: 460px; } }
  @media (max-width: 991px) {
    .recipe-details-title__image {
      width: 360px;
      min-width: 360px; } }
  @media (max-width: 767px) {
    .recipe-details-title__image {
      width: 100%;
      min-width: 1px;
      margin: 0px; } }
  .recipe-details-title__image img {
    display: block;
    width: 100%;
    height: 373px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    object-fit: cover;
    box-shadow: 0px 10px 10px #003845;
    -webkit-box-shadow: 0px 10px 10px #003845;
    -moz-box-shadow: 0px 10px 10px #003845; }
    @media (max-width: 991px) {
      .recipe-details-title__image img {
        height: 320px; } }
    @media (max-width: 767px) {
      .recipe-details-title__image img {
        height: 60vw; } }

/* Details */
.recipe-details {
  padding: 0px 0px 65px 0px; }
  @media (max-width: 767px) {
    .recipe-details {
      padding-bottom: 40px; } }
  .recipe-details .row {
    margin: 0px -20px; }
    @media (max-width: 767px) {
      .recipe-details .row {
        margin: 0px -10px; } }
    .recipe-details .row > div {
      padding: 0px 20px; }
      @media (max-width: 767px) {
        .recipe-details .row > div {
          padding: 0px 10px; } }

.recipe-details__title {
  padding: 0px 0px 5px 0px;
  margin: 0px; }

.recipe-details__sub-section {
  padding: 35px 0px 0px 0px;
  margin: 0px; }

.sub-section__title {
  font-size: 21px;
  line-height: 26px;
  padding: 0px 0px 13px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .sub-section__title {
      font-size: 18px; } }

.sub-section__description {
  font-size: 18px;
  line-height: 26px; }
  @media (max-width: 767px) {
    .sub-section__description {
      font-size: 16px; } }

.recipe-details__section + .recipe-details__section {
  padding: 69px 0px 0px 0px; }

/* Recipe created by */
.recipe-created-by {
  background: #ecf3f4;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 36px 30px 32px 30px; }
  @media (max-width: 767px) {
    .recipe-created-by {
      margin: 31px -14px -28px -14px;
      position: relative;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      padding-left: 14px;
      padding-right: 14px; } }

.recipe-created-by__title {
  padding: 0px;
  margin: 0px; }

.recipe-created-by__creator-name {
  padding: 10px 0px 0px 0px;
  margin: 0px; }

/* Other recipes */
.other-recipes {
  border-top: 2px solid #005A6F;
  margin: 22px 0px 0px 0px;
  padding: 27px 0px 0px 0px; }

.other-recipes__title {
  padding: 0px;
  margin: 0px 0px -8px 0px;
  position: relative; }

.small-recipe-item {
  padding: 28px 0px 0px 0px;
  margin: 0px; }

.small-recipe-item__title {
  font-size: 21px;
  line-height: 26px;
  padding: 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .small-recipe-item__title {
      font-size: 18px; } }

.small-recipe-item__category {
  padding: 3px 0px 0px 0px; }

.small-recipe-item__category-icon {
  width: 28px;
  min-width: 28px;
  margin-right: 11px; }
  .small-recipe-item__category-icon img {
    display: block;
    width: 100%; }

.small-recipe-item__category-title {
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase; }

.small-recipe-item__button {
  padding: 8px 0px 0px 0px; }
  .small-recipe-item__button a {
    display: flex;
    align-items: center;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative; }
    .small-recipe-item__button a img {
      display: block;
      margin-left: auto; }

/* Create your account to access more recieps */
.recipe-create-account {
  background: #ecf3f4;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 28px 30px 30px 30px;
  margin: 29px 0px 0px 0px; }
  @media (max-width: 767px) {
    .recipe-create-account {
      margin: 28px -14px -40px -14px;
      padding: 10px 14px 40px 14px;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px; } }

.recipe-create-account__title {
  line-height: 1;
  padding: 0px;
  margin: 0px; }

.recipe-create-account__button {
  padding: 22px 0px 0px 0px; }
  .recipe-create-account__button a {
    display: flex;
    align-items: center;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative; }
    .recipe-create-account__button a img {
      display: block;
      margin-left: auto; }

.recipe-create-account__content {
  padding: 13px 0px 0px 0px;
  font-size: 18px;
  line-height: 26px; }

/* Dietary modal */
.dietary-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in; }
  .dietary-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }

.dietary-modal__close-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.dietary-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 600px;
  background: #fff;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  padding: 29px 30px 36px 30px;
  z-index: 9; }

.dietary-modal__title {
  padding: 0px 0px 21px 0px;
  margin: 0px; }

.dietary-modal__close {
  position: absolute;
  top: 30px;
  right: 30px; }

.dietary-modal__item {
  margin: 15px 0px 0px 0px; }

.dietary-modal-item__icon {
  margin-right: 13px;
  display: block;
  width: 41px;
  height: 61px;
  background: url(images/dietary-bg.svg) top center no-repeat;
  text-align: center;
  line-height: 42px;
  font-weight: 600; }

/* ==========================================================================
   #RECIPES
   ========================================================================== */
.case-studies__item .recipe__dietry {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 13px; }
  .case-studies__item .recipe__dietry:before {
    display: none; }

.create-your-account {
  text-align: center;
  padding: 61px 0px 0px 0px; }
  @media (max-width: 767px) {
    .create-your-account {
      padding: 45px 0px 0px 0px; } }

.create-your-account__title {
  padding: 0px 0px 35px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .create-your-account__title {
      padding-bottom: 20px; } }

.create-your-account__description {
  max-width: 760px;
  margin: 0px auto; }

.create-your-account__button {
  padding: 55px 0px 0px 0px; }
  @media (max-width: 767px) {
    .create-your-account__button {
      padding-top: 30px; } }
  .create-your-account__button a {
    display: inline-block;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative;
    text-align: left; }
    .create-your-account__button a img {
      display: inline-block;
      margin-left: 35px; }

/* ==========================================================================
   #GET INVOLVED
   ========================================================================== */
.get-involved {
  margin: 30px 0px 0px 0px; }
  @media (max-width: 767px) {
    .get-involved {
      margin: 14px 0px 0px 0px; } }

@media (max-width: 991px) {
  .get-involved__d-flex {
    flex-wrap: wrap; } }

.get-involved__content {
  padding: 44px 0px 0px 0px;
  margin: 0px; }
  @media (max-width: 991px) {
    .get-involved__content {
      width: 100%; } }

.get-involved__title {
  padding: 0px 0px 35px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .get-involved__title {
      padding: 0px 0px 30px 0px; } }

.get-involved__text {
  padding: 0px;
  margin: 0px; }
  .get-involved__text p {
    padding: 0px 0px 25px 0px;
    margin: 0px; }
  .get-involved__text ul {
    list-style: none;
    padding: 0px 0px 25px 28px;
    margin: 0px; }
    .get-involved__text ul li {
      position: relative; }
      .get-involved__text ul li:before {
        content: '';
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        background: #F6A000;
        left: -28px;
        top: 8px;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px; }

.get-involved__image {
  margin: 0px 0px 0px 44px;
  width: 460px;
  min-width: 460px; }
  @media (max-width: 991px) {
    .get-involved__image {
      margin: 50px auto 0px auto; } }
  @media (max-width: 767px) {
    .get-involved__image {
      margin: 30px auto 0px auto;
      width: 300px;
      min-width: 300px; } }
  .get-involved__image img {
    display: block;
    width: 100%;
    height: 460px;
    object-fit: cover;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px; }
    @media (max-width: 767px) {
      .get-involved__image img {
        width: 300px;
        height: 300px; } }

.get-involved__button {
  margin: 10px 0px 0px 0px;
  padding: 0px; }
  .get-involved__button a {
    display: inline-block;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative; }
    @media (max-width: 767px) {
      .get-involved__button a {
        display: flex; } }
    .get-involved__button a img {
      display: inline-block;
      margin-left: 35px; }
      @media (max-width: 767px) {
        .get-involved__button a img {
          display: block;
          margin-left: auto; } }

/* ==========================================================================
   #MAIN BANNER
   ========================================================================== */
.main-banner {
  z-index: 1;
  overflow: hidden; }
  .main-banner:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 455px;
    background: rgba(0, 90, 111, 0.08); }
    @media (max-width: 767px) {
      .main-banner:before {
        display: none; } }

.main-banner__container {
  height: 655px;
  position: relative; }
  @media (max-width: 767px) {
    .main-banner__container {
      height: 310px; } }
  .main-banner__container:before {
    content: '';
    display: block;
    position: absolute;
    width: 844px;
    height: 844px;
    background: #005A6F;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    bottom: 136px;
    left: -170px; }
    @media (max-width: 767px) {
      .main-banner__container:before {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%); } }

/* Content */
.main-banner__content {
  max-width: 515px;
  top: 192px;
  position: absolute;
  color: #fff; }
  @media (max-width: 767px) {
    .main-banner__content {
      max-width: 100%;
      top: 96px;
      width: 100%; } }

.main-banner__title {
  padding: 0px 0px 13px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .main-banner__title {
      padding: 0px 0px 12px 0px; } }

.main-banner__subtitle {
  padding: 0px;
  margin: 0px; }

.main-banner__button {
    padding: 32px 0px 0px 0px;
    margin: 0px;
    font-size: 16px;    /*03.11.22*/
}
  @media (max-width: 767px) {
    .main-banner__button {
      padding: 20px 0px 0px 0px; } }
  .main-banner__button a {
    display: inline-block;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative; }
    @media (max-width: 767px) {
      .main-banner__button a {
        display: flex; } }
    .main-banner__button a img {
      display: inline-block;
      margin-left: 35px; }
      @media (max-width: 767px) {
        .main-banner__button a img {
          margin-left: auto; } }

/* First image */
.main-banner__first-image {
  position: absolute;
  left: 465px;
  top: 223px;
  width: 360px;
  height: 360px; }
  @media (max-width: 767px) {
    .main-banner__first-image {
      display: none; } }
  .main-banner__first-image img {
    display: block;
    width: 320px;
    height: 320px;
    object-fit: cover;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px; }

/* Second image */
.main-banner__second-image {
  position: absolute;
  left: 798px;
  top: 121px;
  width: 161px;
  height: 161px; }
  @media (max-width: 767px) {
    .main-banner__second-image {
      display: none; } }
  .main-banner__second-image img {
    display: block;
    width: 161px;
    height: 161px;
    object-fit: cover;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px; }

/* Third image */
.main-banner__third-image {
  position: absolute;
  left: 891px;
  top: 247px;
  width: 260px;
  height: 260px; }
  @media (max-width: 767px) {
    .main-banner__third-image {
      display: none; } }
  .main-banner__third-image img {
    display: block;
    width: 260px;
    height: 260px;
    object-fit: cover;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px; }

/* Fourth image */
.main-banner__fourth-image {
  position: absolute;
  left: 1015px;
  top: 512px;
  width: 143px;
  height: 143px; }
  @media (max-width: 767px) {
    .main-banner__fourth-image {
      display: none; } }
  .main-banner__fourth-image img {
    display: block;
    width: 143px;
    height: 143px;
    object-fit: cover;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px; }

/* ==========================================================================
   #OUR GOALS
   ========================================================================== */
@media (max-width: 767px) {
  .our-goals {
    padding: 23px 0px 0px 0px; } }

.our-goals__title {
  padding: 0px 0px 17px 0px;
  margin: 0px; }
  @media (max-width: 991px) {
    .our-goals__title {
      text-align: center; } }

.our-goals__d-flex {
  padding: 47px 0px 0px 0px; }
  @media (max-width: 991px) {
    .our-goals__d-flex {
      flex-wrap: wrap;
      padding: 30px 0px 0px 0px; } }

/* Chart */
.our-goals__chart {
  padding: 0px 0px 0px 0px;
  width: 560px;
  min-width: 560px;
  margin: 47px 43px auto 0px;
  margin: 0px 43px auto 0px;
  top: 150px; }
  @media (max-width: 1299px) {
    .our-goals__chart {
      width: 500px;
      min-width: 500px; } }
  @media (max-width: 1098px) {
    .our-goals__chart {
      width: 400px;
      min-width: 400px; } }
  @media (max-width: 991px) {
    .our-goals__chart {
      width: 100%;
      min-width: 1px;
      margin: 0px 0px 25px 0px !important;
      position: relative !important;
      top: 0px !important; } }
  @media (max-width: 767px) {
    .our-goals__chart {
      margin: 10px 0px 0px 0px; } }

#donut {
  margin: -12px -70px -12px -70px;
  position: relative;
  height: 640px; }
  @media (max-width: 1299px) {
    #donut {
      height: 580px; } }
  @media (max-width: 1098px) {
    #donut {
      height: 480px; } }
  @media (max-width: 991px) {
    #donut {
      height: 90vw;
      margin: 0px; } }
  @media (max-width: 767px) {
    #donut {
      height: 100vw; } }

/* Total saving */
.our-goals__total-saving {
  position: absolute;
  top: 227px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  text-align: center; }
  @media (max-width: 1299px) {
    .our-goals__total-saving {
      top: 204px; } }
  @media (max-width: 1098px) {
    .our-goals__total-saving {
      top: 157px; } }
  @media (max-width: 991px) {
    .our-goals__total-saving {
      top: 35.5vw; } }
  @media (max-width: 767px) {
    .our-goals__total-saving {
      top: 37vw; } }
  .our-goals__total-saving p {
    padding: 0px;
    margin: 0px;
    font-size: 21px; }
    @media (max-width: 767px) {
      .our-goals__total-saving p {
        font-size: 18px; } }
  .our-goals__total-saving strong {
    display: block;
    padding: 0px 0px 9px 0px;
    margin: 0px;
    font-size: 50px;
    line-height: 1;
    font-weight: 600; }
    @media (max-width: 767px) {
      .our-goals__total-saving strong {
        font-size: 36px;
        padding-bottom: 4px; } }

/* Item */
.our-goals__item {
    display: block;
    position: absolute;
    /*top: -4px;*/
    /* left: 359px;**/
    top: -40px;
    left: 275px;
    width: 62px;
    height: 62px;
    background: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    z-index: 3;
    pointer-events: none;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    padding: 18px 0px 0px 0px;
}
  /*@media (max-width: 1299px) {
    .our-goals__item {
      top: -10px;
      left: 320px; } }
  @media (max-width: 1098px) {
    .our-goals__item {
      top: -15px;
      left: 251px; } }
  @media (max-width: 991px) {
    .our-goals__item {
      top: 1%;
      left: 63%; } }
  @media (max-width: 767px) {
    .our-goals__item {
      width: 34px;
      height: 34px;
      font-size: 12px;
      padding: 0px;
      line-height: 34px; } }*/
@media (max-width: 1299px) {
    .our-goals__item {
        top: -100px;
        left: 220px;
    }
}

@media (max-width: 1098px) {
    .our-goals__item {
        top: -150px;
        left: 151px;
    }
}

@media (max-width: 991px) {
    .our-goals__item {
        top: -1%;
        left: 51%;
    }
}

@media (max-width: 767px) {
    .our-goals__item {
        width: 34px;
        height: 34px;
        font-size: 12px;
        padding: 0px;
        line-height: 34px;
    }
}

.our-goals__item--meat {
  top: 218px;
  left: 526px; }
  @media (max-width: 1299px) {
    .our-goals__item--meat {
      left: 468px;
      top: 194px; } }
  @media (max-width: 1098px) {
    .our-goals__item--meat {
      left: 367px;
      top: 142px; } }
  @media (max-width: 991px) {
    .our-goals__item--meat {
      left: 89%;
      top: 38%; } }
  @media (max-width: 767px) {
    .our-goals__item--meat {
      left: 92%; } }

.our-goals__item--organic {
    /*100left: 360px;
  top: 500px; 1*/
    left: 170px;
    top: -20px;
}
/* @media (max-width: 1299px) {
    .our-goals__item--organic {
      left: 330px;
      top: 445px; } }
     */

  @media (max-width: 1600px) {
    .our-goals__item--organic {
        left: 180px;
        top: -15px;
    } }

/*   old */
  @media (max-width: 1299px) {
    .our-goals__item--organic {
      left: 161px;
      top: -25px; } }
  @media (max-width: 1098px) {
    .our-goals__item--organic {
      left: 255px;
      top: 348px; } }
  @media (max-width: 991px) {
    .our-goals__item--organic {
        /*left: 66%;
      top: 84%;*/
        left: 35%;
        top: 0px;
    } }

.our-goals__item--local {
    /* 212 left: -30px;  
  top: 275px;

        @media (max-width: 1299px) {
    .our-goals__item--local {
        left: 161px;
        top: 230px;
    } }

    */
    left: 230px;
    top: -40px;
}
  @media (max-width: 1299px) {
    .our-goals__item--local {
        left: 205px;
        top: -25px;
    } }
  @media (max-width: 1098px) {
    .our-goals__item--local {
      top: 200px; } }
  @media (max-width: 991px) {
    .our-goals__item--local {
        /*top: 47%;
      left: 2%; */
        top: -1%;
        left: 44%;
    } }
  @media (max-width: 767px) {
    .our-goals__item--local {
        /*left: 0; */
        /*left: 20%;*/
        top: -5px;
    } }

.our-goals__item--food {
    /*left: 193px;
  top: -23px;

        @media (max-width: 1299px) {
    .our-goals__item--food {
        left: 167px;
        top: 160px;
    } }

    */
    left: -10px;
    top: 160px;
}
  @media (max-width: 1299px) {
    .our-goals__item--food {
        left: -20px;
        top: 160px;
    } }
  @media (max-width: 1098px) {
    .our-goals__item--food {
      left: 127px; } }
  @media (max-width: 991px) {
    .our-goals__item--food {
        /*left: 37%;*/
        left: 6%;
        top: 195px;
    } }
  @media (max-width: 767px) {
    .our-goals__item--food {
        /*top: -4px;*/
        left: 1%;
        top: 25%;
    } }

/* Features */
.our-goals__features {
  width: 460px; }
  .our-goals__features li {
    margin: 22px 0px 0px 0px; }
    .our-goals__features li:first-child {
      margin: 0px; }

.feature__icon {
  width: 86px;
  height: 86px;
  min-width: 86px;
  background: #E03E52;
  margin: 0px 19px 0px 0px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  position: relative; }
  .feature__icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }

.feature__icon--journeys {
  background: #F6A000; }

.feature__icon--flights {
  background: #EEDA0F; }

.feature__icon--tshirts {
  background: #A496CB; }

.feature__icon--bottles {
  background: #4CB6E3; }

.feature__icon--smartphones {
  background: #32BBA3; }

.feature__content {
  font-size: 21px;
  line-height: 1; }
  .feature__content p {
    padding: 0px;
    margin: 0px; }
  .feature__content strong {
    display: block;
    padding: 0px;
    margin: 0px;
    font-weight: 600; }

/* Right */
.our-goals__right {
  width: 558px;
  padding: 0px 0px 50px 0px; }
  @media (max-width: 991px) {
    .our-goals__right {
      width: 100%;
      overflow: hidden; } }
  @media (max-width: 767px) {
    .our-goals__right {
      padding: 0px; } }

/* Goals list */
.goals-list {
  list-style: none;
  padding: 56px 0px 0px 0px;
  margin: 0px -30px -36px 0px;
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .goals-list {
      padding: 15px 0px 0px 0px;
      margin: 0px -30px -26px 0px; } }
  .goals-list li {
    padding: 0px 30px 36px 0px;
    width: 33.333%;
    min-width: 33.333%; }
    @media (max-width: 767px) {
      .goals-list li {
        width: 50%;
        min-width: 50%;
        padding: 0px 30px 26px 0px; } }

.goals-list-item__icon {
  margin-right: 10px;
  width: 55px;
  min-width: 55px; }
  @media (max-width: 767px) {
    .goals-list-item__icon {
      width: 40px;
      min-width: 40px; } }
  .goals-list-item__icon img {
    display: block;
    width: 100%; }

.goals-list-item__content {
  width: 100%;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0px 0px 10px 0px; }
  @media (max-width: 767px) {
    .goals-list-item__content {
      font-size: 16px; } }

/* Goals value */
.goals-value {
  margin: 35px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
  background: url(images/line.svg) top left repeat-x; }

.goals-value-title {
  padding: 0px 0px 4px 0px;
  margin: 0px; }

.goals-value-list {
  display: flex;
  margin: 0px -15px 0px -15px;
  position: relative;
  list-style: none;
  padding: 0px;
  flex-wrap: wrap; }
  .goals-value-list li {
    display: block;
    width: 50%;
    min-width: 50%;
    padding: 23px 15px 0px 15px; }
    @media (max-width: 767px) {
      .goals-value-list li {
        width: 100%;
        min-width: 100%;
        padding-top: 21px; } }

.goals-value-list-item__icon {
  margin: 0px 16px 0px 0px;
  width: 55px;
  min-width: 55px;
  height: 55px;
  display: flex; }
  .goals-value-list-item__icon img {
    max-width: 100%;
    display: block;
    margin: auto; }

.goals-value-list-item__content {
  font-weight: 600;
  font-size: 18px;
  line-height: 1; }
  @media (max-width: 767px) {
    .goals-value-list-item__content {
      font-size: 16px; } }

/* ==========================================================================
   #PARTNERS
   ========================================================================== */
.partners {
  margin: 67px 0px 0px 0px;
  background: #ecf3f4;
  padding: 58px 0px 68px 0px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .partners {
      margin: 30px 0px 0px 0px;
      padding: 39px 0px 45px 0px; } }

.partners__title {
  text-align: center;
  padding: 0px 0px 76px 0px;
  margin: 0px; }
  @media (max-width: 767px) {
    .partners__title {
      padding: 0px; } }

.partners__items {
  margin: 0px -15px;
  position: relative; }
  @media (max-width: 767px) {
    .partners__items {
      flex-wrap: wrap; } }

.partners__item {
  padding: 0px 15px;
  margin: 0px auto;
  width: 220px;
  position: relative; }
  @media (max-width: 767px) {
    .partners__item {
      padding: 0px 15px !important;
      width: 50%;
      margin: 47px auto 0px auto !important; } }
  .partners__item:first-child {
    margin-left: 0px; }
  .partners__item:last-child {
    margin-right: 0px; }
  .partners__item a {
    display: block;
    position: relative; }

.partner-item__country {
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2; }
  .partner-item__country img {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    object-fit: cover;
    margin: 0px auto; }

.partner-item__logo {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  background: #fff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  overflow: hidden;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  z-index: 1; }
  .partner-item__logo img {
    display: block;
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }

.partner-item__button {
  width: 100px;
  height: 45px;
  background: #E03E52;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  display: block;
  margin: -6px auto 0px auto;
  position: relative; }
  .partner-item__button img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }

.partners__button {
  text-align: center;
  padding: 68px 0px 0px 0px; }
  @media (max-width: 767px) {
    .partners__button {
      padding: 48px 0px 0px 0px; } }
  .partners__button a {
    display: inline-block;
    background: #E03E52;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    font-weight: 600;
    padding: 9px 30px 9px 21px;
    position: relative; }
    @media (max-width: 767px) {
      .partners__button a {
        display: flex; } }
    .partners__button a img {
      display: inline-block;
      margin-left: 35px; }
      @media (max-width: 767px) {
        .partners__button a img {
          margin-left: auto; } }

/* ==========================================================================
   #POST AND TESTIMONIALS
   ========================================================================== */
.post-and-testimonial {
  margin: 67px 0px 0px 0px; }
  @media (max-width: 767px) {
    .post-and-testimonial {
      margin: 30px 0px 0px 0px;
      overflow: hidden; } }

.post-and-testimonials__d-flex {
  display: flex;
  margin: 0px -20px;
  position: relative; }
  @media (max-width: 767px) {
    .post-and-testimonials__d-flex {
      margin: 0px -10px;
      flex-wrap: wrap; } }

/* Post */
.post {
  width: 50%;
  min-width: 50%;
  padding: 0px 20px;
  position: relative; }
  @media (max-width: 767px) {
    .post {
      width: 100%;
      min-width: 100%;
      padding: 0px 10px;
      height: 290px; } }

.post__image {
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  bottom: 0; }
  @media (max-width: 767px) {
    .post__image {
      left: 10px;
      right: 10px; } }
  .post__image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px; }

.post__content {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    z-index: 3;
    background: #005A6F;
    /*background: rgb(177, 187, 18);*/
    border-radius: 0px 0px 30px 30px;
    -webkit-border-radius: 0px 0px 30px 30px;
    -moz-border-radius: 0px 0px 30px 30px;
    color: #fff;
    padding: 22px 30px 27px 30px;
}
  @media (max-width: 767px) {
    .post__content {
      left: 10px;
      right: 10px;
      padding: 14px 20px 21px 20px;
      flex-wrap: wrap; } }

.post__title {
  margin: 0px 26px 0px 0px;
  font-size: 21px;
  line-height: 1;
  font-weight: 600; }
  @media (max-width: 767px) {
    .post__title {
      font-size: 18px;
      margin: 0px 0px 22px 0px;
      text-align: center; } }

.post__button {
  margin-top: auto;
  margin-left: auto;
  width: 100px;
  height: 45px;
  background: #E03E52;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  position: relative; }
  @media (max-width: 767px) {
    .post__button {
      margin: 0px auto; } }
  .post__button img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }

/* Testimonial */
.testimonial {
    width: 50%;
    min-width: 50%;
    padding: 36px 50px 50px 50px;
    position: relative;
    color: #fff;
    
}
  @media (max-width: 767px) {
    .testimonial {
      width: 100%;
      min-width: 100%;
      margin-top: 10px;
      padding: 29px 30px 50px 30px; } }
.testimonial:before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    bottom: 0;
    background: #005A6F;
    /*background: rgb(177, 187, 18);*/
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    z-index: -1;
}
    @media (max-width: 767px) {
      .testimonial:before {
        left: 10px;
        right: 10px; } }

.testimonial__title {
  padding: 0px 0px 74px 0px;
  margin: 0px; }

.testimonial__description {
  padding: 0px 0px 21px 0px; }

.testimonial__content {
  position: relative; }
  .testimonial__content:before {
    content: '';
    display: block;
    position: absolute;
    width: 52px;
    height: 35px;
    background: url(images/quote.png) center no-repeat;
    top: -55px;
    left: 0; }
  .testimonial__content:after {
    content: '';
    display: block;
    position: absolute;
    width: 52px;
    height: 35px;
    background: url(images/quote-2.png) center no-repeat;
    right: 0;
    bottom: -15px; }