/*!
THEME CUSTOM STYLES
*/


/**
 * Table of Contents
 *
 * 1.0 - Base
 *   1.1 - Typography
 *   1.2 - Grid
 *   1.3 - Links
 *   1.4 - Images
 *   1.5 - Buttons
 *   1.6 - Tooltips
 * 2.0 - Header
 * 3.0 - Footer
 * 4.0 - Home Page
 *   4.1 - Find Cafe Widget
 *   4.2 - Promo Section ( Section 1 )
 *   4.3 - What We Do Section ( Section 2 )
 *   4.4 - About Kindness Section ( Section 3 )
 *   4.5 - Changing Lives Section ( Section 4 )
 *   4.6 - Join Us Section ( Section 5 )
 * 5.0 - How It Works Page
 *   5.1 - Promo Section ( Section 1 )
 *   5.2 - Suspend Coffee Section ( Section 2 )
 *   5.3 - Other Questions Section ( Section 3 )
 *   5.4 - More Than Coffee Section ( Section 4 )
 * 6.0 - About Page
 *   6.1 - Watch Video Widget
 *   6.2 - History Section ( Section 2 )
 *   6.3 - Team Section ( Section 3 )
 * 7.0 - Volonteer Page
 *   7.1 - Do As Volunteer ( Section 2 )
 * 8.0 - Blog Page
 *   8.1 - Promo Section ( Section 1 )
 *   8.2 - Recent Articles Section ( Section 2 )
 * 9.0 - Single Blog Page
 *   9.1 - Single Article Section
 *   9.2 - Sidebar
 * 10.0 - Cafes Page
 *   10.1 - Featured Cafes Section ( Section 1 )
 *   10.2 - Map Section ( Section 2 )
 * 11.0 - Purpleplanet Page
 *   11.1 - Promo Section ( Section 1 )
 *   11.2 - Decided To Help Section ( Section 2 )
 *   11.3 - Benefits Section ( Section 3 )
 *   11.4 - Testimonials Section ( Section 4 )
 *   11.5 - Contact Purpleplanet Section ( Section 5 )
 * 12.0 - Gravity Form
 * 13.0 - Privacy Policy Page
 * 14.0 - Printable Materials Page
 * 15.0 - My Information Page
 * 16.0 - 404 Page
 */


/*======
*
* 1.0 - Base
*
======*/
html,
body {
   height: 100%;
}

body {
   overflow-x: hidden;

   background: #f6f9fb;

   font-family: "omnes-pro", sans-serif;
   font-size: 16px;
   line-height: 1.4;
}

/* 1.1 - Typography */
.section .heading {
   margin: 0 0 60px;

   letter-spacing: normal;

   color: #382e2c;

   font-size: 64px;
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.25;
}

.section--secondary .heading {
   color: #1c274e;
}

.section .heading > span {
   color: #651d32;

   font-weight: 600;
}

.section--secondary .heading > span {
   color: #693387;
}

.section--secondary .heading > strong {
   font-weight: 600;
}

.section--colored.section--secondary .heading > span {
   color: #51c4ce;
}

.heading-underline {
   display: block;

   width: 100px;
   height: 6px;

   -webkit-border-top-left-radius: 5px 5px;
           border-top-left-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 5px 5px;
           border-bottom-right-radius: 5px 5px;
   background-color: #ffcd00;
}

.section--secondary .heading-underline {
   background-color: #51c4ce;
}

.section .subheading {
   margin: 0 0 20px;

   color: #651d32;

   font-size: 48px;
   font-weight: 600;
   line-height: 1.67;
}

.section .title {
   margin: 0 0 30px;

   letter-spacing: 1.6px;

   color: #382e2c;

   font-size: 32px;
   font-weight: 600;
   line-height: 1.41;
}

.section .caption,
.section .caption a {
   margin: 0;

   letter-spacing: 1.4px;

   color: #382e2c;

   font-size: 28px;
   font-weight: 700;
   line-height: 1.25;
}

.section--secondary .caption {
   color: #1c274e;
}

.section .caption a:hover,
.section .caption a:active {
   color: #2d2523;
}

.section p {
   letter-spacing: 0.9px;

   color: #605856;

   font-size: 18px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   /* line-height: 1.94; */
   line-height: 1.8;
}

.section--secondary p {
   color: #1c274e;
}

.section.section--colored p {
   color: #fff;
}

a:visited,
a:focus {
   color: inherit;
   outline: none;
}

@media (max-width: 1200px) {
   .section .heading {
      margin: 0 0 30px;

      font-size: 48px;
      line-height: 1.31;
   }

   .section .subheading {
      margin: 0 0 15px;

      font-size: 36px;
   }

   .section .title {
      margin: 0 0 20px;

      font-size: 26px;
   }

   .section .caption,
   .section .caption a {
      font-size: 20px;
   }
}

@media (max-width: 992px) {
   .section .heading {
      font-size: 48px;
   }

   .heading-underline {
      margin: 0 auto;
   }

   .section .subheading {
      font-size: 36px;
   }

   .section .heading > span.secondary-text {
      color: #ffcd00;
   }

   .heading br {
      display: none;
   }
}

@media (max-width: 760px) {
   .section .heading {
      margin: 0 0 20px;

      font-size: 36px;
   }

   .section .subheading {
      margin: 0 0 10px;

      font-size: 28px;
   }

   .section .title {
      margin: 0 0 15px;

      font-size: 20px;
   }

   .section .caption,
   .section .caption a {
      font-size: 18px;
   }
}

/* 1.2 - Grid */
/* .site-content {
   padding-top: 90px;
} */
.container {
   margin-right: auto;
   margin-left: auto;
   padding-right: 15px;
   padding-left: 15px;
}

/* @media (min-width: 768px) {
  .container {
    width: 750px;
  }
} */

/* @media (min-width: 992px) {
  .container {
    width: 970px;
  }
} */

/* @media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
} */

/* @media (max-width: 768px) {
   .container {
      width: 648px;
   }
} */

.row {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;

   margin-right: -15px;
   margin-left: -15px;
}

.section {
   position: relative;
   overflow-x: hidden;

   padding: 50px 0 70px;
}

.section.section--colored {
   color: #fff;
}

@media (min-width: 1281px) {
   .container {
      width: 1140px;
   }
}

@media (max-width: 1280px) {
   .container {
      width: 1140px;
   }
}

@media (max-width: 1200px) {
   .container {
      width: 904px;
   }
}

@media (max-width: 992px) {
   .container {
      width: 648px;
   }

   .section {
      padding: 60px 0 60px;
   }
}

@media (max-width: 760px) {
   .container {
      width: 100%;
      max-width: 100%;
   }

   .row {
      margin: 0;
   }

   .section {
      padding: 20px 0 20px;
   }

   .section p {
      font-size: 16px;
      line-height: 1.55;
   }
}

/* 1.3 - Links */
a {
   -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
           transition-timing-function: ease-in-out;
   -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
           transition-duration: 0.2s;
   -webkit-transition-property: all;
      -moz-transition-property: all;
        -o-transition-property: all;
           transition-property: all;
   text-decoration: none;
}


.section p a {
   color: #7da1c4;

   font-weight: 600;
}

.section p a:hover,
.section p a:active {
   color: #64819d;
}

/* 1.4 - Images */
.image-box {
   position: relative;

   display: inline-block;
   overflow: hidden;

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
   min-width: 30px;
   max-width: 100%;
   height: auto;
   min-height: 30px;

   vertical-align: top;

   font-size: 0;
}

.image-box > img {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;

   display: block;

   width: 100%;
   max-width: 100%;
   height: 100%;
   max-height: 100%;
   margin: 0;
   padding: 0;

   -o-object-fit: cover;
      object-fit: cover;
}

.image-box.image-box--rounded {
   -webkit-border-radius: 50%;
           border-radius: 50%;
}

.image-box > img[src*="brownSC_Horizonal"] {
   -o-object-fit: contain !important;
      object-fit: contain !important;
}


/* 1.5 - Buttons */
.btn {
   display: inline-block;

   padding: 0.375rem 0.75rem;

   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
      -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
           transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
           transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
           transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   text-align: center;
   vertical-align: middle;

   color: #212529;
   border: 1px solid transparent;
   -webkit-border-radius: 0.25rem;
           border-radius: 0.25rem;
   background-color: transparent;

   font-size: 0.9rem;
   font-weight: 400;
   line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
   .btn {
      -webkit-transition: none;
         -moz-transition: none;
           -o-transition: none;
              transition: none;
   }
}

.btn.btn--primary {
   margin-right: 15px;

   letter-spacing: 0.7px;

   color: #fff;
   background: #7da1c4;

   font-weight: 600;
}

.btn.btn--primary:hover,
.btn.btn--primary:active {
   color: #fff;
   background: #64819d;
}

.btn.btn--primary:last-of-type {
   margin-right: 0;
}

.btn.btn--secondary {
   margin-right: 15px;

   letter-spacing: 0.7px;

   color: #fff;
   background: #ffcd00;

   font-weight: 600;
}

.btn.btn--secondary:hover,
.btn.btn--secondary:active {
   color: #fff;
   background: #cca300;
}

.btn.btn--secondary:last-of-type {
   margin-right: 0;
}

.section--secondary .btn.btn--secondary {
   background: #51c4ce;
}

.section--secondary .btn.btn--secondary:hover,
.section--secondary .btn.btn--secondary:active {
   color: #fff;
   background: #3f9ca5;
}

.btn.btn--rounded {
   -webkit-border-radius: 25px;
           border-radius: 25px;
}

.btn.btn--small {
   height: 50px;
   padding: 0 30px;

   line-height: 48px;
}


/* 1.6 - Tooltips */
.tooltip {
   position: absolute;
   z-index: 200;
   top: 40px;
   left: 50%;

   width: auto;
   padding: 10px;

   -webkit-transform: translate(-50%);
      -moz-transform: translate(-50%);
       -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
           transform: translate(-50%);
   white-space: nowrap;
   word-wrap: no-wrap;

   color: #1d2c4c;
   -webkit-border-radius: 5px;
           border-radius: 5px;
   background-color: #fff;
   -webkit-box-shadow: 1px 1px 20px #aaa;
           box-shadow: 1px 1px 20px #aaa;

   font-size: 0.9em;

   -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
           transform-style: preserve-3d;
}

.tooltip:after {
   position: absolute;
   z-index: 400;
   top: -1px;
   left: 50%;

   display: block;

   width: 10px;
   height: 10px;

   content: "";
   -webkit-transform: rotate(45deg) translateX(-50%);
      -moz-transform: rotate(45deg) translateX(-50%);
       -ms-transform: rotate(45deg) translateX(-50%);
        -o-transform: rotate(45deg) translateX(-50%);
           transform: rotate(45deg) translateX(-50%);
   -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
       -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
           transform-origin: 50% 50%;

   background-color: #fff;
}

.tooltip:before {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 50%;

   display: block;

   width: 10px;
   height: 10px;

   content: "";
   -webkit-transform: rotate(45deg) translateX(-50%) translateZ(-1px);
      -moz-transform: rotate(45deg) translateX(-50%) translateZ(-1px);
           transform: rotate(45deg) translateX(-50%) translateZ(-1px);
   -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
       -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
           transform-origin: 50% 50%;

   background-color: #fff;
   -webkit-box-shadow: -1px -1px 20px #aaa;
           box-shadow: -1px -1px 20px #aaa;
}
/* --- / --- */


/*======
*
* 2.0 - Header
*
======*/
/* Logo */
.site-header {
   /* position: relative; */
   position: absolute;
   z-index: 10;

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
   min-height: 90px;
}

.site-header.with-bg {
   position: fixed;
   z-index: 9999;

   background-color: #f6f9fb;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

body.page-template-page-purpleplanet .site-header.with-bg {
   background-color: #faf9f3;
}
/*
body.blog .site-header.with-bg,
body.archive .site-header.with-bg {
   z-index: 50;
} */

.site-branding {
   position: absolute;
   z-index: 50;
   top: 0;
   left: 0;

   width: 90px;
   height: 90px;
   padding: 12px 0 0 12px;

   -webkit-border-bottom-right-radius: 40px;
           border-bottom-right-radius: 40px;
   background-color: #382e2c;
}

.site-branding__logo {
   overflow: hidden;

   width: 60px;
   height: 64.8px;

   font-size: 0;

   -o-object-fit: contain;
      object-fit: contain;
}

.site-branding__logo > img {
   width: 100%;
   max-width: 100%;
   height: 100%;
}

/* Navigation */
.main-navigation {
   text-align: left;

   color: #605856;

   font-size: 18px;
   font-weight: 600;
}

.main-navigation ul::after {
   display: block;
   clear: both;

   content: "";
}

.main-navigation a {
   position: relative;

   padding: 37px 50px 28px 0;

   letter-spacing: 0.9px;

   color: inherit;

   line-height: 1.11;
}

.main-navigation .menu-item:first-of-type > a {
   padding-left: 0;
}

.main-navigation .menu-item:last-of-type > a {
   padding-right: 0;
}

.main-navigation .current_page_item a,
.main-navigation .current_page_item a:hover,
.main-navigation .current_page_item a:active {
   color: #651d32;
}

.main-navigation a:hover,
.main-navigation a:active {
   color: #382e2c;
}

.main-navigation a:focus {
   outline: none;
}

.main-navigation .current_page_item a:after {
   position: absolute;
   bottom: 7px;
   left: 0;

   display: block;

   width: 26px;
   height: 5px;

   content: "";

   -webkit-border-top-left-radius: 5px 5px;
           border-top-left-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 5px 5px;
           border-bottom-right-radius: 5px 5px;
   background-color: #ffcd00;
}

/* Burger Menu */
.menu-toggle {
   position: absolute;
   top: 32px;
   right: 27px;

   width: 36px;
   height: 26px;

   cursor: pointer;
   -webkit-transition: 0.5s ease-in-out;
      -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
           transition: 0.5s ease-in-out;
   -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
           transform: rotate(0deg);

   border: none;
   -webkit-border-radius: 0;
           border-radius: 0;
   background: transparent;

   font-size: 0;
}

.menu-toggle:focus {
   outline: none;
}

.menu-toggle span {
   position: absolute;
   left: 0;

   display: block;

   width: 100%;
   height: 2px;

   -webkit-transition: 0.25s ease-in-out;
      -moz-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
           transition: 0.25s ease-in-out;
   -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
           transform: rotate(0deg);

   opacity: 1;
   -webkit-border-radius: 1px;
           border-radius: 1px;
   background: #fff;
}

.menu-toggle span:nth-child(1) {
   top: 0;
}

.menu-toggle span:nth-child(2),
.menu-toggle span:nth-child(3) {
   top: 10px;
}

.menu-toggle span:nth-child(4) {
   top: 20px;
}

.main-navigation.toggled .menu-toggle span:nth-child(1) {
   top: 18px;
   left: 50%;

   width: 0;
}

.main-navigation.toggled .menu-toggle span:nth-child(2) {
   -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
           transform: rotate(45deg);
}

.main-navigation.toggled .menu-toggle span:nth-child(3) {
   -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
       -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
           transform: rotate(-45deg);
}

.main-navigation.toggled .menu-toggle span:nth-child(4) {
   top: 18px;
   left: 50%;

   width: 0;
}

.site-header__actions--mobile {
   display: none;

   text-align: center;
}


/* Socials Widget */
body.single.single-post .socials-widget {
   display: none;
}

.socials-widget {
   position: absolute;
   z-index: 30;
   top: 205px;
   left: 0;
}

.socials-widget__list {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;

   margin: 0;
   padding: 45px 35px;

   list-style: none;

   -webkit-border-top-left-radius: 30px 30px;
           border-top-left-radius: 30px 30px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 30px 30px;
           border-bottom-right-radius: 30px 30px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.socials-widget__item {
   display: inline-block;

   width: 20px;
   height: 20px;
   margin-bottom: 45px;
}

.socials-widget__item:last-child {
   margin-bottom: 0;
}

.socials-widget__item a {
   display: inline-block;

   width: 20px;
   height: 20px;
}

.socials-widget__item a .socials-svg {
   fill: #d7d5d5;
}

.socials-widget__item a:hover .socials-svg,
.socials-widget__item a:active .socials-svg {
   fill: #afabab;
}

/* @media Header */
@media (min-width: 1700px) {
   .site-header .container {
      width: 1460px;
   }
}

@media (min-width: 2400px) {
   .site-header .container {
      width: 2100px;
   }
}

@media (max-width: 1366px) {
   .main-navigation ul {
      padding-left: 37px;
   }
}

@media (max-width: 1280px) {
   .main-navigation ul {
      padding-left: 80px;
   }

   /* .main-navigation a {
      padding: 39px 12px 28px 0;
   } */
}

@media (max-width: 1200px) {
   .main-navigation ul {
      padding-left: 0;
   }

   .main-navigation a {
      padding: 39px 20px 28px 0;
   }

   .socials-widget {
      display: none;
   }
}

@media (max-width: 1114px) {
   .main-navigation ul {
      padding-left: 55px;
   }

   .main-navigation a {
      padding: 39px 12px 28px 0;
   }
}

@media (max-width: 992px) {
   /* Mobile Menu */
   .site-header {
      position: absolute;
      z-index: 30;
   }

   .site-header.with-bg {
      position: absolute;

      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
   }

   .site-header .container {
      width: 100%;
      max-width: 100%;
   }

   .main-navigation ul {
      float: none;

      padding-left: 0;
   }

   .main-navigation.toggled {
      position: absolute;

      overflow-y: scroll;

      width: 100vw;
      min-height: 100vh;
      padding: 95px 0 45px;

      background-color: #382e2c;
   }

   .main-navigation.toggled ul {
      display: -webkit-box;
      display: -webkit-flex;
      display:    -moz-box;
      display: -ms-flexbox;
      display:         flex;
      -webkit-box-align: center;
         -moz-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -ms-flex-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .main-navigation .menu-item:first-of-type > a,
   .main-navigation .menu-item:last-of-type > a,
   .main-navigation a {
      display: inline-block;

      padding: 15px 25px;
   }

   .main-navigation .menu-item {
      margin-bottom: 10px;
   }

   .main-navigation .menu-item:last-of-type {
      margin-bottom: 100px;
   }

   .main-navigation .current_page_item a,
   .main-navigation .current_page_item a:hover {
      color: #ffcd00;
      -webkit-border-radius: 25px;
              border-radius: 25px;
      background-color: rgba(255, 255, 255, 0.1);
   }

   .main-navigation a:hover,
   .main-navigation a:active {
      color: #ffcd00;
   }

   .main-navigation .current_page_item a:after {
      display: none;
   }

   .main-navigation.toggled .site-header__actions--mobile {
      /* display: block; */
      display: -webkit-box;
      display: -webkit-flex;
      display:    -moz-box;
      display: -ms-flexbox;
      display:         flex;
      -webkit-box-align: center;
         -moz-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
         -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
   }

   body.blog .main-navigation.toggled .site-header__actions--mobile,
   body.archive .main-navigation.toggled .site-header__actions--mobile,
   body.page-template-page-purpleplanet .main-navigation.toggled .site-header__actions--mobile,
   body.page-template-page-cafes .main-navigation.toggled .site-header__actions--mobile,
   body.page-id-3 .main-navigation.toggled .site-header__actions--mobile {
      display: none;
   }
}

@media (max-width: 760px) {
   .site-header .row {
      margin: 0 -15px;
   }
}

@media (max-width: 568px) {
   .main-navigation {
      display: -webkit-box;
      display: -webkit-flex;
      display:    -moz-box;
      display: -ms-flexbox;
      display:         flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .main-navigation .menu-item:last-of-type {
      margin-bottom: 0;
   }

   .main-navigation.toggled .site-header__actions--mobile {
      margin-top: auto;
      margin-bottom: 45px;
   }
}

/* --- / --- */


/*======
*
* 3.0 - Footer
*
======*/
.site-footer {
   padding: 65px 0 80px;

   background-color: #f6f9fb;
}

.site-footer__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-pack: justify;
      -moz-box-pack: justify;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
           justify-content: space-between;

   width: 100%;
}

/* .site-footer__column {
   max-width: 25%;
}   */

.site-footer .widget,
.site-footer .textwidget {
   height: 100%;
}
.site-footer .textwidget,
.footer-additional__links,
.footer-links ul {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: start;
      -moz-box-align: start;
   -webkit-align-items: flex-start;
           align-items: flex-start;
   -ms-flex-align: start;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
}

.site-footer__logo {
   position: relative;
   left: -12px;

   width: 228px;
   height: 60px;
}

.site-footer h4 {
   margin: 10px 0 20px;

   letter-spacing: 0.9px;

   color: #afabab;

   font-size: 18px;
   font-weight: 600;
   line-height: 1.94;
}

.footer-additional__donate h4,
.footer-contacts__subscribe h4 {
   margin-top: 0;
   margin-bottom: 15px;
}

.footer-additional__donate,
.footer-contacts__subscribe {
   margin-top: auto;
}

.site-footer p {
   margin: 20px 0 60px;

   letter-spacing: 0.8px;

   color: #605856;

   font-size: 15px;
   line-height: 1.67;
}

.site-footer .designedby,
.site-footer .designedby a {
   margin-bottom: 10px;

   white-space: nowrap;
   letter-spacing: 0.7px;

   font-size: 13px;
   line-height: 1.92;
}

.site-footer .designedby a,
.site-footer a[href^="mailto:"] {
   color: #7da1c4;
}

.site-footer .designedby a:hover,
.site-footer .designedby a:active,
.site-footer a[href^="mailto:"]:hover,
.site-footer a[href^="mailto:"]:active {
   color: #64819d;
}

.site-footer small {
   color: #afabab;

   font-size: 11px;
   line-height: 1.36;
}

.footer-links ul {
   margin: 0;
   padding-left: 0;

   list-style: none;
}

.site-footer a,
.footer-links li {
   margin: 10px 0;

   letter-spacing: 0.8px;

   color: #605856;

   font-size: 15px;
   font-weight: 600;
   line-height: 1.33;
}

.site-footer .page_item a {
   text-transform: lowercase;
}

.site-footer a:hover,
.site-footer a:active {
   color: #382e2c;
}

.footer-links li.current_page_item a {
   color: #651d32;
}

.site-footer .btn {
   margin: 0;
}

.footer-contacts__social-list {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
}

.footer-contacts__social-list a {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-pack: center;
      -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
           justify-content: center;

   width: 40px;
   height: 40px;
   margin: 10px 15px 10px 0;

   -webkit-border-top-left-radius: 10px 10px;
           border-top-left-radius: 10px 10px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 10px 10px;
           border-bottom-right-radius: 10px 10px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #dbc8b6;

   font-size: 0;
}

.footer-contacts__social-list a:last-child {
   margin-right: 0;
}

.footer-contacts__social-list a:hover,
.footer-contacts__social-list a:active {
   background-color: #afa092;
}

/* Mailchimp Signup Form */
body #mc_embed_signup form {
   padding: 0;
}

body #mc_embed_signup {
   clear: left;

   width: 100%;

   background: transparent;
}

body #mc_embed_signup_scroll {
   position: relative;
}

body #mc-embedded-subscribe-form input[type=checkbox] {
   display: inline;

   width: auto;
   margin-right: 10px;
}

body #mergeRow-gdpr {
   margin-top: 20px;
}

body #mc-embedded-subscribe-form .mc_fieldset {
   min-height: 0;
   padding-bottom: 0;

   border: none;
}

body #mc_embed_signup label {
   margin: 0 0 15px;
   padding-bottom: 0;

   text-align: left;
   letter-spacing: 0.9px;

   color: #afabab;

   font-size: 18px;
   font-weight: 600;
   font-weight: 600;
   line-height: 1.94;
}

body #mc_embed_signup input.email {
   width: 300px;
   height: 50px;
   padding: 15px 60px 15px 30px;

   border: 2px solid #e8e9eb;
   -webkit-border-radius: 25px;
           border-radius: 25px;
   background-color: transparent;
}

body #mc_embed_signup .clear {
   position: absolute;
   right: 0;
   bottom: 0;

   width: 50px;
   height: 50px;
}

body #mc_embed_signup .button {
   width: 100%;
   height: 100%;

   -webkit-border-radius: 50%;
           border-radius: 50%;
   background-color: #7da1c4;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15.435' height='11.192'%3e%3cpath d='M4.535 10.9L.292 6.656a1 1 0 1 1 1.414-1.414l3.536 3.536L13.727.293a1.0005561 1.0005561 0 0 1 1.415 1.415L5.949 10.9a1 1 0 0 1-1.414 0z' style='fill:%23fff'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: 50% 50%;

   font-size: 0;
}

body #mc_embed_signup .button:hover {
   background-color: #64819d;
}

body #mc_embed_signup .button:focus {
   outline: none;
}


/* @media Footer */
@media (min-width: 1441px) {
   .site-footer .container {
      width: 1420px;
   }
}

@media (max-width: 1440px) {
   .site-footer .container {
      width: 1290px;
   }
}

@media (max-width: 1366px) {
   .site-footer .container {
      width: 1222px;
   }
}

@media (max-width: 1280px) {
   .site-footer .container {
      width: 1140px;
   }
}

@media (max-width: 1200px) {
   .site-footer .container {
      width: 904px;
   }

   .site-footer .site-info {
      max-width: 25%;
   }

   .site-footer p {
      margin: 20px 0 30px;
   }

   .site-footer .site-info br,
   .site-footer .btn .hide-on-media {
      display: none;
   }
}

@media (max-width: 992px) {
   .site-footer .container {
      width: 648px;
   }

   .site-footer__inner {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
   }

   .site-footer .site-info {
      max-width: 36%;
   }

   .footer-additional__donate {
      margin-top: 20px;
   }

   .footer-contacts {
      width: 100%;
   }

   .footer-contacts .textwidget {
      display: -webkit-box;
      display: -webkit-flex;
      display:    -moz-box;
      display: -ms-flexbox;
      display:         flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
   }

   .footer-contacts__socials,
   .footer-contacts__subscribe {
      width: 50%;
      margin-top: 0;
   }

   .footer-contacts__subscribe h4 {
      margin-top: 10px;
   }


   body #mc_embed_signup label {
      margin: 10px 0 25px;
   }

   body #mc_embed_signup input.email {
      width: 100%;
   }
}

@media (max-width: 768px) {
   #mc_embed_signup input.email {
      margin-bottom: 0;
   }
}
@media (max-width: 760px) {
   .site-footer {
      position: relative;

      padding: 35px 0 100px;
   }

   .site-footer .container {
      width: 100%;
      max-width: 100%;
   }

   .site-footer h4 {
      margin: 10px 0;
   }

   .site-footer a,
   .footer-links li {
      margin: 5px 0;
   }

   .site-footer__inner {
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
              justify-content: space-around;
   }

   .site-footer .site-info {
      width: 100%;
      max-width: none;

      text-align: center;
   }

   .site-footer .textwidget {
      -webkit-box-align: center;
         -moz-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -ms-flex-align: center;
   }

   .footer-contacts__subscribe,
   .footer-contacts__socials,
   .footer-links ul,
   .widget_pages,
   .footer-additional__links,
   .footer-additional__donate {
      -webkit-box-align: center;
         -moz-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -ms-flex-align: center;

      width: 100%;

      text-align: center;
   }

   .footer-contacts__social-list {
      -webkit-box-pack: center;
         -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
   }

   .footer-contacts__social-list a {
      margin: 5px;
   }

   .site-footer p {
      margin-bottom: 0;
   }

   .site-footer .designedby {
      margin-bottom: 20px;
   }

   .site-footer .designedby,
   .site-footer small {
      position: absolute;
      bottom: 30px;
   }

   .footer-contacts__socials {
      margin-bottom: 30px;
   }

   .footer-contacts__subscribe {
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
              align-self: flex-start;
   }

   body #mc_embed_signup label {
      margin: 20px 0 15px;

      text-align: center;
   }
}

@media (max-width: 640px) {
   .footer-contacts .textwidget {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   body #mc_embed_signup form {
      width: 300px;
      margin: 0 auto;
   }

   body #mc_embed_signup label {
      margin: 10px 0;

      text-align: center;
   }
}

@media (max-width: 380px) {
   .site-footer__column {
      -webkit-box-align: center;
         -moz-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -ms-flex-align: center;

      width: 100%;
   }
}


/* --- / --- */


/*======
*
* 4.0 - Home Page
*
======*/

/* 4.1 - Find Cafe Widget */
.find-cafe {
   position: absolute;
   z-index: 10;
   top: 0;
   right: 0;

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   width: 628px;
   width: -webkit-calc(50% - 172px);
   width:    -moz-calc(50% - 172px);
   width:         calc(50% - 172px);

   color: #fff;
}

.find-cafe__image {
   position: relative;

   overflow: hidden;

   height: 660px;
}

.find-cafe__image img {
   position: absolute;
   left: -30px;

   display: block;

   max-width: none;
   height: 100%;
   max-height: 100%;
   margin: 0;
   padding: 0;

   -o-object-fit: cover;
      object-fit: cover;
}

.find-cafe__search {
   position: relative;
   z-index: 20;

   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-flex-flow: row nowrap;
       -ms-flex-flow: row nowrap;
           flex-flow: row nowrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   height: 140px;
}

.find-cafe__search-input,
.find-cafe__search-list {
   position: relative;

   overflow: visible;
   -webkit-box-flex: 1;
      -moz-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
           flex-grow: 1;

   width: -webkit-calc(100% - 140px);
   width:    -moz-calc(100% - 140px);
   width:         calc(100% - 140px);
   max-width: 100%;
   padding: 45px;

   -webkit-border-bottom-left-radius: 70px;
           border-bottom-left-radius: 70px;
   background: #7da1c4;
}

.find-cafe__search-input-wrapper,
.map__search-input-wrapper {
   position: relative;

   width: 100%;
   max-width: 100%;
   height: 50px;
   padding: 0 25px;

   border: solid 2px #fff;
   -webkit-border-radius: 25px;
           border-radius: 25px;
}

.map__search-input-wrapper {
   padding: 0 15px;
}

.map__search-input-wrapper {
   margin-right: 20px;

   border: 2px solid #e8e9eb;
}

.find-cafe__search .find-cafe__search-list {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-flex-flow: row wrap;
       -ms-flex-flow: row wrap;
           flex-flow: row wrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
   -webkit-box-pack: justify;
      -moz-box-pack: justify;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
           justify-content: space-between;

   padding: 35px;
}

.find-cafe__search-item {
   position: relative;
   top: -130px;

   overflow: hidden;
   /* width: 45%; */

   width: 30%;
   height: 200px;

   border: 2px solid #fff;
   -webkit-border-top-left-radius: 5px 5px;
           border-top-left-radius: 5px 5px;
   -webkit-border-top-right-radius: 30px 30px;
           border-top-right-radius: 30px 30px;
   -webkit-border-bottom-right-radius: 5px 5px;
           border-bottom-right-radius: 5px 5px;
   -webkit-border-bottom-left-radius: 30px 30px;
           border-bottom-left-radius: 30px 30px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.find-cafe__search-item-header {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   overflow: hidden;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-flex-flow: row nowrap;
       -ms-flex-flow: row nowrap;
           flex-flow: row nowrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
   -webkit-box-pack: start;
      -moz-box-pack: start;
   -ms-flex-pack: start;
   -webkit-justify-content: flex-start;
           justify-content: flex-start;

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   height: 65px;
   max-height: 65px;
   padding: 10px 15px;
   padding-right: 0;

   text-align: left;
   letter-spacing: 0.8px;

   color: #382e2c;

   font-family: "omnes-pro", sans-serif;
   font-size: 15px;
   font-weight: bold;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.47;
}

.find-cafe__search-item-title {
   overflow: hidden;
   -webkit-box-flex: 1;
   -webkit-flex: auto;
      -moz-box-flex: 1;
       -ms-flex: auto;
           flex: auto;

   max-width: 100%;
   /* height: 44px; */
   max-height: 44px;
   margin: 0;

      text-overflow: ellipsis;

   font-family: inherit;
   font-size: inherit;

   -o-text-overflow: ellipsis;
}

.find-cafe__search-item-link {
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   width: 50px;
   margin: 0 !important;
   padding: 0 !important;

   cursor: pointer;

   color: #7da1c4;
   border: none !important;
   outline: none !important;
   background: transparent;

   font-size: 32px;
}

.find-cafe__search-item-image.image-box {
   height: 135px;
   /* background: #E8B98D; */

   background: #dbc8b6;
}


/* Select 2 */
body .select2-container.select2-container--open {
   top: 46px !important;
   /* left: 0 !important; */
}

.js-example-basic-single,
.js-example-basic-single-map,
.js-country,
.js-cities,
.js-cafes {
   height: 0;

   opacity: 0;
}

.find-cafe__search-input .select2,
.find-cafe__search-input .select2-container--default .select2-search--dropdown .select2-search__field,
.find-cafe__search-input .select2-search--dropdown .select2-search__field {
   display: inline-block;

   width: 100%;
   max-width: 100%;
   height: 46px;

   background: transparent;
}

.select2-search--dropdown,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
   display: inline-block;

   width: 100%;
   height: 46px;
   padding: 0 5px 0 0;
   /* white-space: nowrap; */
   /* word-break: break-all; */

   letter-spacing: 0.9px;

   color: #b6cade;
   border: none;
   background: transparent;

   font-size: 18px;
   font-style: italic;
   font-stretch: normal;
   line-height: 46px;
}

.map__search-input-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: #afabab;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
   color: #fff;
}

.map__search-input-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
   color: #382e2c;
}

.select2:focus,
.select2-selection--single:focus {
   color: #fff;
   outline: none;
}

.select2-dropdown {
   background: #7da1c4;
}

.map__search-input-wrapper .select2-dropdown {
   background: #fff;
}

.select2-search--dropdown {
   position: absolute;
   top: -48px;
   left: 0;

   display: inline-block;

   width: 100%;
   height: 46px;

   background: transparent;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
   color: #fff;
   border: none;
   background: #7da1c4;

   font-size: 18px;
}

.map__search-input-wrapper .select2-container--default .select2-search--dropdown .select2-search__field {
   color: #382e2c;
   background: transparent;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
   outline: none;
}

.select2-results {
   border: 2px solid  #fff;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
   color: #fff;
   background-color: #97b4d0;
}

.select2-results__option,
.select2-results__options .select2-results__option.loading-results {
   color: #fff;
}

.map__search-input-wrapper .select2-results__option,
.map__search-input-wrapper .select2-results__options .select2-results__option.loading-results {
   color: #382e2c;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   top: 8px;

   display: none;
}

/* .select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-width: 10px 10px 0 10px;
   border-color: #fff transparent transparent transparent;
} */

.find-cafe__search-input img {
   position: absolute;
   top: 16px;
   right: 12px;

   display: block;

   width: 16px;
   height: 16px;

   -o-object-fit: contain;
      object-fit: contain;
}

.find-cafe__search-map {
   display: inline-block;
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;
   -webkit-flex-flow: column nowrap;
       -ms-flex-flow: column nowrap;
           flex-flow: column nowrap;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
   -webkit-box-pack: center;
      -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
           justify-content: center;

   width: 140px;
   padding: 10px 36px;

   cursor: pointer;
   text-align: center;
   vertical-align: top;
   text-decoration: none !important;
   letter-spacing: 2px;

   color: inherit;
   border: none !important;
   -webkit-border-radius: 0;
           border-radius: 0;
   outline: none !important;
/*    background: #97b4d0; */
   background: #ffcd00;

   font-size: 18px;
   font-weight: 600;
   font-stretch: normal;
   line-height: 1.15;
}

.find-cafe__search-map:hover,
.find-cafe__search-map:active {
   color: inherit;
/*    background: #7da1c4; */
	background: #cca300;
}

.find-cafe__search-map > img {
   display: block;

   width: 28px;
   height: 35px;
   margin-right: auto;
   margin-bottom: 12px;
   margin-left: auto;

   -o-object-fit: contain;
      object-fit: contain;
}

/* 4.2 - Promo Section ( Section 1 ) */
.promo {
   position: static;

   padding-top: 140px;
}

.promo__inner {
   position: relative;
   z-index: 5;

   width: 100%;
}

.promo--form .promo__inner {
   z-index: 20;
}

.promo__content {
   position: relative;
   z-index: 20;

   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   width: 50%;
}

.promo__content .heading {
   margin: 40px 0 35px;
}

.promo__content p {
   margin-bottom: 40px;
}

.promo__content--no-actions p {
   margin-bottom: 140px;
}

.promo__actions {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;

   margin-bottom: 136px;
}

.promo__pay-pal {
   height: 50px;
   margin-right: 15px;
}

.promo__pay-pal br {
   display: none;
}

.explore-more {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-flex-flow: row nowrap;
       -ms-flex-flow: row nowrap;
           flex-flow: row nowrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;

   cursor: pointer;
   text-align: left;
   letter-spacing: 2px;

   color: #afabab;
   border: none !important;
   outline: none !important;
   background: transparent;

   font-size: 13px;
   font-weight: 600;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.62;
}

.explore-more:hover,
.explore-more:active {
   color: #888280;
}

.explore-more > img {
   display: block;

   width: 28px;
   height: 40px;
   margin-right: 15px;

   -o-object-fit: contain;
      object-fit: contain;
}

.explore-more > span {
   display: inline-block;

   vertical-align: middle;
}


/* 4.3 - What We Do Section ( Section 2 ) */
/* 4.4 - About Kindness Section ( Section 3 ) */
/* 4.5 - Changing Lives Section ( Section 4 ) */
.section__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-flex-flow: row nowrap;
       -ms-flex-flow: row nowrap;
           flex-flow: row nowrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;

   width: 100%;
}

.section--reverse .section__inner {
   -webkit-flex-flow: row-reverse nowrap;
       -ms-flex-flow: row-reverse nowrap;
           flex-flow: row-reverse nowrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
      -moz-box-orient: horizontal;
      -moz-box-direction: reverse;
}

.section__content,
.section__image {
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;
}

.section__content {
   width: 35%;
   margin-right: 15%;
}

.section--reverse .section__content {
   margin-right: 0;
   margin-left: 15%;
}

.section__content p {
   margin: 45px 0 0;
}

.section__image {
   width: 50%;
   height: 570px;
}

.section__image--what-we-do {
   width: 674px;
   height: 570px;
}

.section__image--about-kindness {
   position: relative;
   right: -13px;

   width: 747px;
   height: 720px;
}

.section__image--changing-lives {
   width: 760px;
   height: 600px;
}

.section__image > img {
   -o-object-fit: contain;
      object-fit: contain;
}

.section__actions {
   margin-top: 40px;
   margin-bottom: 20px;
}

/* 4.6 - Join Us Section ( Section 5 )  */
.join-us {
   overflow-x: visible;

   margin-top: 150px;
   padding: 0;
}

.join-us__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-flex-flow: row nowrap;
       -ms-flex-flow: row nowrap;
           flex-flow: row nowrap;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;

   width: 100%;
}

.join-us__content,
.join-us__form {
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;
}

.join-us__content {
   width: 35%;
   margin-right: 15%;
   padding: 105px 0 120px;
}

.join-us__content .heading {
   margin-bottom: 140px;

   color: #fff;
}

.join-us__content p {
   margin: 45px 0 0;
}


/* @media Home Page */
@media (min-width: 2561px) {
   .find-cafe__image img {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;

      width: 100%;
      max-width: 100%;
   }
}

@media (min-width: 2400px) {
   .promo__content {
      left: -480px;
   }
}

@media (min-width: 1700px) {
   .find-cafe__image img {
      left: 0;
   }

   .promo__content {
      left: -160px;
   }
}

@media(max-width: 1700px) {
   .find-cafe__search-item:last-of-type {
      display: none;
   }
   .find-cafe__search-item {
      width: 45%;
   }
}

@media (max-width: 1440px) {
   .find-cafe__image img {
      left: -60px;
   }
   .find-cafe__search .find-cafe__search-list {
      padding: 20px;
   }
   .find-cafe__search-item {
      top: -100px;
   }
   .find-cafe__search-item {
      width: 47%;
   }
   .find-cafe__search-item-header {
      height: 100px;
      max-height: 100px;
   }
   .find-cafe__search-item-image.image-box {
      height: 100px;
   }
   .find-cafe__search-item-title {
      /* height: 88px; */
      max-height: 88px;
   }
}

@media (max-width: 1366px) {
   .promo__content {
      left: 37px;
   }
}

@media (max-width: 1280px) {
   .find-cafe__image img {
      left: -75px;
   }

   .promo__content {
      left: 80px;
   }
}

@media (max-width: 1200px) {
   .find-cafe {
      width: 452px;
      width: -webkit-calc(50% - 60px);
      width:    -moz-calc(50% - 60px);
      width:         calc(50% - 60px);
   }

   .find-cafe__image {
      height: 560px;
   }

   .find-cafe__image img {
      left: -65px;
   }

   .find-cafe__search {
      position: relative;
      /* bottom: 40px; */
      bottom: 1px;
   }

   .section.what-we-do {
      padding: 90px 0 60px;
   }

   .promo__content {
      left: 0;

      -webkit-box-flex: 0;
      -webkit-flex: none;
         -moz-box-flex: 0;
          -ms-flex: none;
              flex: none;

      width: 43%;
   }

   .promo__content--no-actions p {
      margin-bottom: 40px;
   }

   .promo__actions {
      margin-bottom: 65px;
   }

   .explore-more {
      display: none;
   }

   .section__content {
      width: 43%;
      margin-right: 7%;
   }

   .section--reverse .section__content {
      margin-right: 0;
      margin-left: 7%;
   }

   .section__image {
      width: 568px;
      height: 480px;
   }

   .section__image--what-we-do {
      width: 568px;
      height: 480px;
   }

   .section__image--about-kindness {
      width: 558px;
      height: 540px;
   }

   .section__image--changing-lives {
      width: 608px;
      height: 480px;
   }

   .section__actions {
      margin-bottom: 0;
   }

   .join-us {
      margin-top: 140px;
   }

   .join-us__content {
      width: 43%;
      margin-right: 7%;
      padding: 130px 0 135px;
   }

   .join-us__content .heading {
      margin-bottom: 120px;
   }
}


@media (max-width: 992px) and (min-width: 821px) {
   .find-cafe__image img {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;

      width: 100%;
      max-width: 100%;
   }
}

@media (max-width: 820px) {
   .find-cafe__image img {
      left: 0;

      width: auto;
      max-width: none;
   }
}

@media (max-width: 992px) {
   .find-cafe {
      width: 100%;
   }

   .find-cafe__search-item:last-of-type {
      display: block;
   }

   .find-cafe__search-item {
      width: 30%;
   }

   /* Image Overlay */
   .find-cafe__image:before {
      position: absolute;
      z-index: 15;
      top: 0;
      left: 0;

      width: 100%;
      height: 100%;

      content: "";

      opacity: 0.2;
      background-color: #382e2c;
   }

   .promo {
      margin-bottom: 130px;
      /* padding-top: 30px; */
      padding-top: 80px;
   }

   .promo--form {
      margin-bottom: 0;
   }

   .promo__inner {
      z-index: 20;
   }

   .promo__content {
      width: 100%;
      padding: 0 70px;

      text-align: center;
   }

   .promo__content .heading {
      margin-top: 0;
   }

   .promo__content .heading,
   .promo__content p {
      color: #fff;
   }

   .promo__actions {
      -webkit-box-pack: center;
         -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;

      margin-bottom: 0;
   }

   .section__inner,
   .section--reverse .section__inner {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
   }

   .section__content,
   .section--reverse .section__content {
      width: 100%;
      margin: 0 0 60px;

      text-align: center;
   }

   .section__image--about-kindness {
      right: 10px;
   }

   .join-us {
      margin-top: 120px;
   }

   .join-us__inner {
      -webkit-box-pack: center;
         -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
   }

   .join-us__content {
      display: none;
   }
}

@media (max-width: 760px) {
   .find-cafe__search {
      height: 100px;
   }
   .find-cafe__search-input {
      padding: 25px;

      -webkit-border-bottom-left-radius: 45px;
              border-bottom-left-radius: 45px;
   }
   .find-cafe__search-map {
      width: 100px;
      padding: 10px;

      font-size: 14px;
   }

   .find-cafe__search-item {
      height: 160px;
   }

   .find-cafe__search-item-header {
      height: 80px;
      max-height: 80px;
   }

   .find-cafe__search-item-image.image-box {
      height: 80px;
   }

   .find-cafe__search-item-title {
      /* height: 66px; */
      max-height: 66px;
   }

   .promo {
      min-height: 640px;
      margin-bottom: 0;
   }

   .promo__content .heading {
      margin: 20px 0 20px;
   }

   .promo__content p {
      margin-bottom: 20px;
   }

   .section__content,
   .section--reverse .section__content {
      margin-bottom: 30px;
   }

   .section__content p {
      margin: 25px 0 0;
   }

   .section__actions {
      margin-top: 20px;
   }
}

@media(max-width: 620px) {
   .promo__actions {
      margin-left: -30px;
      margin-right: -30px;
   }
}

@media (max-width: 568px) {
   .promo__actions .btn.btn--small {
      padding: 0 20px;

      font-family: "omnes-pro", sans-serif;
      font-size: 12px;
      font-weight: 600;
   }
   .find-cafe__image {
      height: 500px;
   }

   .find-cafe__image img {
      left: -45px;
   }

   .find-cafe__search {
      bottom: 0;
   }

   .find-cafe__search-item:last-of-type {
      display: none;
   }

   .find-cafe__search-item {
      width: 45%;
   }

   .find-cafe__search-input .select2,
   .find-cafe__search-input .select2-selection--single {
      font-size: 14px;
   }

   .promo {
      min-height: 620px;
   }

   .promo__content {
      padding: 0;
   }

   .section__image--what-we-do {
      height: 360px;
   }

   .section__image--about-kindness {
      height: 410px;
   }

   .section__image--changing-lives {
      height: 340px;
   }
}

@media (max-width: 480px) {
   .find-cafe__search-list .find-cafe__search-item:nth-of-type(2n) {
      display: none;
   }
   .find-cafe__search-item {
      top: -100px;

      width: 90%;
      height: 160px;

      -webkit-border-top-right-radius: 60px 60px;
              border-top-right-radius: 60px 60px;
      -webkit-border-bottom-left-radius: 60px 60px;
              border-bottom-left-radius: 60px 60px;
   }
   .find-cafe__image {
      height: 550px;
   }
   .find-cafe__search .find-cafe__search-list {
      -webkit-box-pack: center;
         -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
   }
   .find-cafe__search-item-header,
   .find-cafe__search-item-image {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      height: 90px;
   }
   .find-cafe__search-item-title {
      /* height: 66px; */
      max-height: 66px;
   }
   .find-cafe__search-item-header .find-cafe__search-item-link {
      margin: 0 10px !important;
   }
}

@media (max-width: 400px) {
   .promo__actions {
      margin-left: 0;
      margin-right: 0;
   }
   .find-cafe__image {
      height: 655px;
   }
   .promo__actions {
      flex-direction: column;
   }
   .promo__pay-pal,
   .promo__actions .btn.btn--small {
      width: 100%;
      margin-bottom: 7px;

      font-size: 15px;
   }
   .btn.btn--primary,
   .promo__pay-pal {
      margin-right: 0;
   }
   .section__image--what-we-do {
      height: 290px;
   }

   .section__image--about-kindness {
      height: 325px;
   }

   .section__image--changing-lives {
      height: 270px;
   }
}

/* --- / --- */


/*======
*
* 5.0 - How It Works Page
*
======*/
/* 5.1 - Promo Section ( Section 1 )  */
.promo {
   background-repeat: no-repeat;
   background-position: 100% 100%, 0 0;
   -webkit-background-size: contain;
           background-size: contain;
}

/* 5.2 - Suspend Coffee Section ( Section 2 )  */
.section__diagram {
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   width: 59%;
   min-height: 680px;

   background-repeat: no-repeat;
   background-position: -10px 50%;
   -webkit-background-size: contain;
           background-size: contain;
}

.points {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-align-content: space-between;
   -ms-flex-line-pack: justify;
           align-content: space-between;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
   -webkit-box-pack: justify;
      -moz-box-pack: justify;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
           justify-content: space-between;

   width: 100%;
   height: 100%;
   min-height: 680px;
}

.points__item {
   position: relative;

   width: 40%;
   padding: 85px 25px 40px;

   -webkit-border-top-left-radius: 30px 30px;
           border-top-left-radius: 30px 30px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 30px 30px;
           border-bottom-right-radius: 30px 30px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.points__item:first-child {
   z-index: 3;
   top: 70px;
   left: 80px;
}

.points__item:nth-child(2) {
   z-index: 2;
   top: 135px;
}

.points__item:last-child {
   z-index: 1;
   left: 110px;
}

.points__number,
.questions__number {
   position: absolute;
   top: -25px;
   left: 25px;

   width: 90px;
   height: 90px;
   padding: 0 10px;

   text-align: center;

   -webkit-border-top-left-radius: 30px 30px;
           border-top-left-radius: 30px 30px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 30px 30px;
           border-bottom-right-radius: 30px 30px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.points__number span,
.questions__number span {
   letter-spacing: 1.6px;

   color: #fff;

   font-size: 32px;
   font-weight: 700;
   line-height: 90px;
}

.points__item:first-child .points__number {
   background-color: #7da1c4;
}

.points__item:nth-child(2) .points__number {
   background-color: #dbc8b6;
}

.points__item:last-child .points__number {
   background-color: #ffcd00;
}

.points__content p {
   margin: 0;

   letter-spacing: 1px;

   color: #605856;

   font-size: 20px;
   line-height: 1.75;
}

.points__content span {
   color: #651d32;

   font-weight: 700;
}


/* 5.3 - Other Questions Section ( Section 3 )  */
.section__content--full {
   width: 100%;
   margin: 0;
}

.section__questions {
   margin-top: 45px;
}

.questions__item {
   position: relative;

   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;

   margin-bottom: 30px;
}

.questions__item:last-child {
   margin-bottom: 0;
}

.questions__number {
   position: static;

   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   margin-right: 30px;
}

.questions__item:nth-child(n+1) span {
   color: #7da1c4;
}

.questions__item:nth-child(2n+1) span {
   color: #dbc8b6;
}

.questions__item:nth-child(3n+1) span {
   color: #ffcd00;
}

.questions__content p {
   margin-top: 5px;
}


/* 5.4 - More Than Coffee Section ( Section 4 )  */
.section__image--more-than-coffee {
   width: 716px;
   height: 512px;
}


/* @media How It Works Page */
@media (max-width: 1280px) {
   .section__diagram {
      width: 50%;
      min-height: 500px;
   }

   .points {
      min-height: 500px;
   }

   .points__item {
      width: 50%;
      padding: 75px 10px 25px;
   }

   .points__item:first-child {
      top: 0;
      left: 20px;
   }

   .points__item:last-child {
      left: 40px;
   }

   .points__content p {
      font-size: 18px;
   }
}

@media (max-width: 1200px) {
   .points__content p {
      font-size: 16px;
   }

   .section__image--more-than-coffee {
      width: 573px;
      height: 410px;
   }
}

@media (max-width: 992px) {
   .promo--with-bg {
      position: relative;

      min-height: auto;
      margin-bottom: 20px;
      padding-bottom: 40px;

      background-position: 50% 50%;
      -webkit-background-size: cover;
              background-size: cover;
   }

   body.page-template-how-it-works-page .promo--with-bg {
      background-position: 100% 100%;
   }

   /* Image Overlay */
   .promo--with-bg::before {
      position: absolute;
      z-index: 15;
      top: 0;
      left: 0;

      width: 100%;
      height: 100%;

      content: "";

      opacity: 0.2;
      background-color: #382e2c;
   }

   .section__diagram {
      width: 100%;
      min-height: 560px;

      background-position: 50% 50%;
   }

   .points__item {
      width: 40%;
      padding: 50px 15px 25px;
   }

   .points__item:nth-child(2) {
      top: 150px;
   }

   .points__item:last-child {
      left: 85px;
   }

   .points__content p {
      font-size: 18px;
   }

   .points__number,
   .questions__number {
      width: 60px;
      height: 60px;
      padding: 0 5px;

      -webkit-border-top-left-radius: 15px 15px;
              border-top-left-radius: 15px 15px;
      -webkit-border-top-right-radius: 3px 3px;
              border-top-right-radius: 3px 3px;
      -webkit-border-bottom-right-radius: 15px 15px;
              border-bottom-right-radius: 15px 15px;
      -webkit-border-bottom-left-radius: 3px 3px;
              border-bottom-left-radius: 3px 3px;
   }

   .points__number span,
   .questions__number span {
      font-size: 20px;
      line-height: 60px;
   }

   .questions__item {
      -webkit-box-align: center;
         -moz-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -ms-flex-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;

      margin-bottom: 30px;
   }

   .questions__number {
      margin-right: 0;
      margin-bottom: 15px;
   }
}

@media (max-width: 760px) {
   .section__questions {
      margin-top: 25px;
   }
}

@media (max-width: 568px) {
   .section__diagram {
      height: auto;
      min-height: 0;

      background: none !important;
   }
   .points {
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
              align-content: center;
      -webkit-box-align: start;
         -moz-box-align: start;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -ms-flex-align: start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
         -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;

      min-height: 0;
   }

   .points .points__item {
      top: 0;
      left: 0;

      width: 100%;
   }

   .points__item:first-child {
      top: 25px;

      width: 60%;
   }

   .points__item:nth-child(2) {
      width: 80%;
   }

   .points__item:last-child {
      top: -25px;
   }

   .section__image--more-than-coffee {
      height: 330px;
   }

   .points__number {
      right: 25px;
      left: auto;
   }

   .points__content p {
      font-size: 16px;
   }
}

@media (max-width: 460px) {
   .points .points__item {
      top: 0;

      width: 100%;
      padding: 25px 15px 25px 100px;
   }

   .points__number {
      /* top: 25px; */
      top: 50%;
      right: auto;
      left: 25px;

      margin-top: -30px;
   }
}

@media (max-width: 400px) {
   .section__image--more-than-coffee {
      height: 245px;
   }
}



/* --- / --- */


/*======
*
* 6.0 - About Page
*
======*/
/* 6.1 - Watch Video Widget */
.promo-image {
   position: absolute;
   z-index: 10;
   top: 0;
   right: 0;

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   width: 628px;
   width: -webkit-calc(50% - 172px);
   width:    -moz-calc(50% - 172px);
   width:         calc(50% - 172px);

   color: #fff;
   -webkit-border-bottom-left-radius: 60px;
           border-bottom-left-radius: 60px;
}

.promo-image__inner {
   position: relative;

   overflow: hidden;

   height: 800px;

   -webkit-border-bottom-left-radius: 60px;
           border-bottom-left-radius: 60px;
}

.promo-image__inner img {
   position: absolute;
   left: -150px;

   display: block;

   max-width: none;
   height: 100%;
   max-height: 100%;
   margin: 0;
   padding: 0;

   -o-object-fit: cover;
      object-fit: cover;
}

/* Image Overlay */
.promo-image__inner::before {
   position: absolute;
   z-index: 15;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;

   content: "";

   opacity: 0.4;
   background-color: #dbc8b6;
}

.watch-video__button {
   position: absolute;
   z-index: 100;
   bottom: 190px;
   left: -130px;
}

.watch-video__play-button {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;

   width: 195px;
   height: 120px;
   padding: 0;

   cursor: pointer;

   border: none;
   -webkit-border-radius: 0;
           border-radius: 0;
   background: transparent;
}

.watch-video__play-button span {
   margin-right: 15px;

   text-align: right;
   letter-spacing: 0.7px;

   color: #651d32;

   font-size: 14px;
   font-weight: 600;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.36;
}

.watch-video__play-button:focus {
   outline: none;
}

.watch-video__play-button:hover span {
   color: #511728;
}
/*
.watch-video__play-button:hover #btn_3_play_video #bg-2,
.watch-video__play-button:hover #btn_3_play_video #bg-3 {
   stroke: rgba(#cca300, 0.6) !important;
} */

.watch-video__play-button:hover #bg-4 {
   fill: #cca300 !important;
}

/* Video Popup */
/* html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
   padding: 0;
} */

/* body .pum-theme-lightbox .pum-container {
   padding: 0;

   border: none;
} */

body .pum-theme-lightbox .pum-container p {
   margin: 0;

   font-size: 0;
}

body .pum-theme-lightbox .pum-content + .pum-close {
   display: none;
}

@media (min-width: 2561px) {
   .promo-image__inner img {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;

      width: 100%;
      max-width: 100%;
   }
}

@media (min-width: 2000px) {
   .promo-image__inner img {
      left: 0;
   }
}


@media (max-width: 1440px) {
   .promo-image__inner img {
      left: -200px;
   }
}

@media (max-width: 1200px) {
   .promo-image {
      width: 452px;
      width: -webkit-calc(50% - 60px);
      width:    -moz-calc(50% - 60px);
      width:         calc(50% - 60px);
   }

   .promo-image__inner {
      height: 660px;
   }

   .watch-video__button {
      bottom: 60px;
   }
}

@media (max-width: 1024px) {
   body .pum-theme-lightbox .pum-container {
      left: 0 !important;
   }
}

@media (max-width: 992px) and (min-width: 821px) {
   .promo-image__inner img {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;

      width: 100%;
      max-width: 100%;
   }
}

@media (max-width: 820px) {
   .promo-image__inner img {
      left: -30px;

      width: auto;
      max-width: none;
   }
}

@media (max-width: 992px) {
   .promo-image {
      width: 100%;
   }

   /* .promo--form .promo-image__inner {
      height: 1000px;
   } */

   .promo-image__inner::before {
      opacity: 0.6;
   }

   .watch-video__button {
      bottom: 10px;
      left: 50%;

      margin-left: -132px;
   }
}

@media (max-width: 768px) {
   .promo-image__inner img {
      left: 0;
   }

   body .watch-video__item {
      height: 500px !important;
   }
}

@media (max-width: 667px) {
   body .watch-video__item {
      height: 400px !important;
   }
}

@media (max-width: 568px) {
   .promo-image__inner {
      height: 600px;
   }

   .promo-image__inner img {
      /* left: 50%; */
      margin-left: -150px;
   }
}

@media (max-width: 414px) {
   body .watch-video__item {
      height: 300px !important;
   }
}

@media (max-width: 320px) {
   body .watch-video__item {
      height: 250px !important;
   }
}


/* 6.2 - History Section ( Section 2 ) */
.history {
   max-width: 1500px;
   margin: 0 auto;
   margin-bottom: 30px;
   padding: 90px 0 125px;

   background-repeat: no-repeat;
   background-position: 50% 100%;
   -webkit-background-size: contain;
           background-size: contain;
}

.history-blocks {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
   -webkit-box-pack: justify;
      -moz-box-pack: justify;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
           justify-content: space-between;
}

.history-blocks__item {
   width: 50%;
   padding: 30px 45px 45px;

   -webkit-border-top-left-radius: 45px 45px;
           border-top-left-radius: 45px 45px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 45px 45px;
           border-bottom-right-radius: 45px 45px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.history-blocks__item:first-child {
   margin-bottom: 150px;
}


.history-blocks__item:nth-child(2) {
   margin-bottom: -55px;
}

.history-blocks__item:nth-child(2),
.history-blocks__item:nth-child(3) {
   width: 35%;
}

.history-blocks__content p {
   margin: 30px 0 0;
}

/* 6.3 - Team Section ( Section 3 ) */
.section__team {
   margin-top: 45px;
}

.team__member {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: start;
      -moz-box-align: start;
   -webkit-align-items: flex-start;
           align-items: flex-start;
   -ms-flex-align: start;

   margin-bottom: 80px;
}

.team__member:last-child {
   margin-bottom: 0;
}

.team__photo {
   position: relative;

   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   width: 332px;
   height: 480px;
   margin-right: 45px;

   border: 10px solid #fff;
   -webkit-border-top-left-radius: 45px 45px;
           border-top-left-radius: 45px 45px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 45px 45px;
           border-bottom-right-radius: 45px 45px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

/* Image Overlay */
.team__photo:before {
   position: absolute;
   z-index: 15;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;

   content: "";

   opacity: 0.4;
   background-color: #dbc8b6;
}

.team__member .subheading {
   margin-bottom: 0;

   color: #382e2c;

   line-height: 1;
}

.team__member .title {
   margin-bottom: 15px;

   color: #ffcd00;
}

.team__member p {
   margin: 0 0 25px;
}

.team__member p:last-child {
   margin: 0;
}


/* @media About Page */
@media (max-width: 1500px) {
   .history {
      -webkit-background-size: auto auto;
              background-size: auto;
   }
}

@media (max-width: 1200px) {
   .history {
      /* background-size: contain; */
      padding: 50px 0 145px;
   }

   .history-blocks__item {
      padding: 20px 35px 35px;
   }

   .history-blocks__item:first-child {
      margin-bottom: 40px;
   }

   .history-blocks__item:nth-child(2),
   .history-blocks__item:nth-child(3) {
      width: 43%;
   }
}

@media (max-width: 992px) {
   .history {
      margin-bottom: 0;
      padding: 120px 0 0;
   }

   .history-blocks {
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
              align-content: center;
      -webkit-box-align: start;
         -moz-box-align: start;
      -webkit-align-items: flex-start;
              align-items: flex-start;
      -ms-flex-align: start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
         -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;

      text-align: center;
   }

   .history-blocks .history-blocks__item {
      position: relative;

      width: 100%;
      margin-bottom: 15px;
      padding: 15px;
   }

   .history-blocks__content p {
      margin: 5px 0 0;

      font-size: 16px;
   }

   .team__member {
      -webkit-box-align: center;
         -moz-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -ms-flex-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
         -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;

      margin-bottom: 40px;
   }

   .team__photo {
      margin: 0 0 20px 0;
   }

   .team__member p {
      margin: 0 0 15px;
   }
}

@media (max-width: 568px) {
   .history {
      padding: 60px 0 0;
   }

   .team__photo {
      width: 300px;
      height: 380px;
   }

   .team__member p {
      margin: 0 0 10px;
   }
}

/* --- / --- */


/*======
*
* 7.0 - Volonteer Page
*
======*/
.do-as-volunteer .heading {
   text-align: center;
}

.do-as-volunteer .heading-underline {
   margin: 0 auto;
}

/* 7.1 - Do As Volunteer ( Section 2 ) */
.points-row {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: start;
      -moz-box-align: start;
   -webkit-align-items: flex-start;
           align-items: flex-start;
   -ms-flex-align: start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
       -ms-flex-pack: distribute;
           justify-content: space-around;

   margin: 75px -15px 0 -15px;
}

.points-row__item {
   position: relative;

   width: 40%;
   margin: 0 15px 75px;
   padding: 120px 30px 30px;

   -webkit-border-top-left-radius: 45px 45px;
           border-top-left-radius: 45px 45px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 45px 45px;
           border-bottom-right-radius: 45px 45px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.points-row__item:nth-child(n+3) {
	margin-bottom: 0;
}

.points-row__icon {
   position: absolute;
   top: -20px;
   left: 30px;

   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-pack: center;
      -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
           justify-content: center;

   width: 120px;
   height: 120px;

   -webkit-border-top-left-radius: 30px 30px;
           border-top-left-radius: 30px 30px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 30px 30px;
           border-bottom-right-radius: 30px 30px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background: #7da1c4;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.points-row__item:nth-child(3n+2) .points-row__icon {
   background: #dbc8b6;
}

.points-row__item:nth-child(3n+3) .points-row__icon {
   background: #ffcd00;
}

.points-row__item:nth-child(4n+4) .points-row__icon {
    background: #651D32;
}

.points-row__content p {
   margin-top: 10px;
}

.points-row__actions {
	margin-top: 20px;
}

@media (max-width: 992px) {
   .points-row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;

      margin: 45px 0 0 0;
   }

   .points-row__item,
   .points-row__item:nth-child(3) {
      width: 100%;
      margin: 0 0 30px;
      padding: 50px 30px 30px;
   }

   .points-row__item:last-child {
      margin: 0;
   }

   .points-row__icon {
      left: 50%;

      width: 60px;
      height: 60px;
      margin-left: -30px;
      padding: 10px;

      -webkit-border-top-left-radius: 15px 15px;
              border-top-left-radius: 15px 15px;
      -webkit-border-top-right-radius: 3px 3px;
              border-top-right-radius: 3px 3px;
      -webkit-border-bottom-right-radius: 15px 15px;
              border-bottom-right-radius: 15px 15px;
      -webkit-border-bottom-left-radius: 3px 3px;
              border-bottom-left-radius: 3px 3px;
   }
}

@media (max-width: 760px) {
   .points-row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }
}

@media (max-width: 568px) {
   .points-row__item {
      padding: 50px 15px 15px;
   }
}

/* --- / --- */


/*======
*
* 8.0 - Blog Page
*
======*/
/* 8.1 - Promo Section ( Section 1 ) */
.promo--form .promo__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
}

.promo--form .promo__content {
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   width: 35%;
   margin-right: 15%;
}


/* 8.2 - Recent Articles Section ( Section 2 ) */
.recent-articles__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
}

.recent-articles__header {
   margin-bottom: 45px;
}

.recent-articles__header .heading {
   text-align: center;
}

.recent-articles__header .heading-underline {
   margin: 0 auto;
}

.recent-articles__item {
   margin-bottom: 30px;
}

.article {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   overflow: hidden;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   /* height: 300px; */

   -webkit-border-top-left-radius: 45px 45px;
           border-top-left-radius: 45px 45px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 45px 45px;
           border-bottom-right-radius: 45px 45px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.article__image {
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   width: 320px;

   line-height: 0;
}

.article__image .post-thumbnail {
   position: relative;

   display: inline-block;
   overflow: hidden;

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
   min-width: 30px;
   max-width: 100%;
   height: auto;
   height: 300px;
   min-height: 30px;

   vertical-align: top;

   font-size: 0;
}

.article__image img {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;

   display: block;

   width: 100%;
   max-width: 100%;
   height: 100%;
   max-height: 100%;
   margin: 0;
   padding: 0;

   -o-object-fit: cover;
      object-fit: cover;
}

.article__image a:hover img,
.article__image a:active img {
   opacity: 0.8;
}

.article__content {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-flex: 1;
   -webkit-flex: auto;
      -moz-box-flex: 1;
       -ms-flex: auto;
           flex: auto;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;

   padding: 45px 45px 28px;
}

.article__excerpt {
   -webkit-box-flex: 1;
   -webkit-flex: auto;
      -moz-box-flex: 1;
       -ms-flex: auto;
           flex: auto;
}

.article__excerpt p {
   /* overflow: hidden;
   max-height: 102px; */
   margin: 15px 0 25px;

   /* text-overflow: ellipsis;

   -o-text-overflow: ellipsis; */
}

.article__footer {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-pack: justify;
      -moz-box-pack: justify;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
           justify-content: space-between;
}
.article__meta span {
   display: inline-block;

   letter-spacing: 2.1px;

   color: #afabab;

   font-size: 14px;
   font-weight: 600;
   line-height: 1.5;
}

.article__meta .author {
   margin-right: 40px;

   color: #ffcd00;
}

.article__meta .author a {
   color: #ffcd00;
}

.article__meta .author a:hover,
.article__meta .author a:active {
   color: #cca300;
}

.article__meta .posted-on a {
   color: #7da1c4;
}

.article__meta .posted-on a:hover,
.article__meta .posted-on a:active {
   color: #64819d;
}

.article__link {
   display: inline-block;

   width: 50px;
   height: 50px;

   text-align: center;

   color: #fff;
   -webkit-border-radius: 50%;
           border-radius: 50%;
   background-color: #7da1c4;

   font-family: sans-serif;
   font-size: 30px;
   font-weight: 400;
   line-height: 46px;
}

.article__link:visited {
   color: #fff;
}

.article__link:hover,
.article__link:active {
   color: #fff;
   background-color: #64819d;
}

/* Pagination */
.pagination {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-pack: center;
      -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
           justify-content: center;

   width: 100%;
   max-width: 100%;
   margin: 30px 0;
}

.pagination .nav-links {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
}

.pagination .page-numbers {
   display: inline-block;

   width: 50px;
   height: 50px;

   text-align: center;
   letter-spacing: 0.7px;

   color: #afabab;

   font-size: 14px;
   font-weight: 600;
   line-height: 50px;
}

.pagination .page-numbers:hover,
.pagination .page-numbers:active {
   color: #888280;
}

.pagination .page-numbers.current {
   color: #ffcd00;
   -webkit-border-radius: 50%;
           border-radius: 50%;
   background-color: #fff;
   -webkit-box-shadow: 0 3px 9px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 3px 9px 0 rgba(56, 46, 44, 0.15);
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
   color: #d7d5d5;

   font-family: sans-serif;
   font-size: 30px;
   font-weight: 400;
   line-height: 46px;
}

.pagination .page-numbers.prev:hover,
.pagination .page-numbers.prev:active,
.pagination .page-numbers.next:hover,
.pagination .page-numbers.next:active {
   color: #afabab;
}

/* @media About Page */
@media (min-width: 1700px) {
}

@media (max-width: 1200px) {
   .promo--form .promo__content {
      width: 43%;
      margin-right: 7%;
   }

   .article__content {
      padding: 25px;
   }

   .article__image .post-thumbnail {
      height: 320px;
   }
}

@media (max-width: 992px) {
   .promo--form .promo__inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .promo--form .promo__content {
      width: 100%;
      margin-right: 0;
   }

   .article {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .article__image {
      width: 100%;
   }

   .article__image .post-thumbnail {
      height: 250px;
   }
}

@media (max-width: 760px) {
   .recent-articles__header {
      margin-bottom: 25px;
   }
}

@media (max-width: 568px) {
   .article__meta {
      display: -webkit-box;
      display: -webkit-flex;
      display:    -moz-box;
      display: -ms-flexbox;
      display:         flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .article__meta .byline {
      margin-bottom: 20px;
   }
}

@media (max-width: 400px) {
   .article__footer {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
   }

   .article__link {
      margin-left: auto;
   }

   .pagination {
      margin: 20px 0;
   }

   .pagination .page-numbers {
      width: 40px;
      height: 40px;

      font-size: 12px;
      line-height: 40px;
   }

   .pagination .page-numbers.prev,
   .pagination .page-numbers.next,
   .pagination .page-numbers.dots {
      width: 20px;

      line-height: 36px;
   }
}

/* --- / --- */


/*======
*
* 9.0 - Single Blog Page
*
======*/
/* 9.1 - Single Article Section */
.single-blog {
   /* position: relative; */
   padding-top: 140px;

   background-repeat: no-repeat;
   background-position: 100% 0, 0 0;
   -webkit-background-size: contain;
           background-size: contain;
}

.single-blog::before {
   position: absolute;
   top: 0;
   left: 0;

   display: block;

   width: 100%;
   height: 100%;

   content: "";

   background: -webkit-gradient(linear, left top, left bottom, from(rgba(219, 200, 182, 0.3)), to(#f6f9fb));
   background: -webkit-linear-gradient(top, rgba(219, 200, 182, 0.3), #f6f9fb);
   background:    -moz-linear-gradient(top, rgba(219, 200, 182, 0.3), #f6f9fb);
   background:      -o-linear-gradient(top, rgba(219, 200, 182, 0.3), #f6f9fb);
   background:         linear-gradient(to bottom, rgba(219, 200, 182, 0.3), #f6f9fb);
}

.single-blog__inner {
   position: relative;
   z-index: 5;

   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: start;
      -moz-box-align: start;
   -webkit-align-items: flex-start;
           align-items: flex-start;
   -ms-flex-align: start;
}

.single-blog__main {
   overflow: hidden;

   width: 65%;

   -webkit-border-top-left-radius: 60px 60px;
           border-top-left-radius: 60px 60px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 60px 60px;
           border-bottom-right-radius: 60px 60px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.15);
}

.article--single {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: stretch;
      -moz-box-align: stretch;
   -webkit-align-items: stretch;
           align-items: stretch;
   -ms-flex-align: stretch;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;

   margin-bottom: 0;

   -webkit-border-top-left-radius: 0 0;
           border-top-left-radius: 0 0;
   -webkit-border-top-right-radius: 0 0;
           border-top-right-radius: 0 0;
   -webkit-border-bottom-right-radius: 0 0;
           border-bottom-right-radius: 0 0;
   -webkit-border-bottom-left-radius: 0 0;
           border-bottom-left-radius: 0 0;
   -webkit-box-shadow: none;
           box-shadow: none;
}

.article--single .article__image {
   width: 100%;
}

.article--single .article__image .post-thumbnail {
   height: 436px;
}

.article--single .article__content {
   padding: 25px 45px 45px;
}

.article--single .article__text h5 {
   margin: 0 0 20px 0;

   letter-spacing: 0.9px;

   color: #382e2c;

   font-size: 18px;
   font-weight: 600;
   line-height: 1.39;
}

.article--single .article__text p {
   margin: 0 0 30px;
}

.article--single .article__text p:last-of-type {
   margin-bottom: 0;
}

.article--single .article__text ul {
   margin: 0;
   padding-left: 20px;
}

.article--single .article__text ul li {
   letter-spacing: 0.9px;

   color: #605856;

   font-size: 18px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.94;
}

.article--single .article__footer {
   padding: 60px 45px;

   background-color: #f6f9fb;
}

.article__socials-list {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;

   margin: 0;
   padding-left: 0;

   list-style: none;
}

.article__socials-list {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;

   margin: 0 0 0 20px;
   padding-left: 0;

   list-style: none;
}

.article__socials-item {
   display: inline-block;

   width: 20px;
   height: 20px;
   margin-right: 20px;
}

.article__socials-item:last-child {
   margin-right: 0;
}

.article__socials-item a {
   display: inline-block;

   width: 20px;
   height: 20px;
}

/*======
*
* WP Social Sharing Plugin
*
======*/

/* Single Post Page */
#article-socials-block .social-sharing a {
   overflow: hidden;

   width: 20px;
   height: 20px;
   margin-right: 20px !important;

   font-size: 0;
}

#article-socials-block .button-facebook {
   background: url("/wp-content/uploads/2019/03/fb.svg") 0 0 no-repeat;
   -webkit-background-size: contain;
           background-size: contain;
}

#article-socials-block .button-twitter {
   background: url("/wp-content/uploads/2019/03/tw.svg") 0 0 no-repeat;
   -webkit-background-size: contain;
           background-size: contain;
}

#article-socials-block .button-pinterest {
   background: url("/wp-content/uploads/2019/03/pt.svg") 0 0 no-repeat;
   -webkit-background-size: contain;
           background-size: contain;
}

/* --- / --- */


/* 9.2 - Sidebar */
.single-blog__sidebar {
   width: 35%;
   padding: 445px 0 0 45px;
}

/* .sidebar  #mc_embed_signup form {
   max-width: 353px;
} */

body .sidebar #mc_embed_signup {
   -moz-text-align-last: left;
        text-align-last: left;
}

body .sidebar #mc_embed_signup input.email {
   width: 100%;

   background: #fff;
}

.sidebar .widget {
   margin-bottom: 45px;
}

.sidebar .widget-title {
   position: relative;

   margin: 0 0 20px;
   padding-bottom: 15px;

   letter-spacing: 0.9px;

   color: #afabab;

   font-size: 18px;
   font-weight: 600;
   line-height: 1.94;
}

.sidebar .widget-title::after {
   position: absolute;
   bottom: 0;
   left: 0;

   display: inline-block;

   width: 100%;
   height: 2px;
   margin-top: 20px;

   content: "";

   background-color: #e8e9eb;
}


.sidebar .textwidget ul {
   margin: 0;
   padding-left: 0;

   list-style: none;
}

.sidebar .textwidget li {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;

   margin-bottom: 15px;
}

.sidebar .ft-post-thumbnail {
   overflow: hidden;

   width: 50px;
   height: 50px;
   margin-right: 15px;

   -webkit-border-top-left-radius: 15px 15px;
           border-top-left-radius: 15px 15px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 15px 15px;
           border-bottom-right-radius: 15px 15px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
}


.sidebar .ft-post-thumbnail__image {
   width: 50px;
   height: 50px;
}

.sidebar .ft-post-thumbnail a:hover img,
.sidebar .ft-post-thumbnail a:active img {
   opacity: 0.8;
}

.sidebar .ft-post-title a {
   letter-spacing: 0.8px;

   color: #605856;

   font-size: 16px;
   font-weight: 600;
   line-height: 1.65;
}

.sidebar .ft-post-date {
   letter-spacing: 2.1px;

   color: #afabab;

   font-size: 14px;
   line-height: 1.5;
}

.view-more a {
   display: inline-block;

   width: 100%;

   text-align: center;
   letter-spacing: 0.7px;

   color: #7da1c4;

   font-size: 14px;
   font-weight: 600;
   line-height: 1;
}

.view-more a span {
   position: relative;
   top: 3px;

   display: inline-block;

   margin-left: 5px;

   font-family: sans-serif;
   font-size: 30px;
   font-weight: 400;
}

.sidebar .widget .view-more a:hover,
.sidebar .widget .view-more a:active {
   color: #64819d;
}

.sidebar .widget_categories ul,
.sidebar .widget_categories ol {
   margin: 0;
   padding: 0;

   list-style: none;
}

.sidebar .widget_categories ol {
   counter-reset: my-awesome-counter;
}

.sidebar .widget_categories ol li {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;

   margin-bottom: 15px;

   counter-increment: my-awesome-counter;
}

.sidebar .widget_categories ol li::before {
   display: inline-block;
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   width: 50px;
   height: 50px;
   margin-right: 15px;

   content: "0" counter(my-awesome-counter);
   text-align: center;
   letter-spacing: 0.9px;

   color: #fff;
   -webkit-border-top-left-radius: 15px 15px;
           border-top-left-radius: 15px 15px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 15px 15px;
           border-bottom-right-radius: 15px 15px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #dbc8b6;

   font-size: 18px;
   font-weight: 600;
   font-style: normal;
   font-stretch: normal;
   line-height: 50px;
}

.sidebar .widget_categories ol li:nth-child(n+10)::before {
   content: counter(my-awesome-counter);
}

.sidebar .widget_categories a {
   position: relative;

   display: inline-block;

   width: 100%;
   height: 100%;
   padding-right: 30px;

   letter-spacing: 0.9px;

   color: #605856;

   font-size: 18px;
   font-weight: 600;
   line-height: 1.94;
}


.sidebar .widget_categories a::after {
   position: absolute;
   top: 0;
   right: 0;

   content: "\00BB";

   color: #d7d5d5;

   font-family: sans-serif;
   font-size: 30px;
   font-weight: 400;
   line-height: 1;
}

.sidebar .widget_categories a:hover::after,
.sidebar .widget_categories a:active::after {
   color: #afabab;
}

.sidebar .widget a:hover,
.sidebar .widget a:active {
   color: #382e2c;
}


/* @media Single Blog Page */
@media (min-width: 1600px) {
   .single-blog {
      background-position: 100% -110px, 0 0;
   }
}

@media (max-width: 992px) {
   .single-blog {
      padding-top: 110px;
   }

   .single-blog__inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .single-blog__main,
   .single-blog__sidebar {
      width: 100%;
   }

   .single-blog__main {
      margin-bottom: 30px;
   }

   .article--single .article__content {
      padding: 25px;
   }

   .article--single .article__image .post-thumbnail {
      height: 300px;
   }

   .article--single .article__footer {
      padding: 45px 25px;
   }

   .single-blog__sidebar {
      padding: 0;
   }
}

@media (max-width: 760px) {
   .article--single .article__text p {
      margin: 0 0 15px;
   }

   .article--single .article__text ul li {
      font-size: 16px;
      line-height: 1.55;
   }

   .sidebar .widget {
      margin-bottom: 25px;
   }

   .sidebar .widget_categories a {
      font-size: 16px;
   }
}

@media (max-width: 568px) {
   .article--single .article__footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .article--single .article__meta {
      margin-bottom: 20px;
   }

   .article--single .article__meta .author {
      margin-right: 0 25px;
   }
}

@media (max-width: 480px) {
   #article-socials-block .button-facebook {
      background-image: url("/wp-content/uploads/2019/03/fb.svg") !important;
   }

   #article-socials-block .button-twitter {
      background-image: url("/wp-content/uploads/2019/03/tw.svg") !important;
   }

   #article-socials-block .button-pinterest {
      background-image: url("/wp-content/uploads/2019/03/pt.svg") !important;
   }
}

/* --- / --- */


/*======
*
* 10.0 - Cafes Page
*
======*/
/* 10.1 - Featured Cafes Section ( Section 1 ) */
.featured-cafes {
   padding-top: 140px;

   background-repeat: no-repeat;
   background-position: 50% 0;
   -webkit-background-size: cover;
           background-size: cover;
}

.cafes {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
}

.cafes__item {
   position: relative;

   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   overflow: hidden;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;

   width: 33.33%;
   margin-right: 30px;

   -webkit-border-top-left-radius: 60px 60px;
           border-top-left-radius: 60px 60px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 60px 60px;
           border-bottom-right-radius: 60px 60px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}
/* 
.cafes__item > img {
   display: none;
} */

.cafes__image {
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   height: 240px;

   background: #dbc8b6;
}

/* Image Overlay */
.cafes__image img:before {
   position: absolute;
   z-index: 15;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;

   content: "";

   opacity: 0.3;
   background-color: #dbc8b6;
}

.cafes__image img[src*="brownSC_Horizonal"]:before {
   opacity: 0;
}

.cafes__content {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;

   height: 100%;
   padding: 25px 30px 80px;
}

.cafes__title {
   margin: 0;

   letter-spacing: 0.9px;

   color: #382e2c;

   font-size: 18px;
   font-weight: 700;
   line-height: 1.94;
}

.cafes__address {
   letter-spacing: 2.1px;

   color: #afabab;

   font-size: 14px;
   font-weight: 600;
   line-height: 1.5;
}

p.cafes__description {
   margin: 10px 0 20px;

   letter-spacing: 0.7px;

   color: #382e2c;

   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.79;
}

.cafes__action {
   position: absolute;
   bottom: 30px;
   left: 30px;
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-pack: justify;
      -moz-box-pack: justify;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
           justify-content: space-between;
   
   width: calc(100% - 60px);

   /* margin-top: auto; */
}

.cafes__action span {
   letter-spacing: 2.1px;

   color: #ffcd00;

   font-size: 14px;
   font-weight: 600;
   line-height: 1.5;
}

.cafes__link,
.find-cafe__search-item-link {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;
   -webkit-box-pack: center;
      -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
           justify-content: center;

   width: 50px;
   height: 50px;
   padding: 0;

   cursor: pointer;
   text-align: center;

   color: #fff;
   -webkit-border-radius: 50%;
           border-radius: 50%;
   background-color: #7da1c4;

   font-family: sans-serif;
   font-size: 30px;
   font-weight: 400;
}

.find-cafe__search-item-link:hover,
.find-cafe__search-item-link:active,
.cafes__link:hover,
.cafes__link:active {
   color: #fff;
   background-color: #64819d;
}

.find-cafe__search-item-link:focus,
.cafes__link:focus {
   outline: none;
}

.cafes__item:last-child {
   margin-right: 0;
}

.find-cafe__search-item-link {
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   width: 50px;
   margin: 0 5px !important;

   font-size: 32px;
}

/* 10.2 - Map Section ( Section 2 ) */
.map__inner {
   overflow: hidden;

   -webkit-border-top-left-radius: 5px 5px;
           border-top-left-radius: 5px 5px;
   -webkit-border-top-right-radius: 60px 60px;
           border-top-right-radius: 60px 60px;
   -webkit-border-bottom-right-radius: 5px 5px;
           border-bottom-right-radius: 5px 5px;
   -webkit-border-bottom-left-radius: 60px 60px;
           border-bottom-left-radius: 60px 60px;
   -webkit-box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.15);
}

.map__header {
   padding: 45px;

   background-color: #fff;
}

.map__search {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
}

.map__search-inner {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;

   width: 100%;
   max-width: 100%;
   /* margin-right: 20px; */
}

/* input.map__input,
select.map__select {
   width: 100%;
   max-width: 300px;
   height: 50px;
   margin-right: 20px;
   padding: 15px 30px;

   letter-spacing: 0.8px;

   color: #382e2c;
   border: 2px solid  #e8e9eb;
   -webkit-border-radius: 25px;
           border-radius: 25px;
   background-color: #fff;

   font-size: 15px;
   font-weight: 500;
   line-height: 1.47;
} */

.map__find-cafe {
   cursor: pointer;
}

/* Map Cafe Balloon */
.gm-style-iw .wpgmza_infowindow_title,
.gm-style-iw .wpgmza_infowindow_address,
.gm-style-iw .wpgmza_infowindow_description + p {
   display: none;
}

body .gm-style .gm-style-iw,
body .gm-style .gm-style-iw > div,
body .gm-style .gm-style-iw > div > div,
body .gm-style .gm-style-iw > div > div > div,
body .gm-style .gm-style-iw .wpgmza_infowindow_description {
   overflow: visible !important;
}

body .gm-style .gm-style-iw-c {
   width: 200px !important;

   border-radius: 0 !important;
}

body .gm-style .gm-style-iw > div {
   display: block !important;

   width: 100%;
   max-width: 100% !important;
}

/* body .gm-style .gm-style-iw {
   position :absolute;
   left: 15px !important;
} */

body .gm-style-iw + button.gm-ui-hover-effect {
   top: -10px !important;
   right: -25px !important;
}

.cafe-balloon {
   overflow: visible;

   width: 170px;

   text-align: left;
   letter-spacing: 0.7px;

   font-family: "omnes-pro", sans-serif;
   font-size: 13px;
   line-height: 1.2;
}

.cafe-balloon .image-box {
   position: absolute;
   /* top: -8px;
   left: -14px; */
   top: 0;
   left: 0;

   overflow: visible;
   /* width: 198px; */ 

   width: 200px;
   max-width: unset !important;
   height: 120px;

   -webkit-border-top-left-radius: 2px;
           border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
           border-top-right-radius: 2px;

   background: #dbc8b6;
}

.cafe-balloon .image-box img {
   -webkit-border-top-left-radius: 2px;  
           border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
           border-top-right-radius: 2px;
}

.cafe-balloon__title {
   width: 170px;
   margin-bottom: 10px;
   padding-top: 120px;

   word-break: break-word;

   color: #382e2c;

   font-family: inherit;
   font-size: inherit;
   font-weight: 700;
}

.cafe-balloon__meta {
   width: 170px;
   /*padding: 0 15px 15px;*/
}

.cafe-balloon__meta-title {
   word-break: break-word;

   color: #7da1c4;

   font-size: inherit;
   font-weight: 700;
}

.cafe-balloon__meta p,
.cafe-balloon__meta a {
   margin: 0;
   margin-bottom: 7px;

   word-break: break-word;

   color: #382e2c;

   font-size: inherit;
   font-weight: 500;
}

/* @media Cafes Page */
@media (max-width: 1366px) {
   .featured-cafes .section__content {
      padding-left: 37px;
   }
}

@media (max-width: 1280px) {
   .featured-cafes .section__content {
      padding-left: 80px;
   }
}

@media (max-width: 1200px) {
   .featured-cafes .section__content {
      padding-left: 0;
   }
}

@media (max-width: 992px) {
   .featured-cafes {
      padding-top: 110px;
   }

   .cafes {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .cafes__item {
      width: 100%;
      margin: 0 0 30px;
   }

   .map__header {
      padding: 25px;
   }
}

@media (max-width: 992px) {
   .map__search,
   .map__search-inner {
      -webkit-box-align: center;
         -moz-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -ms-flex-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .map__search-inner {
      width: 70%;
      /* margin-right: 0;
      margin-bottom: 20px; */
   }

   .map__search-input-wrapper {
      margin-right: 0;
      margin-bottom: 20px;
   }
}

@media (max-width: 568px) {
   .map__search-inner {
      width: 100%;
   }

   .map__search-input-wrapper {
      margin-bottom: 10px;
   }
}

/* --- / --- */


/*======
*
* 11.0 - Purpleplanet Page
*
======*/
body.page-template-page-purpleplanet {
   background-color: #faf9f3;
}
/* 11.1 - Promo Section ( Section 1 ) */
.purpleplanet .promo-image__inner img {
   left: 0;

   width: 100%;
   margin: 0;
}

/* Image Overlay */
.purpleplanet .promo-image__inner::before {
   z-index: 0;

   opacity: 1;
   background-color: #1c274e;
}

.promo__banner {
   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   width: 50%;
   padding: 70px 85px;

   -webkit-border-top-left-radius: 60px 60px;
           border-top-left-radius: 60px 60px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 60px 60px;
           border-bottom-right-radius: 60px 60px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.15);
}

.promo__banner-image {
   height: 430px;
}

.promo__banner-image img {
   -o-object-fit: contain;
      object-fit: contain;
}

/* 11.2 - Decided To Help Section ( Section 2 ) */
.decided-to-help .heading {
   text-align: center;
}

.decided-to-help .heading-underline {
   margin: 0 auto;
}

.section__columns {
   margin-top: 45px;
}

.columns {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
}

.columns__item {
   width: 50%;
   margin-right: 60px;
}

.columns__item:last-child {
   margin-right: 0;
}

.columns__caption {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;

   min-height: 140px;
   padding: 30px 45px;

   -webkit-border-top-left-radius: 45px 45px;
           border-top-left-radius: 45px 45px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 45px 45px;
           border-bottom-right-radius: 45px 45px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #1c274e;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.columns__caption .caption {
   color: #fff;
}

.columns__content {
   padding: 40px 45px 0 45px;
}

.columns__content p {
   margin: 0;
}

.column__numbers {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-pack: center;
      -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
           justify-content: center;

   margin: 0 0 25px;
   padding: 0;

   list-style: none;
}

.column__number {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: center;
      -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
           justify-content: center;

   width: 90px;
   height: 90px;
   margin-right: 20px;

   -webkit-border-top-left-radius: 30px 30px;
           border-top-left-radius: 30px 30px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 30px 30px;
           border-bottom-right-radius: 30px 30px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #809fd3;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.column__number span {
   text-align: center;
   letter-spacing: 1.8px;

   color: #fff;

   font-size: 35px;
   font-weight: 500;
   line-height: 1.43;
}

.column__number .column__number-label {
   letter-spacing: 0.5px;

   color: rgba(255, 255, 255, 1);

   font-size: 16px;
   font-weight: 700;
}

.column__number:last-child {
   margin-right: 0;
}

/* 11.3 - Benefits Section ( Section 3 ) */
.benefits .questions__number span.secondary-text {
   color: #693387;
}

.benefits .questions__item:nth-child(even) .questions__number span.secondary-text {
   color: #51c4ce;
}

/* 11.4 - Testimonials Section ( Section 4 ) */
.testimonials .heading {
   padding: 0 45px;

   text-align: center;
}

.testimonials .heading-underline {
   margin: 0 auto;
}

.testimonials__item-wrapper {
   position: relative;

   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-pack: center;
      -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
           justify-content: center;

   width: 100%;
   margin-top: 45px;
   padding: 0 45px;
}

.testimonials__bg {
   position: absolute;
   z-index: 1;

   width: 100%;
   height: 85%;
}

.testimonials__bg:before,
.testimonials__bg:after {
   position: absolute;
   bottom: -60px;
   left: -15px;

   width: 40px;
   height: 40px;

   content: "";

   -webkit-border-top-left-radius: 10px 10px;
           border-top-left-radius: 10px 10px;
   -webkit-border-top-right-radius: 3px 3px;
           border-top-right-radius: 3px 3px;
   -webkit-border-bottom-right-radius: 10px 10px;
           border-bottom-right-radius: 10px 10px;
   -webkit-border-bottom-left-radius: 3px 3px;
           border-bottom-left-radius: 3px 3px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.testimonials__bg:after {
   top: -60px;
   right: -15px;
   bottom: auto;
   left: auto;
}

.testimonials__bg,
.testimonials__item {
   -webkit-border-top-left-radius: 60px 60px;
           border-top-left-radius: 60px 60px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 60px 60px;
           border-bottom-right-radius: 60px 60px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 5px 15px 0 rgba(56, 46, 44, 0.15);
}

.testimonials__item {
   position: relative;
   z-index: 2;

   margin: 0 auto;
   padding: 75px 110px;
}

.testimonials__item:before,
.testimonials__item:after {
   position: absolute;
   top: 40px;
   left: 45px;

   width: 75px;
   height: 60px;

   content: "";

   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='75' height='60'%3e%3cpath d='M67.489.465a2.591 2.591 0 0 1 3.258.242l1.773 2.3a2.783 2.783 0 0 1-.853 3.464q-4.8 4.11-6.972 6.359a35.176 35.176 0 0 0-6.336 9.27c-.317.705.493 1.153.914 1.3q15.724 5.325 15.726 18.774a17.157 17.157 0 0 1-5.092 12.874A17.569 17.569 0 0 1 57.148 60q-6.829 0-12.1-6.437a19.883 19.883 0 0 1-5.153-13.123q0-20.68 27.594-39.975zm-39.9 0a2.591 2.591 0 0 1 3.258.242l1.773 2.3a2.783 2.783 0 0 1-.853 3.464q-4.795 4.11-6.972 6.359a35.187 35.187 0 0 0-6.336 9.27c-.317.705.493 1.153.914 1.3q15.724 5.325 15.726 18.774a17.157 17.157 0 0 1-5.092 12.874A17.569 17.569 0 0 1 17.248 60q-6.829 0-12.1-6.437A19.885 19.885 0 0 1-.004 40.441Q-.001 19.76 27.593.465z' style='fill:%23809fd3'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   -webkit-background-size: contain;
           background-size: contain;
}

.testimonials__item:after {
   top: auto;
   right: 45px;
   bottom: 40px;
   left: auto;

   -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
           transform: rotate(180deg);
}

.testimonials__authors {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-pack: center;
      -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
           justify-content: center;

   text-align: center;
}

.testimonials__author {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
}

.testimonials__author-image {
   width: 80px;
   height: 80px;

   -webkit-border-radius: 50%;
           border-radius: 50%;
}

.testimonials__author-name p {
   margin-top: 10px;

   text-align: center;
   letter-spacing: 0.9px;

   color: #693387;

   font-size: 18px;
   font-weight: 600;
   line-height: 1.39;
}

.testimonials__author-plus {
   margin: 0 10px;

   color: #51c4ce;

   font-size: 48px;
   font-weight: 300;
}

.testimonials__content p {
   margin-top: 20px;

   text-align: center;
}

/* 11.5 - Contact Purpleplanet Section ( Section 5 ) */
#contact-purpleplanet-section .heading-underline {
   background-color: #fff;
}

#contact-purpleplanet-section .heading {
   margin-bottom: 60px;
}

/* @media Purpleplanet Page */
@media (max-width: 1200px) {
   .promo__banner-image {
      height: 300px;
   }

   .columns__content {
      padding: 20px 25px 0 25px;
   }
}

@media (max-width: 992px) {
   .promo__banner {
      width: 100%;
      max-width: 455px;
      margin-top: 20px;
   }

   .promo__banner-image {
      height: 300px;
   }

   .columns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .columns__item {
      width: 100%;
      margin: 0 0 20px 0;
   }

   .columns__item:last-child {
      margin: 0;
   }

   .columns__caption {
      -webkit-box-pack: center;
         -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;

      min-height: 0;
   }


   .testimonials__item {
      padding: 75px 55px;
   }

   .testimonials__item:before,
   .testimonials__item:after {
      width: 45px;
      height: 30px;
   }
}

@media (max-width: 760px) {
   .promo__banner {
      padding: 35px 45px;
   }
}

@media (max-width: 568px) {
   .column__numbers {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;

      width: 60%;
      margin: 0 auto 20px;
   }

   .column__number {
      margin-bottom: 20px;
   }

   .column__number:nth-child(even) {
      margin-right: 0;
   }

   .column__number:nth-last-child(-n+2) {
      margin-bottom: 0;
   }

   .testimonials .heading {
      padding: 0;
   }

   .testimonials__item-wrapper {
      padding: 0 25px;
   }

   .testimonials__bg:before,
   .testimonials__bg:after {
      bottom: -30px;
      left: -5px;

      width: 20px;
      height: 20px;

      content: "";

      -webkit-border-top-left-radius: 5px 5px;
              border-top-left-radius: 5px 5px;
      -webkit-border-top-right-radius: 1px 1px;
              border-top-right-radius: 1px 1px;
      -webkit-border-bottom-right-radius: 5px 5px;
              border-bottom-right-radius: 5px 5px;
      -webkit-border-bottom-left-radius: 1px 1px;
              border-bottom-left-radius: 1px 1px;
   }

   .testimonials__bg:after {
      top: -30px;
      right: -5px;
      bottom: auto;
      left: auto;
   }

   .testimonials__item {
      padding: 55px 35px;
   }

   .testimonials__item:before,
   .testimonials__item:after {
      top: 20px;
      left: 25px;
   }

   .testimonials__item:after {
      top: auto;
      right: 25px;
      bottom: 20px;
      left: auto;
   }
}

@media (max-width: 430px) {
   .column__numbers {
      width: 90%;
   }
}

@media (max-width: 400px) {
   .promo__banner-image {
      height: 200px;
   }

   .testimonials__item {
      padding: 55px 25px;
   }

   .testimonials__author-plus {
      margin: 0 5px;
   }
}


/* --- / --- */


/*======
*
* 12.0 - Gravity Form
*
======*/
.join-us__form,
.promo__form {
   position: relative;
   bottom: 60px;

   -webkit-box-flex: 0;
   -webkit-flex: none;
      -moz-box-flex: 0;
       -ms-flex: none;
           flex: none;

   width: 50%;
   height: 100%;
   min-height: 600px;
   padding: 40px 29px 45px 45px;

   -webkit-border-top-left-radius: 60px 60px;
           border-top-left-radius: 60px 60px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 60px 60px;
           border-bottom-right-radius: 60px 60px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.25);
           box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.25);
}

.promo__form {
   bottom: 0;
}

/* Gravity Form Wrapper */
body .gform_wrapper {
   height: 100%;
   margin: 0;
}
body .gform_wrapper form {
   position: relative;

   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;

   height: 100%;
}

body .gform_wrapper .gform_heading {
   margin-bottom: 5px;
}

body .gform_wrapper h3.gform_title {
   margin-top: 0;

   text-align: center;
   letter-spacing: 1.6px;

   color: #382e2c;

   font-size: 32px;
   font-weight: 600;
   line-height: 1.41;
}

/*  Gravity Form Body */
body .gform_wrapper .gform_body {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
      -moz-box-flex: 1;
       -ms-flex: 1;
           flex: 1;

   margin-bottom: 50px;
}

body .section--secondary .gform_wrapper .gform_body {
   margin-bottom: 10px;
}

body .section--secondary .gform_wrapper .gform_footer {
   text-align: right;
}

/*  Gravity Form Fields */
body .gform_wrapper .gform_page,
body .gform_wrapper .gform_page_fields {
   height: 100%;
}

body .gform_wrapper ul.gform_fields {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;

   height: 100%;
}

body .gform_wrapper ul.gform_fields li.gfield {
   position: relative;
   /* padding-right: 0; */

   width: 100%;
}

body .gform_wrapper ul.gform_fields li.gfield.gfield--half {
   width: 50%;
}
/*
body .gform_wrapper ul li.gfield.gform-half {
   width: 50%;
} */

/*
body .gform_wrapper ul li.gfield.gform-half:first-child {
   padding-left: 16px;
} */

/*  Gravity Form Labels */
body .gform_wrapper label.gfield_label,
body .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label {
   margin: 0;

   letter-spacing: 0.7px;

   color: #7da1c4;

   font-size: 13px;
   font-weight: 600;
   line-height: 1.38;
}

body .section--secondary .gform_wrapper label.gfield_label {
   color: #51c4ce;
}

body .gform_wrapper .gfield_required {
   display: none;
}

/*  Gravity Form Inputs */
body .gform_wrapper ul.top_label div.ginput_container {
   margin-top: 0;
}

body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="url"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper select {
   height: 40px;
   margin-top: 0;
   padding: 5px 4px;

   color: #382e2c;
   border: none;
   border-bottom: 2px solid #e8e9eb;
   -webkit-border-radius: 0;
           border-radius: 0;
   background-color: transparent;
}

body .gform_wrapper li.hidden_label input {
   margin-top: 0;
}

body .gform_wrapper.gf_browser_chrome .ginput_complex select {
   position: relative;

   height: 40px;
   /* margin-top: 14px; */
   margin-bottom: 0;
   padding: 5px 4px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
select:focus,
button:focus {
   outline: none;
}

/*  Gravity Form Pager */
body .gform_wrapper  li.gfield.gfield_html {
   position: absolute;
   bottom: 0;
   left: 0;

   width: auto;
}

body .gform_wrapper .gform-pager p {
   margin: 16px 0;

   letter-spacing: 2.1px;

   color: #382e2c;

   font-size: 14px;
   font-weight: 600;
   line-height: 1.36;
}


body .gform_wrapper .gform-pager span {
   color: #afabab;
}

/*  Gravity Form Steps */
body .gform_wrapper .gf_page_steps {
   -webkit-box-ordinal-group: 2;
   -webkit-order: 1;
      -moz-box-ordinal-group: 2;
   -ms-flex-order: 1;
           order: 1;

   margin-top: auto;

   text-align: center;

   border-bottom: none;
}

body .gform_wrapper .gf_page_steps .gf_step {
   display: inline-block;

   width: auto;
   height: auto;
   margin: 10px 10px 10px 0;

   opacity: 1;

   font-size: 0;
}

body .gform_wrapper .gf_step span.gf_step_number {
   display: block;

   width: 20px;
   height: 6px;

   opacity: 1;
   -webkit-border-top-left-radius: 5px 5px;
           border-top-left-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 5px 5px;
           border-bottom-right-radius: 5px 5px;
   background-color: #d7d5d5;
}

body .gform_wrapper .gf_page_steps .gf_step_active span.gf_step_number {
   background-color: #ffcd00;
}

/*  Gravity Form Footer */
body .gform_wrapper .gform_body .gform_page_footer,
body .gform_wrapper .gform_page_footer {
   position: absolute;
   right: 0;
   bottom: 0;

   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-pack: end;
      -moz-box-pack: end;
   -ms-flex-pack: end;
   -webkit-justify-content: flex-end;
           justify-content: flex-end;

   width: 100%;
   height: 50px;
   margin: 0;
   padding: 0;

   border-top: none;
}

/*  Gravity Form Next Button */
/*  Gravity Form Submit Button */
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button,
body .gform_wrapper .gform_body .gform_page_footer .gform_button,
body .section--secondary .gform_wrapper .gform_footer .gform_button {
   /* position: absolute;
   right: 0; */
   display: inline-block;

   height: 50px;
   margin: 0;
   padding: 0 30px;

   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
      -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
           transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
           transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
           transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   text-align: center;
   vertical-align: middle;
   letter-spacing: 0.7px;
   text-transform: uppercase;

   color: #fff;
   border: 1px solid transparent;
   -webkit-border-radius: 25px;
           border-radius: 25px;
   background-color: #7da1c4;

   font-size: 0.9rem;
   font-weight: 600;
   line-height: 48px;
}

body .gform_wrapper .gform_body .gform_page_footer .gform_next_button:hover,
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button:active,
body .gform_wrapper .gform_body .gform_page_footer .gform_button:hover,
body .gform_wrapper .gform_body .gform_page_footer .gform_button:active {
   background-color: #64819d;
}


body .section--secondary .gform_wrapper .gform_footer .gform_button {
   background-color: #51c4ce;
}

body .section--secondary .gform_wrapper .gform_body .gform_footer .gform_button:hover,
body .section--secondary .gform_wrapper .gform_footer .gform_button:active {
   background-color: #3f9ca5;
}

body .gform_wrapper .gform_body .gform_page_footer .gform_next_button:focus,
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button:focus,
body .gform_wrapper .gform_body .gform_page_footer .gform_button:focus,
body .section--secondary .gform_wrapper .gform_footer .gform_button:focus {
   outline: none;
}

/*
body .gform_wrapper .gform_body .gform_footer input.gform_button[type="submit"]:disabled {
   opacity: 0.7;
}

body .gform_wrapper .gform_body .gform_footer input.gform_button[type="submit"]:disabled:hover {
   cursor: not-allowed;

   color: #64819d;
} */

/*  Gravity Form Previous Button */
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button {
   position: relative;

   margin: 0;
   margin-right: auto;
   padding: 0 15px;

   cursor: pointer;
   letter-spacing: 2.1px;

   color: #afabab;
   border: none;
   background: transparent;

   font-size: 14px;
   font-weight: 600;
   line-height: 50px;
}

body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_page_footer input.button,
body .gform_wrapper .gform_page_footer input[type=submit] {
   width: auto;
}

/* body .gform_wrapper #gform_ajax_spinner_1,
body .gform_wrapper #gform_ajax_spinner_2 {
   display: none;
} */

/*  Gravity Form Address */
body .gform_wrapper .top_label div.ginput_container.ginput_container_address {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;

   height: 100%;
}

body .gform_wrapper .top_label div.ginput_container.ginput_container_address label {
   color: #afabab;
}

/* body .gform_wrapper .top_label div.ginput_container.ginput_container_address input,
body .gform_wrapper .top_label div.ginput_container.ginput_container_address select {
   cursor: not-allowed;
} */

body .gform_wrapper .top_label div.ginput_container.ginput_container_address .address_country,
.gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left.address_country {
   padding-right: 16px !important;
}

/* body .ginput_left.address_country,
body .gform_wrapper .top_label div.ginput_container.ginput_container_address .address_country select,
.gform_wrapper .ginput_complex.ginput_container_address span.ginput_right + span.ginput_left.address_country select {
   cursor: not-allowed;

   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
} */

body .gform_wrapper .top_label div.ginput_container.ginput_container_address .address_line_1 {
   width: 100%;
   /* order: 0; */
   padding-bottom: 40px;
}

body .gform_wrapper .top_label div.ginput_container.ginput_container_address .address_line_1 label {
   color: #7da1c4;
}

body .gform_wrapper .top_label div.ginput_container.ginput_container_address .address_line_1 input {
   cursor: text;
}

body .gform_wrapper .top_label div.ginput_container.ginput_container_address .address_line_2 {
   /* order: 3; */
   width: 100%;
}

body .gform_wrapper ul.top_label div.ginput_container div.ginput_counter {
   display: none;
}

/*  Gravity Form Image Upload */
body .gform_wrapper ul.gform_fields li.gfield.gform-upload,
#field_1_46 {
   position: relative;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_post_image input {
   width: 100%;
   height: 125px;

   border: 5px dashed #e8e9eb;
   -webkit-border-radius: 15px;
           border-radius: 15px;

   font-size: 0;

      -moz-appearance: none;
   -webkit-appearance: none;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload input::-webkit-file-upload-button,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_post_image input::-webkit-file-upload-button {
   visibility: hidden;
}

body .gform_wrapper ul.gform_fields.gform_fields li.gfield.gform-upload .gfield_description,
#gfield_description_1_46 {
   position: absolute;
   top: 50%;
   left: 50%;

   width: auto;
   width: 100%;
   margin: 0;
   margin-left: -50%;
   padding: 0 31px 0 15px;

   text-align: center;
   letter-spacing: 0.8px;

   color: #382e2c;

   font-size: 15px;
   font-weight: 500;
   line-height: 1.47;
}

body .gform_wrapper ul.gform_fields li.gfield.gform-upload .gfield_description span,
#gfield_description_1_46 span {
   word-break: break-word;

   color: #ffcd00;
}


body .gform_wrapper ul.gform_fields li.gfield.gform-article-body .gfield_description,
body #gfield_description_1_14 {
   position: relative;

   margin-top: 0;
   padding: 20px 16px 20px 30px;

   letter-spacing: 0.6px;

   color: #afabab;

   font-size: 11px;
   line-height: 1.36;
}

body #gfield_description_1_14 {
   position: absolute;
   top: 50px;
}

body .gform_wrapper ul.gform_fields li.gfield.gform-article-body .gfield_description::before,
body #gfield_description_1_14::before {
   position: absolute;
   top: 50%;
   left: 0;

   width: 16px;
   height: 16px;
   margin-top: -8px;

   content: "i";
   text-align: center;

   color: #dad9d9;
   border: 2px solid #dad9d9;
   -webkit-border-radius: 50%;
           border-radius: 50%;

   line-height: 12px;
}

body .gform_wrapper .top_label div.ginput_container {
   position: relative;
   z-index: 50;
}

body .gform_wrapper textarea {
   margin-top: 10px;

   border: none;
   background-color: #f6f9fb;
}

body .gform_wrapper textarea.medium {
   height: 130px;
}

body .gform_wrapper textarea.large {
   height: 175px;
}

#field_1_50,
#field_1_51 {
   margin-top: 0;
}

#field_1_50 label.gfield_label,
#field_1_51 label.gfield_label {
   display: none;
}

body .gform_wrapper ul li.field_description_below div.ginput_container.ginput_container_checkbox {
   margin-top: 0;
}

body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
   margin-top: 0 !important;
}

body .gform_wrapper ul.gfield_checkbox li label {
   margin-left: 10px;

   color: #382e2c;

   font-size: 14px;
}

body .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label {
   font-weight: 500;
}

body .gform_wrapper ul.gfield_checkbox li label a {
   text-decoration: underline;

   color: #7da1c4;
}

body .gform_wrapper ul.gfield_checkbox li label a:hover,
body .gform_wrapper ul.gfield_checkbox li label a:active {
   text-decoration: underline;

   color: #64819d;
}

body .section--secondary .gform_wrapper ul.gfield_checkbox li label a {
   color: #51c4ce;
}

body .section--secondary .gform_wrapper ul.gfield_checkbox li label a:hover,
body .section--secondary .gform_wrapper ul.gfield_checkbox li label a:active {
   color: #3f9ca5;
}


/* Rules Popup */
body .pum-theme-454 .pum-container,
body .pum-theme-hello-box .pum-container {
   padding: 30px;

   border: 14px solid #7da1c4;
   -webkit-border-top-left-radius: 60px 60px;
           border-top-left-radius: 60px 60px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 60px 60px;
           border-bottom-right-radius: 60px 60px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   -webkit-box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.25);
           box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.25);
}

body  .pum-theme-454 .pum-title,
body  .pum-theme-hello-box .pum-title {
   color: #651d32;

   font-family: "omnes-pro", sans-serif;
   font-weight: 600;
}

body .pum-theme-454 .pum-content h5,
body .pum-theme-hello-box .pum-content h5 {
   font-family: "omnes-pro", sans-serif;
   font-size: 18px;
   font-weight: 500;
}

body .pum-theme-454 .pum-content ul,
body .pum-theme-hello-box .pum-content ul {
   margin-left: 0;

   font-family: "omnes-pro", sans-serif;
   font-size: 16px;
   font-weight: 400;
}

body .pum-theme-454 .pum-content li,
body .pum-theme-hello-box .pum-content li {
   margin-bottom: 15px;
}

/* Confirmation Message */
body .gform_wrapper div.validation_error,
body .gform_wrapper .validation_message {
   font-weight: 600;
}

body .gform_confirmation_wrapper .join-us__confirmation {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: center;
      -moz-box-align: center;
   -webkit-align-items: center;
           align-items: center;
   -ms-flex-align: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;

   height: 100%;
   padding: 80px 16px 80px 0;
}

body .gform_confirmation_wrapper .join-us__confirmation br {
   display: none;
}

body .gform_confirmation_wrapper .confirmation__header {
   margin: 30px 0 15px;

   text-align: center;
   letter-spacing: 1.6px;

   color: #382e2c;

   font-size: 32px;
   font-weight: 600;
   line-height: 1.41;
}

body .gform_confirmation_wrapper .confirmation__message {
   margin: 0;

   text-align: center;
   letter-spacing: 0.9px;

   color: #afabab;

   font-size: 18px;
   font-weight: 500;
   line-height: 1.94;
}

body .gform_confirmation_wrapper .confirmation__message br {
   display: block;
}

body .gform_confirmation_wrapper .confirmation__message span {
   color: #ffcd00;

   font-weight: 600;
}

.pac-container {
   border-top: none;
   -webkit-box-shadow: none;
           box-shadow: none;
}

@media (max-width: 992px) {
   .join-us__form,
   .promo__form {
      width: 100%;
      max-width: 540px;
      height: auto;
      min-height: auto;
   }

   body .gform_wrapper .top_label div.ginput_container.ginput_container_address .address_line_1 {
      padding-bottom: 60px;
   }

   body .gform_wrapper .ginput_complex .ginput_full,
   body .gform_wrapper .ginput_complex .ginput_left,
   body .gform_wrapper .ginput_complex .ginput_right {
      min-height: 75px;
   }
}

@media (max-width: 640px) {
   .join-us__form,
   .promo__form {
      padding: 25px;
   }

   body .gform_wrapper ul.gform_fields li.gfield.gfield--half,
   body .gform_wrapper .top_label div.ginput_container.ginput_container_address > span {
      width: 100%;
   }

   body .gform_wrapper ul.gform_fields li.gfield.gform-upload .gfield_description {
      padding: 0 15px;
   }
}

@media (max-width: 400px) {
   body .gform_confirmation_wrapper .confirmation__message br {
      display: none;
   }

   body .gform_wrapper .gform_body .gform_page_footer {
      bottom: 35px;
   }

   body .gform_wrapper .gf_page_steps {
      position: relative;
      top: 10px;
   }
}

/*======
*
* 13.0 - Privacy Policy Page
*
======*/
.page-id-3 .menu-toggle span {
   background: #382e2c;
}

.page-id-3 .main-navigation.toggled .menu-toggle span {
   background: #fff;
}

.simple-page {
   padding-top: 140px;
}

.simple-page__inner {
   width: 100%;
   padding: 45px 75px 80px;

   -webkit-border-top-left-radius: 60px 60px;
           border-top-left-radius: 60px 60px;
   -webkit-border-bottom-right-radius: 60px 60px;
           border-bottom-right-radius: 60px 60px;
   background-color: #fff;
   -webkit-box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.15);
}

.simple-page p {
   margin: 0 0 50px;
}

.simple-page p:first-of-type,
.simple-page p:last-of-type {
   margin-bottom: 0;
}

.simple-page ul {
   margin: 0.5em 0 1.5em 1em;
   padding-left: 20px;
}

.simple-page ul li {
   letter-spacing: 0.9px;

   color: #605856;

   font-size: 18px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.94;
}

/* @madia Privacy Policy Page */
@media (max-width: 992px) {
   .simple-page {
      padding-top: 110px;
   }

   .simple-page__inner {
      padding: 25px 35px 40px;
   }
}

@media (max-width: 760px) {
   .simple-page p {
      margin: 0 0 25px;
   }

   .simple-page ul li {
      font-size: 16px;
      line-height: 1.55;
   }
}

/* --- / --- */


/*======
*
* 14.0 - Printable Materials Page
*
======*/
.printable-materials {
   padding-top: 140px;
}

.printable-materials .questions__item {
   margin-bottom: 45px;
}

.printable-materials .question__actions {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;

   margin-top: 20px;
}

.printable-materials .question__actions .btn {
   margin-bottom: 15px;
}

/* @madia Printable Materials Page */
@media (max-width: 1366px) {
   .printable-materials .section__content {
      padding-left: 37px;
   }
}

@media (max-width: 1280px) {
   .printable-materials .section__content {
      padding-left: 80px;
   }
}

@media (max-width: 1200px) {
   .printable-materials .section__content {
      padding-left: 0;
   }
}

@media (max-width: 992px) {
   .printable-materials {
      padding-top: 110px;
   }

   .printable-materials .questions__item {
      margin-bottom: 30px;
   }

   .printable-materials .question__actions {
      -webkit-box-pack: center;
         -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
   }
}

@media (max-width: 760px) {
   .printable-materials .question__actions {
      -webkit-box-align: center;
         -moz-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -ms-flex-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .printable-materials .question__actions .btn {
      margin-right: 0;
   }
}

/* --- / --- */


/*======
*
* 15.0 - 404 Page
*
======*/
.error-404 {
   padding-top: 140px;
}

.error-404__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display:    -moz-box;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-align: start;
      -moz-box-align: start;
   -webkit-align-items: flex-start;
           align-items: flex-start;
   -ms-flex-align: start;
}

.error-404__main {
   width: 65%;
   padding: 45px 75px;

   -webkit-border-top-left-radius: 60px 60px;
           border-top-left-radius: 60px 60px;
   -webkit-border-top-right-radius: 5px 5px;
           border-top-right-radius: 5px 5px;
   -webkit-border-bottom-right-radius: 60px 60px;
           border-bottom-right-radius: 60px 60px;
   -webkit-border-bottom-left-radius: 5px 5px;
           border-bottom-left-radius: 5px 5px;
   background-color: #fff;
   -webkit-box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.15);
           box-shadow: 0 10px 30px 0 rgba(56, 46, 44, 0.15);
}

.error-404__main ul {
   margin-left: 0;
}

.error-404__main p {
   margin: 40px 0 20px;
}

.error-404__main p,
.error-404__main li,
.sitemap-list__item {
   letter-spacing: 0.9px;

   color: #605856;

   font-size: 18px;
   line-height: 1.8;
}

.error-404__main li,
.sitemap-list__item {
   margin-bottom: 10px;
}

.sitemap-list__item a,
.error-404__main a {
   color: #7da1c4;

   font-weight: 600;
}

.sitemap-list__item a:hover,
.sitemap-list__item a:active,
.error-404__main a:hover,
.error-404__main a:active {
   color: #64819d;
}
.error-404__main .search-form {
   position: relative;
}

.error-404__main input[type="search"] {
   width: 100%;
   height: 50px;
   padding: 15px 140px 15px 30px;

   color: #382e2c;
   border: 2px solid #e8e9eb;
   -webkit-border-radius: 25px;
           border-radius: 25px;
   background-color: transparent;
}

.error-404__main input[type="search"]:focus {
   outline: none;
}

.error-404__main input[type="submit"] {
   position: absolute;
   top: 0;
   right: 0;

   display: inline-block;

   height: 50px;
   padding: 0 30px;

   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
      -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
           transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
           transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
           transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   text-align: center;
   vertical-align: middle;
   letter-spacing: 0.7px;
   text-transform: uppercase;

   color: #212529;
   color: #fff;
   border: 1px solid transparent;
   -webkit-border-radius: 25px;
           border-radius: 25px;
   background: #7da1c4;

   font-size: 0.9rem;
   font-weight: 600;
   line-height: 48px;
}

.error-404__main input[type="submit"]:hover,
.error-404__main input[type="submit"]:active,
.error-404__main input[type="submit"]:focus,
.error-404__main input[type="submit"]:visited {
   color: #fff;
   border: 1px solid transparent;
   background: #64819d;
}

.error-404__sidebar {
   width: 35%;
   padding: 0 0 0 45px;
}

.error-404__sidebar #custom_html-6,
.error-404__sidebar #categories-2 {
   display: none;
}

/* @madia 404 Page */
@media (max-width: 992px) {
   .error-404__main {
      padding: 25px;
   }
}

@media (max-width: 992px) {
   .error-404 {
      padding-top: 110px;
   }

   .error-404__inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }

   .error-404__main,
   .error-404__sidebar {
      width: 100%;
   }

   .error-404__main {
      margin-bottom: 30px;
   }

   .error-404__sidebar {
      padding: 0;
   }
}

@media (max-width: 578px) {
   .error-404__main input[type="search"] {
      padding: 15px 100px 15px 30px;
   }

   .error-404__search input[type="submit"] {
      padding: 0 15px;
   }
}


/* --- / --- */