/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* ------ venobox.css --------*/
/* line 2, vendor/assets/stylesheets/venobox.scss */
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after {
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
}

/* ------- overlay: change here background color and opacity ----- */
/* line 9, vendor/assets/stylesheets/venobox.scss */
.vbox-overlay {
  background: #fdfdfd;
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */
/* circle preloader */
/* line 28, vendor/assets/stylesheets/venobox.scss */
.vbox-preloader {
  position: fixed;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/preload-circle-641a4b6e26b30dc5111ae17a8203283e.png);
  text-indent: -100px;
  overflow: hidden;
  -webkit-animation: playload 1.4s steps(18) infinite;
  animation: playload 1.4s steps(18) infinite;
}

@-webkit-keyframes playload {
  from {
    background-position: 0px;
  }
  to {
    background-position: -576px;
  }
}

@keyframes playload {
  from {
    background-position: 0px;
  }
  to {
    background-position: -576px;
  }
}

/* IOS preloader */
/*.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(/assets/preload-ios-fd6b0145b22ecb9829930e270e04196b2b0396b53a936a74e7b89a13060348a9.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/
/* dots preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:11px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(/assets/preload-dots-e4249deaec7c1c468845c37231183907f66c598dc35dc199326e094ef8b30dcc.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(24) infinite;
       -moz-animation: playload 1.4s steps(24) infinite;
        -ms-animation: playload 1.4s steps(24) infinite;
         -o-animation: playload 1.4s steps(24) infinite;
            animation: playload 1.4s steps(24) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
*/
/* quads preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:10px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(/assets/preload-quads-5c76d9b8638d456fe03d4bb6fb3ce6cbb2b9fbede52c387d7410d8c9b8059f83.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/
/* ----- navigation ----- */
/* line 194, vendor/assets/stylesheets/venobox.scss */
.vbox-close {
  cursor: pointer;
  position: fixed;
  top: -1px;
  right: 0;
  width: 46px;
  height: 40px;
  padding: 10px 20px 10px 0;
  display: block;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/close-b66bf10d9148a4741b7509b3d74c33a8.gif) no-repeat #161617;
  background-position: 10px center;
  color: #fff;
  text-indent: -100px;
  overflow: hidden;
}

/* line 209, vendor/assets/stylesheets/venobox.scss */
.vbox-next, .vbox-prev {
  box-sizing: content-box;
  cursor: pointer;
  position: fixed;
  top: 50%;
  color: #fff;
  width: 30px;
  height: 170px;
  margin-top: -85px;
  text-indent: -100px;
  border: solid transparent;
  /* Using border instead of padding to keep bg image in place */
  overflow: hidden;
}

/* line 222, vendor/assets/stylesheets/venobox.scss */
.vbox-prev {
  left: 0;
  border-width: 0 30px 0 10px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/prev-77b0b2f7ece88ea03884d44632c822ab.gif) center center no-repeat;
}

/* line 227, vendor/assets/stylesheets/venobox.scss */
.vbox-next {
  right: 0;
  border-width: 0 10px 0 30px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/next-8a12a1c7e59ebd9b62c07ba03706fd08.gif) center center no-repeat;
}

/* line 233, vendor/assets/stylesheets/venobox.scss */
.vbox-title {
  width: 100%;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  padding: 6px 40px;
  overflow: hidden;
  background: #161617;
  position: fixed;
  display: none;
  top: -1px;
  left: 0;
}

/* line 250, vendor/assets/stylesheets/venobox.scss */
.vbox-num {
  cursor: pointer;
  position: fixed;
  top: -1px;
  left: 0;
  height: 40px;
  display: block;
  color: #fff;
  overflow: hidden;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 10px;
  background: #161617;
  display: none;
}

/* ------- inline window ------ */
/* line 266, vendor/assets/stylesheets/venobox.scss */
.vbox-inline {
  width: 420px;
  height: 315px;
  padding: 10px;
  background: #fff;
  text-align: left;
  margin: 0 auto;
  overflow: auto;
}

/* ------- Video & iFrames window ------ */
/* line 277, vendor/assets/stylesheets/venobox.scss */
.venoframe {
  border: none;
  width: 960px;
  height: 720px;
}

@media (max-width: 992px) {
  /* line 283, vendor/assets/stylesheets/venobox.scss */
  .venoframe {
    width: 640px;
    height: 480px;
  }
}

@media (max-width: 767px) {
  /* line 289, vendor/assets/stylesheets/venobox.scss */
  .venoframe {
    width: 420px;
    height: 315px;
  }
}

@media (max-width: 460px) {
  /* line 295, vendor/assets/stylesheets/venobox.scss */
  .vbox-inline {
    width: 100%;
  }
  /* line 299, vendor/assets/stylesheets/venobox.scss */
  .venoframe {
    width: 100%;
    height: 260px;
  }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
/* line 306, vendor/assets/stylesheets/venobox.scss */
.vbox-open {
  overflow: hidden;
}

/* line 309, vendor/assets/stylesheets/venobox.scss */
.vbox-container {
  position: relative;
  background: #000;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* line 317, vendor/assets/stylesheets/venobox.scss */
.vbox-content {
  text-align: center;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* line 324, vendor/assets/stylesheets/venobox.scss */
.vbox-container img {
  max-width: 100%;
  height: auto;
}
/*!
 *  * Hamburgers
 *   * @description Tasty CSS-animated hamburgers
 *    * @author Jonathan Suh @jonsuh
 *     * @site https://jonsuh.com/hamburgers
 *      * @link https://github.com/jonsuh/hamburgers
 *       */
.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
.hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative; }

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
.hamburger-inner::before {
    top: -10px; }
.hamburger-inner::after {
    bottom: -10px; }

/*
 *  * 3DX
 *   */
.hamburger--3dx .hamburger-box {
    perspective: 80px; }

.hamburger--3dx .hamburger-inner {
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateY(180deg); }
.hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 *  * 3DX Reverse
 *   */
.hamburger--3dx-r .hamburger-box {
    perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateY(-180deg); }
.hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 *  * 3DY
 *   */
.hamburger--3dy .hamburger-box {
    perspective: 80px; }

.hamburger--3dy .hamburger-inner {
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(-180deg); }
.hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 *  * 3DY Reverse
 *   */
.hamburger--3dy-r .hamburger-box {
    perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(180deg); }
.hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 *  * Arrow
 *   */
.hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
 *  * Arrow Right
 *   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 *  * Arrow Alt
 *   */
.hamburger--arrowalt .hamburger-inner::before {
    transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 *  * Arrow Alt Right
 *   */
.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 *  * Boring
 *   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
    transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg); }
.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
 *  * Collapse
 *   */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.15s;
    transition-delay: 0.15s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.32s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 *  * Collapse Reverse
 *   */
.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.15s;
    transition-delay: 0.15s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.32s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 *  * Elastic
 *   */
.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.15s 0.4s ease; }
.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.1s; }
.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.1s; }

/*
 *  * Elastic Reverse
 *   */
.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.15s 0.4s ease; }
.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 0.1s; }
.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
.hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.1s; }

/*
 *  * Emphatic
 *   */
.hamburger--emphatic {
    overflow: hidden; }
.hamburger--emphatic .hamburger-inner {
    transition: background-color 0.2s 0.25s ease-in; }
.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; }
.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; }
.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
 *  * Emphatic Reverse
 *   */
.hamburger--emphatic-r {
    overflow: hidden; }
.hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.2s 0.25s ease-in; }
.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; }
.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; }
.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
 *  * Slider
 *   */
.hamburger--slider .hamburger-inner {
    top: 2px; }
.hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.2s; }
.hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
 *  * Slider Reverse
 *   */
.hamburger--slider-r .hamburger-inner {
    top: 2px; }
.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.2s; }
.hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg); }
.hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
.hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
 *  * Spring
 *   */
.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.15s linear; }
.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.32s;
    background-color: transparent; }
.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
 *  * Spring Reverse
 *   */
.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.15s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
.hamburger--spring-r .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.32s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear; }
.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 *  * Stand
 *   */
.hamburger--stand .hamburger-inner {
    transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; }
.hamburger--stand .hamburger-inner::before {
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent;
    transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; }
.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 *  * Stand Reverse
 *   */
.hamburger--stand-r .hamburger-inner {
    transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; }
.hamburger--stand-r .hamburger-inner::before {
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent;
    transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; }
.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 *  * Spin
 *   */
.hamburger--spin .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 *  * Spin Reverse
 *   */
.hamburger--spin-r .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
.hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 *  * Squeeze
 *   */
.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 *  * Vortex
 *   */
.hamburger--vortex .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
.hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
 *  * Vortex Reverse
 *   */
.hamburger--vortex-r .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
.hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/assets/glyphicons-halflings-regular.eot);
  src: url(/assets/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/assets/glyphicons-halflings-regular.woff2) format("woff2"), url(/assets/glyphicons-halflings-regular.woff) format("woff"), url(/assets/glyphicons-halflings-regular.ttf) format("truetype"), url(/assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
/* line 4, app/assets/stylesheets/_footer.scss */
.respek .v56_2 {
  font-size: 16px;
  color: #30471C;
}

/* line 8, app/assets/stylesheets/_footer.scss */
.respek .v56_2 a {
  text-decoration: none;
  color: inherit;
}

/* line 15, app/assets/stylesheets/_footer.scss */
.respek .respek-footer {
  background-color: #C5D8C5;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width : 800px) {
  /* line 15, app/assets/stylesheets/_footer.scss */
  .respek .respek-footer {
    grid-template-columns: 1fr;
  }
}

/* line 25, app/assets/stylesheets/_footer.scss */
.respek .respek-footer img {
  width: 210px;
  padding: 30px;
}

/* line 30, app/assets/stylesheets/_footer.scss */
.respek .respek-footer div.right {
  display: grid;
  float: right;
}

/* line 34, app/assets/stylesheets/_footer.scss */
.respek .respek-footer div.right a {
  direction: rtl;
}

/* line 39, app/assets/stylesheets/_footer.scss */
.respek .respek-footer div.center {
  display: grid;
}

/* line 42, app/assets/stylesheets/_footer.scss */
.respek .respek-footer div.center span {
  display: block;
  padding: 20px;
  float: left;
  margin: auto;
}

/* line 50, app/assets/stylesheets/_footer.scss */
.respek .respek-footer div.center a {
  text-align: center;
}

/* line 59, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer {
  display: flex;
  background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/feature_bg-a8fd32e27b0fd189a438d788ec82070e.jpg) no-repeat;
  background-size: cover;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 1em;
}

@media screen and (max-width: 640px) {
  /* line 59, app/assets/stylesheets/_footer.scss */
  .giant-flag-site footer {
    clear: both;
    position: relative;
    /*z-index: 0;*/
    height: 20em;
    margin-top: 0;
    bottom: 0;
  }
}

/* line 77, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .left {
  display: flex;
  justify-content: center;
  flex: 0 1 30%;
}

/* line 82, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .left img {
  width: 10em;
  height: 64px;
}

/* line 88, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle {
  flex-direction: column;
  flex: 1 1 auto;
}

/* line 92, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .menu {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 97, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .menu .pair {
  flex: 1 1 auto;
}

@media screen and (max-width: 640px) {
  /* line 92, app/assets/stylesheets/_footer.scss */
  .giant-flag-site footer .middle .menu {
    display: block;
    width: 100%;
  }
}

/* line 106, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .menu a {
  padding: 0.5em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
}

@media screen and (max-width: 640px) {
  /* line 106, app/assets/stylesheets/_footer.scss */
  .giant-flag-site footer .middle .menu a {
    width: 100%;
    position: relative;
    display: block;
    text-align: -webkit-center;
  }
}

/* line 122, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .social {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8em;
}

/* line 128, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .social a {
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 0 1em;
}

/* line 134, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .social a.facebook {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_30,q_auto,w_30/fb_circle_white-77289f3fa3c2b2d2a7b47a362746dc84.svg) no-repeat;
}

/* line 137, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .social a.facebook:hover {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_30,q_auto,w_30/fb_circle_white_hover-135d47ceeaaa2950acf330247d285668.svg) no-repeat;
}

/* line 142, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .social a.twitter {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_30,q_auto,w_30/twitter_circle_white-16f149bc891525a96e9e98b4c58981d9.svg) no-repeat;
}

/* line 145, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .social a.twitter:hover {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_30,q_auto,w_30/twitter_circle_white_hover-3ab78225f60209df289557d12698997b.svg) no-repeat;
}

/* line 150, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .social a.youtube {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_30,q_auto,w_30/youtube_circle_white-66d2d9cb8aa852405f68aa81c4ed83e6.svg) no-repeat;
}

/* line 153, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .social a.youtube:hover {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_30,q_auto,w_30/youtube_circle_white_hover-3a87975192d5d9e0b02f8b9ea8170a78.svg) no-repeat;
}

/* line 159, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .social .buttons {
  display: flex;
  align-items: center;
}

/* line 164, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .middle .social #twitter-widget-0 {
  margin-right: 0.5em;
}

/* line 171, app/assets/stylesheets/_footer.scss */
.giant-flag-site footer .right {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 0.8em;
  font-weight: 300;
  flex: 0 1 30%;
}

@media all and (max-width: 940px) {
  /* line 184, app/assets/stylesheets/_footer.scss */
  footer {
    flex: 1 0 27em;
    flex-direction: column;
  }
  /* line 189, app/assets/stylesheets/_footer.scss */
  footer .middle .social {
    flex-direction: column;
  }
  /* line 192, app/assets/stylesheets/_footer.scss */
  footer .middle .social .links {
    padding: 1em;
  }
  /* line 198, app/assets/stylesheets/_footer.scss */
  footer .right {
    padding-top: 1em;
  }
  /* line 203, app/assets/stylesheets/_footer.scss */
  footer {
    top: 77px;
    position: relative;
  }
}

@media all and (max-width: 940px) and (max-width: 640px) {
  /* line 203, app/assets/stylesheets/_footer.scss */
  footer {
    top: 0;
  }
}
/* line 4, app/assets/stylesheets/_header.scss */
.giant-flag-site header {
  position: absolute;
  flex: 0 0 auto;
  top: 0;
  left: 0;
  right: 0;
  max-height: 5em;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 1em;
  display: flex;
}

@media only screen and (max-width : 400px) {
  /* line 4, app/assets/stylesheets/_header.scss */
  .giant-flag-site header {
    padding-bottom: 20px;
  }
}

/* line 20, app/assets/stylesheets/_header.scss */
.giant-flag-site header .logo {
  flex: 4;
}

@media only screen and (min-width : 800px) {
  /* line 20, app/assets/stylesheets/_header.scss */
  .giant-flag-site header .logo {
    flex: 2;
    text-align: center;
  }
}

/* line 29, app/assets/stylesheets/_header.scss */
.giant-flag-site header .nav {
  flex: 6;
}

@media only screen and (min-width : 800px) {
  /* line 29, app/assets/stylesheets/_header.scss */
  .giant-flag-site header .nav {
    flex: 8;
  }
}

@media screen and (max-width : 800px) {
  /* line 29, app/assets/stylesheets/_header.scss */
  .giant-flag-site header .nav {
    display: flex;
    flex-direction: row;
  }
}

/* line 42, app/assets/stylesheets/_header.scss */
.giant-flag-site header #logo {
  width: 100%;
  max-height: 3em;
}

/* line 50, app/assets/stylesheets/_header.scss */
.respek header {
  flex: 0 0 auto;
  max-height: 15em;
  padding: 1em;
  max-width: 1270px;
  margin: auto auto 0px;
  display: flex;
  width: 100%;
  display: flex;
}

/* line 59, app/assets/stylesheets/_header.scss */
.respek header .nav li.mobile.logo {
  display: none;
}

@media screen and (max-width : 800px) {
  /* line 50, app/assets/stylesheets/_header.scss */
  .respek header {
    padding-bottom: 20px;
  }
  /* line 66, app/assets/stylesheets/_header.scss */
  .respek header .nav ul#menu li {
    display: list-item;
  }
  /* line 69, app/assets/stylesheets/_header.scss */
  .respek header .nav ul#menu li.cart {
    display: none;
  }
  /* line 71, app/assets/stylesheets/_header.scss */
  .respek header .nav ul#menu li a {
    color: #fff;
  }
  /* line 79, app/assets/stylesheets/_header.scss */
  .respek header .nav li.mobile.logo {
    display: inline-block;
  }
  /* line 82, app/assets/stylesheets/_header.scss */
  .respek header .nav li.mobile.logo .respek-logo {
    width: 189px;
    height: 210px;
    top: 2em;
  }
}

/* line 92, app/assets/stylesheets/_header.scss */
.respek header .v33_41 li {
  display: inline-block;
  padding: 0 10px;
}

/* line 96, app/assets/stylesheets/_header.scss */
.respek header .v33_41 li a {
  text-decoration: none;
  color: #000;
}

/* line 106, app/assets/stylesheets/_header.scss */
.respek header .v33_41.show {
  width: 100% !important;
}

/* line 109, app/assets/stylesheets/_header.scss */
.respek header .v33_41.show a {
  color: #fff;
}

/* line 117, app/assets/stylesheets/_header.scss */
.respek header .logo {
  flex: 4;
}

@media only screen and (min-width : 800px) {
  /* line 117, app/assets/stylesheets/_header.scss */
  .respek header .logo {
    flex: 2;
    text-align: center;
  }
  /* line 124, app/assets/stylesheets/_header.scss */
  .respek header .logo.mobile {
    display: none;
  }
}

/* line 130, app/assets/stylesheets/_header.scss */
.respek header .nav {
  flex: 6;
}

@media only screen and (min-width : 800px) {
  /* line 130, app/assets/stylesheets/_header.scss */
  .respek header .nav {
    flex: 8;
  }
}

@media screen and (max-width : 800px) {
  /* line 130, app/assets/stylesheets/_header.scss */
  .respek header .nav {
    display: flex;
    flex-direction: row;
  }
}

/* line 143, app/assets/stylesheets/_header.scss */
.respek header #logo {
  width: 100%;
  max-height: 3em;
}

/* line 147, app/assets/stylesheets/_header.scss */
.respek header #logo.respek {
  width: initial !important;
}
/* line 1, app/assets/stylesheets/_respek_social_links.scss */
.social-links {
  margin: auto;
  width: 300px;
  display: block;
  position: relative;
  text-align: center;
  align-items: center;
}

/* line 9, app/assets/stylesheets/_respek_social_links.scss */
.social-links a {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_26-829d9607ca7c2214f741072c4840262d.png);
  width: 32px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  overflow: hidden;
  margin: 24px 10px;
  display: inline-block;
  padding: 6px 6px;
}

/* line 22, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div {
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
  background-size: contain !important;
  width: 100%;
  height: 100%;
}

/* line 29, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.insta-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/insta-logo-08e0e76f001f3814c159f42e9650106e.png);
}

/* line 32, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.insta-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/insta-y-logo-f3ff6d1d79ca4c84c112a67a11c44426.png);
}

/* line 35, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.fb-logo, .social-links a > div.fb-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/fb-logo-dd672fe134d16b34cda7a42f236e33b2.png);
  margin: 1px 4px;
  width: 12px !important;
}

/* line 40, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.fb-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/fb-y-logo-340d6e5a0e0324c7d8c5d852bbf0e219.png);
}

/* line 43, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.twitter-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/twitter-logo-b674340a0af1acf7940f8f052c3ec1bb.png);
}

/* line 46, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.twitter-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/twitter-y-logo-bdc19efa837dd118efe4bdfb98c0cb9d.png);
}

/* line 49, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.linkedin-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/linkedin-logo-24763aabeb655282a76d3ca2928ebea9.png);
}

/* line 52, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.linkedin-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/linkedin-y-logo-d363b4065a9607b61742a8936c6e6340.png);
}

/* line 57, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_26_g-54888d55005ed97b1377b086e459ea4d.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 62, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .insta-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/insta-y-logo-f3ff6d1d79ca4c84c112a67a11c44426.png);
}

/* line 65, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .fb-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/fb-y-logo-340d6e5a0e0324c7d8c5d852bbf0e219.png);
}

/* line 68, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .twitter-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/twitter-y-logo-bdc19efa837dd118efe4bdfb98c0cb9d.png);
}

/* line 71, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .linkedin-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/linkedin-y-logo-d363b4065a9607b61742a8936c6e6340.png);
}
/* line 2, app/assets/stylesheets/_sponsor_list.scss */
.partners {
  background-color: #fff;
}

/* line 4, app/assets/stylesheets/_sponsor_list.scss */
.partners .initiative-partner, .partners .associations-with, .partners .powered-by, .partners .partners {
  font-size: 14px;
}

/* line 8, app/assets/stylesheets/_sponsor_list.scss */
.partners .initiative-partner h1, .partners .associations-with h1, .partners .powered-by h1, .partners .partners h1 {
  font-size: 1.8em;
}

/* line 12, app/assets/stylesheets/_sponsor_list.scss */
.partners .initiative-partner a, .partners .associations-with a, .partners .powered-by a, .partners .partners a {
  display: inline-block;
  max-width: 15em;
  padding: 2em;
  margin: auto;
}

/* line 18, app/assets/stylesheets/_sponsor_list.scss */
.partners .initiative-partner a img, .partners .associations-with a img, .partners .powered-by a img, .partners .partners a img {
  width: 100%;
  height: 100%;
}

/* line 25, app/assets/stylesheets/_sponsor_list.scss */
.partners .associations-with, .partners .powered-by, .partners .partners {
  border-top: 1px solid #DDDDDD;
  width: 100%;
}

@media screen and (max-width: 640px) {
  /* line 25, app/assets/stylesheets/_sponsor_list.scss */
  .partners .associations-with, .partners .powered-by, .partners .partners {
    text-align: center !important;
  }
}

/* line 34, app/assets/stylesheets/_sponsor_list.scss */
.partners .initiative-partner a {
  max-width: 36em;
}
/* line 5, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .content {
  display: flex;
  flex-direction: column;
}

/* line 9, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .content #product_added_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
  border-radius: 15px;
  width: 20em;
  height: 15em;
  position: fixed;
  top: 4em;
  right: 1em;
  box-shadow: 0 0 10px;
}

@media only screen and (max-width : 400px) {
  /* line 9, app/assets/stylesheets/adopt.scss */
  .rounded-container .adopt .content #product_added_container {
    position: fixed;
    z-index: 100;
    width: 15em;
    height: 15em;
    top: 4em;
    right: 0;
  }
}

/* line 30, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .content #product_added_container #tool_tip {
  width: 0;
  height: 0;
  position: absolute;
  border: 10px solid;
  border-color: transparent transparent #FFFFFF  transparent;
  top: -1.1em;
  right: 2em;
}

@media only screen and (max-width : 400px) {
  /* line 30, app/assets/stylesheets/adopt.scss */
  .rounded-container .adopt .content #product_added_container #tool_tip {
    right: 6em;
  }
}

/* line 43, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .content #product_added_container #product_added {
  height: 30%;
  display: flex;
  flex-direction: row;
}

/* line 49, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .content #product_added_container img {
  width: 4em;
}

/* line 52, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .content #product_added_container p {
  margin-top: 2.3em;
}

/* line 56, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .content #product_added_container .browsing {
  margin-top: 1em;
  text-decoration: none;
  color: gray;
  font-size: 15px;
}

/* line 63, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .content #product_added_container.invisible {
  display: none;
}

/* line 68, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt img#image {
  width: 4em;
  position: relative;
  display: block;
}

/* line 73, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt div#product_added {
  display: -webkit-box;
  position: relative;
}

/* line 77, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt div#product_added_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
  border-radius: 15px;
  width: 20em;
  height: 15em;
  position: fixed;
  top: 2em;
  right: -25em;
  box-shadow: 0 0 10px;
}

@media only screen and (max-width : 400px) {
  /* line 77, app/assets/stylesheets/adopt.scss */
  .rounded-container .adopt div#product_added_container {
    position: fixed;
    top: 4em;
    right: 0;
  }
}

@media screen and (max-width: 640px) {
  /* line 77, app/assets/stylesheets/adopt.scss */
  .rounded-container .adopt div#product_added_container {
    top: 4em;
    right: 0;
  }
}

/* line 98, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt div#product_added_container #tool_tip {
  width: 0;
  height: 0;
  position: absolute;
  border: 10px solid;
  border-color: transparent transparent #FFFFFF  transparent;
  top: -1.1em;
  right: 2em;
}

@media only screen and (max-width : 400px) {
  /* line 98, app/assets/stylesheets/adopt.scss */
  .rounded-container .adopt div#product_added_container #tool_tip {
    right: 6em;
  }
}

/* line 111, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt div#product_added_container a.gift-button {
  position: relative;
  display: block;
  margin-bottom: 1em;
}

/* line 116, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt div#product_added_container a.gift-browsing {
  font-size: 18px;
  display: block;
  color: darkgray;
  text-decoration: none;
}

/* line 122, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .product-tab-list {
  display: flex;
  flex: 1 1 auto;
}

/* line 126, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .product-tab-list .product-tab-item {
  padding: 0.4em;
  padding-bottom: 1em;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 640px) {
  /* line 126, app/assets/stylesheets/adopt.scss */
  .rounded-container .adopt .product-tab-list .product-tab-item {
    padding: 4px;
  }
}

/* line 134, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .product-tab-list .product-tab-item.current::before {
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: inherit;
  content: "";
  position: absolute;
  bottom: 0;
  left: 1.7em;
  width: 0;
  height: 0;
}

/* line 146, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .product-tab-list .product-tab-item h2 {
  border-bottom: 1px solid lightgrey;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 151, app/assets/stylesheets/adopt.scss */
  .rounded-container .adopt .product-tab-list .product-tab-item h2 h2 {
    font-size: 0.8em;
  }
}

/* line 155, app/assets/stylesheets/adopt.scss */
.rounded-container .adopt .product-tab-list .product-tab-item img {
  width: 4em;
  height: 4em;
}

@media (max-width: 767px) {
  /* line 161, app/assets/stylesheets/adopt.scss */
  .rounded-container .adopt .product-tab-list .product-tab-item img {
    width: 2.8em;
    height: 2.8em;
  }
}

/* line 171, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: left;
}

/* line 177, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .left {
  flex: 1 1 20%;
  margin: 0 20px;
}

/* line 181, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .left .shaded {
  background-color: #f4f4f4;
}

/* line 184, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .right {
  background-color: #e8e8e8;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 0 0 20px;
}

/* line 191, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .right .product-image {
  background-size: cover;
  color: white;
  font-weight: 200;
  font-size: 2em;
  padding-top: 270px;
  padding-left: 25px;
}

/* line 199, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .right .product-image.fire-barrel {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4)), url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_330,q_auto,w_330/fire-barrel%402x-5bf45426c269ef9aac1211da25c21309.jpg) center center no-repeat;
  background-size: cover;
  width: 330px;
  height: 330px;
}

/* line 206, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .right .product-image.spekboom {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4)), url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_330,q_auto,w_330/spekboom%402x-d4d6d75f9ce5a5e47de024a374aa85c6.jpg) center center no-repeat;
  background-size: cover;
  width: 330px;
  height: 330px;
}

/* line 213, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .right .product-image.spekboom.respek {
  height: 511px;
  border-radius: 0 0 20px;
}

/* line 220, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .right .product-image.blue-dan {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4)), url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_330,q_auto,w_330/blue-dan%402x-37f709913d8ada7885ae01811e888666.jpg) center center no-repeat;
  background-size: cover;
  width: 330px;
  height: 330px;
}

/* line 227, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .right .product-image.golden-barrel {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4)), url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_330,q_auto,w_330/golden-barrel%402x-618391d846c51bea0fd530a8a6bdd762.jpg) center center no-repeat;
  background-size: cover;
  width: 330px;
  height: 330px;
}

/* line 234, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .right .product-image.white-road {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4)), url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_330,q_auto,w_330/white-road%402x-51b388dbf2a17dd3c44352a035287483.jpg) center center no-repeat;
  background-size: cover;
  width: 330px;
  height: 330px;
}

/* line 241, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .right .product-image.solar-panel {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4)), url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_330,q_auto,w_330/solar-panel%402x-def63a79663edc5d05723481251f09ba.jpg) center center no-repeat;
  background-size: cover;
  width: 330px;
  height: 330px;
}

/* line 249, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .right .flag-section {
  font-weight: 600;
  font-size: 0.8em;
  padding-bottom: 2em;
  text-transform: uppercase;
}

/* line 257, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab h2 {
  color: #fff !important;
  font-weight: 100;
  font-size: 1.8em;
  padding: 0.5em 0.7em 0.5em 1.2em;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  margin: 0;
  text-transform: none;
}

/* line 267, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .tagline {
  font-size: 1.1em;
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 0.4em;
  padding-bottom: 0.8em;
}

/* line 276, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .description {
  font-weight: 400;
  line-height: 1.5em;
  font-size: 1.1em;
  padding: 0 2em;
  clear: both;
}

/* line 284, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .flag-image {
  max-width: 280px;
}

/* line 286, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .did-you-know {
  clear: both;
  color: grey;
  padding: 0.7em 2em 0.7em 2em;
}

/* line 291, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .did-you-know h3 {
  font-style: italic;
  font-weight: 800;
  font-size: 1.3em;
  line-height: 1.6em;
  border-bottom: 1px dashed #fdbd3c;
}

/* line 299, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .did-you-know p {
  line-height: 1.5em;
}

/* line 305, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .cart-tools {
  align-items: center;
  background-color: #e8e8e8;
  margin-bottom: 1em;
  padding: 1em 2em;
  width: 100%;
}

/* line 312, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .cart-tools form {
  align-items: center;
  display: flex;
}

/* line 316, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .cart-tools form input[type='number'] {
  border-radius: 0;
  max-width: 70px;
  padding: 0px;
  text-align: center;
}

@media break-max-small {
  /* line 316, app/assets/stylesheets/adopt.scss */
  .rounded-container .product-tab-content .tab .cart-tools form input[type='number'] {
    font-size: 16px;
  }
}

/* line 326, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .cart-tools form .price {
  font-weight: 600;
  font-size: 1.4em;
  margin: 0 5px 0 5px;
}

@media break-max-small {
  /* line 326, app/assets/stylesheets/adopt.scss */
  .rounded-container .product-tab-content .tab .cart-tools form .price {
    font-size: 1.1em;
  }
}

/* line 335, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .cart-tools form a {
  text-decoration: none;
  color: black;
}

/* line 341, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .cart-tools .buttons {
  width: 56%;
  display: flex;
  justify-content: space-around;
}

@media screen and (max-width: 985px) {
  /* line 341, app/assets/stylesheets/adopt.scss */
  .rounded-container .product-tab-content .tab .cart-tools .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* line 352, app/assets/stylesheets/adopt.scss */
.rounded-container .product-tab-content .tab .cart-tools .buttons .button {
  margin: 0.2em 0.2em;
}

@media screen and (max-width: 940px) {
  /* line 352, app/assets/stylesheets/adopt.scss */
  .rounded-container .product-tab-content .tab .cart-tools .buttons .button {
    margin-bottom: 0.5em;
  }
}

@media screen and (max-width : 800px) {
  /* line 368, app/assets/stylesheets/adopt.scss */
  .respek .adopt .content .product-tab-content .left {
    background: none;
  }
  /* line 375, app/assets/stylesheets/adopt.scss */
  .adopt h2 {
    font-size: 0.85em;
  }
  /* line 382, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-list .product-tab-item.current::before {
    left: 1.1em;
  }
  /* line 389, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .left {
    background-color: #f4f4f4;
    margin: 0;
  }
  /* line 394, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .left .shaded .did-you-know {
    display: none;
  }
  /* line 400, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right {
    align-items: center;
    background-color: #f4f4f4;
    flex-direction: row;
    width: 100%;
    border-radius: 20px;
  }
  /* line 408, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right .product-image {
    background-size: contain;
    padding: 0;
    max-width: 30%;
    margin: 1em;
    margin-top: 2em;
  }
}

@media screen and (max-width : 800px) and (max-width: 640px) {
  /* line 408, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right .product-image {
    padding: 42px;
    max-width: 50%;
    margin: 1px;
    margin-top: 15px;
  }
}

@media screen and (max-width : 800px) {
  /* line 420, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right .product-image.fire-barrel {
    background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/fire-barrel%402x-5bf45426c269ef9aac1211da25c21309.jpg) no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
  }
  /* line 427, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right .product-image.spekboom {
    background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/spekboom%402x-d4d6d75f9ce5a5e47de024a374aa85c6.jpg) no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
  }
  /* line 434, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right .product-image.blue-dan {
    background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/blue-dan%402x-37f709913d8ada7885ae01811e888666.jpg) no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
  }
  /* line 441, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right .product-image.golden-barrel {
    background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/golden-barrel%402x-618391d846c51bea0fd530a8a6bdd762.jpg) no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
  }
  /* line 448, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right .product-image.white-road {
    background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/white-road%402x-51b388dbf2a17dd3c44352a035287483.jpg) no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
  }
  /* line 455, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right .product-image.solar-panel {
    background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/solar-panel%402x-def63a79663edc5d05723481251f09ba.jpg) no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
  }
  /* line 463, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right .flag-section {
    background-size: contain;
    text-align: center;
    width: 40%;
  }
  /* line 468, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .right .flag-section .flag-image {
    max-width: 100%;
  }
  /* line 475, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .cart-tools form {
    align-items: baseline;
  }
  /* line 478, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .cart-tools form input {
    font-size: 16px;
    order: -1;
  }
  /* line 483, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .cart-tools form .entry, .adopt .content .product-tab-content .cart-tools form .buttons {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
  /* line 489, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .cart-tools form .entry {
    align-items: center;
  }
  /* line 494, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .cart-tools form .buttons {
    align-items: center;
  }
  /* line 497, app/assets/stylesheets/adopt.scss */
  .adopt .content .product-tab-content .cart-tools form .buttons .button {
    margin: 0.2em 0;
  }
}

/* line 509, app/assets/stylesheets/adopt.scss */
.respek .rounded-container .adopt .content #product_added_container #tool_tip {
  width: 0;
  height: 0;
  position: absolute;
  border: 10px solid;
  border-color: transparent transparent #000000 transparent;
  top: -1.1em;
  right: 2em;
}

/* line 519, app/assets/stylesheets/adopt.scss */
.respek .rounded-container .adopt .content #product_added_container {
  background-color: #000000c7;
  color: #cecece !important;
  box-shadow: 0 0 3px black;
}

/* line 524, app/assets/stylesheets/adopt.scss */
.respek .rounded-container .adopt .content #product_added_container h2 {
  color: #cecece !important;
}
/* line 3, app/assets/stylesheets/buttons.scss */
button, .btn {
  border: none;
  border-radius: 2em;
  display: inline-block;
  font-size: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

/* line 16, app/assets/stylesheets/buttons.scss */
button.primary, button.primary:visited, .btn.primary, .btn.primary:visited {
  color: #000;
  background-color: #FDBD3C;
}

/* line 20, app/assets/stylesheets/buttons.scss */
button.secondary, button.secondary:visited, .btn.secondary, .btn.secondary:visited {
  background-color: #fff;
  border: 2px solid #FDBD3C;
}

/* line 24, app/assets/stylesheets/buttons.scss */
button.black, button.black:visited, .btn.black, .btn.black:visited {
  background-color: #171717;
  color: #FFF;
  text-transform: uppercase;
}
/* line 3, app/assets/stylesheets/cart.scss */
.carts {
  padding-bottom: 1.5em;
}

/* line 4, app/assets/stylesheets/cart.scss */
.carts h2 {
  border-bottom: none;
}

@media screen and (max-width: 640px) {
  /* line 10, app/assets/stylesheets/cart.scss */
  .carts .field_with_errors {
    text-align: left;
  }
}

/* line 15, app/assets/stylesheets/cart.scss */
.carts .upload-csv {
  font-size: 15px;
  font-weight: 300;
}

/* line 20, app/assets/stylesheets/cart.scss */
.carts input {
  text-align: left;
  margin: 0.5em 0 !important;
}

/* line 25, app/assets/stylesheets/cart.scss */
.carts input[type=number] {
  text-align: center;
  width: 3.5em;
  padding: 1em 0.5em;
}

/* line 31, app/assets/stylesheets/cart.scss */
.carts input:disabled {
  background-color: #eaeaea;
}

/* line 35, app/assets/stylesheets/cart.scss */
.carts .empty {
  line-height: 4em;
  padding: 20px;
}

/* line 40, app/assets/stylesheets/cart.scss */
.carts .hidden {
  display: none !important;
}

/* line 44, app/assets/stylesheets/cart.scss */
.carts .rounded-container {
  padding-bottom: 2em;
}

/* line 48, app/assets/stylesheets/cart.scss */
.carts .column-1 {
  flex-grow: 1;
  min-width: 200px;
}

/* line 53, app/assets/stylesheets/cart.scss */
.carts .column-2 {
  min-width: 100px;
}

/* line 57, app/assets/stylesheets/cart.scss */
.carts .column-3 {
  min-width: 200px;
}

/* line 61, app/assets/stylesheets/cart.scss */
.carts .column-4 {
  min-width: 200px;
}

/* line 65, app/assets/stylesheets/cart.scss */
.carts .column-5 {
  width: 10%;
}

/* line 69, app/assets/stylesheets/cart.scss */
.carts .top {
  width: 100%;
}

/* line 73, app/assets/stylesheets/cart.scss */
.carts .header {
  display: flex;
  background-color: #f4f4f4;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  font-weight: 300;
  padding: 12px;
  text-transform: uppercase;
  width: 100%;
}

/* line 85, app/assets/stylesheets/cart.scss */
.carts .header .row {
  display: flex;
  padding-left: 1em;
  width: 100%;
}

/* line 90, app/assets/stylesheets/cart.scss */
.carts .header .row .column-1 {
  text-align: left;
}

/* line 97, app/assets/stylesheets/cart.scss */
.carts .cart-body .row {
  align-items: baseline;
  flex-direction: column;
  padding: 0 1em;
  width: 100%;
}

/* line 103, app/assets/stylesheets/cart.scss */
.carts .cart-body .row.shadow {
  background-color: #eee;
}

/* line 107, app/assets/stylesheets/cart.scss */
.carts .cart-body .row .top {
  align-items: baseline;
  display: flex;
  font-size: 1.2em;
  font-weight: 400;
  padding-top: 0.5em;
}

/* line 114, app/assets/stylesheets/cart.scss */
.carts .cart-body .row .top a {
  vertical-align: -webkit-baseline-middle;
}

/* line 118, app/assets/stylesheets/cart.scss */
.carts .cart-body .row .top .column-1 {
  justify-content: flex-start;
  font-size: 1.3em;
  text-align: left;
}

@media screen and (max-width: 640px) {
  /* line 118, app/assets/stylesheets/cart.scss */
  .carts .cart-body .row .top .column-1 {
    font-size: 16px !important;
  }
}

/* line 128, app/assets/stylesheets/cart.scss */
.carts .cart-body .row .top .column-3 {
  font-weight: 300;
}

/* line 132, app/assets/stylesheets/cart.scss */
.carts .cart-body .row .top .icon {
  height: 2em;
  padding-left: 0.2em;
  position: relative;
  top: 7px;
}

/* line 142, app/assets/stylesheets/cart.scss */
.carts .cart-body .row label {
  display: block;
  padding: 2px 20px 0 3px;
  font-size: 14px;
}

/* line 148, app/assets/stylesheets/cart.scss */
.carts .cart-body .row .align_radio_button {
  display: inline-flex;
}

/* line 152, app/assets/stylesheets/cart.scss */
.carts .cart-body .row .bottom {
  align-items: center;
  border-bottom: 1px solid lightgrey;
  display: flex;
  font-weight: 300;
  padding: 0 0 1em 1.2em;
}

/* line 159, app/assets/stylesheets/cart.scss */
.carts .cart-body .row .bottom input[type='checkbox'] {
  zoom: 1.8;
}

/* line 163, app/assets/stylesheets/cart.scss */
.carts .cart-body .row .bottom label {
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  text-transform: uppercase;
  vertical-align: center;
}

/* line 170, app/assets/stylesheets/cart.scss */
.carts .cart-body .row .bottom:last-child {
  border-bottom: 0;
}

/* line 177, app/assets/stylesheets/cart.scss */
.carts .totals {
  border-bottom: 1px solid #d2d2d2;
  font-weight: 300;
  margin: 20px;
  padding: 15px;
  text-transform: uppercase;
  text-align: right;
}

/* line 185, app/assets/stylesheets/cart.scss */
.carts .totals .price {
  font-size: 1.2em;
  font-weight: 400;
  padding-left: 20px;
}

/* line 192, app/assets/stylesheets/cart.scss */
.carts .form-actions {
  align-items: baseline;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 25px;
}

/* line 200, app/assets/stylesheets/cart.scss */
.carts .form-actions .text-button {
  padding: 0 20px;
}

/* line 207, app/assets/stylesheets/cart.scss */
.carts .add-another-recipient {
  width: 17em;
  font-size: 0.75em;
  text-align: center;
  margin-left: 4.5em;
}

/* line 214, app/assets/stylesheets/cart.scss */
.carts .recipient {
  display: flex;
  flex-direction: column;
}

/* line 218, app/assets/stylesheets/cart.scss */
.carts .recipient form {
  display: flex;
  flex-direction: row;
}

@media screen and (max-width: 640px) {
  /* line 218, app/assets/stylesheets/cart.scss */
  .carts .recipient form {
    display: block;
  }
}

/* line 227, app/assets/stylesheets/cart.scss */
.carts .recipient .fields {
  display: flex;
  flex-direction: row;
}

@media screen and (max-width: 640px) {
  /* line 227, app/assets/stylesheets/cart.scss */
  .carts .recipient .fields {
    display: block;
  }
}

/* line 235, app/assets/stylesheets/cart.scss */
.carts .recipient .fields .recipient_quantity {
  font-weight: 700;
  padding: 1em 0.25em;
}

@media screen and (max-width: 640px) {
  /* line 235, app/assets/stylesheets/cart.scss */
  .carts .recipient .fields .recipient_quantity {
    align-items: center;
    display: table-header-group;
    position: relative;
    left: 0;
  }
}

/* line 249, app/assets/stylesheets/cart.scss */
.carts .recipient .fields .gift-label {
  font-size: 0.8em;
  text-align: left;
}

/* line 254, app/assets/stylesheets/cart.scss */
.carts .recipient .fields .gift-fields {
  display: block;
  padding: 0 0.5em;
  min-width: 15em;
}

@media screen and (max-width: 640px) {
  /* line 254, app/assets/stylesheets/cart.scss */
  .carts .recipient .fields .gift-fields {
    display: inline-block;
  }
}

@media only screen and (max-width : 400px) {
  /* line 254, app/assets/stylesheets/cart.scss */
  .carts .recipient .fields .gift-fields {
    min-width: 18em;
    display: inline-block;
  }
}

/* line 269, app/assets/stylesheets/cart.scss */
.carts .recipient .fields .quantity-field {
  align-items: center;
  min-width: 10em;
}

/* line 273, app/assets/stylesheets/cart.scss */
.carts .recipient .fields .quantity-field * {
  text-align: center !important;
}

@media screen and (max-width: 640px) {
  /* line 269, app/assets/stylesheets/cart.scss */
  .carts .recipient .fields .quantity-field {
    align-items: left;
    display: table-footer-group;
  }
}

/* line 284, app/assets/stylesheets/cart.scss */
.carts .recipient .fields .full-width {
  width: 100%;
}

/* line 288, app/assets/stylesheets/cart.scss */
.carts .recipient .fields .error {
  font-size: 0.9em;
  color: #A53F20;
  text-align: left;
}

/* line 295, app/assets/stylesheets/cart.scss */
.carts .recipient .actions {
  margin-top: 1.6em;
}

@media screen and (max-width: 640px) {
  /* line 295, app/assets/stylesheets/cart.scss */
  .carts .recipient .actions {
    margin-top: 10px;
  }
}

/* line 302, app/assets/stylesheets/cart.scss */
.carts .recipient .actions a {
  display: inline-block;
  font-size: 0.75em;
  padding: 6px 12px;
  margin: 0 2px;
}

@media screen and (max-width : 800px) {
  /* line 302, app/assets/stylesheets/cart.scss */
  .carts .recipient .actions a {
    margin: 4px 2px;
  }
}

/* line 314, app/assets/stylesheets/cart.scss */
.carts .recipient .row {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  padding: 10px;
}

/* line 323, app/assets/stylesheets/cart.scss */
.carts .recipient .for-me .fields {
  align-items: center;
}

/* line 327, app/assets/stylesheets/cart.scss */
.carts .recipient .for-me .recipient_quantity {
  margin: 0 8px;
}

/* line 331, app/assets/stylesheets/cart.scss */
.carts .recipient .for-me .adoption-label {
  min-width: 1em;
  text-align: left;
  text-transform: uppercase;
  margin-left: -2em;
}

@media screen and (max-width: 640px) {
  /* line 331, app/assets/stylesheets/cart.scss */
  .carts .recipient .for-me .adoption-label {
    margin-left: 0;
  }
}

@media screen and (max-width : 800px) {
  /* line 3, app/assets/stylesheets/cart.scss */
  .carts {
    padding-bottom: 0em;
    padding-bottom: 6.5em;
  }
}

@media screen and (max-width: 650px) {
  /* line 353, app/assets/stylesheets/cart.scss */
  .carts .column-1 {
    min-width: 100px;
  }
}

@media screen and (max-width: 650px) and (max-width: 640px) {
  /* line 353, app/assets/stylesheets/cart.scss */
  .carts .column-1 {
    min-width: 40px;
  }
}

@media screen and (max-width: 650px) {
  /* line 361, app/assets/stylesheets/cart.scss */
  .carts form .row .top .column-1 {
    min-width: 0;
    font-size: 1em;
  }
  /* line 365, app/assets/stylesheets/cart.scss */
  .carts form .row .top .column-1 img {
    height: 1.5em;
    padding-right: 0;
  }
  /* line 371, app/assets/stylesheets/cart.scss */
  .carts form .row .top .column-2 {
    min-width: 60px;
  }
  /* line 374, app/assets/stylesheets/cart.scss */
  .carts form .row .top .column-2 input[type=number] {
    width: 2.5em;
  }
  /* line 379, app/assets/stylesheets/cart.scss */
  .carts .column-3 {
    display: none;
  }
  /* line 383, app/assets/stylesheets/cart.scss */
  .carts .column-4 {
    min-width: 100px;
  }
}

@media screen and (max-width: 650px) and (max-width: 640px) {
  /* line 383, app/assets/stylesheets/cart.scss */
  .carts .column-4 {
    min-width: 100px;
  }
}

@media screen and (max-width: 860px) {
  /* line 393, app/assets/stylesheets/cart.scss */
  .carts .column-3 {
    min-width: 120px;
  }
}

@media screen and (max-width: 860px) and (max-width: 640px) {
  /* line 393, app/assets/stylesheets/cart.scss */
  .carts .column-3 {
    min-width: 100px;
  }
}

@media screen and (max-width: 860px) {
  /* line 401, app/assets/stylesheets/cart.scss */
  .carts .column-4 {
    min-width: 120px;
  }
}

@media screen and (max-width: 860px) and (max-width: 640px) {
  /* line 401, app/assets/stylesheets/cart.scss */
  .carts .column-4 {
    min-width: 100px;
  }
}

@media screen and (max-width: 700px) {
  /* line 412, app/assets/stylesheets/cart.scss */
  .carts .form-actions {
    flex-direction: column;
    align-items: center;
  }
  /* line 416, app/assets/stylesheets/cart.scss */
  .carts .form-actions .button {
    margin-top: 1em;
  }
  /* line 422, app/assets/stylesheets/cart.scss */
  .carts .new-recipient .fields {
    flex-direction: column;
  }
}

@media screen and (max-width : 900px) {
  /* line 430, app/assets/stylesheets/cart.scss */
  .carts form .adoption-label input#quantity_for_myself {
    margin-left: 0.5em;
  }
}

@media only screen and (max-width : 400px) {
  /* line 438, app/assets/stylesheets/cart.scss */
  .carts form .adoption-label input#quantity_for_myself {
    margin-left: 0;
  }
}

/* line 449, app/assets/stylesheets/cart.scss */
.btn-extra-small {
  padding: 9px 10px !important;
  text-align: center;
  font-weight: 800;
  font-size: 10px !important;
}

/* line 456, app/assets/stylesheets/cart.scss */
.form-container .add-to-cart--character button {
  display: block;
  margin-top: -20px;
}

/* line 461, app/assets/stylesheets/cart.scss */
.add-to-cart-icons {
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
  font-weight: 300;
  margin: 20px;
  padding: 15px;
  text-transform: uppercase;
}

@media screen and (max-width: 640px) {
  /* line 461, app/assets/stylesheets/cart.scss */
  .add-to-cart-icons {
    margin: 5px;
    padding: 0px;
  }
}

/* line 476, app/assets/stylesheets/cart.scss */
.btn,
input[type="submit"],
.btn-small,
.btn-extra-small,
.btn_secondary {
  background: #ffcc00;
  padding: 15px 30px;
  border-radius: 40px;
  color: #171717;
  font-weight: 800;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  text-decoration: none;
  font-size: 13px;
}

/* line 494, app/assets/stylesheets/cart.scss */
.form-container {
  display: inline-block;
  width: 13%;
  height: 50px;
  text-align: center;
  display: inline-table;
}

/* line 502, app/assets/stylesheets/cart.scss */
.icon {
  border-style: none;
  height: 73px;
}

/* line 507, app/assets/stylesheets/cart.scss */
.add-button {
  height: 39.19px;
  width: 73px;
}

/* line 514, app/assets/stylesheets/cart.scss */
.box-con {
  position: relative;
  margin: 10px;
  height: 125px;
  width: 110px;
}

/* line 521, app/assets/stylesheets/cart.scss */
.add-btn {
  height: 30px;
  width: 30px;
  margin: 0px !important;
  position: absolute;
  left: 0px;
  top: 12px;
}

/* line 532, app/assets/stylesheets/cart.scss */
.icon-new {
  position: absolute;
  right: 0px;
}

/* line 537, app/assets/stylesheets/cart.scss */
.prod-label {
  position: absolute;
  bottom: 13px;
  width: 100%;
  left: 0px;
  font-size: 13px;
  text-align: end;
  color: #8e8e8e;
  font-weight: bold;
  font-style: normal;
  font-family: lato;
}

/* line 552, app/assets/stylesheets/cart.scss */
.respek #product_added_container,
.respek h2 {
  color: gray !important;
}

/* line 557, app/assets/stylesheets/cart.scss */
.respek h2 {
  color: #cecece;
}

/* line 565, app/assets/stylesheets/cart.scss */
.respek .carts form {
  width: 100%;
  max-width: inherit;
}

@media screen and (max-width : 800px) {
  /* line 563, app/assets/stylesheets/cart.scss */
  .respek .carts {
    margin-top: 0em;
    padding-bottom: 1.5em;
  }
}

/* line 576, app/assets/stylesheets/cart.scss */
.respek .carts .header {
  background-color: #fff;
  border-width: 0;
}

/* line 581, app/assets/stylesheets/cart.scss */
.respek .carts .cart-body .row.shadow {
  background-color: #00000047;
}

/* line 586, app/assets/stylesheets/cart.scss */
.respek .carts span.sm {
  font-size: 13px;
  display: block;
}

/* line 593, app/assets/stylesheets/cart.scss */
.respek .carts .recipient .actions {
  margin-top: 1.8em;
  min-width: 9em;
}

/* line 598, app/assets/stylesheets/cart.scss */
.respek .carts .recipient .fields {
  display: flex;
  flex-direction: row;
  width: 95%;
}

/* line 603, app/assets/stylesheets/cart.scss */
.respek .carts .recipient .fields .quantity-field {
  align-items: center;
  min-width: 10em;
  text-align: center;
}

@media screen and (max-width: 640px) {
  /* line 603, app/assets/stylesheets/cart.scss */
  .respek .carts .recipient .fields .quantity-field {
    text-align: left;
  }
}

/* line 611, app/assets/stylesheets/cart.scss */
.respek .carts .recipient .fields .quantity-field .gift-label {
  text-align: center;
}

@media screen and (max-width: 640px) {
  /* line 611, app/assets/stylesheets/cart.scss */
  .respek .carts .recipient .fields .quantity-field .gift-label {
    text-align: left !important;
  }
}

/* line 619, app/assets/stylesheets/cart.scss */
.respek .carts .recipient .fields .gift-fields {
  display: block;
  padding: 0 0.5em;
  min-width: 8.65em;
}

@media screen and (max-width: 640px) {
  /* line 598, app/assets/stylesheets/cart.scss */
  .respek .carts .recipient .fields {
    display: block;
    flex-direction: column;
  }
}

/* line 632, app/assets/stylesheets/cart.scss */
.respek .carts .quantity-field {
  align-items: center;
  min-width: 10em;
  text-align: center;
}

/* line 637, app/assets/stylesheets/cart.scss */
.respek .carts .quantity-field .gift-label {
  text-align: center;
}

/* line 642, app/assets/stylesheets/cart.scss */
.respek .carts .gift-fields {
  border-radius: 0px;
  text-align: left;
  min-width: inherit;
}

/* line 647, app/assets/stylesheets/cart.scss */
.respek .carts .gift-fields input {
  max-width: 200px !important;
}
/* line 5, app/assets/stylesheets/certificates.scss */
.certificates .bounds {
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
  margin: 3em auto 0;
  text-transform: uppercase;
  width: 70%;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
}

/* line 14, app/assets/stylesheets/certificates.scss */
.certificates .bounds .top {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_128,q_auto/gf-logo-35e043f5e67563f3f5965bca8f818c67.svg) center center/30% no-repeat;
  background-color: #000;
  height: 8em;
}

/* line 20, app/assets/stylesheets/certificates.scss */
.certificates .bounds .designation {
  padding: 1em 0;
  position: relative;
  z-index: 1000;
  background: white;
  width: 35%;
  border-width: 0;
}

/* line 28, app/assets/stylesheets/certificates.scss */
.certificates .bounds .title-stripes {
  border-bottom: 6px double #00a04b;
  position: relative;
  width: 90%;
  top: 29px;
  z-index: 0;
}

/* line 36, app/assets/stylesheets/certificates.scss */
.certificates .bounds .eggshape {
  height: 62px;
  border-radius: 20em;
  border-top: 2px solid #00a04b;
  border-left: 2px solid #00a04b;
  border-right: 2px solid #00a04b;
  width: 64px;
  position: relative;
  top: -33px;
}

/* line 46, app/assets/stylesheets/certificates.scss */
.certificates .bounds .title-stretch {
  opacity: 0.5;
  width: 100%;
  text-align: -webkit-center;
}

@-moz-document url-prefix() {
  /* line 54, app/assets/stylesheets/certificates.scss */
  .certificates .bounds .header p {
    margin-left: 5%;
  }
  /* line 57, app/assets/stylesheets/certificates.scss */
  .certificates .bounds .header .person {
    margin-left: 5%;
  }
}

/* line 63, app/assets/stylesheets/certificates.scss */
.certificates .bounds .header {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/secondarypage_bg-d245059136d063b34e6cfc3ce89d634e.jpg) center center/30% no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex: 1 0 100%;
  border-top: 1px solid #000;
}

/* line 71, app/assets/stylesheets/certificates.scss */
.certificates .bounds .header p {
  border-bottom: 1px solid #fff;
  padding-bottom: 1em;
  color: #fff;
  z-index: 1000;
}

/* line 78, app/assets/stylesheets/certificates.scss */
.certificates .bounds .header p.supporter {
  border-bottom: none;
  padding-bottom: 2.5em;
}

/* line 84, app/assets/stylesheets/certificates.scss */
.certificates .bounds .header p .fat {
  font-weight: 700;
}

/* line 89, app/assets/stylesheets/certificates.scss */
.certificates .bounds .header .person {
  border-bottom: 1px solid #fff;
  font-size: 2.8em;
  font-weight: 800;
  padding-bottom: 0.7em;
  text-transform: none;
  color: #fff;
  z-index: 1000;
}

@media screen and (max-width: 640px) {
  /* line 89, app/assets/stylesheets/certificates.scss */
  .certificates .bounds .header .person {
    font-size: 1.5em;
  }
}

/* line 108, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail {
  background-color: #fff;
  text-align: -webkit-center;
  border-top: 3px solid green;
  margin-top: 2px;
}

/* line 113, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail .round {
  background-color: #fff;
  border-radius: 2em;
  height: 5.3em;
  width: 4em;
  padding: 0.3em;
  position: relative;
  top: -5.8em;
}

/* line 123, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail .text {
  position: relative;
  top: -5em;
  margin-bottom: -3em;
}

/* line 127, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail .text p {
  margin: 0;
  padding: 0.4em 0;
}

/* line 132, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail .text .adopted {
  font-size: 1em;
  font-weight: 100;
  padding-top: 0;
}

/* line 138, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail .text .quantity {
  font-size: 2em;
  font-weight: 300;
}

/* line 143, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail .text .product {
  font-size: 2em;
  font-weight: 600;
  text-transform: none;
}

/* line 150, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail .flag-image {
  max-width: 16em;
  padding-bottom: 2em;
}

/* line 155, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail .gps {
  border-bottom: 1px solid lightgrey;
  font-size: 0.75em;
  font-weight: 400;
  margin: 0 auto 2em auto;
  line-height: 0.1em;
  text-align: center;
  text-transform: uppercase;
  width: 39%;
}

/* line 165, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail .gps span {
  background-color: #fff;
  color: gray;
  padding: 0 10px;
}

/* line 172, app/assets/stylesheets/certificates.scss */
.certificates .bounds .detail .locations {
  color: gray;
  font-weight: 300;
  margin-bottom: 1.5em;
}

/* line 179, app/assets/stylesheets/certificates.scss */
.certificates .bounds .footer {
  background-color: #00a04b;
  color: #fff;
  display: flex;
  margin: 0;
  padding: 0.6em;
  text-align: left;
}

/* line 187, app/assets/stylesheets/certificates.scss */
.certificates .bounds .footer p {
  margin: 0;
}

/* line 189, app/assets/stylesheets/certificates.scss */
.certificates .bounds .footer .the {
  font-size: 0.8em;
  font-weight: 300;
}

/* line 194, app/assets/stylesheets/certificates.scss */
.certificates .bounds .footer .giant-flag {
  font-size: 1.3em;
  font-weight: 700;
}

/* line 199, app/assets/stylesheets/certificates.scss */
.certificates .bounds .footer .right {
  align-items: flex-end;
  display: flex;
  font-size: 0.8em;
  font-weight: 300;
  padding: 0 2em;
}

/* line 206, app/assets/stylesheets/certificates.scss */
.certificates .bounds .footer .right .tagline {
  align-items: flex-end;
}

@media screen and (max-width: 640px) {
  /* line 214, app/assets/stylesheets/certificates.scss */
  .certificates .bounds {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
    margin: 3em auto;
    text-transform: uppercase;
    width: 100%;
  }
  /* line 220, app/assets/stylesheets/certificates.scss */
  .certificates .bounds .detail .gps {
    border-bottom: 1px solid lightgrey;
    font-size: 0.75em;
    font-weight: 400;
    margin: 0 auto 2em auto;
    line-height: 0.1em;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
  }
}
/* line 5, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts .contact-details {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 11, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts textarea {
  resize: none;
  height: 5em;
  min-width: 20em;
  width: 100%;
}

/* line 18, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts #contact_issue {
  padding: 5px;
  border: 0;
  outline: none;
  font-size: 16px;
  width: 98%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 50px;
  z-index: 1000;
}

/* line 31, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts .rounded-select {
  margin-left: 8px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/dropdown_arrow-ea4f98e16381f5413350646be09429d8.svg) no-repeat 96%;
  background-color: #F6F6F6;
  border-radius: 13px;
  overflow: hidden;
  width: 20em;
  height: 2.5em;
  position: relative;
  left: 5px;
}

@media screen and (max-width: 640px) {
  /* line 31, app/assets/stylesheets/contact.scss */
  .giant-flag-site .contacts .rounded-select {
    width: 18em;
  }
}

/* line 47, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts .rounded-select select {
  -webkit-appearance: none;
  background: transparent;
  border: none;
  font-size: 14px;
  height: 2.5em;
  padding-left: 1.4em;
  width: 25em;
  color: gray;
}

/* line 58, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts a {
  text-decoration: none;
  color: gray;
  padding-bottom: 1em;
}

/* line 64, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts .social {
  margin-bottom: 2em;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #DDDDDD;
}

/* line 70, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts .social a {
  height: 30px;
  width: 30px;
  margin: 0 1em;
  text-decoration: none;
  color: #000;
}

/* line 77, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts .social a img {
  vertical-align: middle;
}

/* line 83, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts label {
  display: flex;
  margin-left: 1em;
  margin-top: 1em;
  color: gray;
}

/* line 90, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts .contact-form label,
.giant-flag-site .contacts #recaptcha {
  display: block;
  margin: 0px 0px 15px 0px;
}

/* line 96, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts .contact-form label > span,
.giant-flag-site .contacts #recaptcha::before {
  width: 100px;
  text-align: right;
  float: left;
  padding-top: 8px;
  padding-right: 20px;
  content: "";
}

/* line 106, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts .contact-form .textarea-field {
  width: 70%;
  height: 250px;
  font-size: 18px;
  display: inline-block;
}

/* line 113, app/assets/stylesheets/contact.scss */
.giant-flag-site .contacts .field {
  margin: 7px 0;
}

/* line 122, app/assets/stylesheets/contact.scss */
.respek .contacts #contact_issue {
  /* padding: 5px; */
  /* border: 0; */
  /* outline: none; */
  /* font-size: 16px; */
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* appearance: none; */
  /* margin-right: 25px; */
  /* z-index: 1000; */
}

/* line 136, app/assets/stylesheets/contact.scss */
.respek .contacts .contact-details {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 142, app/assets/stylesheets/contact.scss */
.respek .contacts textarea {
  resize: none;
  height: 5em;
  min-width: 20em;
  width: 100%;
}

/* line 189, app/assets/stylesheets/contact.scss */
.respek .contacts a {
  text-decoration: none;
  color: gray;
  padding-bottom: 1em;
}

/* line 195, app/assets/stylesheets/contact.scss */
.respek .contacts .social {
  margin-bottom: 2em;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #DDDDDD;
}

/* line 201, app/assets/stylesheets/contact.scss */
.respek .contacts .social a {
  height: 30px;
  width: 30px;
  margin: 0 1em;
  text-decoration: none;
  color: #000;
}

/* line 208, app/assets/stylesheets/contact.scss */
.respek .contacts .social a img {
  vertical-align: middle;
}

/* line 214, app/assets/stylesheets/contact.scss */
.respek .contacts label {
  display: flex;
  margin-left: 0.3em;
  margin-top: 1em;
  color: gray;
}

/* line 221, app/assets/stylesheets/contact.scss */
.respek .contacts .contact-form label,
.respek .contacts #recaptcha {
  display: block;
  margin: 0px 0px 15px 0px;
}

/* line 227, app/assets/stylesheets/contact.scss */
.respek .contacts .contact-form label > span,
.respek .contacts #recaptcha::before {
  width: 100px;
  text-align: right;
  float: left;
  padding-top: 8px;
  padding-right: 20px;
  content: "";
}

/* line 237, app/assets/stylesheets/contact.scss */
.respek .contacts .contact-form .textarea-field {
  width: 70%;
  height: 250px;
  font-size: 18px;
  display: inline-block;
}

/* line 244, app/assets/stylesheets/contact.scss */
.respek .contacts .field {
  margin: 7px 0;
}
/* line 3, app/assets/stylesheets/content.scss */
span.pill-item {
  background-color: #344c1d;
  color: #e5efe6;
  padding: 0px 10px;
  margin: 10px;
  display: inline-block;
  border-radius: 12px;
  font-size: 15px;
  text-transform: capitalize;
  line-height: 26px;
  font-weight: 400;
}

@media screen and (max-width: 640px) {
  /* line 3, app/assets/stylesheets/content.scss */
  span.pill-item {
    margin: 5px;
    font-size: 13px;
  }
}

/* line 22, app/assets/stylesheets/content.scss */
a.title {
  text-decoration: none;
}

/* line 26, app/assets/stylesheets/content.scss */
.topic {
  display: block;
  float: right;
  margin: 0 40px;
}

/* line 32, app/assets/stylesheets/content.scss */
a.content-title {
  display: inline-block;
  color: #30471C;
  width: 100%;
}

/* line 38, app/assets/stylesheets/content.scss */
.excerpt {
  padding: 20px 170px;
  float: left;
  display: inline-block;
  color: #b1c1a3;
  font-style: italic;
  line-height: 30px;
  font-weight: 300;
  font-size: 18px;
  word-spacing: 3px;
}

@media screen and (max-width: 640px) {
  /* line 38, app/assets/stylesheets/content.scss */
  .excerpt {
    padding: 0px 20px;
    font-size: 15px;
  }
}

@media screen and (max-width: 640px) {
  /* line 58, app/assets/stylesheets/content.scss */
  .content .plan-description {
    padding: 0px !important;
  }
}

/* line 63, app/assets/stylesheets/content.scss */
.content .content-body {
  text-align: left;
  padding: 10px 60px;
  line-height: 30px;
  font-weight: 300;
}

@media screen and (max-width: 640px) {
  /* line 63, app/assets/stylesheets/content.scss */
  .content .content-body {
    padding: 10px;
    font-weight: 400;
    line-height: 26px;
  }
}

@media screen and (max-width: 640px) {
  /* line 76, app/assets/stylesheets/content.scss */
  .content .content-body h1 {
    font-size: 1.9em;
    margin: 0.27em 0;
    line-height: 30px;
  }
}

@media screen and (max-width: 640px) {
  /* line 86, app/assets/stylesheets/content.scss */
  .content .plan-header {
    padding: 20px 0 !important;
  }
}

/* line 92, app/assets/stylesheets/content.scss */
.img-thumbnail {
  float: right;
  margin: 0 0 15px 30px;
}

/* line 95, app/assets/stylesheets/content.scss */
.img-thumbnail.left {
  float: left;
  margin: 0 25px 15px 0;
}

@media screen and (max-width: 640px) {
  /* line 95, app/assets/stylesheets/content.scss */
  .img-thumbnail.left {
    float: none;
  }
}

@media screen and (max-width: 640px) {
  /* line 92, app/assets/stylesheets/content.scss */
  .img-thumbnail {
    float: none;
    margin: auto;
    display: block;
    max-width: 100%;
  }
}

/* line 110, app/assets/stylesheets/content.scss */
a.title.content-title {
  width: auto;
}

/* line 113, app/assets/stylesheets/content.scss */
nav.pagination span a {
  background-color: #b1c1a3;
  padding: 5px 10px;
  margin: 3px;
  border-radius: 12px;
  text-decoration: none;
  color: #537136;
}
/* line 6, app/assets/stylesheets/devise.scss */
.respek .sessions,
.respek .registrations,
.respek .passwords,
.respek .text-button,
.respek .contacts,
.giant-flag-site .sessions,
.giant-flag-site .registrations,
.giant-flag-site .passwords,
.giant-flag-site .text-button,
.giant-flag-site .contacts {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 1em;
}

/* line 16, app/assets/stylesheets/devise.scss */
.respek .sessions input[type="text"],
.respek .sessions input[type="password"],
.respek .sessions input[type="email"],
.respek .registrations input[type="text"],
.respek .registrations input[type="password"],
.respek .registrations input[type="email"],
.respek .passwords input[type="text"],
.respek .passwords input[type="password"],
.respek .passwords input[type="email"],
.respek .text-button input[type="text"],
.respek .text-button input[type="password"],
.respek .text-button input[type="email"],
.respek .contacts input[type="text"],
.respek .contacts input[type="password"],
.respek .contacts input[type="email"],
.giant-flag-site .sessions input[type="text"],
.giant-flag-site .sessions input[type="password"],
.giant-flag-site .sessions input[type="email"],
.giant-flag-site .registrations input[type="text"],
.giant-flag-site .registrations input[type="password"],
.giant-flag-site .registrations input[type="email"],
.giant-flag-site .passwords input[type="text"],
.giant-flag-site .passwords input[type="password"],
.giant-flag-site .passwords input[type="email"],
.giant-flag-site .text-button input[type="text"],
.giant-flag-site .text-button input[type="password"],
.giant-flag-site .text-button input[type="email"],
.giant-flag-site .contacts input[type="text"],
.giant-flag-site .contacts input[type="password"],
.giant-flag-site .contacts input[type="email"] {
  min-width: 20em;
  width: 100%;
}

@media screen and (max-width: 640px) {
  /* line 16, app/assets/stylesheets/devise.scss */
  .respek .sessions input[type="text"],
.respek .sessions input[type="password"],
.respek .sessions input[type="email"],
.respek .registrations input[type="text"],
.respek .registrations input[type="password"],
.respek .registrations input[type="email"],
.respek .passwords input[type="text"],
.respek .passwords input[type="password"],
.respek .passwords input[type="email"],
.respek .text-button input[type="text"],
.respek .text-button input[type="password"],
.respek .text-button input[type="email"],
.respek .contacts input[type="text"],
.respek .contacts input[type="password"],
.respek .contacts input[type="email"],
.giant-flag-site .sessions input[type="text"],
.giant-flag-site .sessions input[type="password"],
.giant-flag-site .sessions input[type="email"],
.giant-flag-site .registrations input[type="text"],
.giant-flag-site .registrations input[type="password"],
.giant-flag-site .registrations input[type="email"],
.giant-flag-site .passwords input[type="text"],
.giant-flag-site .passwords input[type="password"],
.giant-flag-site .passwords input[type="email"],
.giant-flag-site .text-button input[type="text"],
.giant-flag-site .text-button input[type="password"],
.giant-flag-site .text-button input[type="email"],
.giant-flag-site .contacts input[type="text"],
.giant-flag-site .contacts input[type="password"],
.giant-flag-site .contacts input[type="email"] {
    min-width: 10em;
    width: 95%;
  }
}

/* line 28, app/assets/stylesheets/devise.scss */
.respek .sessions .actions,
.respek .registrations .actions,
.respek .passwords .actions,
.respek .text-button .actions,
.respek .contacts .actions,
.giant-flag-site .sessions .actions,
.giant-flag-site .registrations .actions,
.giant-flag-site .passwords .actions,
.giant-flag-site .text-button .actions,
.giant-flag-site .contacts .actions {
  margin: 1.2em;
}

/* line 32, app/assets/stylesheets/devise.scss */
.respek .sessions .field,
.respek .registrations .field,
.respek .passwords .field,
.respek .text-button .field,
.respek .contacts .field,
.giant-flag-site .sessions .field,
.giant-flag-site .registrations .field,
.giant-flag-site .passwords .field,
.giant-flag-site .text-button .field,
.giant-flag-site .contacts .field {
  display: block;
  align-items: baseline;
}

/* line 37, app/assets/stylesheets/devise.scss */
.respek .sessions .field-error,
.respek .registrations .field-error,
.respek .passwords .field-error,
.respek .text-button .field-error,
.respek .contacts .field-error,
.giant-flag-site .sessions .field-error,
.giant-flag-site .registrations .field-error,
.giant-flag-site .passwords .field-error,
.giant-flag-site .text-button .field-error,
.giant-flag-site .contacts .field-error {
  color: brown;
  font-size: 0.8em;
  padding-left: 1.6em;
  padding-bottom: 1em;
  text-align: left;
  width: 100%;
  position: relative;
  left: 3%;
}

/* line 48, app/assets/stylesheets/devise.scss */
.respek .sessions .forgot-password,
.respek .registrations .forgot-password,
.respek .passwords .forgot-password,
.respek .text-button .forgot-password,
.respek .contacts .forgot-password,
.giant-flag-site .sessions .forgot-password,
.giant-flag-site .registrations .forgot-password,
.giant-flag-site .passwords .forgot-password,
.giant-flag-site .text-button .forgot-password,
.giant-flag-site .contacts .forgot-password {
  font-size: 0.8em;
  color: grey;
  text-align: right;
  float: right;
  padding: 0.6em;
}

/* line 56, app/assets/stylesheets/devise.scss */
.respek .sessions .no-account,
.respek .registrations .no-account,
.respek .passwords .no-account,
.respek .text-button .no-account,
.respek .contacts .no-account,
.giant-flag-site .sessions .no-account,
.giant-flag-site .registrations .no-account,
.giant-flag-site .passwords .no-account,
.giant-flag-site .text-button .no-account,
.giant-flag-site .contacts .no-account {
  color: grey;
  font-size: 0.8em;
  text-align: center;
}

/* line 62, app/assets/stylesheets/devise.scss */
.respek .sessions .note,
.respek .registrations .note,
.respek .passwords .note,
.respek .text-button .note,
.respek .contacts .note,
.giant-flag-site .sessions .note,
.giant-flag-site .registrations .note,
.giant-flag-site .passwords .note,
.giant-flag-site .text-button .note,
.giant-flag-site .contacts .note {
  color: gray;
  font-size: 0.8em;
  padding: 15px 0 10px 0;
}

/* line 68, app/assets/stylesheets/devise.scss */
.respek .sessions .account,
.respek .registrations .account,
.respek .passwords .account,
.respek .text-button .account,
.respek .contacts .account,
.giant-flag-site .sessions .account,
.giant-flag-site .registrations .account,
.giant-flag-site .passwords .account,
.giant-flag-site .text-button .account,
.giant-flag-site .contacts .account {
  margin-bottom: 2em;
  width: 100%;
}

/* line 72, app/assets/stylesheets/devise.scss */
.respek .sessions .account input[type="text"],
.respek .sessions .account input[type="password"],
.respek .sessions .account input[type="email"],
.respek .registrations .account input[type="text"],
.respek .registrations .account input[type="password"],
.respek .registrations .account input[type="email"],
.respek .passwords .account input[type="text"],
.respek .passwords .account input[type="password"],
.respek .passwords .account input[type="email"],
.respek .text-button .account input[type="text"],
.respek .text-button .account input[type="password"],
.respek .text-button .account input[type="email"],
.respek .contacts .account input[type="text"],
.respek .contacts .account input[type="password"],
.respek .contacts .account input[type="email"],
.giant-flag-site .sessions .account input[type="text"],
.giant-flag-site .sessions .account input[type="password"],
.giant-flag-site .sessions .account input[type="email"],
.giant-flag-site .registrations .account input[type="text"],
.giant-flag-site .registrations .account input[type="password"],
.giant-flag-site .registrations .account input[type="email"],
.giant-flag-site .passwords .account input[type="text"],
.giant-flag-site .passwords .account input[type="password"],
.giant-flag-site .passwords .account input[type="email"],
.giant-flag-site .text-button .account input[type="text"],
.giant-flag-site .text-button .account input[type="password"],
.giant-flag-site .text-button .account input[type="email"],
.giant-flag-site .contacts .account input[type="text"],
.giant-flag-site .contacts .account input[type="password"],
.giant-flag-site .contacts .account input[type="email"] {
  max-width: 18em;
  min-width: 10em;
}

/* line 79, app/assets/stylesheets/devise.scss */
.respek .sessions .account .header,
.respek .registrations .account .header,
.respek .passwords .account .header,
.respek .text-button .account .header,
.respek .contacts .account .header,
.giant-flag-site .sessions .account .header,
.giant-flag-site .registrations .account .header,
.giant-flag-site .passwords .account .header,
.giant-flag-site .text-button .account .header,
.giant-flag-site .contacts .account .header {
  background-color: #f7f7f7;
  flex: 0 0 100%;
  font-weight: 600;
  margin: 0 0.7em;
  padding: 1em 3em;
  text-align: left;
  text-transform: uppercase;
}

@media screen and (max-width: 640px) {
  /* line 79, app/assets/stylesheets/devise.scss */
  .respek .sessions .account .header,
.respek .registrations .account .header,
.respek .passwords .account .header,
.respek .text-button .account .header,
.respek .contacts .account .header,
.giant-flag-site .sessions .account .header,
.giant-flag-site .registrations .account .header,
.giant-flag-site .passwords .account .header,
.giant-flag-site .text-button .account .header,
.giant-flag-site .contacts .account .header {
    margin: 0;
  }
}

/* line 93, app/assets/stylesheets/devise.scss */
.respek .sessions .account section,
.respek .registrations .account section,
.respek .passwords .account section,
.respek .text-button .account section,
.respek .contacts .account section,
.giant-flag-site .sessions .account section,
.giant-flag-site .registrations .account section,
.giant-flag-site .passwords .account section,
.giant-flag-site .text-button .account section,
.giant-flag-site .contacts .account section {
  margin: 0 4em;
}

@media screen and (max-width: 640px) {
  /* line 93, app/assets/stylesheets/devise.scss */
  .respek .sessions .account section,
.respek .registrations .account section,
.respek .passwords .account section,
.respek .text-button .account section,
.respek .contacts .account section,
.giant-flag-site .sessions .account section,
.giant-flag-site .registrations .account section,
.giant-flag-site .passwords .account section,
.giant-flag-site .text-button .account section,
.giant-flag-site .contacts .account section {
    margin: 0;
  }
}

/* line 101, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .facebook,
.respek .registrations .account section .facebook,
.respek .passwords .account section .facebook,
.respek .text-button .account section .facebook,
.respek .contacts .account section .facebook,
.giant-flag-site .sessions .account section .facebook,
.giant-flag-site .registrations .account section .facebook,
.giant-flag-site .passwords .account section .facebook,
.giant-flag-site .text-button .account section .facebook,
.giant-flag-site .contacts .account section .facebook {
  margin: 2em;
}

/* line 105, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .field,
.respek .registrations .account section .field,
.respek .passwords .account section .field,
.respek .text-button .account section .field,
.respek .contacts .account section .field,
.giant-flag-site .sessions .account section .field,
.giant-flag-site .registrations .account section .field,
.giant-flag-site .passwords .account section .field,
.giant-flag-site .text-button .account section .field,
.giant-flag-site .contacts .account section .field {
  align-items: center;
  border-bottom: 1px solid lightgrey;
  display: flex;
  flex-wrap: wrap;
  padding: 1em 0;
}

/* line 112, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .field img,
.respek .registrations .account section .field img,
.respek .passwords .account section .field img,
.respek .text-button .account section .field img,
.respek .contacts .account section .field img,
.giant-flag-site .sessions .account section .field img,
.giant-flag-site .registrations .account section .field img,
.giant-flag-site .passwords .account section .field img,
.giant-flag-site .text-button .account section .field img,
.giant-flag-site .contacts .account section .field img {
  padding-right: 0.6em;
  width: 2em;
}

/* line 119, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .actions,
.respek .registrations .account section .actions,
.respek .passwords .account section .actions,
.respek .text-button .account section .actions,
.respek .contacts .account section .actions,
.giant-flag-site .sessions .account section .actions,
.giant-flag-site .registrations .account section .actions,
.giant-flag-site .passwords .account section .actions,
.giant-flag-site .text-button .account section .actions,
.giant-flag-site .contacts .account section .actions {
  padding-left: 1em;
  text-align: left;
}

/* line 125, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .heading,
.respek .registrations .account section .orders .heading,
.respek .passwords .account section .orders .heading,
.respek .text-button .account section .orders .heading,
.respek .contacts .account section .orders .heading,
.giant-flag-site .sessions .account section .orders .heading,
.giant-flag-site .registrations .account section .orders .heading,
.giant-flag-site .passwords .account section .orders .heading,
.giant-flag-site .text-button .account section .orders .heading,
.giant-flag-site .contacts .account section .orders .heading {
  font-size: 1.1em;
  padding: 3em 0 0 0;
  text-align: left;
}

/* line 130, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .heading .fat,
.respek .registrations .account section .orders .heading .fat,
.respek .passwords .account section .orders .heading .fat,
.respek .text-button .account section .orders .heading .fat,
.respek .contacts .account section .orders .heading .fat,
.giant-flag-site .sessions .account section .orders .heading .fat,
.giant-flag-site .registrations .account section .orders .heading .fat,
.giant-flag-site .passwords .account section .orders .heading .fat,
.giant-flag-site .text-button .account section .orders .heading .fat,
.giant-flag-site .contacts .account section .orders .heading .fat {
  font-weight: 600;
}

/* line 134, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .heading .thin,
.respek .registrations .account section .orders .heading .thin,
.respek .passwords .account section .orders .heading .thin,
.respek .text-button .account section .orders .heading .thin,
.respek .contacts .account section .orders .heading .thin,
.giant-flag-site .sessions .account section .orders .heading .thin,
.giant-flag-site .registrations .account section .orders .heading .thin,
.giant-flag-site .passwords .account section .orders .heading .thin,
.giant-flag-site .text-button .account section .orders .heading .thin,
.giant-flag-site .contacts .account section .orders .heading .thin {
  font-weight: 300;
}

/* line 139, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item,
.respek .registrations .account section .orders .line_item,
.respek .passwords .account section .orders .line_item,
.respek .text-button .account section .orders .line_item,
.respek .contacts .account section .orders .line_item,
.giant-flag-site .sessions .account section .orders .line_item,
.giant-flag-site .registrations .account section .orders .line_item,
.giant-flag-site .passwords .account section .orders .line_item,
.giant-flag-site .text-button .account section .orders .line_item,
.giant-flag-site .contacts .account section .orders .line_item {
  align-items: baseline;
  border-bottom: 1px solid lightgrey;
  color: #797979;
  display: flex;
}

@media screen and (max-width: 640px) {
  /* line 139, app/assets/stylesheets/devise.scss */
  .respek .sessions .account section .orders .line_item,
.respek .registrations .account section .orders .line_item,
.respek .passwords .account section .orders .line_item,
.respek .text-button .account section .orders .line_item,
.respek .contacts .account section .orders .line_item,
.giant-flag-site .sessions .account section .orders .line_item,
.giant-flag-site .registrations .account section .orders .line_item,
.giant-flag-site .passwords .account section .orders .line_item,
.giant-flag-site .text-button .account section .orders .line_item,
.giant-flag-site .contacts .account section .orders .line_item {
    width: 80%;
  }
}

/* line 150, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item:last-child,
.respek .registrations .account section .orders .line_item:last-child,
.respek .passwords .account section .orders .line_item:last-child,
.respek .text-button .account section .orders .line_item:last-child,
.respek .contacts .account section .orders .line_item:last-child,
.giant-flag-site .sessions .account section .orders .line_item:last-child,
.giant-flag-site .registrations .account section .orders .line_item:last-child,
.giant-flag-site .passwords .account section .orders .line_item:last-child,
.giant-flag-site .text-button .account section .orders .line_item:last-child,
.giant-flag-site .contacts .account section .orders .line_item:last-child {
  border-bottom: none;
}

/* line 154, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item img,
.respek .registrations .account section .orders .line_item img,
.respek .passwords .account section .orders .line_item img,
.respek .text-button .account section .orders .line_item img,
.respek .contacts .account section .orders .line_item img,
.giant-flag-site .sessions .account section .orders .line_item img,
.giant-flag-site .registrations .account section .orders .line_item img,
.giant-flag-site .passwords .account section .orders .line_item img,
.giant-flag-site .text-button .account section .orders .line_item img,
.giant-flag-site .contacts .account section .orders .line_item img {
  height: 3em;
}

/* line 158, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .column,
.respek .registrations .account section .orders .line_item .column,
.respek .passwords .account section .orders .line_item .column,
.respek .text-button .account section .orders .line_item .column,
.respek .contacts .account section .orders .line_item .column,
.giant-flag-site .sessions .account section .orders .line_item .column,
.giant-flag-site .registrations .account section .orders .line_item .column,
.giant-flag-site .passwords .account section .orders .line_item .column,
.giant-flag-site .text-button .account section .orders .line_item .column,
.giant-flag-site .contacts .account section .orders .line_item .column {
  flex-grow: 1;
}

/* line 161, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .column.image,
.respek .registrations .account section .orders .line_item .column.image,
.respek .passwords .account section .orders .line_item .column.image,
.respek .text-button .account section .orders .line_item .column.image,
.respek .contacts .account section .orders .line_item .column.image,
.giant-flag-site .sessions .account section .orders .line_item .column.image,
.giant-flag-site .registrations .account section .orders .line_item .column.image,
.giant-flag-site .passwords .account section .orders .line_item .column.image,
.giant-flag-site .text-button .account section .orders .line_item .column.image,
.giant-flag-site .contacts .account section .orders .line_item .column.image {
  flex: 0 0 7%;
}

/* line 165, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .column.social,
.respek .registrations .account section .orders .line_item .column.social,
.respek .passwords .account section .orders .line_item .column.social,
.respek .text-button .account section .orders .line_item .column.social,
.respek .contacts .account section .orders .line_item .column.social,
.giant-flag-site .sessions .account section .orders .line_item .column.social,
.giant-flag-site .registrations .account section .orders .line_item .column.social,
.giant-flag-site .passwords .account section .orders .line_item .column.social,
.giant-flag-site .text-button .account section .orders .line_item .column.social,
.giant-flag-site .contacts .account section .orders .line_item .column.social {
  flex: 0 1 13%;
}

/* line 168, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .column.social img,
.respek .registrations .account section .orders .line_item .column.social img,
.respek .passwords .account section .orders .line_item .column.social img,
.respek .text-button .account section .orders .line_item .column.social img,
.respek .contacts .account section .orders .line_item .column.social img,
.giant-flag-site .sessions .account section .orders .line_item .column.social img,
.giant-flag-site .registrations .account section .orders .line_item .column.social img,
.giant-flag-site .passwords .account section .orders .line_item .column.social img,
.giant-flag-site .text-button .account section .orders .line_item .column.social img,
.giant-flag-site .contacts .account section .orders .line_item .column.social img {
  padding: 0 0.3em;
  height: 2.2em;
}

/* line 175, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .row,
.respek .registrations .account section .orders .line_item .row,
.respek .passwords .account section .orders .line_item .row,
.respek .text-button .account section .orders .line_item .row,
.respek .contacts .account section .orders .line_item .row,
.giant-flag-site .sessions .account section .orders .line_item .row,
.giant-flag-site .registrations .account section .orders .line_item .row,
.giant-flag-site .passwords .account section .orders .line_item .row,
.giant-flag-site .text-button .account section .orders .line_item .row,
.giant-flag-site .contacts .account section .orders .line_item .row {
  align-items: center;
  display: flex;
  flex: 1 0 15%;
  flex-wrap: wrap;
  padding: 0.9em;
  text-align: left;
  width: 100%;
}

/* line 186, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .row .top,
.respek .registrations .account section .orders .line_item .row .top,
.respek .passwords .account section .orders .line_item .row .top,
.respek .text-button .account section .orders .line_item .row .top,
.respek .contacts .account section .orders .line_item .row .top,
.giant-flag-site .sessions .account section .orders .line_item .row .top,
.giant-flag-site .registrations .account section .orders .line_item .row .top,
.giant-flag-site .passwords .account section .orders .line_item .row .top,
.giant-flag-site .text-button .account section .orders .line_item .row .top,
.giant-flag-site .contacts .account section .orders .line_item .row .top {
  margin-bottom: 0.6em;
}

/* line 190, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .row .product,
.respek .registrations .account section .orders .line_item .row .product,
.respek .passwords .account section .orders .line_item .row .product,
.respek .text-button .account section .orders .line_item .row .product,
.respek .contacts .account section .orders .line_item .row .product,
.giant-flag-site .sessions .account section .orders .line_item .row .product,
.giant-flag-site .registrations .account section .orders .line_item .row .product,
.giant-flag-site .passwords .account section .orders .line_item .row .product,
.giant-flag-site .text-button .account section .orders .line_item .row .product,
.giant-flag-site .contacts .account section .orders .line_item .row .product {
  display: flex;
  flex-direction: column;
  flex: 1 1 15%;
  font-size: 1.2em;
  padding: 0 10px;
}

@media screen and (max-width: 640px) {
  /* line 190, app/assets/stylesheets/devise.scss */
  .respek .sessions .account section .orders .line_item .row .product,
.respek .registrations .account section .orders .line_item .row .product,
.respek .passwords .account section .orders .line_item .row .product,
.respek .text-button .account section .orders .line_item .row .product,
.respek .contacts .account section .orders .line_item .row .product,
.giant-flag-site .sessions .account section .orders .line_item .row .product,
.giant-flag-site .registrations .account section .orders .line_item .row .product,
.giant-flag-site .passwords .account section .orders .line_item .row .product,
.giant-flag-site .text-button .account section .orders .line_item .row .product,
.giant-flag-site .contacts .account section .orders .line_item .row .product {
    flex: 1 1 48%;
  }
}

/* line 201, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .row .product img,
.respek .registrations .account section .orders .line_item .row .product img,
.respek .passwords .account section .orders .line_item .row .product img,
.respek .text-button .account section .orders .line_item .row .product img,
.respek .contacts .account section .orders .line_item .row .product img,
.giant-flag-site .sessions .account section .orders .line_item .row .product img,
.giant-flag-site .registrations .account section .orders .line_item .row .product img,
.giant-flag-site .passwords .account section .orders .line_item .row .product img,
.giant-flag-site .text-button .account section .orders .line_item .row .product img,
.giant-flag-site .contacts .account section .orders .line_item .row .product img {
  padding-right: 10px;
}

/* line 206, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .row .person,
.respek .registrations .account section .orders .line_item .row .person,
.respek .passwords .account section .orders .line_item .row .person,
.respek .text-button .account section .orders .line_item .row .person,
.respek .contacts .account section .orders .line_item .row .person,
.giant-flag-site .sessions .account section .orders .line_item .row .person,
.giant-flag-site .registrations .account section .orders .line_item .row .person,
.giant-flag-site .passwords .account section .orders .line_item .row .person,
.giant-flag-site .text-button .account section .orders .line_item .row .person,
.giant-flag-site .contacts .account section .orders .line_item .row .person {
  flex: 1 1 15%;
}

/* line 210, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .row .description,
.respek .registrations .account section .orders .line_item .row .description,
.respek .passwords .account section .orders .line_item .row .description,
.respek .text-button .account section .orders .line_item .row .description,
.respek .contacts .account section .orders .line_item .row .description,
.giant-flag-site .sessions .account section .orders .line_item .row .description,
.giant-flag-site .registrations .account section .orders .line_item .row .description,
.giant-flag-site .passwords .account section .orders .line_item .row .description,
.giant-flag-site .text-button .account section .orders .line_item .row .description,
.giant-flag-site .contacts .account section .orders .line_item .row .description {
  font-size: 0.8em;
  font-weight: 300;
  text-transform: uppercase;
}

@media screen and (max-width: 640px) {
  /* line 210, app/assets/stylesheets/devise.scss */
  .respek .sessions .account section .orders .line_item .row .description,
.respek .registrations .account section .orders .line_item .row .description,
.respek .passwords .account section .orders .line_item .row .description,
.respek .text-button .account section .orders .line_item .row .description,
.respek .contacts .account section .orders .line_item .row .description,
.giant-flag-site .sessions .account section .orders .line_item .row .description,
.giant-flag-site .registrations .account section .orders .line_item .row .description,
.giant-flag-site .passwords .account section .orders .line_item .row .description,
.giant-flag-site .text-button .account section .orders .line_item .row .description,
.giant-flag-site .contacts .account section .orders .line_item .row .description {
    text-align: -webkit-left;
    padding-right: 5px;
  }
}

/* line 221, app/assets/stylesheets/devise.scss */
.respek .sessions .account section .orders .line_item .row .name,
.respek .registrations .account section .orders .line_item .row .name,
.respek .passwords .account section .orders .line_item .row .name,
.respek .text-button .account section .orders .line_item .row .name,
.respek .contacts .account section .orders .line_item .row .name,
.giant-flag-site .sessions .account section .orders .line_item .row .name,
.giant-flag-site .registrations .account section .orders .line_item .row .name,
.giant-flag-site .passwords .account section .orders .line_item .row .name,
.giant-flag-site .text-button .account section .orders .line_item .row .name,
.giant-flag-site .contacts .account section .orders .line_item .row .name {
  color: #000;
  font-weight: 600;
  font-size: 1.2em;
}

/* line 237, app/assets/stylesheets/devise.scss */
.respek .respek .sessions .account .header,
.respek .respek .registrations .account .header,
.respek .respek .passwords .account .header,
.respek .respek .text-button .account .header,
.respek .respek .contacts .account .header,
.giant-flag-site .respek .sessions .account .header,
.giant-flag-site .respek .registrations .account .header,
.giant-flag-site .respek .passwords .account .header,
.giant-flag-site .respek .text-button .account .header,
.giant-flag-site .respek .contacts .account .header {
  background-color: #0000001a;
  flex: 0 0 100%;
  font-weight: 600;
  margin: 0 0.7em;
  padding: 1em 3em;
  text-align: left;
  text-transform: uppercase;
}

/* line 253, app/assets/stylesheets/devise.scss */
.respek .respek .sessions .account section .orders .line_item,
.respek .respek .registrations .account section .orders .line_item,
.respek .respek .passwords .account section .orders .line_item,
.respek .respek .text-button .account section .orders .line_item,
.respek .respek .contacts .account section .orders .line_item,
.giant-flag-site .respek .sessions .account section .orders .line_item,
.giant-flag-site .respek .registrations .account section .orders .line_item,
.giant-flag-site .respek .passwords .account section .orders .line_item,
.giant-flag-site .respek .text-button .account section .orders .line_item,
.giant-flag-site .respek .contacts .account section .orders .line_item {
  color: #cecece;
}

/* line 263, app/assets/stylesheets/devise.scss */
.respek .respek .sessions .account section .orders .line_item .row .name,
.respek .respek .registrations .account section .orders .line_item .row .name,
.respek .respek .passwords .account section .orders .line_item .row .name,
.respek .respek .text-button .account section .orders .line_item .row .name,
.respek .respek .contacts .account section .orders .line_item .row .name,
.giant-flag-site .respek .sessions .account section .orders .line_item .row .name,
.giant-flag-site .respek .registrations .account section .orders .line_item .row .name,
.giant-flag-site .respek .passwords .account section .orders .line_item .row .name,
.giant-flag-site .respek .text-button .account section .orders .line_item .row .name,
.giant-flag-site .respek .contacts .account section .orders .line_item .row .name {
  color: inherit;
}

@media screen and (max-width : 800px) {
  /* line 274, app/assets/stylesheets/devise.scss */
  .respek .sessions,
.respek .registrations,
.giant-flag-site .sessions,
.giant-flag-site .registrations {
    margin-top: 0;
  }
  /* line 279, app/assets/stylesheets/devise.scss */
  .respek .bottom,
.giant-flag-site .bottom {
    font-size: 16px;
  }
}

@media only screen and (max-width : 800px) and (max-width : 400px) {
  /* line 279, app/assets/stylesheets/devise.scss */
  .respek .bottom,
.giant-flag-site .bottom {
    font-size: 9px;
  }
}

@media screen and (max-width : 800px) {
  /* line 287, app/assets/stylesheets/devise.scss */
  .respek .sessions .account section .actions,
.respek .registrations .account section .actions,
.respek .passwords .account section .actions,
.respek .text-button .account section .actions,
.respek .contacts .account section .actions,
.giant-flag-site .sessions .account section .actions,
.giant-flag-site .registrations .account section .actions,
.giant-flag-site .passwords .account section .actions,
.giant-flag-site .text-button .account section .actions,
.giant-flag-site .contacts .account section .actions {
    text-align: -webkit-right;
  }
}

@media only screen and (max-width : 800px) and (max-width : 400px) {
  /* line 287, app/assets/stylesheets/devise.scss */
  .respek .sessions .account section .actions,
.respek .registrations .account section .actions,
.respek .passwords .account section .actions,
.respek .text-button .account section .actions,
.respek .contacts .account section .actions,
.giant-flag-site .sessions .account section .actions,
.giant-flag-site .registrations .account section .actions,
.giant-flag-site .passwords .account section .actions,
.giant-flag-site .text-button .account section .actions,
.giant-flag-site .contacts .account section .actions {
    min-height: 50px;
  }
}

/* line 309, app/assets/stylesheets/devise.scss */
.giant-flag-site .sessions .or,
.giant-flag-site .registrations .or,
.giant-flag-site .passwords .or,
.giant-flag-site .text-button .or,
.giant-flag-site .contacts .or {
  width: 32%;
  text-align: center;
  border-bottom: 1px solid lightgrey;
  line-height: 0.1em;
  margin: 20px 0;
  text-transform: uppercase;
}

/* line 318, app/assets/stylesheets/devise.scss */
.giant-flag-site .sessions .or span,
.giant-flag-site .registrations .or span,
.giant-flag-site .passwords .or span,
.giant-flag-site .text-button .or span,
.giant-flag-site .contacts .or span {
  background-color: #fff;
  color: #000;
  padding: 0 10px;
  border-radius: 10px;
}

/* line 336, app/assets/stylesheets/devise.scss */
.respek .sessions .or,
.respek .registrations .or,
.respek .passwords .or,
.respek .text-button .or,
.respek .contacts .or {
  width: 32%;
  text-align: center;
  border-bottom: 1px solid #030706;
  line-height: 0.1em;
  margin: 20px auto;
  text-transform: uppercase;
}

/* line 344, app/assets/stylesheets/devise.scss */
.respek .sessions .or span,
.respek .registrations .or span,
.respek .passwords .or span,
.respek .text-button .or span,
.respek .contacts .or span {
  background-color: #B1C0A3;
  color: #000;
  padding: 0 10px;
  border-radius: 10px;
}
/* line 1, app/assets/stylesheets/facebook_account.scss */
.facebook-login-section {
  padding-top: 1em;
  padding-bottom: 1em;
  max-width: 346px;
  margin: auto;
}

/* line 8, app/assets/stylesheets/facebook_account.scss */
.facebook-login-section p {
  padding-top: 1em;
  color: gray;
}
/* line 4, app/assets/stylesheets/mycss.scss */
.rounded-container {
  /*border-radius: 20px;*/
  display: flex;
  flex-direction: column;
  /*margin-top: 2em;*/
}

/* line 17, app/assets/stylesheets/mycss.scss */
#content {
  /*border-radius: 20px;*/
  /*box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);*/
  /*box-shadow: inset 0 0 15px #000000;*/
  /*padding-bottom: 10px;*/
}

/* line 24, app/assets/stylesheets/mycss.scss */
.bound {
  padding: 0px;
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  height: 100%;
}

/* line 32, app/assets/stylesheets/mycss.scss */
.bound .top {
  /*background-image: url('<%= Rails.root.join('assets','images','secondarypage_bg.jpg') %>');*/
  position: relative;
  background-color: #000;
}

/* line 44, app/assets/stylesheets/mycss.scss */
.bound .top img {
  /*background-position: center center/30% no-repeat;*/
  left: 210px;
  width: 300px;
  height: 155px;
  padding-top: 8px;
  background-color: #000;
}

/*.bound .designation {
  padding: 1em 0;
    position: relative;
    z-index: 1000;
    background: white;
    width: 35%;
    }*/
/* line 62, app/assets/stylesheets/mycss.scss */
.bound .title-strech {
  opacity: 0.5;
  width: 100%;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
}

/* line 69, app/assets/stylesheets/mycss.scss */
.bound .title-stripe {
  border-bottom: 6px double #00a04b;
  position: relative;
  width: 90%;
  top: 35px;
  z-index: 0;
}

/* line 76, app/assets/stylesheets/mycss.scss */
.bound .designation {
  font-size: 23px;
  font-family: Lato, sans-serif;
  padding: 1em 0;
  position: relative;
  top: 0px;
  z-index: 1000;
  width: 35%;
  background: #fff;
  border-style: hidden;
  border-width: 0;
}

/* line 91, app/assets/stylesheets/mycss.scss */
.bound .header {
  /*background-image: url('<%= Rails.root.join('assets','images','secondarypage_bg.jpg') %>');*/
  font-family: Lato, sans-serif;
  font-size: 18px;
  background-size: cover;
  color: #fff;
  display: flex;
  font-weight: light;
  flex-direction: column;
  flex: 1 0 100%;
  height: 340px;
}

/* line 106, app/assets/stylesheets/mycss.scss */
.bound .header img {
  float: left;
  position: absolute;
  background-size: cover;
  background-position: center center/30% no-repeat;
  z-index: -9;
  display: flex;
  height: 400px;
  width: 100%;
  background-color: white;
  border-top: 1px solid #000;
  filter: brightness(90%);
}

/* line 120, app/assets/stylesheets/mycss.scss */
.bound .header p {
  font-family: Lato, sans-serif;
  border-bottom: 1px solid #fff;
  padding-bottom: 1em;
  padding-top: 1.5em;
  width: 90%;
  margin-left: 5%;
}

/* line 128, app/assets/stylesheets/mycss.scss */
.bound .header p.supporter {
  font-family: Lato, sans-serif;
  border-bottom: none;
  padding-bottom: 3.7em;
  width: 90%;
}

/* line 134, app/assets/stylesheets/mycss.scss */
.bound .header p .fat {
  font-family: Lato, sans-serif;
  font-weight: 800;
}

/* line 138, app/assets/stylesheets/mycss.scss */
.bound .header .person {
  font-family: Lato, sans-serif;
  border-bottom: 1px solid #fff;
  font-size: 52px;
  font-weight: 800;
  padding-bottom: 4em;
  height: 1.8em;
  margin-bottom: 0.3em;
  text-transform: none;
  width: 90%;
  margin-left: 5%;
  z-index: 1000;
  /*white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;*/
  -webkit-padding-after: 0.0em;
}

/* line 155, app/assets/stylesheets/mycss.scss */
.bound .detail {
  text-align: -webkit-center;
  -webkit-margin-after: -1.9em;
}

/* line 158, app/assets/stylesheets/mycss.scss */
.bound .detail.hide {
  border-top: 2px solid #00a04b;
  background-color: #fff;
}

/* line 164, app/assets/stylesheets/mycss.scss */
.bound .detail .round {
  background-color: #fff;
  border-radius: 3em;
  height: 4.3em;
  width: 4em;
  padding: 0.2em;
  position: relative;
  top: -5.8em;
  margin-bottom: 3em;
}

/* line 174, app/assets/stylesheets/mycss.scss */
.bound .detail .text {
  font-family: Lato, sans-serif;
  position: relative;
  top: -8em;
}

/* line 179, app/assets/stylesheets/mycss.scss */
.bound .detail .text p {
  font-family: Lato, sans-serif;
  margin: 0;
  padding: 0.4em 0;
}

/* line 184, app/assets/stylesheets/mycss.scss */
.bound .detail .text .adopted {
  font-family: Lato, sans-serif;
  font-size: 1em;
  font-weight: 100;
  padding-top: 0;
}

/* line 190, app/assets/stylesheets/mycss.scss */
.bound .detail .text .quantity {
  font-family: Lato, sans-serif;
  font-size: 2em;
  font-weight: 300;
}

/* line 195, app/assets/stylesheets/mycss.scss */
.bound .detail .text .product {
  font-family: Lato, sans-serif;
  font-size: 2em;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 0;
}

/* line 202, app/assets/stylesheets/mycss.scss */
.bound .detail .flag-image {
  max-width: 16em;
  padding-bottom: 2em;
  margin-top: -8em;
}

/* line 207, app/assets/stylesheets/mycss.scss */
.bound .detail .gps {
  font-family: Lato, sans-serif;
  border-bottom: 1px solid lightgrey;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 0.1em;
  text-align: center;
  text-transform: uppercase;
  width: 39%;
}

/* line 217, app/assets/stylesheets/mycss.scss */
.bound .detail .gps span {
  background-color: #fff;
  color: grey;
  padding: 0 10px;
}

/* line 222, app/assets/stylesheets/mycss.scss */
.bound .detail .location {
  font-family: Lato, sans-serif;
  font-size: 15px;
  color: gray;
  font-weight: 300;
}

/* line 229, app/assets/stylesheets/mycss.scss */
.bound .footer {
  background-color: #00a04b;
  color: #fff;
  display: flex;
  margin-top: 2.5em;
  padding: 0.6em;
  padding-bottom: 0.3em;
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 70px;
  width: 100%;
  overflow: hidden;
}

/* line 244, app/assets/stylesheets/mycss.scss */
.bound .footer p {
  margin: 0;
}

/* line 247, app/assets/stylesheets/mycss.scss */
.bound .footer .the {
  font-family: Lato, sans-serif;
  font-size: 0.8em;
  font-weight: 300;
}

/* line 252, app/assets/stylesheets/mycss.scss */
.bound .footer .giant-flag {
  font-family: Lato, sans-serif;
  font-size: 1.5em;
  font-weight: 800;
  display: inline-block;
}

/* line 259, app/assets/stylesheets/mycss.scss */
.bound .footer .right {
  font-family: Lato, sans-serif;
  display: inline-block;
  float: right;
  font-size: 0.8em;
  font-weight: 300;
  padding-bottom: 20px;
  padding-right: 20px;
}

/* line 270, app/assets/stylesheets/mycss.scss */
.bound .footer .right .tagline {
  align-items: flex-end;
}

/* line 274, app/assets/stylesheets/mycss.scss */
.footer-share {
  width: 100%;
  margin: 0 auto 2em;
  color: #fff;
  display: flex;
  padding: 0.6em;
  text-align: center;
}

/* line 286, app/assets/stylesheets/mycss.scss */
.share-this {
  width: 100%;
  height: 7.5px;
  font-family: Lato;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #797979;
  margin-top: 0;
}

/* line 298, app/assets/stylesheets/mycss.scss */
.share-block {
  width: 30%;
  position: relative;
  margin-top: -12px;
  height: 58px;
  padding-left: 30px;
  text-align: left;
}

/* line 307, app/assets/stylesheets/mycss.scss */
.share-block .social-share {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* line 313, app/assets/stylesheets/mycss.scss */
.twitter-ico {
  background: white;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_31,q_auto,w_31/twitter_circle-8e7f82ca25f6ebcf8e97af9b68de485e.svg) no-repeat !important;
  top: 0px;
  padding: 0px !important;
  width: 31px;
  height: 31px;
}

/* line 324, app/assets/stylesheets/mycss.scss */
.facebook-ico {
  background: white;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_31,q_auto,w_31/fb_circle-8431d9fcfb3c2d030c6c5bffc17f8283.svg) no-repeat !important;
  padding: 0px !important;
  width: 31px;
  height: 31px;
  position: relative;
}

@media only screen and (max-width : 400px) {
  /* line 324, app/assets/stylesheets/mycss.scss */
  .facebook-ico {
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    text-decoration: none;
    font-size: 13px;
    position: absolute;
  }
}

@media screen and (max-width : 800px) {
  /* line 324, app/assets/stylesheets/mycss.scss */
  .facebook-ico {
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    text-decoration: none;
    font-size: 13px;
    position: absolute;
  }
}

/* line 353, app/assets/stylesheets/mycss.scss */
.facebook-ico div {
  display: inline-block;
  top: 6px;
  margin-right: 27px;
  position: absolute;
}

/* line 362, app/assets/stylesheets/mycss.scss */
#twitter_form {
  width: 34px;
  height: 32px;
  position: relative;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 370, app/assets/stylesheets/mycss.scss */
#facebook_form {
  width: 34px;
  height: 32px;
  position: relative;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 378, app/assets/stylesheets/mycss.scss */
.Rectangle-43 {
  width: 110px;
  height: 22px;
  border-radius: 13px;
  border: solid 0.5px #ffcd00;
  border: solid 0.5px var(--sunflower-yellow);
}

/* line 386, app/assets/stylesheets/mycss.scss */
.Rectangle-42 {
  height: 45px;
  width: 120px;
  text-align: center;
}

/* line 392, app/assets/stylesheets/mycss.scss */
.return-back {
  margin-bottom: 3em;
}

/* line 396, app/assets/stylesheets/mycss.scss */
.button-length {
  width: 120px;
  font-family: Lato;
}

/* line 401, app/assets/stylesheets/mycss.scss */
#loading-div-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: .65;
}

/* line 413, app/assets/stylesheets/mycss.scss */
#loading-div {
  width: 300px;
  height: 200px;
  /*     background-color: #0c0b0b;*/
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -100px;
}

/* line 426, app/assets/stylesheets/mycss.scss */
.error-not-found-box {
  font-family: Lato;
  font-size: 14.5px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  -webkit-text-stroke: 0.5px #979797;
  margin: 0px 9em;
}

/* line 438, app/assets/stylesheets/mycss.scss */
.error-not-found-box a {
  font-weight: bold;
  color: #0daa59;
  text-decoration: none;
}

/* line 444, app/assets/stylesheets/mycss.scss */
.spoon-fork-img {
  width: 80px;
  margin-top: 50px;
}

/* line 449, app/assets/stylesheets/mycss.scss */
.wpwl-control {
  width: 100%;
}

/* line 453, app/assets/stylesheets/mycss.scss */
.eggshapePDF {
  height: 60px;
  border-radius: 20em;
  border-top: 2px solid #00a04b;
  border-left: 2px solid #00a04b;
  border-right: 2px solid #00a04b;
  width: 65px;
  position: relative;
  top: -31px;
}

/* line 465, app/assets/stylesheets/mycss.scss */
.locationBox {
  height: 9em;
}
/* line 5, app/assets/stylesheets/nav.scss */
#hamburger-icon,
#hamburger-icon:visited {
  color: #FFF;
  text-transform: uppercase;
  text-align: right;
  text-decoration: none;
  position: absolute;
  top: 1em;
  right: 1em;
}

@media only screen and (min-width : 800px) {
  /* line 5, app/assets/stylesheets/nav.scss */
  #hamburger-icon,
#hamburger-icon:visited {
    display: none;
  }
}

/* line 20, app/assets/stylesheets/nav.scss */
li.cart-icon {
  display: none;
}

/* line 24, app/assets/stylesheets/nav.scss */
li.cart-icon a img {
  height: 2em;
  margin-top: 0.5em;
  vertical-align: -webkit-baseline-middle;
}

@media screen and (max-width : 800px) {
  /* line 20, app/assets/stylesheets/nav.scss */
  li.cart-icon {
    display: block;
    position: absolute;
    right: 6em;
  }
}

/* line 41, app/assets/stylesheets/nav.scss */
.respek nav #menu li.cart a img {
  font-size: 1.5em;
  height: 1.2em;
  padding-right: 10px;
}

@media screen and (max-width : 800px) {
  /* line 47, app/assets/stylesheets/nav.scss */
  .respek li.cart-icon {
    right: 2em;
  }
}

/* line 57, app/assets/stylesheets/nav.scss */
.respek #hamburger-icon,
.respek #hamburger-icon:visited {
  left: 1em;
  right: auto;
}

/* line 63, app/assets/stylesheets/nav.scss */
.respek .hamburger-inner,
.respek .hamburger-inner::before,
.respek .hamburger-inner::after {
  background-color: #030706;
  border-radius: 0;
}

/* line 71, app/assets/stylesheets/nav.scss */
.respek .nav li.menu.logo {
  display: none;
}

/* line 75, app/assets/stylesheets/nav.scss */
.respek nav ul#menu {
  width: 100%;
  /* top: 11px; */
  /* position: relative; */
  padding-left: 0;
  padding-right: 1.5em;
}

/* line 84, app/assets/stylesheets/nav.scss */
.respek nav ul#menu li a:hover {
  transition-duration: 50ms;
  border-bottom: 3px solid #8cc63f;
}

/* line 91, app/assets/stylesheets/nav.scss */
.respek nav ul#menu li.logo a:hover {
  border-bottom-width: 0;
}

/* line 95, app/assets/stylesheets/nav.scss */
.respek nav ul#menu li a {
  color: #000;
  font-size: 15px;
}

/* line 99, app/assets/stylesheets/nav.scss */
.respek nav ul#menu li a.button {
  background-color: #527136 !important;
  color: #C5D8C5;
  font-weight: 500 !important;
}

/* line 109, app/assets/stylesheets/nav.scss */
.respek nav ul#menu .show li a {
  color: #fff;
}

/* line 113, app/assets/stylesheets/nav.scss */
.respek nav ul#menu .show.v33_41 li {
  display: list-item;
}

/* line 121, app/assets/stylesheets/nav.scss */
nav #menu {
  display: flex;
  position: absolute;
  background-color: transparent;
  top: 3.2em;
  left: -101vw;
  text-align: center;
  padding-top: 2em;
  transition: all ease-in 0.4s;
  z-index: 9999;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
}

/* line 135, app/assets/stylesheets/nav.scss */
nav #menu.show {
  left: 0;
  transition: all 0.4s;
  color: #fff;
}

/* line 141, app/assets/stylesheets/nav.scss */
nav #menu .show {
  color: #fff;
}

@media only screen and (min-width : 800px) {
  /* line 146, app/assets/stylesheets/nav.scss */
  nav #menu .respek {
    width: 75%;
    padding-top: 60px;
  }
  /* line 151, app/assets/stylesheets/nav.scss */
  nav #menu .respek .respek-logo {
    left: -10px;
  }
}

@media only screen and (min-width : 800px) {
  /* line 121, app/assets/stylesheets/nav.scss */
  nav #menu {
    display: flex;
    position: static;
    height: auto;
    margin: auto;
    padding-top: 1em;
    text-align: center;
    background-color: transparent;
    opacity: 1;
  }
}

@media screen and (max-width: 640px) {
  /* line 121, app/assets/stylesheets/nav.scss */
  nav #menu {
    padding-top: 1px;
  }
}

@media screen and (max-width : 800px) {
  /* line 121, app/assets/stylesheets/nav.scss */
  nav #menu {
    display: block;
  }
}

/* line 178, app/assets/stylesheets/nav.scss */
nav #menu li {
  list-style: none;
  padding: 1em;
}

/* line 179, app/assets/stylesheets/nav.scss */
nav #menu li a:hover {
  border-bottom: 3px solid #fdbd3c;
  transition-duration: 50ms;
}

/* line 184, app/assets/stylesheets/nav.scss */
nav #menu li.profile {
  margin-left: auto;
}

/* line 190, app/assets/stylesheets/nav.scss */
nav #menu li.cart a img {
  height: 1.5em;
  padding-right: 18px;
  margin-top: -14px;
  vertical-align: -webkit-baseline-middle;
}

@media only screen and (min-width : 800px) {
  /* line 178, app/assets/stylesheets/nav.scss */
  nav #menu li {
    display: block;
    float: left;
    padding: 0;
  }
}

/* line 208, app/assets/stylesheets/nav.scss */
nav #menu li a {
  width: 100%;
  height: 100%;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.9em;
  font-weight: 300;
  WHITE-SPACE: NOWRAP;
}

@media only screen and (max-width: 1200px) {
  /* line 208, app/assets/stylesheets/nav.scss */
  nav #menu li a {
    font-size: 12px;
  }
  /* line 222, app/assets/stylesheets/nav.scss */
  nav #menu li a .respek .respek-logo {
    left: 0px;
  }
}

/* line 236, app/assets/stylesheets/nav.scss */
nav #menu .giant-flag-site .hamburger-inner,
nav #menu .giant-flag-site .hamburger-inner::before,
nav #menu .giant-flag-site .hamburger-inner::after {
  background-color: #FFF;
}

@media screen and (max-width : 900px) {
  /* line 248, app/assets/stylesheets/nav.scss */
  nav #menu .giant-flag-site li.profile {
    padding: 1em;
  }
}

@media screen and (max-width : 800px) {
  /* line 254, app/assets/stylesheets/nav.scss */
  nav #menu .giant-flag-site li.cart {
    display: none;
  }
}
/* line 4, app/assets/stylesheets/orders.scss */
.respek .orders h2, .respek .plans h2 {
  color: #00140a !important;
}

/* line 9, app/assets/stylesheets/orders.scss */
.respek .orders .left, .respek .plans .left {
  display: flex;
  flex: 1 0 60%;
  flex-direction: column;
  padding: 0.5em 2em;
  width: 100%;
}

/* line 16, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs, .respek .plans .left .tabs {
  border-width: 0;
  display: flex;
  flex-direction: column;
}

/* line 21, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-items, .respek .plans .left .tabs .tab-items {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 26, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-items .tab-item, .respek .plans .left .tabs .tab-items .tab-item {
  background-color: #f5f3f3;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  flex: 1 1 34%;
  padding: 0.7em 1em;
}

/* line 33, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-items .tab-item:last-child, .respek .plans .left .tabs .tab-items .tab-item:last-child {
  border-right: none;
}

/* line 35, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-items .tab-item:hover, .respek .plans .left .tabs .tab-items .tab-item:hover {
  cursor: pointer;
}

/* line 37, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-items .tab-item.eft, .respek .plans .left .tabs .tab-items .tab-item.eft {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_96/eft_logo%402x-f97570d5cb4220d384529ef9b8ba9e2b.png) no-repeat center center;
  background-size: 6em;
  background-color: #f5f3f3;
}

/* line 43, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-items .tab-item.snapscan, .respek .plans .left .tabs .tab-items .tab-item.snapscan {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_104/snapscan_logo%402x-7371c6e9a9dbbd4973c6af626dd01def.png) no-repeat center center;
  background-size: 6.5em;
  background-color: #f5f3f3;
}

/* line 49, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-items .tab-item.current, .respek .plans .left .tabs .tab-items .tab-item.current {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

/* line 56, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-content, .respek .plans .left .tabs .tab-content {
  color: #828282;
  font-weight: 300;
  padding: 1em;
}

/* line 61, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-content .tab, .respek .plans .left .tabs .tab-content .tab {
  padding: 1em;
}

/* line 65, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-content #card.tab p, .respek .plans .left .tabs .tab-content #card.tab p {
  margin-top: 0;
}

/* line 67, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-content #card.tab .cards, .respek .plans .left .tabs .tab-content #card.tab .cards {
  display: flex;
  justify-content: center;
  font-size: 0.5em;
  margin-top: 1em;
  margin-bottom: 4em;
}

/* line 74, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-content #card.tab .cards img, .respek .plans .left .tabs .tab-content #card.tab .cards img {
  padding: 0 10px;
}

/* line 78, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-content #snapscan.tab, .respek .plans .left .tabs .tab-content #snapscan.tab {
  font-weight: 300;
  font-size: 0.9em;
  width: 100%;
  margin: auto;
}

/* line 84, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-content #snapscan.tab div, .respek .plans .left .tabs .tab-content #snapscan.tab div {
  padding-bottom: 1em;
}

/* line 87, app/assets/stylesheets/orders.scss */
.respek .orders .left .tabs .tab-content #paypal.tab, .respek .plans .left .tabs .tab-content #paypal.tab {
  font-weight: 300;
  font-size: 0.9em;
  width: 70%;
  margin: auto;
}

/* line 100, app/assets/stylesheets/orders.scss */
.respek .orders .content, .respek .plans .content {
  display: flex;
}

/* line 104, app/assets/stylesheets/orders.scss */
.respek .orders .right, .respek .plans .right {
  display: flex;
  flex-direction: column;
  flex: 1 0 40%;
  padding: 20px;
}

/* line 110, app/assets/stylesheets/orders.scss */
.respek .orders .right h2, .respek .plans .right h2 {
  border-bottom: none;
  font-size: 1em;
  padding: 15px;
}

/* line 116, app/assets/stylesheets/orders.scss */
.respek .orders .right .adoptions, .respek .orders .right .total, .respek .plans .right .adoptions, .respek .plans .right .total {
  background-color: #fff;
  flex: 1 0 auto;
}

/* line 127, app/assets/stylesheets/orders.scss */
.respek .orders .right .total, .respek .plans .right .total {
  border-top: 1px solid #e8e8e8;
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  font-weight: 600;
  padding: 1em;
  text-transform: uppercase;
}

/* line 136, app/assets/stylesheets/orders.scss */
.respek .orders .right .total .total-price, .respek .plans .right .total .total-price {
  flex: 1 1 50%;
  text-align: right;
}

/* line 149, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item, .respek .plans .right .line_item {
  display: flex;
  color: #797979;
  flex-direction: column;
}

/* line 154, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item img, .respek .plans .right .line_item img {
  height: 1.6em;
}

/* line 156, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item .top, .respek .plans .right .line_item .top {
  align-items: center;
  display: flex;
  background-color: #e8e7e7;
  padding: 8px;
}

/* line 162, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item .top .product, .respek .plans .right .line_item .top .product {
  align-items: center;
  display: flex;
  padding: 0 20px;
}

/* line 167, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item .top .product img, .respek .plans .right .line_item .top .product img {
  padding-right: 10px;
}

/* line 170, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item .top .price, .respek .plans .right .line_item .top .price {
  flex: 1 1 auto;
  font-weight: 600;
  padding-right: 1em;
  text-align: right;
}

/* line 178, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item .bottom, .respek .plans .right .line_item .bottom {
  display: flex;
  flex-direction: column;
}

/* line 182, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item .bottom .row, .respek .plans .right .line_item .bottom .row {
  align-items: baseline;
  display: flex;
  padding: 10px;
  margin-bottom: 10px;
}

/* line 188, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item .bottom .row .description, .respek .plans .right .line_item .bottom .row .description {
  flex: 1 1 30%;
  font-size: 0.8em;
  font-weight: 300;
  text-align: left;
  text-transform: uppercase;
}

/* line 196, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item .bottom .row .user, .respek .plans .right .line_item .bottom .row .user {
  color: #000;
  font-size: 0.9em;
  font-weight: 600;
}

/* line 206, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form, .respek .plans .wpwl-form {
  border: none;
  margin: 0;
  max-width: 35em;
}

/* line 211, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form .wpwl-group, .respek .plans .wpwl-form .wpwl-group {
  align-items: center;
  display: flex;
  flex-direction: column;
}

/* line 216, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form .wpwl-group.wpwl-group-brand, .respek .plans .wpwl-form .wpwl-group.wpwl-group-brand {
  /*display: none;*/
}

/* line 219, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form .wpwl-group .wpwl-wrapper-brand, .respek .plans .wpwl-form .wpwl-group .wpwl-wrapper-brand {
  padding-right: 0;
}

/* line 222, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form .wpwl-group.wpwl-group-submit, .respek .plans .wpwl-form .wpwl-group.wpwl-group-submit {
  width: 100%;
}

/* line 225, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form .wpwl-group .wpwl-brand.wpwl-brand-card, .respek .plans .wpwl-form .wpwl-group .wpwl-brand.wpwl-brand-card {
  display: none;
}

/* line 228, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form .wpwl-group .wpwl-control, .respek .orders .wpwl-form .wpwl-group .wpwl-control-cardNumber, .respek .plans .wpwl-form .wpwl-group .wpwl-control, .respek .plans .wpwl-form .wpwl-group .wpwl-control-cardNumber {
  border: 1px solid grey;
  border-radius: 0;
  font-weight: 300;
  height: 2.8em;
  margin: 0.5em;
  outline: none;
  padding: 0.7em;
  text-align: left;
  font-family: Montserrat;
}

/* line 239, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form .wpwl-group .wpwl-control::-webkit-input-placeholder, .respek .orders .wpwl-form .wpwl-group .wpwl-control-cardNumber::-webkit-input-placeholder, .respek .plans .wpwl-form .wpwl-group .wpwl-control::-webkit-input-placeholder, .respek .plans .wpwl-form .wpwl-group .wpwl-control-cardNumber::-webkit-input-placeholder {
  color: grey;
}

/* line 244, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form .wpwl-group .wpwl-label, .respek .plans .wpwl-form .wpwl-group .wpwl-label {
  font-size: 0.9em;
  padding: 0 0 0 15px;
  text-align: left;
  width: 80%;
}

/* line 251, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form .wpwl-group .wpwl-wrapper, .respek .plans .wpwl-form .wpwl-group .wpwl-wrapper {
  width: 80%;
}

/* line 254, app/assets/stylesheets/orders.scss */
.respek .orders .wpwl-form .wpwl-group .wpwl-wrapper .wpwl-icon, .respek .plans .wpwl-form .wpwl-group .wpwl-wrapper .wpwl-icon {
  height: 24px;
  width: 24px;
  top: 1em;
}

/* line 264, app/assets/stylesheets/orders.scss */
.respek .orders .tab-content, .respek .plans .tab-content {
  color: #00140a !important;
  background-color: #fff;
  /* border-radius: 0 0 10px 10px; */
  font-size: 17px;
}

/* line 270, app/assets/stylesheets/orders.scss */
.respek .orders .tab-content #snapscan img.qr, .respek .plans .tab-content #snapscan img.qr {
  background-color: #8cc63f;
}

/* line 274, app/assets/stylesheets/orders.scss */
.respek .orders .tab-items, .respek .plans .tab-items {
  font-size: 15px;
  background-color: #fff;
}

/* line 277, app/assets/stylesheets/orders.scss */
.respek .orders .tab-items .tab-item, .respek .plans .tab-items .tab-item {
  border-left: 1px solid #b5c5c1 !important;
  border-bottom: 2px solid #b5c5c1 !important;
  flex: 1 1 34%;
  padding: 0.7em 0.9em !important;
  background-color: #00140a !important;
  color: #ffcf;
}

/* line 287, app/assets/stylesheets/orders.scss */
.respek .orders .tab-items .tab-item.eft, .respek .plans .tab-items .tab-item.eft {
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_96/instant_eft_dark-85a984a8b6af90c0378e36b5d8abe880.png) !important;
}

/* line 289, app/assets/stylesheets/orders.scss */
.respek .orders .tab-items .tab-item.eft.current, .respek .plans .tab-items .tab-item.eft.current {
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_96/eft_logo%402x-f97570d5cb4220d384529ef9b8ba9e2b.png) !important;
}

/* line 298, app/assets/stylesheets/orders.scss */
.respek .orders .tab-items .tab-item.card, .respek .plans .tab-items .tab-item.card {
  border-left: 0 !important;
  background-color: #00140a !important;
  color: #fff;
}

/* line 304, app/assets/stylesheets/orders.scss */
.respek .orders .tab-items .tab-item.current, .respek .plans .tab-items .tab-item.current {
  background-color: #fff !important;
  color: #00140a;
  border-bottom-width: 0px !important;
}

/* line 313, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you h3, .respek .plans .thank-you h3 {
  font-size: 1.2em;
  font-weight: 400;
}

/* line 317, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you h3.uppercase, .respek .plans .thank-you h3.uppercase {
  text-transform: uppercase;
}

/* line 320, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item, .respek .plans .thank-you .line_item {
  align-items: baseline;
  display: flex;
  padding: 1em 1.5em;
  border-bottom: 1px solid #00000030;
  font-size: 20px;
}

/* line 330, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item img, .respek .plans .thank-you .line_item img {
  height: 3.7em;
}

/* line 332, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .column, .respek .plans .thank-you .line_item .column {
  flex-grow: 1;
}

/* line 335, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .column.image, .respek .plans .thank-you .line_item .column.image {
  flex: 0 0 7%;
}

/* line 337, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .column.social, .respek .plans .thank-you .line_item .column.social {
  flex: 0 1 10%;
}

/* line 340, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .column.social img, .respek .plans .thank-you .line_item .column.social img {
  margin: 0.3em;
  width: 2.2em;
}

/* line 347, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .row, .respek .plans .thank-you .line_item .row {
  align-items: center;
  display: flex;
  flex: 1 0 15%;
  text-align: left;
  width: 100%;
}

/* line 354, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .row .top, .respek .plans .thank-you .line_item .row .top {
  margin-bottom: 0.6em;
}

/* line 356, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .row .product, .respek .plans .thank-you .line_item .row .product {
  display: flex;
  flex-direction: column;
  flex: 1 1 15%;
  font-size: 1em;
  padding: 0 10px;
}

/* line 363, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .row .product img, .respek .plans .thank-you .line_item .row .product img {
  padding-right: 10px;
}

/* line 366, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .row .person, .respek .plans .thank-you .line_item .row .person {
  flex: 1 1 15%;
}

/* line 370, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .row .description, .respek .plans .thank-you .line_item .row .description {
  font-size: 0.8em;
  font-weight: 300;
  text-transform: uppercase;
}

/* line 376, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .line_item .row .name, .respek .plans .thank-you .line_item .row .name {
  color: #000;
  font-weight: 600;
  font-size: 1em;
}

/* line 384, app/assets/stylesheets/orders.scss */
.respek .orders .thank-you .social, .respek .plans .thank-you .social {
  display: flex;
  flex: 1 1 34%;
  justify-content: center;
}

/* line 391, app/assets/stylesheets/orders.scss */
.respek .orders .row .name, .respek .plans .row .name {
  color: inherit !important;
}

/* line 395, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item, .respek .plans .right .line_item {
  color: inherit !important;
}

/* line 397, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item .top, .respek .plans .right .line_item .top {
  background-color: #00000030;
}

/* line 400, app/assets/stylesheets/orders.scss */
.respek .orders .right .line_item .user, .respek .plans .right .line_item .user {
  color: #00140a !important;
}

/* line 404, app/assets/stylesheets/orders.scss */
.respek .orders .right .adoptions, .respek .orders .right .total, .respek .plans .right .adoptions, .respek .plans .right .total {
  background-color: #fff;
}

/* line 411, app/assets/stylesheets/orders.scss */
.respek .plans .wpwl-form {
  border: none;
  margin: auto;
  max-width: 35em;
}

/* line 418, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .im-done {
  margin-top: 2em;
}

/* line 421, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .im-done a[disabled] {
  background-color: lightgrey;
  pointer-events: none;
}

/* line 428, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form {
  border: none;
  margin: 0;
  max-width: 35em;
}

/* line 433, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form .wpwl-group {
  align-items: center;
  display: flex;
  flex-direction: column;
}

/* line 438, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form .wpwl-group.wpwl-group-brand {
  /*display: none;*/
}

/* line 441, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form .wpwl-group .wpwl-wrapper-brand {
  padding-right: 0;
}

/* line 444, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form .wpwl-group.wpwl-group-submit {
  width: 100%;
}

/* line 447, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form .wpwl-group .wpwl-brand.wpwl-brand-card {
  display: none;
}

/* line 450, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form .wpwl-group .wpwl-control, .giant-flag-site .orders .wpwl-form .wpwl-group .wpwl-control-cardNumber {
  border: 1px solid grey;
  border-radius: 13px;
  font-weight: 300;
  height: 2.8em;
  margin: 0.5em;
  outline: none;
  padding: 0.7em;
  text-align: left;
}

/* line 460, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form .wpwl-group .wpwl-control::-webkit-input-placeholder, .giant-flag-site .orders .wpwl-form .wpwl-group .wpwl-control-cardNumber::-webkit-input-placeholder {
  color: grey;
}

/* line 465, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form .wpwl-group .wpwl-label {
  font-size: 0.9em;
  padding: 0 0 0 15px;
  text-align: left;
  width: 80%;
}

/* line 472, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form .wpwl-group .wpwl-wrapper {
  width: 80%;
}

/* line 475, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .wpwl-form .wpwl-group .wpwl-wrapper .wpwl-icon {
  height: 24px;
  width: 24px;
  top: 1em;
}

/* line 486, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders input[type=checkbox] {
  margin: 10px;
  transform: scale(1.4);
}

/* line 491, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders label {
  font-weight: 600;
}

/* line 493, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/* line 499, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .light {
  font-weight: 300;
}

/* line 501, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left {
  display: flex;
  flex: 1 0 60%;
  flex-direction: column;
  padding: 0.5em 2em;
  width: 100%;
}

/* line 508, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs {
  border: 1px solid #c9c9c9;
  display: flex;
  flex-direction: column;
}

/* line 513, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-items {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 518, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-items .tab-item {
  background-color: #f5f3f3;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  flex: 1 1 34%;
  padding: 0.7em 1em;
}

/* line 525, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-items .tab-item:last-child {
  border-right: none;
}

/* line 527, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-items .tab-item:hover {
  cursor: pointer;
}

/* line 529, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-items .tab-item.eft {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_96/eft_logo%402x-f97570d5cb4220d384529ef9b8ba9e2b.png) no-repeat center center;
  background-size: 6em;
  background-color: #f5f3f3;
}

/* line 535, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-items .tab-item.snapscan {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_112/snapscan_logo%402x-7371c6e9a9dbbd4973c6af626dd01def.png) no-repeat center center;
  background-size: 7em;
  background-color: #f5f3f3;
  background-size: 82px;
}

/* line 543, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-items .tab-item.current {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

/* line 550, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-content {
  color: #828282;
  font-weight: 300;
  padding: 1em;
}

/* line 555, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-content .tab {
  padding: 1em;
}

/* line 559, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-content #card.tab p {
  margin-top: 0;
}

/* line 561, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-content #card.tab .cards {
  display: flex;
  justify-content: center;
  font-size: 0.5em;
  margin-top: 1em;
  margin-bottom: 4em;
}

/* line 568, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-content #card.tab .cards img {
  padding: 0 10px;
}

/* line 572, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-content #snapscan.tab {
  font-weight: 300;
  font-size: 0.9em;
  margin: auto;
}

/* line 578, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-content #snapscan.tab div {
  padding-bottom: 1em;
}

/* line 581, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .left .tabs .tab-content #paypal.tab {
  font-weight: 300;
  font-size: 0.9em;
  width: 70%;
  margin: auto;
}

/* line 594, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .secure {
  align-items: center;
  color: gray;
  display: flex;
  font-size: 0.9em;
  justify-content: center;
  padding: 0.5em;
}

/* line 602, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .secure img {
  padding-right: 1em;
}

/* line 607, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right {
  display: flex;
  flex-direction: column;
  flex: 1 0 40%;
  padding: 20px;
}

/* line 613, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right h2 {
  border-bottom: none;
  font-size: 1em;
  padding: 15px;
}

/* line 619, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .adoptions, .giant-flag-site .orders .right .total {
  background-color: #f5f3f3;
  flex: 1 0 auto;
}

/* line 628, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .total {
  border-top: 1px solid #e8e8e8;
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  font-weight: 600;
  padding: 1em;
  text-transform: uppercase;
}

/* line 637, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .total .total-price {
  flex: 1 1 50%;
  text-align: right;
}

/* line 650, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .line_item {
  display: flex;
  color: #797979;
  flex-direction: column;
}

/* line 655, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .line_item img {
  height: 1.6em;
}

/* line 657, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .line_item .top {
  align-items: center;
  display: flex;
  background-color: #e8e7e7;
  padding: 8px;
}

/* line 663, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .line_item .top .product {
  align-items: center;
  display: flex;
  padding: 0 20px;
}

/* line 668, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .line_item .top .product img {
  padding-right: 10px;
}

/* line 671, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .line_item .top .price {
  flex: 1 1 auto;
  font-weight: 600;
  padding-right: 1em;
  text-align: right;
}

/* line 679, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .line_item .bottom {
  display: flex;
  flex-direction: column;
}

/* line 683, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .line_item .bottom .row {
  align-items: baseline;
  display: flex;
  padding: 10px;
  margin-bottom: 10px;
}

/* line 689, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .line_item .bottom .row .description {
  flex: 1 1 30%;
  font-size: 0.8em;
  font-weight: 300;
  text-align: left;
  text-transform: uppercase;
}

/* line 697, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .right .line_item .bottom .row .user {
  color: #000;
  font-size: 0.9em;
  font-weight: 600;
}

/* line 708, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you h3 {
  font-size: 1.2em;
  font-weight: 400;
}

/* line 712, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you h3.uppercase {
  text-transform: uppercase;
}

/* line 715, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item {
  align-items: baseline;
  border-bottom: 1px solid lightgrey;
  color: #797979;
  display: flex;
  padding: 1em 1.5em;
}

/* line 722, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item img {
  height: 3.7em;
}

/* line 724, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .column {
  flex-grow: 1;
}

/* line 727, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .column.image {
  flex: 0 0 7%;
}

/* line 729, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .column.social {
  flex: 0 1 10%;
}

/* line 732, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .column.social img {
  margin: 0.3em;
  width: 2.2em;
}

/* line 739, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .row {
  align-items: center;
  display: flex;
  flex: 1 0 15%;
  text-align: left;
  width: 100%;
}

/* line 746, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .row .top {
  margin-bottom: 0.6em;
}

/* line 748, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .row .product {
  display: flex;
  flex-direction: column;
  flex: 1 1 15%;
  font-size: 1.2em;
  padding: 0 10px;
}

/* line 755, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .row .product img {
  padding-right: 10px;
}

/* line 758, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .row .person {
  flex: 1 1 15%;
}

/* line 762, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .row .description {
  font-size: 0.8em;
  font-weight: 300;
  text-transform: uppercase;
}

/* line 768, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .line_item .row .name {
  color: #000;
  font-weight: 600;
  font-size: 1.2em;
}

/* line 776, app/assets/stylesheets/orders.scss */
.giant-flag-site .orders .thank-you .social {
  display: flex;
  flex: 1 1 34%;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  /* line 785, app/assets/stylesheets/orders.scss */
  .sessions .account section .actions, .registrations .account section .actions, .passwords .account section .actions, .text-button .account section .actions, .contacts .account section .actions {
    text-align: -webkit-right;
    margin-left: 0px;
    padding-left: 0px;
    height: 18px;
    width: 50px;
  }
  /* line 792, app/assets/stylesheets/orders.scss */
  .sessions .account section .orders .line_item .row .description, .registrations .account section .orders .line_item .row .description, .passwords .account section .orders .line_item .row .description, .text-button .account section .orders .line_item .row .description, .contacts .account section .orders .line_item .row .description {
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
  }
  /* line 797, app/assets/stylesheets/orders.scss */
  .name {
    text-overflow: ellipsis;
  }
}

@media only screen and (min-width : 640px) {
  /* line 804, app/assets/stylesheets/orders.scss */
  #tableRow {
    display: true;
  }
  /* line 807, app/assets/stylesheets/orders.scss */
  #tableRowMobile {
    display: none;
  }
}

@media screen and (max-width : 800px) {
  /* line 814, app/assets/stylesheets/orders.scss */
  .column .actions {
    min-width: 50px;
    margin-left: 0px;
    padding-left: 0px;
  }
  /* line 819, app/assets/stylesheets/orders.scss */
  .orders {
    margin-top: 0;
  }
  /* line 822, app/assets/stylesheets/orders.scss */
  .orders .content {
    display: block;
    flex-direction: column-reverse;
  }
  /* line 826, app/assets/stylesheets/orders.scss */
  .orders .content .right {
    flex: auto;
  }
  /* line 829, app/assets/stylesheets/orders.scss */
  .orders .content .right .bottom {
    /*display: none;*/
  }
  /* line 832, app/assets/stylesheets/orders.scss */
  .orders .content .left {
    flex: auto;
    padding: 0;
  }
  /* line 837, app/assets/stylesheets/orders.scss */
  .orders .content .left .description, .orders .content .left .donor {
    /*display: none;*/
  }
  /* line 839, app/assets/stylesheets/orders.scss */
  .orders .content .left .tabs {
    border-left: 0;
    border-right: 0;
    display: flex;
    flex-direction: column;
  }
  /* line 845, app/assets/stylesheets/orders.scss */
  .orders .content .left .tabs .tab-items {
    display: flex;
  }
  /* line 848, app/assets/stylesheets/orders.scss */
  .orders .content .left .tabs .tab-items .tab-item {
    font-size: 0.8em;
  }
  /* line 854, app/assets/stylesheets/orders.scss */
  .orders .content .left .tab-content {
    padding: 1em;
  }
  /* line 857, app/assets/stylesheets/orders.scss */
  .orders .content .left .tab-content .tab {
    padding: 1em;
  }
  /* line 860, app/assets/stylesheets/orders.scss */
  .orders .content .left .tab-content #snapscan.tab {
    font-weight: 300;
    font-size: 0.9em;
    width: 80%;
    margin: auto;
  }
  /* line 866, app/assets/stylesheets/orders.scss */
  .orders .content .left .tab-content #snapscan.tab div {
    padding-bottom: 1em;
  }
}

/* line 875, app/assets/stylesheets/orders.scss */
.dialog {
  border-radius: 0 0 8px 8px;
  border-width: 0 8px 8px 8px;
}

@media screen and (max-width : 800px) {
  /* line 882, app/assets/stylesheets/orders.scss */
  .sessions .account section .actions, .registrations .account section .actions, .passwords .account section .actions, .text-button .account section .actions, .contacts .account section .actions {
    text-align: -webkit-right;
    min-width: 50px;
    margin-left: 0px;
    padding-left: 0px;
  }
}

@media screen and (max-width: 640px) {
  /* line 892, app/assets/stylesheets/orders.scss */
  .orders {
    padding: 10px;
  }
  /* line 896, app/assets/stylesheets/orders.scss */
  .orders .thank-you .line_item img {
    height: 2em;
  }
  /* line 899, app/assets/stylesheets/orders.scss */
  .orders .thank-you .line_item .row .name {
    color: #000;
    font-weight: 600;
    font-size: 9px;
  }
  /* line 904, app/assets/stylesheets/orders.scss */
  .orders .thank-you .line_item .row .product {
    display: flex;
    flex-direction: initial;
    flex: 1 1 15%;
    font-size: 10px;
    padding: 0;
  }
  /* line 919, app/assets/stylesheets/orders.scss */
  .column .actions {
    min-width: 50px;
    margin-left: 0px;
    padding-left: 0px;
  }
  /* line 925, app/assets/stylesheets/orders.scss */
  .column .social {
    height: 20px;
  }
  /* line 928, app/assets/stylesheets/orders.scss */
  .right .line_item .bottom .row .user {
    color: #000;
    font-size: small;
    font-weight: 600;
  }
  /* line 934, app/assets/stylesheets/orders.scss */
  .column .actions {
    min-width: 50px;
    margin-left: 0px;
    padding-left: 0px;
  }
  /* line 940, app/assets/stylesheets/orders.scss */
  .sessions .account section .orders .line_item img, .registrations .account section .orders .line_item img, .passwords .account section .orders .line_item img, .text-button .account section .orders .line_item img, .contacts .account section .orders .line_item img {
    height: 2.5em;
  }
  /* line 943, app/assets/stylesheets/orders.scss */
  #tableRow {
    display: none;
  }
  /* line 946, app/assets/stylesheets/orders.scss */
  #tableRowMobile {
    display: true;
    font-size: 8px;
  }
  /* line 951, app/assets/stylesheets/orders.scss */
  .orders .thank-you .line_item .column {
    margin: 1px;
  }
  /* line 954, app/assets/stylesheets/orders.scss */
  .facebook-ico {
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    text-decoration: none;
    font-size: 13px;
    position: absolute;
    left: 87.5%;
  }
}

/* line 966, app/assets/stylesheets/orders.scss */
.card-images {
  height: 9%;
}
/* line 3, app/assets/stylesheets/plans.scss */
.respek .mockup-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
}

/* line 8, app/assets/stylesheets/plans.scss */
.respek .mockup-text {
  width: 510px;
  padding: 70px;
}

/* line 13, app/assets/stylesheets/plans.scss */
.respek .respek_mobile_mockup {
  width: 343px;
}

@media only screen and (max-width: 800px) {
  /* line 18, app/assets/stylesheets/plans.scss */
  .respek .mockup-container {
    grid-template-columns: 1fr;
  }
  /* line 21, app/assets/stylesheets/plans.scss */
  .respek .mockup-text {
    width: 410px;
    padding: 20px;
  }
}
@charset "UTF-8";
/*
  Bootstrap-submenu
*/
/* line 5, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.dropdown-submenu {
  position: relative;
}

/* line 9, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px;
}

/* line 19, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

/* line 23, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

/* line 37, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

/* line 41, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.dropdown-submenu.pull-left {
  float: none;
}

/* line 45, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px;
}

/*
  Bootstrap-wysihtml5
*/
/* line 57, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar {
  margin: 0;
  padding: 0;
  display: block;
}

/* line 63, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar::after {
  clear: both;
  display: table;
  content: "";
}

/* line 69, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar > li {
  float: left;
  display: list-item;
  list-style: none;
  margin: 0 5px 10px 0;
}

/* line 76, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
  font-weight: bold;
}

/* line 80, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
  font-style: italic;
}

/* line 84, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
  text-decoration: underline;
}

/* line 88, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #E6E6E6;
  background-color: #D9D9D9;
  outline: 0;
}

/* line 98, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-commands-disabled .dropdown-menu {
  display: none !important;
}

/* line 102, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div.wysihtml5-colors {
  display: block;
  width: 50px;
  height: 20px;
  margin-top: 2px;
  margin-left: 5px;
  position: absolute;
  pointer-events: none;
}

/* line 112, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar a.wysihtml5-colors-title {
  padding-left: 70px;
}

/* line 116, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] {
  background: black !important;
}

/* line 120, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] {
  background: silver !important;
}

/* line 124, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] {
  background: gray !important;
}

/* line 128, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] {
  background: maroon !important;
}

/* line 132, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] {
  background: red !important;
}

/* line 136, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] {
  background: purple !important;
}

/* line 140, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] {
  background: green !important;
}

/* line 144, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] {
  background: olive !important;
}

/* line 148, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] {
  background: navy !important;
}

/* line 152, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] {
  background: blue !important;
}

/* line 156, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] {
  background: orange !important;
}

/*
  Bootsy
*/
/* line 164, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-black {
  color: black;
}

/* line 168, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-silver {
  color: silver;
}

/* line 172, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-gray {
  color: gray;
}

/* line 176, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-white {
  color: white;
}

/* line 180, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-maroon {
  color: maroon;
}

/* line 184, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-red {
  color: red;
}

/* line 188, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-purple {
  color: purple;
}

/* line 192, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-fuchsia {
  color: fuchsia;
}

/* line 196, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-green {
  color: green;
}

/* line 200, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-lime {
  color: lime;
}

/* line 204, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-olive {
  color: olive;
}

/* line 208, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-orange {
  color: orange;
}

/* line 212, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-yellow {
  color: yellow;
}

/* line 216, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-navy {
  color: navy;
}

/* line 220, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-blue {
  color: blue;
}

/* line 224, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-teal {
  color: teal;
}

/* line 228, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-color-aqua {
  color: aqua;
}

/* line 232, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-float-left {
  float: left;
  margin: 0 8px 8px 0;
}

/* line 237, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.wysiwyg-float-right {
  float: right;
  margin: 0 0 8px 8px;
}

/* line 242, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

/* line 248, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy blockquote p:last-child,
.bootsy blockquote ul:last-child,
.bootsy blockquote ol:last-child {
  margin-bottom: 0;
}

/* line 253, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy blockquote footer,
.bootsy blockquote small,
.bootsy blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

/* line 261, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy blockquote footer:before,
.bootsy blockquote small:before,
.bootsy blockquote .small:before {
  content: '\2014 \00A0';
}

/* line 266, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy .blockquote-reverse,
.bootsy blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

/* line 274, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy .blockquote-reverse footer:before,
.bootsy blockquote.pull-right footer:before,
.blockquote-reverse small:before,
.bootsy blockquote.pull-right small:before,
.bootsy .blockquote-reverse .small:before,
.bootsy blockquote.pull-right .small:before {
  content: '';
}

/* line 282, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy .blockquote-reverse footer:after,
.bootsy blockquote.pull-right footer:after,
.bootsy .blockquote-reverse small:after,
.bootsy blockquote.pull-right small:after,
.bootsy .blockquote-reverse .small:after,
.bootsy blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

/* line 290, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy blockquote:before,
.bootsy blockquote:after {
  content: "";
}

/* line 295, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
textarea.bootsy:required:invalid {
  color: inherit;
}

/*Modal Design Styles*/
/* line 301, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy-modal .file-input-name {
  display: none;
}

/*Hide the input file name from showing as it's not needed and ruins design*/
/*Set a min-height on the modal body to prevent jumping up and down of modal when adding content*/
/* line 304, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy-modal .modal-body {
  min-height: 120px;
}

/* line 308, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy-image {
  margin-bottom: 15px;
}

/* line 312, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy-upload-loader {
  margin: 0 10px -10px 0;
}

/* line 316, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy-upload-spacer {
  padding: 0 10px 0 10px;
}

/* line 320, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.bootsy-gallery-loader {
  display: block;
  margin: 0 auto;
}

/*The below code is needed for capybara to be able to find the input, as it*/
/*does not work*/
/* line 327, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
.file-input-wrapper input[type=file], .file-input-wrapper input[type=file]:focus, .file-input-wrapper input[type=file]:hover {
  opacity: .01;
}

/* Avoid Boostrap input borders */
/* line 332, ../usr/local/bundle/gems/bootsy-2.4.0/app/assets/stylesheets/bootsy.css */
body.bootsy_text_area.form-control {
  border: none;
  box-shadow: none;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/assets/glyphicons-halflings-regular.eot);
  src: url(/assets/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/assets/glyphicons-halflings-regular.woff2) format("woff2"), url(/assets/glyphicons-halflings-regular.woff) format("woff"), url(/assets/glyphicons-halflings-regular.ttf) format("truetype"), url(/assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}

/* line 272, ../usr/local/bundle/gems/glyphicons-rails-0.1.3/app/assets/stylesheets/_glyphicons.scss */
a[data-wysihtml5-command=createLink] i, a[data-wysihtml5-command=insertImage] i, a[data-wysihtml5-command=Indent] i, a[data-wysihtml5-command=Outdent] i, a[data-wysihtml5-command=insertUnorderedList] i, a[data-wysihtml5-command=insertOrderedList] i, a[data-wysihtml5-command=change_view] i {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 290, ../usr/local/bundle/gems/glyphicons-rails-0.1.3/app/assets/stylesheets/_glyphicons.scss */
a[data-wysihtml5-command=change_view] i:before {
  content: "✏";
}

/* line 290, ../usr/local/bundle/gems/glyphicons-rails-0.1.3/app/assets/stylesheets/_glyphicons.scss */
a[data-wysihtml5-command=insertOrderedList] i:before {
  content: "";
}

/* line 290, ../usr/local/bundle/gems/glyphicons-rails-0.1.3/app/assets/stylesheets/_glyphicons.scss */
a[data-wysihtml5-command=insertUnorderedList] i:before {
  content: "";
}

/* line 290, ../usr/local/bundle/gems/glyphicons-rails-0.1.3/app/assets/stylesheets/_glyphicons.scss */
a[data-wysihtml5-command=Outdent] i:before {
  content: "";
}

/* line 290, ../usr/local/bundle/gems/glyphicons-rails-0.1.3/app/assets/stylesheets/_glyphicons.scss */
a[data-wysihtml5-command=Indent] i:before {
  content: "";
}

/* line 290, ../usr/local/bundle/gems/glyphicons-rails-0.1.3/app/assets/stylesheets/_glyphicons.scss */
a[data-wysihtml5-command=insertImage] i:before {
  content: "";
}

/* line 290, ../usr/local/bundle/gems/glyphicons-rails-0.1.3/app/assets/stylesheets/_glyphicons.scss */
a[data-wysihtml5-command=createLink] i:before {
  content: "";
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/assets/glyphicons-halflings-regular.eot);
  src: url(/assets/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/assets/glyphicons-halflings-regular.woff2) format("woff2"), url(/assets/glyphicons-halflings-regular.woff) format("woff"), url(/assets/glyphicons-halflings-regular.ttf) format("truetype"), url(/assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
/* line 4, app/assets/stylesheets/respek.scss */
body.respek-cert {
  background: #527135;
  font-family: Montserrat, sans-serif;
  font-weight: 100;
  color: #e5efe6;
  height: 290mm;
  min-height: 290mm;
  max-height: 290mm;
  top: 0;
  bottom: 0;
}

@media screen and (max-width: 640px) {
  /* line 4, app/assets/stylesheets/respek.scss */
  body.respek-cert {
    height: auto;
    min-height: auto;
  }
}

/* line 20, app/assets/stylesheets/respek.scss */
#content {
  /*border-radius: 20px;*/
  /*box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);*/
  /*box-shadow: inset 0 0 15px #000000;*/
  /*padding-bottom: 10px;*/
}

/* line 27, app/assets/stylesheets/respek.scss */
.bound {
  padding: 0px;
  margin: 0px;
  text-align: center;
  width: 100%;
  height: 290mm;
  min-height: 290mm;
  max-height: 290mm;
  top: 0;
  bottom: 0;
  background-color: #517134;
}

@media screen and (max-width: 640px) {
  /* line 27, app/assets/stylesheets/respek.scss */
  .bound {
    height: auto;
    min-height: auto;
  }
}

@media print {
  /* line 44, app/assets/stylesheets/respek.scss */
  div {
    page-break-inside: avoid !important;
  }
}

/* line 47, app/assets/stylesheets/respek.scss */
.bound .cert-border {
  border: 3px solid #a1b493;
}

/* line 55, app/assets/stylesheets/respek.scss */
.bound .cert-margin {
  padding: 40px;
  padding-top: 30px;
}

@media screen and (max-width: 640px) {
  /* line 55, app/assets/stylesheets/respek.scss */
  .bound .cert-margin {
    padding: 5px;
    padding-top: 3px;
  }
}

/* line 65, app/assets/stylesheets/respek.scss */
.bound .top {
  /*background-image: url('<%= Rails.root.join('assets','images','secondarypage_bg.jpg') %>');*/
  position: relative;
}

/* line 77, app/assets/stylesheets/respek.scss */
.bound .respek {
  width: 500px;
  height: 368px;
  padding-top: 38px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: auto;
}

@media screen and (max-width: 640px) {
  /* line 77, app/assets/stylesheets/respek.scss */
  .bound .respek {
    width: auto;
    height: 168px;
  }
}

/*.bound .designation {
  padding: 1em 0;
    position: relative;
    z-index: 1000;
    background: white;
    width: 35%;
    }*/
/* line 100, app/assets/stylesheets/respek.scss */
.bound .title-strech {
  width: 100%;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
}

/* line 106, app/assets/stylesheets/respek.scss */
.bound .title-stripe {
  border-bottom: 6px double #00a04b;
  position: relative;
  width: 90%;
  top: 35px;
  z-index: 0;
}

/* line 113, app/assets/stylesheets/respek.scss */
.bound .designation {
  font-size: 53px;
  padding: 0.5em 0;
  position: relative;
  font-weight: 100;
  top: 0px;
  z-index: 1000;
  background: inherit;
  color: white;
  border-style: hidden;
  border-width: 0;
  width: 100%;
}

/* line 127, app/assets/stylesheets/respek.scss */
.bound .designation strong {
  font-size: 68px;
  font-weight: 600;
}

@media screen and (max-width: 640px) {
  /* line 113, app/assets/stylesheets/respek.scss */
  .bound .designation {
    font-size: 26px;
  }
  /* line 135, app/assets/stylesheets/respek.scss */
  .bound .designation strong {
    font-size: 28px;
  }
}

/* line 143, app/assets/stylesheets/respek.scss */
.bound .header {
  font-size: 40px;
  font-weight: light;
  flex-direction: column;
  flex: 1 0 100%;
  height: 1327.5px;
}

@media screen and (max-width: 640px) {
  /* line 143, app/assets/stylesheets/respek.scss */
  .bound .header {
    font-size: 17px;
    height: auto;
  }
}

/* line 183, app/assets/stylesheets/respek.scss */
.bound .header p {
  width: 90%;
  margin-left: 5%;
  padding-top: inherit;
  letter-spacing: 0px;
  margin: auto;
}

/* line 197, app/assets/stylesheets/respek.scss */
.bound .header p.supporter {
  border-bottom: none;
  width: 90%;
  color: #dd9a2c;
  font-size: 90%;
}

/* line 207, app/assets/stylesheets/respek.scss */
.bound .header p .fat {
  font-weight: 800;
}

/* line 211, app/assets/stylesheets/respek.scss */
.bound .header .person {
  font-size: 58px;
  font-weight: 500;
  margin: 30px auto;
  text-transform: none;
  width: 100%;
  margin-left: 0%;
  z-index: 1000;
  /*white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;*/
  -webkit-padding-after: 0.0em;
}

@media screen and (max-width: 640px) {
  /* line 211, app/assets/stylesheets/respek.scss */
  .bound .header .person {
    font-size: 28px;
  }
}

/* line 230, app/assets/stylesheets/respek.scss */
.bound .detail {
  text-align: -webkit-center;
  -webkit-margin-after: -3.1em;
  margin-top: 1em;
}

/* line 235, app/assets/stylesheets/respek.scss */
.bound .detail .round {
  border-radius: 3em;
  height: 4.3em;
  width: 4em;
  padding: 0.2em;
  position: relative;
  top: -5.8em;
  margin-bottom: 3em;
}

/* line 245, app/assets/stylesheets/respek.scss */
.bound .detail .text {
  position: relative;
  top: -8em;
}

/* line 250, app/assets/stylesheets/respek.scss */
.bound .detail .text p {
  margin: 0;
  padding: 0.4em 0;
}

/* line 255, app/assets/stylesheets/respek.scss */
.bound .detail .text .adopted {
  font-size: 1em;
  font-weight: 100;
  padding-top: 0;
}

/* line 261, app/assets/stylesheets/respek.scss */
.bound .detail .text .quantity {
  font-size: 2em;
  font-weight: 300;
}

/* line 266, app/assets/stylesheets/respek.scss */
.bound .detail .text .product {
  font-size: 2em;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 0;
}

/* line 273, app/assets/stylesheets/respek.scss */
p.carbon {
  color: #ffb003;
  font-weight: 500;
  font-size: 25px;
  margin: 30px auto !important;
  line-height: 16px;
}

/* line 280, app/assets/stylesheets/respek.scss */
p.carbon span {
  font-size: 15px;
  font-weight: 200;
  line-height: 7px;
}

@media screen and (max-width: 640px) {
  /* line 273, app/assets/stylesheets/respek.scss */
  p.carbon {
    font-size: 18px;
  }
}

/* line 289, app/assets/stylesheets/respek.scss */
.bound .detail .flag-image {
  max-width: 16em;
  padding-bottom: 2em;
  margin-top: -8em;
}

/* line 294, app/assets/stylesheets/respek.scss */
.bound .gps {
  border-bottom: 3px solid #dd9a2c;
  font-size: 1.35em;
  font-weight: 600;
  margin: 0 auto 1em auto;
  line-height: 0.1em;
  text-align: center;
  text-transform: uppercase;
  width: 70%;
  font-size: 25px;
}

@media screen and (max-width: 640px) {
  /* line 294, app/assets/stylesheets/respek.scss */
  .bound .gps {
    width: 69%;
    font-size: 11px;
  }
}

/* line 310, app/assets/stylesheets/respek.scss */
.bound .gps span {
  background-color: #527134;
  color: #e5efe6;
  padding: 0 10px;
}

/* line 315, app/assets/stylesheets/respek.scss */
.bound .location {
  font-size: 20px;
  color: #e5efe6;
  font-weight: 300;
  line-height: 3em;
  max-width: 670px;
  margin: auto;
}

@media screen and (max-width: 640px) {
  /* line 315, app/assets/stylesheets/respek.scss */
  .bound .location {
    font-size: 12px;
  }
}

/* line 325, app/assets/stylesheets/respek.scss */
.bound .location.with-map {
  line-height: inherit;
}

/* line 330, app/assets/stylesheets/respek.scss */
.bound .footer {
  background-color: #00a04b;
  color: #fff;
  display: flex;
  margin-top: 2.5em;
  padding: 0.6em;
  padding-bottom: 0.3em;
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 70px;
  width: 100%;
  overflow: hidden;
}

/* line 345, app/assets/stylesheets/respek.scss */
.bound .footer p {
  margin: 0;
}

/* line 348, app/assets/stylesheets/respek.scss */
.bound .footer .the {
  font-size: 0.8em;
  font-weight: 300;
}

/* line 353, app/assets/stylesheets/respek.scss */
.bound .footer .giant-flag {
  font-size: 1.5em;
  font-weight: 800;
  display: inline-block;
}

/* line 360, app/assets/stylesheets/respek.scss */
.bound .footer .right {
  display: inline-block;
  float: right;
  font-size: 0.8em;
  font-weight: 300;
  padding-bottom: 20px;
  padding-right: 20px;
}

/* line 371, app/assets/stylesheets/respek.scss */
.bound .footer .right .tagline {
  align-items: flex-end;
}

/* line 375, app/assets/stylesheets/respek.scss */
.footer-share {
  width: 100%;
  margin: 0em auto 2em;
  color: #fff;
  display: block;
  padding: 0.6em;
  text-align: center;
}

/* line 387, app/assets/stylesheets/respek.scss */
.share-this {
  width: 100%;
  height: 7.5px;
  font-family: Lato;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #797979;
  margin-top: 0;
}

/* line 399, app/assets/stylesheets/respek.scss */
.share-block {
  width: 30%;
  position: relative;
  margin-top: -12px;
  height: 58px;
  padding-left: 30px;
  text-align: left;
}

/* line 408, app/assets/stylesheets/respek.scss */
.share-block .social-share {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* line 414, app/assets/stylesheets/respek.scss */
.twitter-ico {
  background: white;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_31,q_auto,w_31/twitter_circle-8e7f82ca25f6ebcf8e97af9b68de485e.svg) no-repeat !important;
  top: 0px;
  padding: 0px !important;
  width: 31px;
  height: 31px;
}

/* line 425, app/assets/stylesheets/respek.scss */
.facebook-ico {
  background: white;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_31,q_auto,w_31/fb_circle-8431d9fcfb3c2d030c6c5bffc17f8283.svg) no-repeat !important;
  padding: 0px !important;
  width: 31px;
  height: 31px;
  position: relative;
}

@media only screen and (max-width : 400px) {
  /* line 425, app/assets/stylesheets/respek.scss */
  .facebook-ico {
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    text-decoration: none;
    font-size: 13px;
    position: absolute;
  }
}

@media screen and (max-width : 800px) {
  /* line 425, app/assets/stylesheets/respek.scss */
  .facebook-ico {
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    text-decoration: none;
    font-size: 13px;
    position: absolute;
  }
}

/* line 454, app/assets/stylesheets/respek.scss */
.facebook-ico div {
  display: inline-block;
  top: 6px;
  margin-right: 27px;
  position: absolute;
}

/* line 463, app/assets/stylesheets/respek.scss */
#twitter_form {
  width: 34px;
  height: 32px;
  position: relative;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 471, app/assets/stylesheets/respek.scss */
#facebook_form {
  width: 34px;
  height: 32px;
  position: relative;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 479, app/assets/stylesheets/respek.scss */
.Rectangle-43 {
  width: 110px;
  height: 22px;
  border-radius: 13px;
  border: solid 0.5px #ffcd00;
  border: solid 0.5px var(--sunflower-yellow);
}

/* line 487, app/assets/stylesheets/respek.scss */
.Rectangle-42 {
  height: 45px;
  width: 120px;
  text-align: center;
}

/* line 493, app/assets/stylesheets/respek.scss */
.return-back {
  margin-bottom: 3em;
}

/* line 497, app/assets/stylesheets/respek.scss */
.button-length {
  width: 130px;
  font-family: Lato;
  display: inline-block;
}

/* line 504, app/assets/stylesheets/respek.scss */
#loading-div-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: .65;
}

/* line 516, app/assets/stylesheets/respek.scss */
#loading-div {
  width: 300px;
  height: 200px;
  /*     background-color: #0c0b0b;*/
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -100px;
}

/* line 529, app/assets/stylesheets/respek.scss */
.error-not-found-box {
  font-family: Lato;
  font-size: 14.5px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  -webkit-text-stroke: 0.5px #979797;
  margin: 0px 9em;
}

/* line 541, app/assets/stylesheets/respek.scss */
.error-not-found-box a {
  font-weight: bold;
  color: #0daa59;
  text-decoration: none;
}

/* line 547, app/assets/stylesheets/respek.scss */
.spoon-fork-img {
  width: 80px;
  margin-top: 50px;
}

/* line 552, app/assets/stylesheets/respek.scss */
.wpwl-control {
  width: 100%;
}

/* line 556, app/assets/stylesheets/respek.scss */
.eggshapePDF {
  height: 60px;
  border-radius: 20em;
  border-top: 2px solid #00a04b;
  border-left: 2px solid #00a04b;
  border-right: 2px solid #00a04b;
  width: 65px;
  position: relative;
  top: -31px;
}

/* line 568, app/assets/stylesheets/respek.scss */
.location img {
  display: inline;
  border: 1px solid #031a13;
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  /* line 568, app/assets/stylesheets/respek.scss */
  .location img {
    width: 97%;
    height: auto;
  }
}

/* line 579, app/assets/stylesheets/respek.scss */
.locationBox {
  height: 16.4em;
}

/* line 587, app/assets/stylesheets/respek.scss */
.cert_leaf {
  width: 650px;
  height: 349px;
  margin: auto;
  display: block;
  position: relative;
  bottom: -3px;
}

/*Logo carousel*/
/* line 606, app/assets/stylesheets/respek.scss */
#merchants {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 612, app/assets/stylesheets/respek.scss */
#merchants .clients-wrap {
  display: block;
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

/* line 619, app/assets/stylesheets/respek.scss */
#merchants .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  height: 200px;
}

/* line 629, app/assets/stylesheets/respek.scss */
#merchants .clients-wrap ul li {
  float: left;
  position: relative;
  width: 220px;
  height: 200px;
  line-height: 200px;
  text-align: center;
  margin-right: 30px;
  display: block;
}

/* line 639, app/assets/stylesheets/respek.scss */
#merchants .clients-wrap ul li div {
  margin: auto 20px !important;
  display: inline-block;
}

/* line 644, app/assets/stylesheets/respek.scss */
#merchants .clients-wrap ul li a {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  transition: 0 linear left;
}

/* line 656, app/assets/stylesheets/respek.scss */
#merchants .clients-wrap ul li img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0;
}

@media print {
  /* styling goes here */
  /* line 664, app/assets/stylesheets/respek.scss */
  .locationBox {
    padding: 24px 52px;
    height: 21.51em;
  }
  -webkit-print-color-adjust: exact;
}
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,400,600|Roboto:700,500,400");
/* line 3, app/assets/stylesheets/respek_buttons.scss */
.respek_outline {
  border-radius: var(--p-border-radius-wide, 3px);
  box-shadow: var(--p-card-shadow, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15));
  outline: 0.1rem solid transparent;
}

/* line 9, app/assets/stylesheets/respek_buttons.scss */
.spek_branch {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_crop,f_auto,g_south_east,h_100,q_auto,w_120/leaf-9215ddf5a25b648b90eb12ab2a85fda0.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  position: relative;
  left: auto;
  width: 120px;
  height: 100px;
  margin: auto 0;
  display: block !important;
}

/* line 21, app/assets/stylesheets/respek_buttons.scss */
.loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #637e36;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: auto;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 79, app/assets/stylesheets/respek_buttons.scss */
[data-respek-button] {
  border-radius: var(--p-border-radius-wide, 3px);
  box-shadow: var(--p-card-shadow, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15));
  outline: 0.1rem solid transparent;
  background: white;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
  display: flex;
  margin: 20px 0;
  min-height: 100px;
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  /* Firefox */
  -webkit-animation: fadein 1s;
  /* Safari and Chrome */
  -o-animation: fadein 1s;
  /* Opera */
}

/* line 101, app/assets/stylesheets/respek_buttons.scss */
[data-respek-button] div,
[data-respek-button] img,
[data-respek-button] span {
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  /* Firefox */
  -webkit-animation: fadein 1s;
  /* Safari and Chrome */
  -o-animation: fadein 1s;
  /* Opera */
}

/* line 112, app/assets/stylesheets/respek_buttons.scss */
[data-respek-button] a {
  color: #031a14;
  font-weight: 500;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* block */
/* line 141, app/assets/stylesheets/respek_buttons.scss */
.v174_1 {
  /* width: 875px; */
  /* height: 93px; */
  background: white;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
  display: flex;
  margin: 20px 0;
}

/* line 154, app/assets/stylesheets/respek_buttons.scss */
.v172_22 {
  width: 875px;
  height: 92px;
  background: white;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

/* line 165, app/assets/stylesheets/respek_buttons.scss */
.v172_26 {
  color: black;
  position: relative;
  padding: 25px 0;
  font-family: Montserrat;
  font-weight: Medium;
  font-size: 14px;
  opacity: 1;
  text-align: left;
  margin: auto 25px;
  height: 100px;
}

/* line 179, app/assets/stylesheets/respek_buttons.scss */
.v172_23 {
  height: 43px;
  opacity: 1;
  position: relative;
  margin: auto 30px auto 0;
  text-align: center;
}

/* line 187, app/assets/stylesheets/respek_buttons.scss */
.v172_24 {
  width: 168px;
  height: 43px;
  background: #8cc73f;
  opacity: 1;
  /* position: relative; */
  top: 0px;
  left: 0px;
  overflow: hidden;
  display: flex;
  padding: 10px;
}

/* line 200, app/assets/stylesheets/respek_buttons.scss */
.v172_25 {
  width: 157px;
  color: white;
  /* position: relative; */
  /* top: 13px; */
  /* left: 5px; */
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 18px;
  opacity: 1;
  text-align: center;
}

/* line 213, app/assets/stylesheets/respek_buttons.scss */
.v172_36 {
  width: 5px;
  height: auto;
  background: #021a13;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
  display: flex;
}

/* line 226, app/assets/stylesheets/respek_buttons.scss */
.v172_37 {
  width: 8px;
  height: auto;
  background: #8cc73f;
  opacity: 1;
  position: relative;
  top: 0px;
  overflow: hidden;
}

/* Thanks */
/* line 238, app/assets/stylesheets/respek_buttons.scss */
.v174_2 {
  width: 875px;
  height: 93px;
  background: white;
  border: 0.3px solid #ccc;
  opacity: 1;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

/* line 249, app/assets/stylesheets/respek_buttons.scss */
.v172_45 {
  width: 75px;
  min-width: 75px;
  height: 75px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_75,q_auto,w_75/respek_logo_dark-74f1570902d3f154df21f7ea4f92d205.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  display: flex !important;
  margin: auto;
}

/* line 263, app/assets/stylesheets/respek_buttons.scss */
.v172_43 {
  width: 18px;
  height: 93px;
  background: #021a13;
  opacity: 1;
  position: relative;
  top: 0px;
  overflow: hidden;
  display: grid;
}

/* line 275, app/assets/stylesheets/respek_buttons.scss */
.v172_44 {
  width: 18px;
  height: 93px;
  background: #8cc73f;
  opacity: 1;
  position: relative;
  top: 0px;
  overflow: hidden;
  display: flex;
}

/* line 286, app/assets/stylesheets/respek_buttons.scss */
.v172_39 {
  color: black;
  position: relative;
  display: flex;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}

/* line 298, app/assets/stylesheets/respek_buttons.scss */
.v172_39 span {
  POSITION: relative;
  LEFT: 40px;
  top: 23px;
  display: flex;
}

/* line 306, app/assets/stylesheets/respek_buttons.scss */
.v172_39 span a {
  display: contents;
}

/* line 312, app/assets/stylesheets/respek_buttons.scss */
#e158_0 {
  opacity: 1;
  width: 875px;
  min-height: 325px;
  position: relative;
  background-color: white;
  margin: 0 auto;
  display: block !important;
  border-radius: 20px 0 0 20px;
  font-family: Montserrat;
  padding: 35px 75px;
}

/* line 325, app/assets/stylesheets/respek_buttons.scss */
#e130_2 {
  background-color: white;
  opacity: 1;
  width: 874.6115112304688px;
  height: 324.531982421875px;
  /* position: absolute;
    left: 0.3078240752220154px;
    top: 0.5335262417793274px; */
}

/* line 335, app/assets/stylesheets/respek_buttons.scss */
#e130_8 {
  opacity: 1;
  width: 448px;
  position: relative;
  display: inline-block;
}

/* line 345, app/assets/stylesheets/respek_buttons.scss */
#e130_6 {
  opacity: 1;
  width: 448px;
}

/* line 350, app/assets/stylesheets/respek_buttons.scss */
#e130_6 button {
  border-radius: 20px;
}

/* line 355, app/assets/stylesheets/respek_buttons.scss */
#contribute-button, button#thanks-button {
  color: white;
  opacity: 1;
  min-width: 157.126953125px;
  position: relative;
  font-family: Montserrat;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0;
  background: none;
  line-height: 40px !important;
  border: 1.5px solid #031a14;
  background-color: #031a14;
  height: 43px;
  white-space: nowrap;
  padding: 0 10px 0 10px;
}

/* line 374, app/assets/stylesheets/respek_buttons.scss */
#contribute-button.green {
  background-color: #637d4e;
  border-radius: 20px;
}

/* line 378, app/assets/stylesheets/respek_buttons.scss */
button#no-thanks-button {
  position: relative;
  font-family: Montserrat;
  text-align: center;
  font-size: 14px;
  border: 1.5px solid #031a14;
  width: 158px;
  height: 43px;
  background-color: white;
  line-height: 40px !important;
  margin: 0 10px;
  color: #031a14;
  padding: 0;
}

/* line 396, app/assets/stylesheets/respek_buttons.scss */
button#thanks-button {
  left: 0px;
}

/* line 400, app/assets/stylesheets/respek_buttons.scss */
a.learn-more {
  font-size: 13.3333px;
  padding: 3px 0px;
  color: rgba(0, 0, 0, 0.45);
  display: block;
  font-family: Montserrat;
  font-style: normal;
  margin: auto;
}

/* line 411, app/assets/stylesheets/respek_buttons.scss */
#e130_9 {
  color: black;
  opacity: 1;
  width: 360px;
  position: relative;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  display: inline-block;
  margin: 6px 0 10px;
}

/* line 426, app/assets/stylesheets/respek_buttons.scss */
#e130_9.ZA {
  font-size: 14px;
}

/* line 432, app/assets/stylesheets/respek_buttons.scss */
#e130_5 {
  color: #020605;
  opacity: 1;
  width: 416px;
  height: 118px;
  position: relative;
  font-family: Montserrat, Roboto, sans-serif;
  font-weight: 600;
  text-align: left;
  font-size: 36px;
  letter-spacing: -1px;
  line-height: 43.88px;
  display: inline-block;
}

/* line 449, app/assets/stylesheets/respek_buttons.scss */
#e130_3 {
  opacity: 1;
  width: 370px;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: -1px;
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_370/popup_spek_progressive-8f658b7e00ee8d46361747a568f4e220.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}

/* line 464, app/assets/stylesheets/respek_buttons.scss */
#dark_respek_logo {
  opacity: 1;
  width: 240px;
  height: 253px;
  position: absolute;
  right: 65px;
  top: 42px;
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_253,q_auto,w_240/respek_logo_dark-74f1570902d3f154df21f7ea4f92d205.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}

/* line 478, app/assets/stylesheets/respek_buttons.scss */
#light_respek_logo {
  opacity: 1;
  width: 240px;
  height: 253px;
  position: absolute;
  left: 461.0009765625px;
  top: 42.2005615234375px;
  background-image: url(/respek_logo_light.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 490, app/assets/stylesheets/respek_buttons.scss */
button#contribute-button:focus {
  border: 0;
  outline: -webkit-focus-ring-color auto 0px;
  outline-style: solid !important;
}

/* line 496, app/assets/stylesheets/respek_buttons.scss */
.pico-content {
  padding: 0 !important;
  border-radius: 20px 0 0 20px !important;
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  /* Firefox */
  -webkit-animation: fadein 1s;
  /* Safari and Chrome */
  -o-animation: fadein 1s;
  /* Opera */
}

@media only screen and (max-width: 800px) {
  /* line 511, app/assets/stylesheets/respek_buttons.scss */
  .pico-content {
    border-radius: 20px 20px 0 0 !important;
  }
  /* line 514, app/assets/stylesheets/respek_buttons.scss */
  #e158_0 {
    width: 525px;
    height: 655px;
    border-radius: 20px 0 0 20px;
    padding: 50px 90px;
  }
  /* line 522, app/assets/stylesheets/respek_buttons.scss */
  #e130_3 {
    width: 525px;
    height: 345px;
    left: -90px;
    right: 0px;
    background-position: center;
    position: relative;
  }
  /* line 532, app/assets/stylesheets/respek_buttons.scss */
  #dark_respek_logo {
    left: 142px;
    bottom: 20px;
    position: -webkit-sticky;
    position: sticky;
    background-size: contain;
  }
  /* line 539, app/assets/stylesheets/respek_buttons.scss */
  .v172_23 {
    margin: auto 10px;
  }
  /* line 543, app/assets/stylesheets/respek_buttons.scss */
  .v172_26 {
    font-size: 14px;
    font-weight: 500;
    margin: auto 0 auto 15px;
    height: 80px;
    min-width: 170px;
    display: table;
    line-height: 20px;
  }
  /* line 553, app/assets/stylesheets/respek_buttons.scss */
  .spek_branch {
    position: absolute;
    width: 120px;
    opacity: 0.4;
    height: 125px;
    margin: auto 0;
    bottom: 0;
  }
  /* line 562, app/assets/stylesheets/respek_buttons.scss */
  #contribute-button.green {
    font-size: 12px;
    width: 140px;
  }
  /* line 566, app/assets/stylesheets/respek_buttons.scss */
  [data-respek-button] a {
    color: #031a14;
    font-weight: 600;
  }
  /* line 570, app/assets/stylesheets/respek_buttons.scss */
  .v172_45 {
    min-width: 65px;
    background-size: contain;
  }
}
/* line 1, app/assets/stylesheets/respek_invoice.scss */
body {
  margin-top: 20px;
  background: #eee;
  font-family: 'Montserrat', sans-serif;
}

/* line 6, app/assets/stylesheets/respek_invoice.scss */
#dark_respek_logo {
  opacity: 1;
  width: 140px;
  height: 163px;
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_253,q_auto,w_240/respek_logo_dark-74f1570902d3f154df21f7ea4f92d205.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0 0 auto;
}

/* line 16, app/assets/stylesheets/respek_invoice.scss */
.invoice {
  padding: 30px;
}

/* line 20, app/assets/stylesheets/respek_invoice.scss */
.invoice h2 {
  margin-top: 0px;
  line-height: 0.8em;
}

/* line 25, app/assets/stylesheets/respek_invoice.scss */
.invoice .small {
  font-weight: 300;
}

/* line 29, app/assets/stylesheets/respek_invoice.scss */
.invoice hr {
  margin-top: 10px;
  border-color: #ddd;
}

/* line 34, app/assets/stylesheets/respek_invoice.scss */
.invoice .table tr.line {
  border-bottom: 1px solid #ccc;
}

/* line 38, app/assets/stylesheets/respek_invoice.scss */
.invoice .table td {
  border: none;
}

/* line 42, app/assets/stylesheets/respek_invoice.scss */
.invoice .identity {
  margin-top: 10px;
  font-size: 1.1em;
  font-weight: 300;
}

/* line 48, app/assets/stylesheets/respek_invoice.scss */
.invoice .identity strong {
  font-weight: 600;
}

/* line 53, app/assets/stylesheets/respek_invoice.scss */
.grid {
  position: relative;
  width: 95%;
  background: #fff;
  color: #666666;
  border-radius: 2px;
  margin-bottom: 25px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}
/* line 1, app/assets/stylesheets/_respek_social_links.scss */
.social-links {
  margin: auto;
  width: 300px;
  display: block;
  position: relative;
  text-align: center;
  align-items: center;
}

/* line 9, app/assets/stylesheets/_respek_social_links.scss */
.social-links a {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_26-829d9607ca7c2214f741072c4840262d.png);
  width: 32px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  overflow: hidden;
  margin: 24px 10px;
  display: inline-block;
  padding: 6px 6px;
}

/* line 22, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div {
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
  background-size: contain !important;
  width: 100%;
  height: 100%;
}

/* line 29, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.insta-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/insta-logo-08e0e76f001f3814c159f42e9650106e.png);
}

/* line 32, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.insta-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/insta-y-logo-f3ff6d1d79ca4c84c112a67a11c44426.png);
}

/* line 35, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.fb-logo, .social-links a > div.fb-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/fb-logo-dd672fe134d16b34cda7a42f236e33b2.png);
  margin: 1px 4px;
  width: 12px !important;
}

/* line 40, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.fb-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/fb-y-logo-340d6e5a0e0324c7d8c5d852bbf0e219.png);
}

/* line 43, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.twitter-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/twitter-logo-b674340a0af1acf7940f8f052c3ec1bb.png);
}

/* line 46, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.twitter-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/twitter-y-logo-bdc19efa837dd118efe4bdfb98c0cb9d.png);
}

/* line 49, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.linkedin-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/linkedin-logo-24763aabeb655282a76d3ca2928ebea9.png);
}

/* line 52, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.linkedin-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/linkedin-y-logo-d363b4065a9607b61742a8936c6e6340.png);
}

/* line 57, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_26_g-54888d55005ed97b1377b086e459ea4d.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 62, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .insta-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/insta-y-logo-f3ff6d1d79ca4c84c112a67a11c44426.png);
}

/* line 65, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .fb-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/fb-y-logo-340d6e5a0e0324c7d8c5d852bbf0e219.png);
}

/* line 68, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .twitter-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/twitter-y-logo-bdc19efa837dd118efe4bdfb98c0cb9d.png);
}

/* line 71, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .linkedin-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/linkedin-y-logo-d363b4065a9607b61742a8936c6e6340.png);
}

/* line 3, app/assets/stylesheets/respek_mailer.scss */
* {
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/respek_mailer.scss */
.v720_2 {
  font-size: 14px;
  color: #e4eee6;
  font-family: 'Montserrat', sans-serif;
  width: 760px;
  background: #527136;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
  margin: auto;
}

/* line 20, app/assets/stylesheets/respek_mailer.scss */
.v720_2.light {
  background: #B1C0A3;
  color: #527136 !important;
}

/* line 25, app/assets/stylesheets/respek_mailer.scss */
.v720_3 {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/spek_bg-9a7f3c91b1f2c55e6eb7ddc471aa6d87.jpg);
  width: 100%;
  height: 264px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  padding: 25px;
}

/* line 37, app/assets/stylesheets/respek_mailer.scss */
.v720_3_light {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_3_light-5f27592e7306069f3071bdb4888078e6.png);
  width: 100%;
  height: 264px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  padding: 25px;
}

/* line 48, app/assets/stylesheets/respek_mailer.scss */
.v720_4 {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/logo_shadow-d4a80431c11f1f94d97617b435f5e7f5.png);
  width: 214px;
  height: 258px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  top: 4px;
  overflow: hidden;
  margin: auto;
  display: block;
}

/* line 62, app/assets/stylesheets/respek_mailer.scss */
.v720_4_light {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/logo_shadow_light-c065bb4307ac6418922fa809ebec5bbc.png);
  width: 214px;
  height: 258px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  top: 4px;
  overflow: hidden;
  margin: auto;
  display: block;
}

/* line 76, app/assets/stylesheets/respek_mailer.scss */
.v720_5 {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_5-8d321c93090d9cd3fe5f512429fa0f10.png);
  width: 208px;
  height: 208px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  top: 24px;
  left: -6px;
  overflow: hidden;
  margin: auto;
}

/* line 90, app/assets/stylesheets/respek_mailer.scss */
.subscribe_image {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/subscribe_CO2-44e9709517fc7ecd7ad435ee4062e85a.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 638px;
  height: 429px;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  margin: auto;
  border-radius: 12px 12px 0 0;
}

/* line 107, app/assets/stylesheets/respek_mailer.scss */
.merchant_list {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/merchants-cdc51c00676738c8c0557baf3db88dcf.png);
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 738px;
  height: 408px;
  opacity: 1;
  position: relative;
  /* top: 24px; */
  /* left: -6px; */
  overflow: hidden;
  margin: auto;
}

/* line 122, app/assets/stylesheets/respek_mailer.scss */
.merchant_list div {
  text-align: center;
  padding: 20px;
  font-size: 20px;
  width: 70%;
  margin: auto;
}

/* line 131, app/assets/stylesheets/respek_mailer.scss */
.respek_infographic {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/infographic-7ef7a2eff15a7c5736b4de568e965ae9.png);
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 758px;
  height: 508px;
  opacity: 1;
  position: relative;
  overflow: hidden;
  margin: auto;
}

/* line 145, app/assets/stylesheets/respek_mailer.scss */
.respek_infographic div {
  text-align: center;
  padding: 20px;
  font-size: 20px;
  width: 70%;
  margin: auto;
}

/* line 154, app/assets/stylesheets/respek_mailer.scss */
p.message {
  PADDING: 30px 80px;
  font-size: 20px;
}

/* line 159, app/assets/stylesheets/respek_mailer.scss */
.respek_mobile_mockup {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/respek_mobile_mockup-ba4845ededcebb6ef3388122fdb93cb1.png);
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  width: 738px;
  height: 508px;
  opacity: 1;
  position: relative;
  overflow: hidden;
  margin: 45px auto;
}

/* line 171, app/assets/stylesheets/respek_mailer.scss */
.respek_mobile_mockup div {
  text-align: left;
  width: 58%;
  font-size: 19px;
  padding: 0 20px;
}

/* line 180, app/assets/stylesheets/respek_mailer.scss */
.project_progress {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/progress-aaf948892063c2ea3dae06e22a116dee.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 792px;
  height: 778px;
  opacity: 1;
  position: relative;
  margin: auto;
  z-index: 999999;
}

/* line 191, app/assets/stylesheets/respek_mailer.scss */
.project_progress div {
  text-align: center;
  padding: 20px;
  font-size: 20px;
  width: 70%;
  margin: auto;
}

/* line 200, app/assets/stylesheets/respek_mailer.scss */
.seed {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/karoo_bg-4d091bf303b83c612f52ddd7ff09454d.png);
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  width: 720px;
  height: 208px;
  opacity: 1;
  position: relative;
  /* top: 24px; */
  /* left: -6px; */
  overflow: hidden;
  border-radius: 20px;
  background-position: left -400px bottom -570px;
  padding: 0 20px;
  margin: auto;
}

/* line 217, app/assets/stylesheets/respek_mailer.scss */
.seed td {
  box-sizing: border-box;
  font-size: 17px;
  color: #E5EFE6;
}

/* line 225, app/assets/stylesheets/respek_mailer.scss */
.seed .seed_logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/seed_logo-201f4bcb91550d58d8f05665da8b69ce.png);
  box-sizing: border-box;
  width: 40%;
  font-size: 17px;
  color: #E5EFE6;
  height: 210px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  width: 242px;
  font-size: 17px;
  color: #E5EFE6;
  height: 195px;
}

/* line 245, app/assets/stylesheets/respek_mailer.scss */
.project {
  box-sizing: border-box;
  padding: 0 30px 30px;
  font-size: 19px;
}

/* line 251, app/assets/stylesheets/respek_mailer.scss */
.partners {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/partners-1c74fdd45ddcaae26c7b754074b23da3.png);
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  height: 208px;
}

/* line 260, app/assets/stylesheets/respek_mailer.scss */
.v720_6 {
  width: 100%;
  position: relative;
  font-weight: Bold;
  font-size: 39px;
  opacity: 1;
  text-align: center;
  margin: auto;
  display: block;
  padding: 20px;
}

/* line 271, app/assets/stylesheets/respek_mailer.scss */
.v720_9 {
  width: 80%;
  position: relative;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: center;
  margin: auto;
}

/* line 281, app/assets/stylesheets/respek_mailer.scss */
.merchant_intro {
  width: 80%;
  position: relative;
  font-weight: 100;
  font-size: 20px;
  opacity: 1;
  text-align: left;
  margin: auto;
}

/* line 290, app/assets/stylesheets/respek_mailer.scss */
.v720_10 {
  width: 564px;
  color: #e4eee6;
  position: absolute;
  top: 507px;
  left: 128px;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}

/* line 301, app/assets/stylesheets/respek_mailer.scss */
.v720_11 {
  width: 452px;
  color: #e4eee6;
  position: absolute;
  top: 531px;
  left: 176px;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}

/* line 312, app/assets/stylesheets/respek_mailer.scss */
.v720_12 {
  width: 575px;
  color: #e4eee6;
  position: absolute;
  top: 555px;
  left: 123px;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}

/* line 323, app/assets/stylesheets/respek_mailer.scss */
.v720_13 {
  width: 285px;
  height: 37px;
  background: #ffaf03;
  opacity: 1;
  border-radius: 6px;
  margin: 40px auto;
}

/* line 330, app/assets/stylesheets/respek_mailer.scss */
.v720_13.green {
  background: #517036;
}

/* line 332, app/assets/stylesheets/respek_mailer.scss */
.v720_13.green .v720_14 {
  color: #ffaf03;
}

/* line 334, app/assets/stylesheets/respek_mailer.scss */
.v720_13 .v720_14 {
  color: #517036;
  position: relative;
  font-weight: 600;
  font-size: 20px;
  opacity: 1;
  text-align: center;
  margin: auto;
  display: block;
  text-decoration: none;
  padding: 7px;
}

/* line 348, app/assets/stylesheets/respek_mailer.scss */
.v720_15_with_image {
  width: 638px;
  height: 657px;
  background: #abba9f;
  opacity: 1;
  position: relative;
  border-radius: 12px;
  margin: 50px auto;
}

/* line 358, app/assets/stylesheets/respek_mailer.scss */
.v720_15 {
  width: 638px;
  height: 247px;
  background: #abba9f;
  opacity: 1;
  position: relative;
  border-radius: 12px;
  margin: 50px auto;
}

/* line 367, app/assets/stylesheets/respek_mailer.scss */
.v720_16 {
  width: 85%;
  color: #517036;
  position: relative;
  font-size: 20px;
  opacity: 1;
  text-align: center;
  margin: auto;
  padding: 25px;
}

/* line 377, app/assets/stylesheets/respek_mailer.scss */
.v720_21 {
  width: 284px;
  height: 37px;
  background: #517036;
  opacity: 1;
  position: relative;
  border-radius: 6px;
  margin: auto;
}

/* line 386, app/assets/stylesheets/respek_mailer.scss */
.v720_22 {
  color: #e7eee5;
  position: relative;
  font-weight: 600;
  font-size: 20px;
  opacity: 1;
  text-align: center;
  margin: auto;
  display: block;
  text-decoration: none;
  padding: 6px;
}

/* line 399, app/assets/stylesheets/respek_mailer.scss */
.v720_23 {
  width: 486px;
  position: relative;
  font-weight: 600;
  font-size: 20px;
  opacity: 1;
  text-align: center;
  margin: auto;
  display: block;
}

/* line 411, app/assets/stylesheets/respek_mailer.scss */
.v720_25 {
  width: 147px;
  color: #e4eee6;
  position: absolute;
  top: 1095px;
  left: 302px;
  font-weight: SemiBold;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}

/* line 426, app/assets/stylesheets/respek_mailer.scss */
.v720_27 {
  color: #5d703c;
  position: absolute;
  top: 1039px;
  left: 290px;
  font-weight: SemiBold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

/* line 436, app/assets/stylesheets/respek_mailer.scss */
.v720_28 {
  color: #5d703c;
  position: absolute;
  top: 1039px;
  left: 305px;
  font-weight: SemiBold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

/* line 446, app/assets/stylesheets/respek_mailer.scss */
.v720_29 {
  width: 73px;
  height: 92px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_29-829d9607ca7c2214f741072c4840262d.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 1029px;
  left: 332px;
  overflow: hidden;
}

/* line 459, app/assets/stylesheets/respek_mailer.scss */
.v720_30 {
  color: #5d703c;
  position: absolute;
  top: 1039px;
  left: 342px;
  font-weight: SemiBold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

/* line 469, app/assets/stylesheets/respek_mailer.scss */
.v720_31 {
  color: #5d703c;
  position: absolute;
  top: 1039px;
  left: 357px;
  font-weight: SemiBold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

/* line 479, app/assets/stylesheets/respek_mailer.scss */
.v720_32 {
  width: 73px;
  height: 92px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_32-829d9607ca7c2214f741072c4840262d.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 1030px;
  left: 383px;
  overflow: hidden;
}

/* line 492, app/assets/stylesheets/respek_mailer.scss */
.v720_33 {
  color: #5d703c;
  position: absolute;
  top: 1039px;
  left: 384px;
  font-weight: SemiBold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

/* line 502, app/assets/stylesheets/respek_mailer.scss */
.v720_34 {
  color: #5d703c;
  position: absolute;
  top: 1039px;
  left: 369px;
  font-weight: SemiBold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

/* line 512, app/assets/stylesheets/respek_mailer.scss */
.v720_35 {
  width: 73px;
  height: 92px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_35-829d9607ca7c2214f741072c4840262d.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 1030px;
  left: 345px;
  overflow: hidden;
}

/* line 525, app/assets/stylesheets/respek_mailer.scss */
.v720_36 {
  color: #5d703c;
  position: absolute;
  top: 1040px;
  left: 334px;
  font-weight: SemiBold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

/* line 535, app/assets/stylesheets/respek_mailer.scss */
.v720_37 {
  color: #5d703c;
  position: absolute;
  top: 1040px;
  left: 319px;
  font-weight: SemiBold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}

/* line 545, app/assets/stylesheets/respek_mailer.scss */
.v720_38 {
  width: 166px;
  color: #5d703c;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  opacity: 1;
  text-align: center;
  margin: 20px auto;
  display: block;
}

/* line 557, app/assets/stylesheets/respek_mailer.scss */
a.link {
  width: 166px;
  color: #5d703c;
  position: relative;
  font-weight: 600;
  opacity: 1;
  margin: 20px auto;
}
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,400,600|Roboto:700,500,400");
/* line 1, app/assets/stylesheets/_respek_social_links.scss */
.social-links {
  margin: auto;
  width: 300px;
  display: block;
  position: relative;
  text-align: center;
  align-items: center;
}

/* line 9, app/assets/stylesheets/_respek_social_links.scss */
.social-links a {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_26-829d9607ca7c2214f741072c4840262d.png);
  width: 32px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  overflow: hidden;
  margin: 24px 10px;
  display: inline-block;
  padding: 6px 6px;
}

/* line 22, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div {
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
  background-size: contain !important;
  width: 100%;
  height: 100%;
}

/* line 29, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.insta-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/insta-logo-08e0e76f001f3814c159f42e9650106e.png);
}

/* line 32, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.insta-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/insta-y-logo-f3ff6d1d79ca4c84c112a67a11c44426.png);
}

/* line 35, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.fb-logo, .social-links a > div.fb-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/fb-logo-dd672fe134d16b34cda7a42f236e33b2.png);
  margin: 1px 4px;
  width: 12px !important;
}

/* line 40, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.fb-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/fb-y-logo-340d6e5a0e0324c7d8c5d852bbf0e219.png);
}

/* line 43, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.twitter-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/twitter-logo-b674340a0af1acf7940f8f052c3ec1bb.png);
}

/* line 46, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.twitter-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/twitter-y-logo-bdc19efa837dd118efe4bdfb98c0cb9d.png);
}

/* line 49, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.linkedin-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/linkedin-logo-24763aabeb655282a76d3ca2928ebea9.png);
}

/* line 52, app/assets/stylesheets/_respek_social_links.scss */
.social-links a > div.linkedin-y-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/linkedin-y-logo-d363b4065a9607b61742a8936c6e6340.png);
}

/* line 57, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/v720_26_g-54888d55005ed97b1377b086e459ea4d.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 62, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .insta-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/insta-y-logo-f3ff6d1d79ca4c84c112a67a11c44426.png);
}

/* line 65, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .fb-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/fb-y-logo-340d6e5a0e0324c7d8c5d852bbf0e219.png);
}

/* line 68, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .twitter-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/twitter-y-logo-bdc19efa837dd118efe4bdfb98c0cb9d.png);
}

/* line 71, app/assets/stylesheets/_respek_social_links.scss */
.social-links.green a .linkedin-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/linkedin-y-logo-d363b4065a9607b61742a8936c6e6340.png);
}

/* line 13, app/assets/stylesheets/site.scss */
.giant-flag-site .site #intro {
  background: transparent;
  padding: 0 20px;
  padding-top: 1.5em;
  text-align: left;
}

/* line 23, app/assets/stylesheets/site.scss */
.giant-flag-site .site p.notification {
  text-align: -webkit-center;
  font-weight: 700;
  background: #fdbd3c;
  border-radius: 30px;
  padding: 10px 10px;
}

/* line 31, app/assets/stylesheets/site.scss */
.giant-flag-site .site .introtext {
  font-size: 1.2em;
  line-height: 1.4em;
}

/* line 37, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner {
  padding: 1em;
  padding-top: 6em;
  text-align: center;
  height: 801px;
  width: 100%;
  transition: all 1s ease;
}

/* line 45, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner p,
.giant-flag-site .site .banner strong {
  color: #fff;
  padding: 0;
  margin: 0;
  text-shadow: 1px 1px 1px #333;
}

/* line 53, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner p {
  font-size: 2em;
  line-height: 1.5em;
}

/* line 58, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner strong {
  font-size: 4em;
  line-height: 1.5em;
}

/* line 63, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner .primary {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 68, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner .background {
  width: 100%;
  height: 800px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transform: translate3d(0, 0, 0) scale(1.25);
  transition: all 6.5s ease;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_800,q_auto/feature_bg-a8fd32e27b0fd189a438d788ec82070e.jpg) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 640px) {
  /* line 81, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .banner #animated_svg {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  /* line 88, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .banner a.button.venobox.vbox-item {
    font-size: small;
  }
}

/* line 94, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner #mobile-logo {
  width: 210px;
  height: 250px;
  display: none;
}

@media screen and (max-width: 640px) {
  /* line 94, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .banner #mobile-logo {
    display: inline;
    width: 90%;
    position: relative;
    left: -6px;
  }
}

/* line 108, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner #banner-logo {
  width: 600px;
  height: 400px;
  margin: 0 auto;
  text-align: center;
  padding: 50px;
  transition: fill .5s ease !important;
  margin-bottom: 11.5em;
}

/* line 117, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner #banner-logo h2 {
  color: #fff;
  font-size: 2em;
  font-weight: 200;
  border-bottom: none;
}

/* line 124, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner #banner-logo .fill-with-white {
  fill: #fff !important;
  stroke-width: 0.3px !important;
}

@media screen and (max-width: 640px) {
  /* line 108, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .banner #banner-logo {
    width: 300px;
    height: 250px;
    margin-top: 0;
    padding: 0;
  }
  /* line 135, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .banner #banner-logo h2 {
    font-size: 1.3em;
    text-shadow: 0px 2px 4px #000;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.7));
  }
}

/* line 145, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner #animated_svg {
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.7));
}

/* line 149, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner #animated_svg path {
  stroke: #fff !important;
  stroke-width: 1px;
  fill: transparent !important;
  transition: fill 1s ease, stroke-width 1s ease !important;
}

/* line 156, app/assets/stylesheets/site.scss */
.giant-flag-site .site .banner #animated_svg rect {
  stroke: #fff !important;
  stroke-width: 0.5px !important;
}

/* line 163, app/assets/stylesheets/site.scss */
.giant-flag-site .site .scroll-down {
  border: 2px solid #FDBD3C;
  border-radius: 1em;
  color: #fff;
  display: block;
  font-size: 1.5em;
  margin: auto;
  width: 2em;
  height: 2em;
  padding: 0.3em;
  padding-top: 0.35em;
  margin-top: 1.2em;
}

/* line 177, app/assets/stylesheets/site.scss */
.giant-flag-site .site .cnn {
  visibility: hidden;
  height: 0px;
}

/* line 181, app/assets/stylesheets/site.scss */
.giant-flag-site .site .cnn img {
  visibility: hidden;
  height: 0px;
}

/* line 187, app/assets/stylesheets/site.scss */
.giant-flag-site .site .light {
  font-weight: 100;
  font-size: 1.3em;
  padding-bottom: 0.5em;
}

/* line 193, app/assets/stylesheets/site.scss */
.giant-flag-site .site .progress-report {
  padding-bottom: 3em;
}

@media screen and (max-width : 800px) {
  /* line 199, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .cnn {
    visibility: visible;
    background-color: #F0363C;
    color: #fff;
    font-size: 0.75em;
    padding: 1em;
    padding-bottom: 2em;
    margin-top: 1px;
    text-align: center;
    text-transform: uppercase;
  }
  /* line 210, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .cnn .cnn-logo {
    visibility: visible;
    display: inline-block;
    height: 1em;
    margin-bottom: -0.1em;
  }
}

/* line 219, app/assets/stylesheets/site.scss */
.giant-flag-site .site #Layer_1 {
  height: 28em;
  box-shadow: 0px 6px 31px -1px rgba(0, 0, 0, 0.5);
}

/* line 224, app/assets/stylesheets/site.scss */
.giant-flag-site .site #facebook,
.giant-flag-site .site #twitter {
  position: absolute;
  right: 2em;
}

/* line 230, app/assets/stylesheets/site.scss */
.giant-flag-site .site #facebook {
  top: 7em;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_30,q_auto,w_30/fb_circle_white-77289f3fa3c2b2d2a7b47a362746dc84.svg);
}

@media screen and (max-width : 800px) {
  /* line 230, app/assets/stylesheets/site.scss */
  .giant-flag-site .site #facebook {
    display: none;
  }
}

/* line 242, app/assets/stylesheets/site.scss */
.giant-flag-site .site #twitter {
  display: inline-block;
  width: 30px;
  height: 30px;
  top: 10em;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_30,q_auto,w_30/twitter_circle_white-16f149bc891525a96e9e98b4c58981d9.svg);
}

@media screen and (max-width : 800px) {
  /* line 242, app/assets/stylesheets/site.scss */
  .giant-flag-site .site #twitter {
    display: none;
  }
}

/* line 254, app/assets/stylesheets/site.scss */
.giant-flag-site .site #facebook:hover {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_30,q_auto,w_30/fb_circle_white_hover-135d47ceeaaa2950acf330247d285668.svg);
}

/* line 258, app/assets/stylesheets/site.scss */
.giant-flag-site .site #twitter:hover {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_30,q_auto,w_30/twitter_circle_white_hover-3ab78225f60209df289557d12698997b.svg);
}

/* line 262, app/assets/stylesheets/site.scss */
.giant-flag-site .site .triangle {
  visibility: hidden;
}

/* line 265, app/assets/stylesheets/site.scss */
.giant-flag-site .site .triangle img {
  visibility: hidden;
  height: 0px;
}

@media only screen and (min-width : 800px) {
  /* line 272, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .triangle {
    position: absolute;
    visibility: visible;
    top: 600px;
    right: 0;
  }
  /* line 278, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .triangle img {
    visibility: visible;
    height: 200px;
    float: right;
  }
}

/* line 286, app/assets/stylesheets/site.scss */
.giant-flag-site .site .white {
  background-color: #fff;
}

/* line 291, app/assets/stylesheets/site.scss */
.giant-flag-site .site .yellow {
  background-color: #FECC2F;
  text-align: center;
  font-size: 1.1em !important;
}

/* line 296, app/assets/stylesheets/site.scss */
.giant-flag-site .site .yellow p {
  color: #6c5701;
  font-size: 0.8em;
}

/* line 301, app/assets/stylesheets/site.scss */
.giant-flag-site .site .yellow .btn {
  font-size: 0.7em;
  font-weight: 500;
  letter-spacing: 2px;
}

/* line 308, app/assets/stylesheets/site.scss */
.giant-flag-site .site .content {
  font-size: 1.2em;
  line-height: 1.5em;
}

/* line 312, app/assets/stylesheets/site.scss */
.giant-flag-site .site .content p,
.giant-flag-site .site .content strong {
  color: #4A4A4A;
}

/* line 317, app/assets/stylesheets/site.scss */
.giant-flag-site .site .content > .spek p {
  text-align: justify;
}

/* line 321, app/assets/stylesheets/site.scss */
.giant-flag-site .site .content .action-buttons {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-bottom: 2em;
}

/* line 328, app/assets/stylesheets/site.scss */
.giant-flag-site .site .content .action-buttons div {
  margin-top: 2em;
  margin-bottom: 1em;
}

@media screen and (max-width: 640px) {
  /* line 321, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .content .action-buttons {
    flex-direction: column;
  }
}

/* line 339, app/assets/stylesheets/site.scss */
.giant-flag-site .site .progress-bar {
  border: 2px solid #979797;
  border-radius: 2em;
  background-color: #FFF;
  font-size: 1.2em;
  height: 2em;
  position: relative;
  width: 100%;
}

/* line 348, app/assets/stylesheets/site.scss */
.giant-flag-site .site .progress-bar .progress {
  background-color: #169F4F;
  border-radius: 2em;
  height: 100%;
}

/* line 354, app/assets/stylesheets/site.scss */
.giant-flag-site .site .progress-bar .amount {
  position: absolute;
  right: 1em;
  top: 0.3em;
}

/* line 362, app/assets/stylesheets/site.scss */
.giant-flag-site .site .flag,
.giant-flag-site .site .hidden {
  display: none;
}

/* line 367, app/assets/stylesheets/site.scss */
.giant-flag-site .site path.js-flag__area--green.flag__area.flag__area--green,
.giant-flag-site .site path.js-flag__area--blue.flag__area.flag__area--blue,
.giant-flag-site .site path.js-flag__area--yellow.flag__area.flag__area--yellow,
.giant-flag-site .site path.js-flag__area--red.flag__area.flag__area--red,
.giant-flag-site .site path.js-flag__area--white.flag__area.flag__area--white,
.giant-flag-site .site path.js-flag__area--black.flag__area.flag__area--black {
  opacity: 0.7;
  transition-property: initial;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: initial;
  cursor: pointer;
}

/* line 381, app/assets/stylesheets/site.scss */
.giant-flag-site .site path.js-flag__area--green.flag__area.flag__area--green:hover,
.giant-flag-site .site path.js-flag__area--blue.flag__area.flag__area--blue:hover,
.giant-flag-site .site path.js-flag__area--yellow.flag__area.flag__area--yellow:hover,
.giant-flag-site .site path.js-flag__area--red.flag__area.flag__area--red:hover,
.giant-flag-site .site path.js-flag__area--white.flag__area.flag__area--white:hover,
.giant-flag-site .site path.js-flag__area--black.flag__area.flag__area--black:hover {
  opacity: 10;
  transition-property: initial;
  transition-duration: 0.3s;
  transition-timing-function: initial;
  transition-delay: initial;
  cursor: pointer;
}

/* line 395, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up {
  background: white;
  position: absolute;
  z-index: 99;
  width: 440px;
  height: 220px;
  border-radius: 0, 0, 4px, 4px;
  box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: -15px !important;
}

/* line 406, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up--red {
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: red;
}

/* line 412, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up--white {
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: white;
}

/* line 418, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up--blue {
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: blue;
}

/* line 424, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up--green {
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: green;
}

/* line 430, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up--black {
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: black;
}

/* line 436, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up--yellow {
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: #FFCC00;
}

/* line 442, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up__character {
  float: left;
  width: 200px;
}

/* line 446, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up__character img {
  width: 12.5em;
  height: 13em;
  padding: 0.5em;
}

/* line 453, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up__product-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 458, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up__product-section img {
  height: 5em;
  width: 5em;
}

/* line 463, app/assets/stylesheets/site.scss */
.giant-flag-site .site .info-pop-up__product-section p {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCCCCC;
  margin-right: 1em;
  padding-top: 0.8em;
  text-align: center;
}

@media only screen and (min-width : 800px) {
  /* line 474, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .flag {
    display: block;
  }
}

/* line 479, app/assets/stylesheets/site.scss */
.giant-flag-site .site .products {
  display: none;
}

@media screen and (max-width : 800px) {
  /* line 484, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .products {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media only screen and (max-width : 800px) and (min-width : 800px) {
  /* line 484, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .products {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 494, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .products .product {
    margin-right: 1em;
  }
}

/* line 501, app/assets/stylesheets/site.scss */
.giant-flag-site .site .products a {
  text-decoration: none;
}

/* line 506, app/assets/stylesheets/site.scss */
.giant-flag-site .site .product {
  display: flex;
  background-color: #fff;
  border: 1px solid;
  padding: 0.5em;
  margin-bottom: 1em;
  height: 10em;
  max-width: 30em;
}

/* line 515, app/assets/stylesheets/site.scss */
.giant-flag-site .site .product .left {
  flex: 4;
}

/* line 519, app/assets/stylesheets/site.scss */
.giant-flag-site .site .product .right {
  flex: 6;
}

/* line 523, app/assets/stylesheets/site.scss */
.giant-flag-site .site .product p {
  color: #888888;
  margin: 0;
  font-size: 0.8em;
  text-transform: uppercase;
  text-decoration: none;
}

/* line 531, app/assets/stylesheets/site.scss */
.giant-flag-site .site .product .flag-image {
  margin-top: 1em;
  width: 8em;
  height: 6em;
}

/* line 537, app/assets/stylesheets/site.scss */
.giant-flag-site .site .product .product-image {
  text-align: center;
  height: 6em;
}

@media only screen and (min-width : 640px) {
  /* line 543, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .why-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

/* line 551, app/assets/stylesheets/site.scss */
.giant-flag-site .site .why {
  width: 100%;
  border-top: 1px solid #dfb200;
  padding: 1em;
}

@media only screen and (min-width : 640px) {
  /* line 551, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .why {
    min-width: 13em;
    width: 50%;
  }
  /* line 561, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .why h3 {
    font-size: 1.1em;
  }
  /* line 565, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .why p {
    height: 10em;
  }
}

@media only screen and (min-width : 800px) {
  /* line 551, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .why {
    min-width: 19em;
  }
  /* line 573, app/assets/stylesheets/site.scss */
  .giant-flag-site .site .why p {
    height: 7em;
  }
}

/* line 578, app/assets/stylesheets/site.scss */
.giant-flag-site .site .why img {
  min-height: 3em;
  max-height: 5em;
}

/* line 586, app/assets/stylesheets/site.scss */
.modal-open {
  overflow: hidden;
  display: block;
}

/* line 591, app/assets/stylesheets/site.scss */
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 10500;
  overflow: hidden;
  outline: 0;
  height: auto;
}

/* line 604, app/assets/stylesheets/site.scss */
.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -25%);
}

/* line 616, app/assets/stylesheets/site.scss */
.modal.in .modal-dialog {
  transform: translate(0, 0);
}

/* line 623, app/assets/stylesheets/site.scss */
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 628, app/assets/stylesheets/site.scss */
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

/* line 634, app/assets/stylesheets/site.scss */
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

/* line 644, app/assets/stylesheets/site.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

/* line 654, app/assets/stylesheets/site.scss */
.modal-backdrop.fade {
  opacity: 0;
}

/* line 658, app/assets/stylesheets/site.scss */
.modal-backdrop.in {
  opacity: 0.5;
}

/* line 662, app/assets/stylesheets/site.scss */
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

/* line 667, app/assets/stylesheets/site.scss */
.modal-header::after {
  content: "";
  display: table;
  clear: both;
}

/* line 673, app/assets/stylesheets/site.scss */
.modal-header .close {
  margin-top: -2px;
}

/* line 677, app/assets/stylesheets/site.scss */
.modal-title {
  margin: 0;
  line-height: 1.5;
}

/* line 682, app/assets/stylesheets/site.scss */
.modal-body {
  position: relative;
  padding: 15px;
}

/* line 687, app/assets/stylesheets/site.scss */
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

/* line 693, app/assets/stylesheets/site.scss */
.modal-footer::after {
  content: "";
  display: table;
  clear: both;
}

/* line 699, app/assets/stylesheets/site.scss */
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  /* line 708, app/assets/stylesheets/site.scss */
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto;
  }
  /* line 713, app/assets/stylesheets/site.scss */
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  /* line 719, app/assets/stylesheets/site.scss */
  .modal-lg {
    max-width: 900px;
  }
}

/* line 724, app/assets/stylesheets/site.scss */
button,
input,
optgroup,
select,
textarea {
  font-size: 11px;
  margin: 0;
}

/* line 733, app/assets/stylesheets/site.scss */
optgroup {
  font-weight: bold;
}

/* line 737, app/assets/stylesheets/site.scss */
button,
input {
  overflow: visible;
}

/* line 742, app/assets/stylesheets/site.scss */
button,
select {
  text-transform: none;
}

/* line 747, app/assets/stylesheets/site.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/* line 754, app/assets/stylesheets/site.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 762, app/assets/stylesheets/site.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 769, app/assets/stylesheets/site.scss */
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

@media screen and (max-width: 640px) {
  /* line 776, app/assets/stylesheets/site.scss */
  a.home.button.secondary {
    font-size: small;
  }
  /* line 780, app/assets/stylesheets/site.scss */
  a.home.button.primary {
    font-size: small;
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* line 787, app/assets/stylesheets/site.scss */
.respek {
  background-color: #E5EFE6;
  color: #30471C;
}

/* line 791, app/assets/stylesheets/site.scss */
.respek div {
  color: #30471C;
}

/* line 798, app/assets/stylesheets/site.scss */
.respek.home .headline {
  display: grid;
  grid-gap: 4em;
  max-width: 1270px;
  height: 330px;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto;
}

/* line 806, app/assets/stylesheets/site.scss */
.respek.home .headline span {
  display: block;
}

/* line 811, app/assets/stylesheets/site.scss */
.respek.home .project-page .headline, .respek.home .projects-page .headline {
  height: 240px;
}

/* line 814, app/assets/stylesheets/site.scss */
.respek.home .project-page .section-locations, .respek.home .projects-page .section-locations {
  margin-top: 0px;
}

/* line 820, app/assets/stylesheets/site.scss */
.respek.home h3 {
  text-align: center;
}

/* line 825, app/assets/stylesheets/site.scss */
.respek.home .terms-conditions__section h3 {
  text-align: left;
  color: grey;
  font-size: unset;
}

/* line 831, app/assets/stylesheets/site.scss */
.respek.home .terms-conditions__section ol li {
  text-align: justify;
}

/* line 835, app/assets/stylesheets/site.scss */
.respek.home .terms-conditions__section p {
  text-align: justify;
}

/* line 840, app/assets/stylesheets/site.scss */
.respek.home p {
  text-align: left;
}

/* line 844, app/assets/stylesheets/site.scss */
.respek.home .camdeboo-container-content p {
  text-align: left;
}

/* line 849, app/assets/stylesheets/site.scss */
.respek .logo {
  text-align: center;
}

/* line 853, app/assets/stylesheets/site.scss */
.respek .powered-by {
  margin: 0;
  width: 310px;
}

/* line 858, app/assets/stylesheets/site.scss */
.respek a.shopify-partner {
  display: block;
}

/* line 861, app/assets/stylesheets/site.scss */
.respek a.shopify-partner div {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  height: 90px;
  width: 100%;
  margin: auto;
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/shopify-partner-2a87b924b6ca938c322879eadf91e83c.png);
}

/* line 871, app/assets/stylesheets/site.scss */
.respek a.shopify-partner.white div {
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/shopify-partner-white-fd4d136e5cdb02bd6606a178c6b48591.png);
}

/* line 876, app/assets/stylesheets/site.scss */
.respek a.woo-partner {
  display: block;
}

/* line 879, app/assets/stylesheets/site.scss */
.respek a.woo-partner div {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  height: 60px;
  width: 300px;
  margin: 10px auto;
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/woocommerce-logo-color-white%402x-a087f27f22b5d48f6e31b92027e22a5f.png);
}

/* line 889, app/assets/stylesheets/site.scss */
.respek a.woo-partner.white div {
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/woocommerce-logo-white%402x-1752322771e3744c0460b3fbfa1aae9d.png);
}

/* line 893, app/assets/stylesheets/site.scss */
.respek a.woo-partner.black div {
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/woocommerce-logo-color-black%402x-9e57a43b8d6a02c0350f736f015f183e.png);
}

/* line 900, app/assets/stylesheets/site.scss */
.respek .collapsible label {
  display: block;
  cursor: pointer;
  text-align: left;
  font-weight: bold;
}

/* line 909, app/assets/stylesheets/site.scss */
.respek .collapsible input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

/* line 914, app/assets/stylesheets/site.scss */
.respek .collapsible input[type="checkbox"] ~ p {
  height: 0;
  transform: scaleY(0);
}

/* line 919, app/assets/stylesheets/site.scss */
.respek .collapsible input[type="checkbox"]:checked ~ p {
  height: 100%;
  transform-origin: top;
  transition: transform .2s ease-out;
  transform: scaleY(1);
}

/* line 937, app/assets/stylesheets/site.scss */
.respek .planting *,
.respek .planting *::after,
.respek .planting *::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

/* line 949, app/assets/stylesheets/site.scss */
.respek .planting .gallery {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(18, 5vw);
  grid-gap: 5px;
}

/* line 956, app/assets/stylesheets/site.scss */
.respek .planting .gallery__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* line 963, app/assets/stylesheets/site.scss */
.respek .planting .gallery__item--1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  /** Alternative Syntax **/
  /* grid-column: 1 / span 2;  */
  /* grid-row: 1 / span 2; */
}

/* line 974, app/assets/stylesheets/site.scss */
.respek .planting .gallery__item--2 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
  /** Alternative Syntax **/
  /* grid-column: 3 / span 2;  */
  /* grid-row: 1 / span 2; */
}

/* line 985, app/assets/stylesheets/site.scss */
.respek .planting .gallery__item--3 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 6;
  /** Alternative Syntax **/
  /* grid-column: 5 / span 4;
  grid-row: 1 / span 5; */
}

/* line 996, app/assets/stylesheets/site.scss */
.respek .planting .gallery__item--4 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 6;
  /** Alternative Syntax **/
  /* grid-column: 1 / span 4;  */
  /* grid-row: 3 / span 3; */
}

/* line 1007, app/assets/stylesheets/site.scss */
.respek .planting .gallery__item--5 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 6;
  grid-row-end: 9;
  /** Alternative Syntax **/
  /* grid-column: 1 / span 4; */
  /* grid-row: 6 / span 3; */
}

/* line 1018, app/assets/stylesheets/site.scss */
.respek .planting .gallery__item--6 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 6;
  grid-row-end: 9;
  /** Alternative Syntax **/
  /* grid-column: 5 / span 4; */
  /* grid-row: 6 / span 3; */
}

/* line 1028, app/assets/stylesheets/site.scss */
.respek .planting .gallery__item--7 {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 9;
  grid-row-end: 15;
  /** Alternative Syntax **/
  /* grid-column: 5 / span 4; */
  /* grid-row: 6 / span 3; */
}

/* line 1038, app/assets/stylesheets/site.scss */
.respek .planting .gallery__item--8 {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 15;
  grid-row-end: 20;
  /** Alternative Syntax **/
  /* grid-column: 5 / span 4; */
  /* grid-row: 6 / span 3; */
}

/* line 1052, app/assets/stylesheets/site.scss */
.vbox-title {
  width: 100%;
  height: 145px;
  float: left;
  text-align: center;
  line-height: 21px;
  font-size: 18px;
  color: #fff;
  padding: 6px 40px;
  overflow: hidden;
  background: #161617;
  position: fixed;
  display: none;
  bottom: 0px;
  top: initial;
  left: 0;
  padding: 10px 200px;
}

/* line 1071, app/assets/stylesheets/site.scss */
.v33_6 {
  width: 100%;
  opacity: 1;
  top: 0px;
  left: 0px;
}

/* line 1079, app/assets/stylesheets/site.scss */
.v33_17 {
  width: 100%;
  height: 800px;
  background: #CB9321;
  opacity: 1;
  /* position: absolute; */
  top: 2900px;
  left: 0px;
  overflow: hidden;
}

/* line 1090, app/assets/stylesheets/site.scss */
.v106_0 {
  width: 100%;
  height: 3px;
  background: #b2bbb8;
  opacity: 1;
  overflow: hidden;
}

/* line 1098, app/assets/stylesheets/site.scss */
.v71_11 {
  width: 100%;
  height: 30px;
  background: #b5c6c1;
  opacity: 1;
  overflow: hidden;
}

/* line 1106, app/assets/stylesheets/site.scss */
.karoo {
  width: 100%;
  height: 472px;
  opacity: 1;
  /* position: relative; */
  /* top: 3139px; */
  overflow: hidden;
}

/* line 1115, app/assets/stylesheets/site.scss */
.v33_35 {
  width: 100%;
  height: 472px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,h_472,q_auto/karoo-abdd10f2cd2e690ea36674cd3d55d0c0.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  /* position: absolute; */
  top: 0px;
  left: 0px;
  overflow: hidden;
}

/* line 1129, app/assets/stylesheets/site.scss */
.arrow {
  border: solid #30471C;
  border-width: 0 2px 2px 0;
  border-top: 3px solid #E5EFE6;
  border-left: 3px solid #E5EFE6;
  display: inline-block;
  padding: 1px;
  position: relative;
  top: 7.44em;
  left: 328px;
}

/* line 1142, app/assets/stylesheets/site.scss */
i.arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* line 1147, app/assets/stylesheets/site.scss */
.co2-release i.arrow.right {
  left: 24px;
  top: 7.46874em;
}

/* line 1152, app/assets/stylesheets/site.scss */
.co2-offset i.arrow.right {
  left: 328px;
  top: 7.44em;
}

/* line 1157, app/assets/stylesheets/site.scss */
.co2-reversed i.arrow.right {
  left: 49px;
  top: 9.66874em;
}

/* line 1161, app/assets/stylesheets/site.scss */
.v33_36 {
  width: 542px;
  color: white;
  position: relative;
  top: 258px;
  left: 92px;
  font-family: Montserrat, sans-serif;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  text-align: left;
  display: block;
}

/* line 1175, app/assets/stylesheets/site.scss */
.v33_11, .shopify-app {
  min-width: 558px;
  /* position: absolute; */
  /* top: 1544px; */
  /* left: 135px; */
  font-family: Montserrat, sans-serif;
  font-weight: Bold;
  font-size: 42px;
  opacity: 1;
  text-align: left;
  display: block;
  margin: 140px 0px 0px;
  max-width: 690px;
}

/* line 1191, app/assets/stylesheets/site.scss */
.shopify-app {
  text-align: right;
  vertical-align: bottom;
  margin: 178px -20px 0px;
  max-width: 510px;
}

/* line 1197, app/assets/stylesheets/site.scss */
.describe-offset {
  width: 100%;
  height: 750px;
  background: #527136;
  opacity: 1;
  left: 0px;
  overflow: hidden;
}

/* line 1207, app/assets/stylesheets/site.scss */
.v183_5 {
  width: 100%;
  height: 100%;
  opacity: 1;
  position: relative;
  padding: 70px 0;
  overflow: hidden;
  margin: auto;
}

/* line 1217, app/assets/stylesheets/site.scss */
.v33_12 {
  width: 60%;
  color: white;
  /* position: absolute; */
  top: 0px;
  left: 0px;
  font-size: 35px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  margin: 60px 120px 0;
}

/* line 1230, app/assets/stylesheets/site.scss */
.describe_capture {
  width: 100%;
  height: 418px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_418,q_auto/spekboom-eb410b73cd0079536e2717c5fe98deaf.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: right;
  background-size: contain;
  opacity: 1;
  position: relative;
  top: 0px;
  right: 0;
  overflow: hidden;
}

/* line 1246, app/assets/stylesheets/site.scss */
.v33_22 {
  width: 100%;
  color: white;
  position: relative;
  top: 30px;
  left: 0px;
  font-family: Montserrat, sans-serif;
  font-weight: Regular;
  font-size: 19px;
  opacity: 1;
  text-align: center;
  padding: 0 333px;
  min-width: 300px;
  margin: auto;
  display: block;
}

/* line 1263, app/assets/stylesheets/site.scss */
.v33_32 {
  width: 100%;
  height: 54px;
  opacity: 1;
  position: relative;
  top: 55px;
  left: 0;
  overflow: hidden;
}

/* line 1273, app/assets/stylesheets/site.scss */
.v33_33 {
  width: 230px;
  height: 54px;
  background: #C5D8C5;
  border-radius: 20px;
  color: #527136;
  opacity: 1;
  /* position: absolute; */
  /* top: 0px; */
  /* left: 0px; */
  overflow: hidden;
  margin: auto;
  display: block;
  text-decoration: none;
}

/* line 1290, app/assets/stylesheets/site.scss */
.v33_34 {
  margin: auto auto;
  width: 108px;
  position: relative;
  top: 12px;
  /* left: 70px; */
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 22px;
  opacity: 1;
  text-align: center;
  display: table;
}

/* line 1305, app/assets/stylesheets/site.scss */
.sa-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  /* height: 800px; */
}

/* line 1312, app/assets/stylesheets/site.scss */
.offset-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
}

/* line 1319, app/assets/stylesheets/site.scss */
.v7_8 {
  width: 100%;
  height: 800px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_800,q_auto/j4c-atwork-023a5683ddfee9b26334ea74610022be.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  top: 0px;
  right: 0;
  overflow: hidden;
  margin: auto;
}

/* line 1334, app/assets/stylesheets/site.scss */
.j4c-logo {
  height: 190px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_800,q_auto/j4c-logo-ed6c81177eaf16c0488c05ad3b7be7e8.png);
  background-repeat: no-repeat;
  /* background-position: center center; */
  background-size: contain;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0;
  overflow: hidden;
  margin: 40px;
}

/* line 1348, app/assets/stylesheets/site.scss */
.v183_3 {
  width: 90%;
  opacity: 1;
  position: relative;
  padding: 95px 20px;
  margin: auto;
}

/* line 1356, app/assets/stylesheets/site.scss */
.v33_18 {
  color: white;
  /* position: absolute; */
  top: 69px;
  left: 0px;
  font-family: Montserrat, sans-serif;
  font-weight: Regular;
  font-size: 17px;
  opacity: 1;
  text-align: justified;
  max-width: 457px;
  display: block;
  margin: auto;
}

/* line 1371, app/assets/stylesheets/site.scss */
.v33_24 {
  color: white;
  /* position: absolute; */
  top: 0px;
  left: 0px;
  font-family: Montserrat, sans-serif;
  font-weight: Bold;
  font-size: 34px;
  opacity: 1;
  text-align: left;
  display: block;
  max-width: 457px;
  margin: auto;
}

/* line 1389, app/assets/stylesheets/site.scss */
.merchant {
  width: 100%;
  height: 360px;
  opacity: 1;
  /* position: relative; */
  /* top: 3180px; */
  padding: 40px;
}

/* line 1399, app/assets/stylesheets/site.scss */
.v36_3 {
  width: 550px;
  position: relative;
  top: 10px;
  left: 0px;
  font-size: 19px;
  opacity: 1;
  text-align: center;
  margin: auto;
  display: block;
}

/* line 1412, app/assets/stylesheets/site.scss */
.v36_2 {
  position: relative;
  /* top: 0px; */
  /* left: 120px; */
  font-family: Montserrat, sans-serif;
  font-weight: Bold;
  font-size: 43px;
  opacity: 1;
  text-align: center;
  margin: auto;
  display: block;
}

/* line 1427, app/assets/stylesheets/site.scss */
.v33_29 {
  width: 281px;
  height: 62px;
  opacity: 1;
  position: relative;
  top: 30px;
  /* left: 274px; */
  overflow: hidden;
  text-align: center;
  margin: auto;
}

/* line 1439, app/assets/stylesheets/site.scss */
.v33_30 {
  width: 281px;
  height: 62px;
  color: #C5D8C5;
  border-radius: 20px;
  background: #527136;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

/* line 1452, app/assets/stylesheets/site.scss */
.integration-button {
  width: 341px;
  height: 72px;
  color: #C5D8C5;
  border-radius: 20px;
  background: #527136;
  opacity: 1;
  position: relative;
  overflow: hidden;
  margin: auto;
}

/* line 1463, app/assets/stylesheets/site.scss */
.v33_31 {
  width: 210px;
  color: #C5D8C5;
  border-radius: 20px;
  background: #527136;
  position: absolute;
  top: 18px;
  left: 35px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 20px;
  opacity: 1;
  text-align: center;
}

/* line 1479, app/assets/stylesheets/site.scss */
.sponsors {
  width: 100%;
  /* height: 528px; */
  background: white;
  opacity: 1;
  /* top: 4512px; */
  /* left: 0px; */
  /* overflow: hidden; */
}

/* line 1489, app/assets/stylesheets/site.scss */
.sponsor-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 1em;
  background-color: #E5EFE6;
  margin-bottom: 40px;
}

/* line 1496, app/assets/stylesheets/site.scss */
.partner-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* line 1501, app/assets/stylesheets/site.scss */
.sponsor-row {
  display: block;
  margin: 30px 30px;
}

/* line 1505, app/assets/stylesheets/site.scss */
.sponsor-row.left {
  margin: 30px 0px auto auto;
}

/* line 1511, app/assets/stylesheets/site.scss */
.partner-row {
  display: block;
  margin: 30px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 1517, app/assets/stylesheets/site.scss */
.partner-row.left {
  margin: 30px 0px auto auto;
}

/* line 1520, app/assets/stylesheets/site.scss */
.partner-row div {
  margin: auto auto;
}

/* line 1527, app/assets/stylesheets/site.scss */
.v32_5 {
  width: 200px;
  height: 58px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_58,q_auto,w_200/v32_5-75127a2d92f34d4862cdfe46e46d4cda.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1544, app/assets/stylesheets/site.scss */
.respek #merchants-list a div {
  filter: grayscale(100%) contrast(100%);
}

/* line 1552, app/assets/stylesheets/site.scss */
.respek .netflorist {
  width: 200px;
  height: 44px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_44,q_auto,w_200/netflorist-f70c7623e7908a016fe6bfbc87431142.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1562, app/assets/stylesheets/site.scss */
.respek .leonista {
  width: 180px;
  height: 194px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_194,q_auto,w_180/leonista-3f0ac56b6ae359b03ed6d08d90027fe9.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1573, app/assets/stylesheets/site.scss */
.respek .recology {
  width: 180px;
  height: 168px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_168,q_auto,w_180/recology_logo-7cbe6ba584d1cc2eda3161fa7859434e.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1583, app/assets/stylesheets/site.scss */
.respek .gush {
  width: 200px;
  height: 174px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_174,q_auto,w_200/gush_valley-73611185492411d1f1b233bccb77e3dd.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1593, app/assets/stylesheets/site.scss */
.respek .unravelled {
  width: 210px;
  height: 33px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_33,q_auto,w_210/Unravelled_Knitwear_360x-a9a2282b6ed9aee89c288824f132fac9.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1603, app/assets/stylesheets/site.scss */
.respek .hardwicks {
  width: 200px;
  height: 84px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_84,q_auto,w_200/Hardwicks-logo-998264c9f146debd7a1ac0ddeeaeb290.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1613, app/assets/stylesheets/site.scss */
.respek .halo {
  width: 200px;
  height: 134px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_134,q_auto,w_200/Halo2_180x-9d159e093f86dfdeb42e47f20c5c6d5d.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1623, app/assets/stylesheets/site.scss */
.respek .spaza {
  width: 200px;
  height: 108px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_108,w_200/Spaza_update_font_convert_2_360x-e19cad383538c730848f72bc58182edb.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1633, app/assets/stylesheets/site.scss */
.respek .wefix {
  width: 200px;
  height: 70px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_200/we_fix_logo-c2cfb99cfb9709ff05ad1e0ffb2b6c5d.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1643, app/assets/stylesheets/site.scss */
.respek .sopure {
  width: 200px;
  height: 55px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_201/sopure-df898ab2e9301fce749b4335e42d391a.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1654, app/assets/stylesheets/site.scss */
.respek .wilde {
  width: 200px;
  height: 60px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_201/wilde-7c7e722f5ef29a2b01f44cbe81d2382a.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1664, app/assets/stylesheets/site.scss */
.respek .seeds {
  width: 200px;
  height: 140px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_201/seedsforafrica-e515146ac266283ae1801969bc07407a.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1674, app/assets/stylesheets/site.scss */
.respek .degrendel {
  width: 170px;
  height: 100px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_201/degrendel-logo-c12efc2861e91f34a341a05993d89790.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1685, app/assets/stylesheets/site.scss */
.respek .happypay {
  width: 170px;
  height: 65px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_201/happy-pay-logo-4faf941d172caca91e79fcb439c14cd9.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1695, app/assets/stylesheets/site.scss */
.respek .holistic {
  width: 180px;
  height: 145px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_201/holistic-logo-a4e7783c1ef36af1fc949a1bf9e7db40.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1706, app/assets/stylesheets/site.scss */
.respek .gcbr {
  width: 156px;
  height: 85px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_201/gcbr-logo-8e90fcc27ac739992c100c89ac3acb92.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
  margin: auto;
}

/* line 1718, app/assets/stylesheets/site.scss */
.respek .inspire-s {
  width: 170px;
  height: 140px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_201/inspire-supplier-new-76da7c0534a5ce88bbdfe896c9824a6b.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
  margin: auto;
}

/* line 1731, app/assets/stylesheets/site.scss */
.v7_33 {
  width: 271px;
  font-family: Roboto;
  font-weight: Medium;
  font-size: 25px;
  opacity: 1;
  text-align: left;
  display: block;
  margin-bottom: 20px;
  margin-left: 5px;
}

/* line 1747, app/assets/stylesheets/site.scss */
.v56_2 {
  width: 100%;
  text-align: center;
  /* top: 5086px; */
  /* left: 579px; */
  font-family: Roboto;
  font-weight: Regular;
  font-size: 22px;
  opacity: 1;
  /* text-align: left; */
  margin: auto;
  display: block;
  padding: 20px 0;
}

/* line 1764, app/assets/stylesheets/site.scss */
.v32_7 {
  width: 100%;
  font-family: Roboto;
  font-weight: Medium;
  font-size: 25px;
  opacity: 1;
  text-align: left;
  /* padding-left: 30px; */
  display: block;
  margin: auto;
  text-align: center;
}

/* line 1778, app/assets/stylesheets/site.scss */
.v32_8 {
  width: 167px;
  font-family: Roboto;
  font-weight: Medium;
  font-size: 25px;
  opacity: 1;
  text-align: left;
  display: block;
}

/* line 1793, app/assets/stylesheets/site.scss */
.v32_2 {
  width: 153px;
  height: 110px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_153/v32_2-5424380e1b6d421f1a243ed9a333a41f.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  overflow: hidden;
}

/* line 1807, app/assets/stylesheets/site.scss */
.v32_3 {
  width: 100%;
  height: 80px;
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_80,q_auto/NAHANA_logo_foundation-02-9b635f20e577410af943d8a0dbc5546a.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  overflow: hidden;
}

/* line 1818, app/assets/stylesheets/site.scss */
.seed_logo {
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_120,q_auto,w_240/seed_logo-37d5b1dd81c38f600a5bcc5090114245.png);
  width: 240px;
  margin: auto;
  height: 120px;
  display: block;
}

/* line 1826, app/assets/stylesheets/site.scss */
.v32_4 {
  width: 140px;
  height: 90px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,q_auto,w_140/google_cloud_platform-bef479c704f37d3824402ab631e203dc.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  margin-top: 4px !important;
  overflow: hidden;
}

/* line 1837, app/assets/stylesheets/site.scss */
.powered-row {
  margin: auto;
  width: 500px;
}

/* line 1841, app/assets/stylesheets/site.scss */
.heroku-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_68,q_auto,w_160/heroku-logotype-horizontal-purple-0b9d7822d6874e9787b43ff5e6d303f1.png);
  width: 160px !important;
  height: 68px;
  margin: 15px !important;
  background-size: contain;
  float: left;
}

/* line 1850, app/assets/stylesheets/site.scss */
.decade-logo {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_143,q_auto,w_300/UNDecade_LOGO_MASTER_EN-db3504b68e6ec8a5b6622976063bf9ce.png);
  width: 230px !important;
  height: 110px;
  background-size: contain;
  float: center;
  margin: auto;
  margin-top: 15px;
}

/* line 1859, app/assets/stylesheets/site.scss */
.rrrg-logo {
  background: url(/assets/respek/rrrg-788f6ea502500add226a32e535b5672d497a1cba774d428adf26941ce88743c1.png);
  width: 131px;
  height: 142px;
  background-size: contain;
  float: center;
  margin: auto;
  margin-top: 15px;
  background-repeat: no-repeat;
}

/* line 1870, app/assets/stylesheets/site.scss */
.jobs4carbon-logo {
  background: url(/assets/respek/jobs4carbon-92161fde45f02922d77515c1b0485e3be18fefccdd579fb39288181222e77857.png);
  width: 121px;
  height: 148px;
  background-size: contain;
  float: center;
  margin: auto;
  margin-top: 15px;
  background-repeat: no-repeat;
}

/* line 1881, app/assets/stylesheets/site.scss */
.co2-reversed {
  width: 320px;
  height: 335px;
  opacity: 1;
  margin: auto;
}

/* line 1892, app/assets/stylesheets/site.scss */
.v33_23 {
  width: 320px;
  position: relative;
  top: 40px;
  left: 0px;
  font-family: Montserrat, sans-serif;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  text-align: left;
}

/* line 1905, app/assets/stylesheets/site.scss */
.v33_28 {
  opacity: 1;
  position: relative;
  top: 92px;
  left: 0px;
}

/* line 1914, app/assets/stylesheets/site.scss */
.v33_21 {
  width: 339px;
  position: relative;
  top: 29px;
  font-family: Montserrat, sans-serif;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  text-align: left;
}

/* line 1926, app/assets/stylesheets/site.scss */
.v33_27 {
  opacity: 1;
  position: relative;
  top: 59px;
  left: 0px;
}

/* line 1933, app/assets/stylesheets/site.scss */
.v56_6 {
  width: 88px;
  height: 88px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/co2-step2-2d5f47e0a8a210bf6c831f1b2dc3812f.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  margin: auto;
  overflow: hidden;
}

/* line 1948, app/assets/stylesheets/site.scss */
.how,
.how-header, .miracle {
  position: relative;
  max-width: 1270px;
  display: grid;
  grid-gap: 1.5em;
  grid-template-columns: 1fr 1fr 1fr;
  margin: auto auto 100px;
}

/* line 1957, app/assets/stylesheets/site.scss */
.how .co2-step,
.how-header .co2-step, .miracle .co2-step {
  display: block;
  margin: auto 20px;
  min-height: 335px;
}

/* line 1964, app/assets/stylesheets/site.scss */
.miracle {
  grid-template-columns: 1fr 1fr;
}

/* line 1968, app/assets/stylesheets/site.scss */
.seed {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_78,q_auto,w_215/SEEDLogo_Text-2bb1bf56e1a580e057bb727f84d799de.png);
  background-repeat: no-repeat;
  background-position: 0px 10px;
  background-size: contain;
  width: 215px;
  height: 78px;
  right: 121px;
  position: relative;
  text-decoration: none;
  display: block;
  margin: -160px 18px 0 auto;
  font-size: 13px;
  color: #b41c1b;
}

/* line 1982, app/assets/stylesheets/site.scss */
.seed.mobile {
  display: none;
}

/* line 1986, app/assets/stylesheets/site.scss */
.how-header {
  grid-template-columns: 1fr 1fr;
}

/* line 1989, app/assets/stylesheets/site.scss */
.how-header .co2-step {
  min-height: auto;
}

/* line 1995, app/assets/stylesheets/site.scss */
.co2-release {
  width: 323px;
  height: 247px;
  opacity: 1;
}

/* line 2005, app/assets/stylesheets/site.scss */
.v56_12 {
  width: 88px;
  height: 88px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto/co2-step3-9d65ba99c060ec0b7e7d6da0321255bc.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  margin: auto;
  overflow: hidden;
}

/* line 2018, app/assets/stylesheets/site.scss */
.v56_10 {
  width: 123px;
  height: 88px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto/c02-step1-5fee54a404a18df63c971733599696d0.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  margin: auto;
  overflow: hidden;
}

/* line 2031, app/assets/stylesheets/site.scss */
.co2-offset {
  width: 340px;
  height: 224px;
  opacity: 1;
  padding-top: 11px;
  margin: auto;
}

/* line 2040, app/assets/stylesheets/site.scss */
.v33_20 {
  width: 323px;
  position: relative;
  top: 40px;
  left: 0px;
  font-family: Montserrat, sans-serif;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  text-align: left;
}

/* line 2053, app/assets/stylesheets/site.scss */
.v33_26 {
  width: 100%;
  height: 16px;
  opacity: 1;
  position: relative;
  top: 70px;
  left: 0px;
}

/* line 2062, app/assets/stylesheets/site.scss */
.co2-arrow {
  width: 100%;
  height: 16px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/arrow-2aacc546a3e771170136f72f8f38ae82.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 2072, app/assets/stylesheets/site.scss */
.pretty-spek {
  width: 100%;
  height: 970px;
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,h_970,q_auto/spek__flip_bg_progressive-d9bf00e0e4ed6c26f0060393f84e8f60.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  top: 590px;
  left: 1px;
  overflow: hidden;
}

/* line 2086, app/assets/stylesheets/site.scss */
.v183_6 {
  width: 590px;
  height: 461px;
  position: relative;
  margin: 410px -40px auto auto;
}

/* line 2093, app/assets/stylesheets/site.scss */
.v183_6::before {
  content: "";
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_461,q_auto,w_590/leaves-39388f479eb28c59cd874b01c8a9c2a8.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.75;
}

/* line 2107, app/assets/stylesheets/site.scss */
.v33_19 {
  width: 376px;
  color: white;
  position: absolute;
  top: 160px;
  left: 160px;
  font-family: Montserrat, sans-serif;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  /* text-shadow: 0 0px 10px #000000; */
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  text-align: left;
}

/* line 2123, app/assets/stylesheets/site.scss */
.recaptcha_tags {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
}

/* line 2129, app/assets/stylesheets/site.scss */
.v33_25, .shopify-merchant {
  width: 410px;
  color: white;
  position: absolute;
  top: 110px;
  left: 160px;
  font-family: Montserrat, sans-serif;
  font-weight: Bold;
  font-size: 36px;
  opacity: 1;
  text-align: left;
}

/* line 2155, app/assets/stylesheets/site.scss */
.shopify-merchant {
  font-size: 34px;
}

/* line 2159, app/assets/stylesheets/site.scss */
.v33_10 {
  width: 450px;
  color: #30471C;
  top: 359px;
  left: 150px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 41px;
  opacity: 1;
  text-align: left;
  margin: auto auto 50px 20px;
}

/* line 2173, app/assets/stylesheets/site.scss */
.v33_13 {
  width: 375px;
  top: 405px;
  right: 131px;
  font-family: Montserrat, sans-serif;
  font-weight: Medium;
  font-size: 21px;
  opacity: 1;
  text-align: left;
  line-height: 29px;
  margin: auto 0 53px 170px;
}

/* line 2188, app/assets/stylesheets/site.scss */
.v33_42 {
  width: 35px;
  height: 38px;
  opacity: 1;
  position: absolute;
  top: 51px;
  right: 125px;
  overflow: hidden;
}

/* line 2198, app/assets/stylesheets/site.scss */
.v33_43 {
  width: 35px;
  height: 38px;
  opacity: 1;
  position: absolute;
  top: 1px;
  left: 1px;
  padding: 2px;
}

/* line 2209, app/assets/stylesheets/site.scss */
.v33_41 {
  color: #30471C;
  position: relative;
  top: 45px;
  right: 145px;
  font-family: Montserrat, sans-serif;
  font-weight: Medium;
  font-size: 19px;
  opacity: 1;
  text-align: right;
  display: block;
}

/* line 2222, app/assets/stylesheets/site.scss */
.respek-logo {
  width: 230px;
  height: 230px;
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_230,q_auto/respek_logo_dark-74f1570902d3f154df21f7ea4f92d205.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 1;
  position: relative;
  top: -3em;
  left: -20px;
  overflow: hidden;
}

/* line 2235, app/assets/stylesheets/site.scss */
.respek-logo div {
  background-image: url(/counter_dark.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 100%;
}

/* line 2248, app/assets/stylesheets/site.scss */
.project-page .respek-logo,
.merchant-page .respek-logo,
.projects-page .respek-logo {
  height: 150px;
}

/* line 2262, app/assets/stylesheets/site.scss */
.v32_2,
.v32_4 {
  float: left;
  width: 110px;
  margin: 0 20px;
  background-size: contain;
}

@media only screen and (max-width: 800px) {
  /* line 2275, app/assets/stylesheets/site.scss */
  .vbox-title {
    padding: 10px;
  }
  /* line 2280, app/assets/stylesheets/site.scss */
  .respek .planting .gallery {
    grid-gap: 0.3rem;
  }
  /* line 2284, app/assets/stylesheets/site.scss */
  .respek.home {
    text-align: center;
  }
  /* line 2287, app/assets/stylesheets/site.scss */
  .respek.home .respek-logo {
    position: relative;
    top: 24px;
    margin: auto;
    left: 0;
  }
  /* line 2295, app/assets/stylesheets/site.scss */
  .respek .powered-by {
    margin: auto;
    width: 450px;
  }
  /* line 2299, app/assets/stylesheets/site.scss */
  .respek .powered-row {
    margin: auto;
    width: 200px;
  }
  /* line 2304, app/assets/stylesheets/site.scss */
  .respek .v32_2, .respek .v32_4 {
    margin: auto 45px;
  }
  /* line 2312, app/assets/stylesheets/site.scss */
  .respek-logo {
    top: -40px;
    left: 0;
    margin: auto;
  }
  /* line 2318, app/assets/stylesheets/site.scss */
  .pretty-spek {
    height: 590px;
  }
  /* line 2322, app/assets/stylesheets/site.scss */
  .respek.home .headline {
    grid-template-columns: 1fr;
    width: 100%;
    grid-gap: 1em;
    height: 330px;
  }
  /* line 2328, app/assets/stylesheets/site.scss */
  .respek.home .headline .v33_10 {
    margin: auto auto 0 auto;
    font-size: 32px;
    max-width: 340px;
    text-align: center;
  }
  /* line 2335, app/assets/stylesheets/site.scss */
  .respek.home .headline .v33_13 {
    margin: 0 auto auto auto;
    font-size: 17px;
    max-width: 340px;
    text-align: center;
  }
  /* line 2343, app/assets/stylesheets/site.scss */
  .v33_26,
.v33_27,
.v33_28, .arrow {
    display: none;
  }
  /* line 2349, app/assets/stylesheets/site.scss */
  .v7_33 {
    font-size: 30px;
    margin: 20px;
  }
  /* line 2354, app/assets/stylesheets/site.scss */
  .v33_32 {
    top: 0;
    margin: 20px auto;
  }
  /* line 2361, app/assets/stylesheets/site.scss */
  .v32_7 {
    font-size: 25px;
    width: 90%;
  }
  /* line 2366, app/assets/stylesheets/site.scss */
  .v36_2 {
    font-size: 41px;
    letter-spacing: 0px;
  }
  /* line 2371, app/assets/stylesheets/site.scss */
  .v33_18,
.v7_33 {
    text-align: center;
    display: inline-block;
  }
  /* line 2377, app/assets/stylesheets/site.scss */
  .v33_24 {
    text-align: center;
    font-size: 28px;
  }
  /* line 2382, app/assets/stylesheets/site.scss */
  .v33_29 {
    top: 60px;
  }
  /* line 2386, app/assets/stylesheets/site.scss */
  .v36_3 {
    font-size: 20px;
    width: inherit;
  }
  /* line 2391, app/assets/stylesheets/site.scss */
  .v183_6 {
    width: 390px;
    height: 306px;
    /* opacity: 1; */
    position: relative;
    margin: 230px auto auto;
    text-align: center;
  }
  /* line 2400, app/assets/stylesheets/site.scss */
  .v33_19 {
    top: 100px;
    left: 70px;
    width: 300px;
    font-size: 0.9em;
  }
  /* line 2407, app/assets/stylesheets/site.scss */
  .v33_25 {
    top: 57px;
    left: 70px;
    font-size: 33px;
  }
  /* line 2413, app/assets/stylesheets/site.scss */
  .seed {
    display: none;
  }
  /* line 2417, app/assets/stylesheets/site.scss */
  .seed.mobile {
    margin: auto;
    display: block;
    right: 0;
    width: 250px;
    background-position: center 15px;
  }
  /* line 2425, app/assets/stylesheets/site.scss */
  .shopify-call {
    margin: auto auto 43px;
  }
  /* line 2429, app/assets/stylesheets/site.scss */
  .shopify-app {
    margin: auto;
    text-align: center;
    width: 323px;
    display: contents;
  }
  /* line 2436, app/assets/stylesheets/site.scss */
  .v33_11 {
    min-width: 148px;
    font-size: 26px;
    margin: 40px;
    text-align: center;
  }
  /* line 2443, app/assets/stylesheets/site.scss */
  .v33_12 {
    font-size: 25px;
    padding: 30px 0;
    margin: auto;
    width: 70%;
  }
  /* line 2450, app/assets/stylesheets/site.scss */
  .v33_17 {
    height: 1410px;
  }
  /* line 2454, app/assets/stylesheets/site.scss */
  .j4c-logo {
    height: 160px;
    margin: 20px;
  }
  /* line 2459, app/assets/stylesheets/site.scss */
  .v33_22 {
    width: 90%;
    color: white;
    position: relative;
    top: 0px;
    left: 0px;
    font-family: Montserrat, sans-serif;
    font-weight: Regular;
    font-size: 15px;
    opacity: 1;
    text-align: center;
    padding: 0;
    margin: auto;
    display: block;
  }
  /* line 2475, app/assets/stylesheets/site.scss */
  .describe-offset {
    height: 865px;
  }
  /* line 2479, app/assets/stylesheets/site.scss */
  .v183_5 {
    top: 0;
    padding: 0;
  }
  /* line 2484, app/assets/stylesheets/site.scss */
  .v33_36 {
    width: 80%;
    left: 0;
    font-size: 17px;
    margin: -40px auto;
  }
  /* line 2491, app/assets/stylesheets/site.scss */
  .how {
    grid-template-columns: 1fr;
    margin: auto;
    text-align: center;
  }
  /* line 2497, app/assets/stylesheets/site.scss */
  .how .co2-step {
    min-height: 255px;
    margin: auto;
  }
  /* line 2505, app/assets/stylesheets/site.scss */
  .how-header, .miracle {
    margin: auto;
    grid-template-columns: 1fr;
  }
  /* line 2509, app/assets/stylesheets/site.scss */
  .how-header .co2-step, .miracle .co2-step {
    min-height: initial;
  }
  /* line 2514, app/assets/stylesheets/site.scss */
  .merchant {
    height: 580px;
  }
  /* line 2517, app/assets/stylesheets/site.scss */
  .offset-container {
    grid-template-columns: 1fr;
  }
  /* line 2521, app/assets/stylesheets/site.scss */
  .describe_capture {
    width: 100%;
    height: 300px;
    position: relative;
    background-position-x: center;
    top: 0px;
    overflow: hidden;
    margin: 30px auto;
  }
  /* line 2532, app/assets/stylesheets/site.scss */
  .sa-container {
    grid-template-columns: 1fr;
  }
  /* line 2537, app/assets/stylesheets/site.scss */
  .sponsor-container {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  /* line 2541, app/assets/stylesheets/site.scss */
  .partner-container {
    display: grid;
    grid-template-columns: 1fr;
  }
  /* line 2546, app/assets/stylesheets/site.scss */
  .partner-row {
    margin: 20px;
  }
  /* line 2548, app/assets/stylesheets/site.scss */
  .sponsor-row.left {
    margin: auto;
  }
  /* line 2552, app/assets/stylesheets/site.scss */
  .v32_8 {
    margin: auto;
    text-align: center;
  }
}
/* line 2, app/assets/stylesheets/spinner.scss */
.spinner {
  background-color: #333;
  -webkit-animation: sk-rotateplane 2.2s infinite ease-in-out;
  animation: sk-rotateplane 2.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/* line 27, app/assets/stylesheets/spinner.scss */
.FLAG {
  margin: 30% 40%;
  height: 100px;
  width: 150px;
  float: left;
}

@media screen and (max-width: 640px) {
  /* line 27, app/assets/stylesheets/spinner.scss */
  .FLAG {
    margin: 70% 25%;
  }
}

/* line 36, app/assets/stylesheets/spinner.scss */
.south-africa {
  position: absolute;
  overflow: hidden;
  z-index: 1000;
  background: linear-gradientlinear-gradient(to bottom, #e51400 0%, #e51400 26.3%, white 23.3%, white 70.6%, #401e74 31.6%, #401e74 38%);
}

/* line 43, app/assets/stylesheets/spinner.scss */
.south-africa:after {
  content: "";
  background: #339933;
  width: 108px;
  height: 20px;
  display: block;
  position: absolute;
  right: 0;
  top: 39px;
}

/* line 54, app/assets/stylesheets/spinner.scss */
.south-africa .corner {
  width: 95px;
  height: 50px;
  background: #333;
  box-shadow: 0 0 0 5px #f8de1f, 0 0 0 20px #339933, 0 0 0 28px white;
  transform: rotate(-45deg);
  position: absolute;
  top: 39px;
  left: -65px;
}
/* line 3, app/assets/stylesheets/static_pages.scss */
.static_pages {
  flex: 1 0 auto;
  flex-direction: column;
}

/* line 8, app/assets/stylesheets/static_pages.scss */
.centeredhead {
  text-align: center;
}

/* line 13, app/assets/stylesheets/static_pages.scss */
.about-parent {
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* line 20, app/assets/stylesheets/static_pages.scss */
.new-about-container {
  width: 80%;
  max-width: 1000px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  margin-bottom: 2em;
  border-bottom: 1px solid #dddddd;
  padding: 1em;
}

/* line 34, app/assets/stylesheets/static_pages.scss */
.reverse {
  flex-direction: row-reverse;
}

/* line 38, app/assets/stylesheets/static_pages.scss */
.about-img {
  padding: 2em;
  padding-bottom: 0;
}

/* line 43, app/assets/stylesheets/static_pages.scss */
.about-img img {
  width: 450px;
}

/* line 47, app/assets/stylesheets/static_pages.scss */
.about-content {
  padding-bottom: 2em;
  font-size: 1.1em;
}

/* line 53, app/assets/stylesheets/static_pages.scss */
.respek .about-content p {
  margin-bottom: 0.8em;
}

/* line 57, app/assets/stylesheets/static_pages.scss */
.about-content p {
  margin-bottom: 1.8em;
  line-height: 1.4em;
}

@media screen and (min-width: 900px) and (max-width: 1100px) {
  /* line 64, app/assets/stylesheets/static_pages.scss */
  .about-img img {
    width: 320px;
  }
}

@media screen and (max-width: 900px) {
  /* line 75, app/assets/stylesheets/static_pages.scss */
  .new-about-container {
    flex-direction: column;
    width: 95%;
  }
  /* line 81, app/assets/stylesheets/static_pages.scss */
  .respek .about-content {
    padding: 0em;
  }
  /* line 86, app/assets/stylesheets/static_pages.scss */
  .about-content {
    padding: 1em;
  }
  /* line 91, app/assets/stylesheets/static_pages.scss */
  .about-content p {
    width: 100%;
    line-height: 1.4em;
  }
  /* line 96, app/assets/stylesheets/static_pages.scss */
  .about-img {
    padding: 0;
    padding-bottom: 0;
  }
  /* line 101, app/assets/stylesheets/static_pages.scss */
  .about-img img {
    width: 90%;
  }
}

/* line 108, app/assets/stylesheets/static_pages.scss */
.video-container {
  height: 20em;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_320,q_auto/secondarypage_bg-d245059136d063b34e6cfc3ce89d634e.jpg) no-repeat;
  background-size: cover;
  padding-top: 3em;
  padding-bottom: 3em;
}

/* line 115, app/assets/stylesheets/static_pages.scss */
.video-container .video {
  margin-top: 2em;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 123, app/assets/stylesheets/static_pages.scss */
.video-container .video h1 {
  color: white;
}

/* line 126, app/assets/stylesheets/static_pages.scss */
.video-container .video h1.about-header {
  font-weight: 300;
  font-size: 2em;
  padding-top: 0.8em;
}

/* line 132, app/assets/stylesheets/static_pages.scss */
.video-container .video h1.giant-flag-header {
  margin-top: 0;
  font-size: 4em;
}

@media screen and (min-width : 900px) and (max-width : 1420px) {
  /* line 108, app/assets/stylesheets/static_pages.scss */
  .video-container {
    background-position-y: -5em;
  }
}

@media screen and (max-width : 900px) {
  /* line 108, app/assets/stylesheets/static_pages.scss */
  .video-container {
    background-position-y: 0em;
  }
}

/* line 149, app/assets/stylesheets/static_pages.scss */
.wrapper {
  padding: 2em;
}

/* line 153, app/assets/stylesheets/static_pages.scss */
.wrapper h2 {
  font-size: 1.6em;
}

/* line 157, app/assets/stylesheets/static_pages.scss */
.flag-container {
  padding-top: 3em;
  padding-bottom: 3em;
  margin-left: 10em;
  margin-right: 10em;
  display: flex;
  flex-direction: row;
}

@media screen and (min-width : 900px) and (max-width : 1420px) {
  /* line 157, app/assets/stylesheets/static_pages.scss */
  .flag-container {
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width : 900px) {
  /* line 157, app/assets/stylesheets/static_pages.scss */
  .flag-container {
    flex-direction: column;
    align-items: center;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 179, app/assets/stylesheets/static_pages.scss */
.giant-flag img {
  width: 40em;
}

@media only screen and (max-width : 400px) {
  /* line 179, app/assets/stylesheets/static_pages.scss */
  .giant-flag img {
    width: 21em;
  }
}

/* line 189, app/assets/stylesheets/static_pages.scss */
.giant-flag-description {
  padding-left: 5em;
  min-width: 336px;
}

/* line 193, app/assets/stylesheets/static_pages.scss */
.giant-flag-description p {
  text-align: left;
  color: gray;
}

@media screen and (min-width : 900px) and (max-width : 1420px) {
  /* line 189, app/assets/stylesheets/static_pages.scss */
  .giant-flag-description {
    padding-left: 0;
  }
}

@media screen and (max-width : 800px) {
  /* line 189, app/assets/stylesheets/static_pages.scss */
  .giant-flag-description {
    padding-left: 0;
  }
}

/* line 207, app/assets/stylesheets/static_pages.scss */
.camdeboo-container {
  height: 25em;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_400,q_auto/camdeboo%402x-40aa68495f10eff41a18e9c07d83b3bd.jpg);
  background-position-y: -8em;
}

@media screen and (max-width: 640px) {
  /* line 207, app/assets/stylesheets/static_pages.scss */
  .camdeboo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/* line 219, app/assets/stylesheets/static_pages.scss */
.camdeboo-container-content {
  position: relative;
  max-width: 25em;
  padding: 17px 43px;
  float: right;
  margin-top: 3em;
  margin-right: 9em;
  background: rgba(255, 255, 255, 0.9);
}

/* line 228, app/assets/stylesheets/static_pages.scss */
.camdeboo-container-content p {
  font-size: 18px;
  color: #858585;
  line-height: 24px;
}

@media screen and (max-width: 640px) {
  /* line 219, app/assets/stylesheets/static_pages.scss */
  .camdeboo-container-content {
    margin-right: 0;
    margin-top: 0;
    float: none;
  }
}

/* line 241, app/assets/stylesheets/static_pages.scss */
.make-a-change-container,
.leave-a-legacy-container,
.global-connection-container {
  padding-top: 3em;
  padding-bottom: 3em;
  margin-right: 7em;
  margin-left: 7em;
  display: flex;
  flex-direction: row;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #DDDDDD;
}

@media screen and (max-width : 1024px) {
  /* line 241, app/assets/stylesheets/static_pages.scss */
  .make-a-change-container,
.leave-a-legacy-container,
.global-connection-container {
    flex-direction: column;
    align-items: center;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 262, app/assets/stylesheets/static_pages.scss */
.green-is-great-container {
  padding-top: 3em;
  padding-bottom: 3em;
  margin-right: 10em;
  margin-left: 10em;
  display: flex;
  flex-direction: row;
}

@media screen and (max-width : 1024px) {
  /* line 262, app/assets/stylesheets/static_pages.scss */
  .green-is-great-container {
    flex-direction: column;
    align-items: center;
    margin-right: 0;
    margin-left: 0;
  }
}

/* line 278, app/assets/stylesheets/static_pages.scss */
.make-a-change-content,
.global-connection-content {
  padding-left: 3em;
  padding-right: 3em;
}

/* line 283, app/assets/stylesheets/static_pages.scss */
.make-a-change-content img,
.global-connection-content img {
  vertical-align: middle;
}

/* line 287, app/assets/stylesheets/static_pages.scss */
.make-a-change-content h2,
.global-connection-content h2 {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1em;
  text-transform: capitalize;
  border-bottom: none;
}

/* line 295, app/assets/stylesheets/static_pages.scss */
.make-a-change-content p,
.global-connection-content p {
  font-size: 1.1em;
  color: #858585;
  line-height: 1.5em;
  max-width: 30em;
}

@media screen and (max-width : 900px) {
  /* line 278, app/assets/stylesheets/static_pages.scss */
  .make-a-change-content,
.global-connection-content {
    padding-left: 0;
  }
}

/* line 307, app/assets/stylesheets/static_pages.scss */
.leave-a-legacy-content,
.green-is-great-content {
  padding-right: 5em;
}

/* line 311, app/assets/stylesheets/static_pages.scss */
.leave-a-legacy-content img,
.green-is-great-content img {
  vertical-align: middle;
}

/* line 315, app/assets/stylesheets/static_pages.scss */
.leave-a-legacy-content h2,
.green-is-great-content h2 {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1em;
  text-transform: capitalize;
  border-bottom: none;
}

/* line 323, app/assets/stylesheets/static_pages.scss */
.leave-a-legacy-content p,
.green-is-great-content p {
  font-size: 18px;
  color: #858585;
  line-height: 24px;
}

@media screen and (max-width : 900px) {
  /* line 307, app/assets/stylesheets/static_pages.scss */
  .leave-a-legacy-content,
.green-is-great-content {
    padding-right: 0;
  }
}

/* line 334, app/assets/stylesheets/static_pages.scss */
.terms-conditions {
  top: 77px;
  position: relative;
  display: block;
  padding: 10px;
  margin: 10px;
  overflow: auto;
  margin-bottom: 77px;
}

/* line 346, app/assets/stylesheets/static_pages.scss */
.respek .rounded-container .terms-conditions {
  top: auto;
  color: #808080;
}
/* line 1, app/assets/stylesheets/subscriptions.scss */
.recon-orders {
  width: 100%;
}

/* line 2, app/assets/stylesheets/subscriptions.scss */
#recon td {
  background: white;
  border: 3px 0;
  margin: 3px 0 6px 0;
  height: 30px;
  font-size: 15px;
}

/* line 3, app/assets/stylesheets/subscriptions.scss */
#recon tfoot td {
  height: 40px;
}

/* line 4, app/assets/stylesheets/subscriptions.scss */
.tabs {
  border-width: 0;
  display: flex;
  flex-direction: column;
}

/* line 9, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-items {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 14, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-items .tab-item {
  background-color: #f5f3f3;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  flex: 1 1 34%;
  padding: 0.7em 1em;
}

/* line 21, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-items .tab-item a {
  color: inherit;
  text-decoration: none;
}

/* line 23, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-items .tab-item:last-child {
  border-right: none;
}

/* line 25, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-items .tab-item:hover {
  cursor: pointer;
}

/* line 27, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-items .tab-item.recon {
  background-size: 6em;
  background-color: #f5f3f3;
}

/* line 33, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-items .tab-item.invoice {
  background-size: 6.5em;
  background-color: #f5f3f3;
}

/* line 39, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-items .tab-item.current {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

/* line 46, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-content {
  color: #828282;
  font-weight: 300;
  padding: 1em;
}

/* line 51, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-content .tab {
  padding: 1em;
  background-color: #b1c0a2;
}

/* line 56, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-content #recon.tab p {
  margin-top: 0;
}

/* line 58, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-content #recon.tab .recon {
  display: flex;
  justify-content: center;
  font-size: 0.5em;
  margin-top: 1em;
  margin-bottom: 4em;
}

/* line 65, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-content #recon.tab .recon img {
  padding: 0 10px;
}

/* line 69, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-content #invoice.tab {
  font-weight: 300;
  font-size: 0.9em;
  width: 100%;
  margin: auto;
}

/* line 75, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-content #invoice.tab div {
  padding-bottom: 1em;
}

/* line 78, app/assets/stylesheets/subscriptions.scss */
.tabs .tab-content #settled.tab {
  font-weight: 300;
  font-size: 0.9em;
  width: 70%;
  margin: auto;
}

/* line 90, app/assets/stylesheets/subscriptions.scss */
.tab-content {
  color: #00140a !important;
  background-color: #fff;
  /* border-radius: 0 0 10px 10px; */
  font-size: 17px;
}

/* line 96, app/assets/stylesheets/subscriptions.scss */
.tab-content #snapscan img.qr {
  background-color: #8cc63f;
}

/* line 100, app/assets/stylesheets/subscriptions.scss */
.tab-content tbody td {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 107, app/assets/stylesheets/subscriptions.scss */
.tab-items {
  font-size: 15px;
  background-color: #fff;
}

/* line 110, app/assets/stylesheets/subscriptions.scss */
.tab-items .tab-item {
  border-left: 1px solid #b5c5c1 !important;
  border-bottom: 2px solid #b5c5c1 !important;
  flex: 1 1 34%;
  padding: 0.7em 0.9em !important;
  background-color: #00140a !important;
  color: #ffcf;
}

/* line 129, app/assets/stylesheets/subscriptions.scss */
.tab-items .tab-item.recon {
  border-left: 0 !important;
  background-color: #00140a !important;
  color: #fff;
}

/* line 135, app/assets/stylesheets/subscriptions.scss */
.tab-items .tab-item.current {
  background-color: #fff !important;
  color: #00140a;
  border-bottom-width: 0px !important;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *






 */
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,400,600|Roboto:700,500,400");
/* line 24, app/assets/stylesheets/application.scss */
html {
  box-sizing: border-box;
  height: 100%;
}

/* line 28, app/assets/stylesheets/application.scss */
.respek header {
  max-height: 94px;
  margin-bottom: 80px;
}

/* line 32, app/assets/stylesheets/application.scss */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/* line 38, app/assets/stylesheets/application.scss */
body {
  font-family: 'Montserrat';
  min-height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
}

/* line 57, app/assets/stylesheets/application.scss */
.respek a.button.primary,
.respek input.button.primary {
  background-color: #00140a !important;
}

/* line 62, app/assets/stylesheets/application.scss */
.respek .secure img {
  margin-top: 15px;
}

/* line 67, app/assets/stylesheets/application.scss */
h2 {
  color: #1C1C1C;
  font-size: 1.2em;
  text-transform: uppercase;
}

/* line 73, app/assets/stylesheets/application.scss */
input[type="text"],
input[type="password"],
input[type="button"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea {
  border: 1px solid grey;
  border-radius: 13px;
  height: 3.3em;
  margin: 0.5em;
  outline: none;
  font-weight: 300;
  padding: 1em;
  width: 100%;
  position: relative;
}

/* line 90, app/assets/stylesheets/application.scss */
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="button"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: grey;
}

/* line 95, app/assets/stylesheets/application.scss */
input[type="number"] {
  border: 1px solid grey;
  font-weight: 300;
  height: 3.3em;
  margin: 0.5em;
  min-width: 10px;
  outline: none;
  padding: 1em;
}

/* line 104, app/assets/stylesheets/application.scss */
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* line 108, app/assets/stylesheets/application.scss */
input[type="number"]::-webkit-input-placeholder {
  color: grey;
}

/* line 113, app/assets/stylesheets/application.scss */
.ajax-loader {
  height: 40px;
  margin: 30px;
}

/* line 118, app/assets/stylesheets/application.scss */
.elastic-main {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/secondarypage_bg-d245059136d063b34e6cfc3ce89d634e.jpg) no-repeat center bottom;
  background-size: cover;
  background-attachment: fixed;
  flex: 1 0 auto;
}

/* line 125, app/assets/stylesheets/application.scss */
.max-width-contained {
  max-width: 1024px;
  margin: auto;
  padding: 1.5em;
}

/* line 131, app/assets/stylesheets/application.scss */
.max-width-home {
  max-width: 860px;
  margin: auto;
  padding: 1.5em;
}

/* line 137, app/assets/stylesheets/application.scss */
.page-max-width-contained {
  max-width: 1024px;
  margin: auto;
}

/* line 144, app/assets/stylesheets/application.scss */
div#flash_alert {
  color: #cc1305;
  font-size: medium;
  font-weight: 400;
}

/**
*  * Simple fade transition,
*   */
/* line 153, app/assets/stylesheets/application.scss */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}

/* line 160, app/assets/stylesheets/application.scss */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* line 164, app/assets/stylesheets/application.scss */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* line 168, app/assets/stylesheets/application.scss */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
}

/* line 175, app/assets/stylesheets/application.scss */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* line 179, app/assets/stylesheets/application.scss */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* line 183, app/assets/stylesheets/application.scss */
.faded-background {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/product_bg-c185304cb2086d594c778224bcdf941b.jpg) no-repeat center bottom;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}

/* line 190, app/assets/stylesheets/application.scss */
.faded-secondary-background {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/secondarypage_bg-d245059136d063b34e6cfc3ce89d634e.jpg) no-repeat center bottom;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}

/* line 197, app/assets/stylesheets/application.scss */
.button,
.wpwl-button {
  background-color: #fdbd3c;
  border: 0;
  border-radius: 40px;
  color: #000;
  font-weight: 400;
  font-size: 1em;
  margin: 0 5px 0 5px;
  outline: none;
  padding: 12px 25px;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 211, app/assets/stylesheets/application.scss */
.button:hover,
.wpwl-button:hover {
  cursor: pointer;
  background-color: #FDB103;
}

/* line 217, app/assets/stylesheets/application.scss */
.button.primary,
.wpwl-button.primary {
  color: #000;
  background-color: #FDBD3C;
}

/* line 221, app/assets/stylesheets/application.scss */
.button.primary:hover,
.wpwl-button.primary:hover {
  cursor: pointer;
  background-color: #FDB103;
}

/* line 228, app/assets/stylesheets/application.scss */
.button.secondary,
.wpwl-button.secondary {
  background-color: #fff;
  border: 2px solid #FDBD3C;
  padding: 9px 22px;
}

/* line 233, app/assets/stylesheets/application.scss */
.button.secondary:hover,
.wpwl-button.secondary:hover {
  cursor: pointer;
  background-color: #FDB103;
}

/* line 240, app/assets/stylesheets/application.scss */
.button.black,
.wpwl-button.black {
  background-color: #171717;
  color: #FFF;
  text-transform: uppercase;
}

/* line 246, app/assets/stylesheets/application.scss */
.button.black:hover,
.wpwl-button.black:hover {
  cursor: pointer;
  background-color: #fff;
  color: #000;
}

/* line 254, app/assets/stylesheets/application.scss */
.button.google,
.wpwl-button.google {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/google_logo-219d6dd472b4a631394de1b260a55db5.svg) no-repeat center;
  background-position-x: 18px;
  background-size: 25px;
  padding: 12px 48px;
  background-color: #ea4435 !important;
  color: #FFF;
  padding-right: 1.2em !important;
}

/* line 265, app/assets/stylesheets/application.scss */
.button.linkedin,
.wpwl-button.linkedin {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/linkedin_logo-79960b705dc8c3d7c039040631734af3.svg) no-repeat center;
  background-position-x: 18px;
  background-size: 25px;
  padding: 12px 50px;
  background-color: #0a78b7 !important;
  color: #FFF;
  padding-right: 1.2em !important;
}

/* line 275, app/assets/stylesheets/application.scss */
.button.facebook,
.wpwl-button.facebook {
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/facebook_f-f9a1c0a4c0e154c54a948ce3db6597ee.svg) no-repeat center;
  background-position-x: 18px;
  padding: 12px 36px;
  background-color: #4065b4 !important;
  color: #FFF;
  padding-right: 1.2em !important;
}

/* line 284, app/assets/stylesheets/application.scss */
.button.inverse,
.wpwl-button.inverse {
  background-color: #fff;
  border: 1px solid #fdbd3c;
}

/* line 289, app/assets/stylesheets/application.scss */
.button.facebook,
.wpwl-button.facebook {
  background-color: #4065b4;
  color: white;
}

/* line 295, app/assets/stylesheets/application.scss */
.gf-address {
  color: #797979;
  text-align: center;
  margin: auto;
  display: block;
  font-size: 15px;
}

/* line 306, app/assets/stylesheets/application.scss */
.respek .field input[type="text"],
.respek .field input[type="email"],
.respek .field input[type="password"],
.respek .field input[type="url"],
.respek .field select,
.respek .field textarea,
.respek .gift-fields input[type="text"],
.respek .gift-fields input[type="email"],
.respek .gift-fields input[type="password"],
.respek .gift-fields input[type="url"],
.respek .gift-fields select,
.respek .gift-fields textarea {
  border-radius: 0;
  border-width: 0 0 1px 0;
  font-size: 15px;
  border-bottom: 1px solid #608035;
}

/* line 318, app/assets/stylesheets/application.scss */
.respek .field input,
.respek .field textarea,
.respek .gift-fields input,
.respek .gift-fields textarea {
  left: -8px;
}

/* line 325, app/assets/stylesheets/application.scss */
.respek .field.select,
.respek .gift-fields.select {
  padding: 5px;
  border-width: 0 0 1px 0;
  outline: none;
  font-size: 16px;
  width: 98%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 50px;
  z-index: 1000;
  border-bottom: 1px solid #608035;
}

/* line 339, app/assets/stylesheets/application.scss */
.respek .field.select,
.respek .gift-fields.select {
  margin-left: 8px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/dropdown_arrow-ea4f98e16381f5413350646be09429d8.svg) no-repeat 96%;
  background-color: #F6F6F6;
  border-radius: 13px;
  overflow: hidden;
  width: 20em;
  height: 2.5em;
  position: relative;
  left: 5px;
}

@media screen and (max-width: 640px) {
  /* line 339, app/assets/stylesheets/application.scss */
  .respek .field.select,
.respek .gift-fields.select {
    width: 18em;
  }
}

/* line 355, app/assets/stylesheets/application.scss */
.respek .field.select select,
.respek .gift-fields.select select {
  -webkit-appearance: none;
  background: transparent;
  border: none;
  font-size: 15px;
  height: 2.5em;
  padding-left: 0.6em;
  width: 100%;
  color: #bebebe;
}

/* line 367, app/assets/stylesheets/application.scss */
.respek .field.select,
.respek .gift-fields.select {
  margin-left: 0px;
  background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/dropdown_arrow-ea4f98e16381f5413350646be09429d8.svg) no-repeat 96%;
  background-color: #ffffff;
  border-radius: 0px;
  overflow: hidden;
  width: 20em;
  height: 2.5em;
  position: relative;
  left: -8px;
  padding: 6px 0px;
  width: 100%;
  height: 3em;
  margin: 8px;
}

/* line 385, app/assets/stylesheets/application.scss */
.respek .actions {
  margin: 20px 0 0;
}

/* line 389, app/assets/stylesheets/application.scss */
.respek p.notification {
  position: relative;
  width: 40%;
  margin: auto;
  text-align: center !important;
  background-color: #608035;
  color: white;
  padding: 15px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
}

/* line 402, app/assets/stylesheets/application.scss */
.respek .button,
.respek .wpwl-button {
  white-space: nowrap;
  background-color: #00140a;
  border-radius: 20px;
  color: white;
  font-size: 16.5px;
  font-weight: normal;
}

/* line 409, app/assets/stylesheets/application.scss */
.respek .button.social,
.respek .wpwl-button.social {
  line-height: 60px;
}

/* line 414, app/assets/stylesheets/application.scss */
.respek .button.secondary,
.respek .wpwl-button.secondary {
  background-color: #608035;
  border: 0;
  color: #00140a;
}

/* line 419, app/assets/stylesheets/application.scss */
.respek .button.secondary:hover,
.respek .wpwl-button.secondary:hover {
  background-color: #00140a;
}

/* line 424, app/assets/stylesheets/application.scss */
.respek .button.outline,
.respek .wpwl-button.outline {
  background-color: transparent;
  border: 1px solid #00140a;
  color: #00140a;
  padding: 11px 25px;
}

/* line 431, app/assets/stylesheets/application.scss */
.respek .button.outline:hover,
.respek .wpwl-button.outline:hover {
  color: #608035;
  border-color: #608035;
  background-color: transparent;
}

/* line 440, app/assets/stylesheets/application.scss */
.respek .button:hover,
.respek .wpwl-button:hover {
  cursor: pointer;
  color: #8cc63f;
  background-color: #00140a;
}

/* line 448, app/assets/stylesheets/application.scss */
.respek .gf-address {
  color: #30471C;
}

/* line 454, app/assets/stylesheets/application.scss */
.giant-flag-site body {
  color: #000000;
}

/* line 456, app/assets/stylesheets/application.scss */
.giant-flag-site .button-fb {
  background-color: #3B5998 !important;
  color: white !important;
}

/* line 462, app/assets/stylesheets/application.scss */
.giant-flag-site .footer-share .button-fb {
  margin-top: 1em;
}

/* line 467, app/assets/stylesheets/application.scss */
.giant-flag-site .rounded-container {
  background-color: white;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  margin-top: 6em;
}

/* line 476, app/assets/stylesheets/application.scss */
.giant-flag-site .rounded-container h2 {
  margin: 0 20px 0 20px;
  padding: 20px 0px 20px 0px;
  text-align: left;
}

/* line 481, app/assets/stylesheets/application.scss */
.giant-flag-site .rounded-container h2 .heading {
  border-bottom: 1px solid lightgrey;
}

/* line 488, app/assets/stylesheets/application.scss */
.giant-flag-site .rounded-container.yellow h2, .giant-flag-site .rounded-container.green h2 {
  background-color: #fdbd3c;
  border-radius: 1em 1em 0 0;
  font-size: 1.3em;
  margin: 0;
  padding: 20px 0px 20px 0px;
  text-align: center;
}

/* line 499, app/assets/stylesheets/application.scss */
.giant-flag-site .rounded-container.yellow h2 {
  background-color: #fdbd3c;
}

/* line 505, app/assets/stylesheets/application.scss */
.giant-flag-site .rounded-container.green h2 {
  background-color: #5c7b36;
  COLOR: #cecece !important;
}

/* line 512, app/assets/stylesheets/application.scss */
.giant-flag-site .respek_plans {
  display: flex;
  justify-content: space-around;
  padding: 0px 0.2em 0 0.8em;
}

/* line 516, app/assets/stylesheets/application.scss */
.giant-flag-site .respek_plans div {
  margin: auto;
  /* padding: 0px 0 0 1.3em; */
  line-height: 1.5em;
  font-size: 17px;
}

/* line 524, app/assets/stylesheets/application.scss */
.giant-flag-site .respek_plans a {
  text-decoration: none;
  color: #608035;
  font-weight: bolder;
}

/* line 528, app/assets/stylesheets/application.scss */
.giant-flag-site .respek_plans a:hover {
  text-decoration: underline;
}

/* line 534, app/assets/stylesheets/application.scss */
.respek .text-button {
  color: #00140a;
}

/* line 538, app/assets/stylesheets/application.scss */
.respek .text-button-read-more {
  color: #73716f;
  display: flex;
  text-decoration: none;
}

/* line 544, app/assets/stylesheets/application.scss */
.respek .rounded-container {
  COLOR: #cecece !important;
}

/* line 547, app/assets/stylesheets/application.scss */
.respek .rounded-container .yellow h2 {
  background-color: #8cc63f;
}

/* line 552, app/assets/stylesheets/application.scss */
.respek .rounded-container .product-tab-content .tab .left .shaded {
  background-color: #00000075 !important;
}

/* line 556, app/assets/stylesheets/application.scss */
.respek .rounded-container .product-tab-content .tab .cart-tools {
  background-color: #262626;
  border-radius: 0 0 0 15px;
}

/* line 563, app/assets/stylesheets/application.scss */
.respek #notice {
  color: #822918;
  font-size: 1.1em;
  font-weight: 300;
  padding: 0 0 2em 0;
}

/* line 570, app/assets/stylesheets/application.scss */
.respek form {
  padding: 0px;
  margin: 0px auto;
  max-width: 480px;
}

/* line 576, app/assets/stylesheets/application.scss */
.respek .page-title {
  color: #344D1D;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 45px;
  opacity: 1;
  position: relative;
  text-transform: capitalize;
  /* left: 6em; */
  display: block;
  text-align: center;
  margin: 0 auto 1em;
}

/* line 595, app/assets/stylesheets/application.scss */
.respek .sub-title {
  color: #344D1D;
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  font-size: 26px;
  opacity: 1;
  position: relative;
  top: -0.5em;
  /* left: 10em; */
  margin: auto;
  text-align: center;
}

/* line 608, app/assets/stylesheets/application.scss */
.respek .plan-container {
  display: grid;
  grid-gap: 1.5em;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 40px;
}

/* line 614, app/assets/stylesheets/application.scss */
.respek .plan-container.plan-container-variable {
  grid-template-columns: 1fr;
}

/* line 616, app/assets/stylesheets/application.scss */
.respek .plan-container.plan-container-variable input[type="range"] {
  width: 80%;
}

/* line 619, app/assets/stylesheets/application.scss */
.respek .plan-container.plan-container-variable .plan-offset,
.respek .plan-container.plan-container-variable .plan-footer {
  width: 90%;
  max-width: inherit;
}

/* line 627, app/assets/stylesheets/application.scss */
.respek .plan-selector {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 90%;
  margin: 0 auto 40px;
}

/* line 634, app/assets/stylesheets/application.scss */
.respek .plan-selector a {
  background-color: white;
  color: #546834;
  font-size: 18px;
  border-radius: 0;
  padding: 16px 16px;
  text-align: center;
  text-decoration: none;
}

/* line 643, app/assets/stylesheets/application.scss */
.respek .plan-selector a.selected {
  background-color: #546834;
  color: white;
}

/* line 650, app/assets/stylesheets/application.scss */
.respek .plan-integrations {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr;
}

/* line 654, app/assets/stylesheets/application.scss */
.respek .plan-integrations .respek .plan-integration {
  width: 90%;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 800px) {
  /* line 663, app/assets/stylesheets/application.scss */
  .respek .plan-container {
    grid-template-columns: 1fr;
  }
  /* line 667, app/assets/stylesheets/application.scss */
  .respek .plan-selector {
    grid-template-columns: 1fr 1fr;
  }
  /* line 671, app/assets/stylesheets/application.scss */
  .respek .page-title {
    font-size: 35px;
  }
  /* line 673, app/assets/stylesheets/application.scss */
  .respek .page-title:empty {
    display: none;
  }
  /* line 678, app/assets/stylesheets/application.scss */
  .respek #menu .respek-logo {
    display: none;
  }
  /* line 685, app/assets/stylesheets/application.scss */
  .respek .plan-block {
    padding: 14px;
  }
}

@media only screen and (max-width: 800px) and (max-width: 640px) {
  /* line 685, app/assets/stylesheets/application.scss */
  .respek .plan-block {
    padding: 0;
  }
}

@media only screen and (max-width: 800px) {
  /* line 690, app/assets/stylesheets/application.scss */
  .respek .plan-block.popular {
    width: 100% !important;
    order: -1;
    left: 0 !important;
  }
  /* line 696, app/assets/stylesheets/application.scss */
  .respek .plan-integrations {
    grid-template-columns: 1fr;
    margin: 40px -20px;
  }
}

/* line 704, app/assets/stylesheets/application.scss */
.respek .plan-block {
  opacity: 1;
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* line 710, app/assets/stylesheets/application.scss */
.respek .plan-block.popular {
  width: 116%;
  margin: auto;
  padding: 14px;
  left: -27px;
}

/* line 716, app/assets/stylesheets/application.scss */
.respek .plan-block.popular .plan-header {
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/popular-d992bc98e2d4ea2ef17bf5ddab2c2eda.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  height: 18%;
}

/* line 727, app/assets/stylesheets/application.scss */
.respek .plan-header {
  width: 100%;
  background-color: white;
  opacity: 1;
  position: relative;
  left: 0px;
  overflow: hidden;
  padding: 40px 0;
  display: block;
}

/* line 739, app/assets/stylesheets/application.scss */
.respek .plan-kpi {
  width: 230px;
  background-color: white;
  opacity: 1;
  position: relative;
  left: 0px;
  overflow: hidden;
  padding: 40px 0;
  display: grid;
}

/* line 751, app/assets/stylesheets/application.scss */
.respek .plan-kpi.b {
  width: 470px;
  grid-area: b;
}

/* line 755, app/assets/stylesheets/application.scss */
.respek .plan-kpi.d {
  width: 270px;
  grid-area: d;
  text-align: left;
  padding: 40px;
  line-height: 20px;
  font-size: 15px;
}

/* line 763, app/assets/stylesheets/application.scss */
.respek .plan-kpi.d span.tick, .respek .plan-kpi.d span.cross {
  display: inline !important;
  padding: 0 6px 0 0;
}

/* line 767, app/assets/stylesheets/application.scss */
.respek .plan-kpi.d span.tick:after, .respek .plan-kpi.d span.cross:after {
  display: inline;
  padding: 0 6px 0 0;
}

/* line 772, app/assets/stylesheets/application.scss */
.respek .plan-kpi.d span.tick:after {
  content: '\2713';
  color: #036d25;
}

/* line 777, app/assets/stylesheets/application.scss */
.respek .plan-kpi.d span.cross:after {
  content: 'x';
  color: #b3270b;
}

/* line 782, app/assets/stylesheets/application.scss */
.respek .plan-kpi.e {
  width: 670px;
  grid-area: e;
}

/* line 785, app/assets/stylesheets/application.scss */
.respek .plan-kpi.e img {
  margin: auto;
}

/* line 787, app/assets/stylesheets/application.scss */
.respek .plan-kpi.images {
  display: flex;
  justify-content: space-evenly;
  border-spacing: 10px;
  align-items: stretch;
  align-content: center;
}

/* line 794, app/assets/stylesheets/application.scss */
.respek .plan-kpi.images a {
  text-decoration: none;
}

/* line 800, app/assets/stylesheets/application.scss */
.respek .plan-name {
  color: #546834;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: Medium;
  font-size: 25px;
  opacity: 1;
  text-align: center;
  display: block;
}

/* line 811, app/assets/stylesheets/application.scss */
.respek .plan-price {
  color: #546834;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: Bold;
  font-size: 30px;
  opacity: 1;
  text-align: center;
  display: block;
  margin: auto;
}

/* line 823, app/assets/stylesheets/application.scss */
.respek .v267_3 {
  width: 186px;
  position: absolute;
  top: 547px;
  left: 132px;
  font-family: 'Montserrat', sans-serif;
  font-weight: Medium;
  font-size: 22px;
  opacity: 1;
  text-align: center;
}

/* line 836, app/assets/stylesheets/application.scss */
.respek .v267_4 {
  width: 186px;
  position: absolute;
  top: 408px;
  left: 126px;
  font-family: 'Montserrat', sans-serif;
  font-weight: Medium;
  font-size: 22px;
  opacity: 1;
  text-align: center;
}

/* line 849, app/assets/stylesheets/application.scss */
.respek .plan-body {
  background: #B1C0A3;
  opacity: 1;
  position: relative;
  left: 0px;
  display: block;
  margin: 10px 0px;
  padding-bottom: 1px;
}

/* line 859, app/assets/stylesheets/application.scss */
.respek .v267_6 {
  width: 338px;
  height: 119px;
  background: url(/../images/v267_6.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 505px;
  left: 16px;
  overflow: hidden;
}

/* line 873, app/assets/stylesheets/application.scss */
.respek .v267_7 {
  width: 338px;
  height: 119px;
  background: white;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

/* line 884, app/assets/stylesheets/application.scss */
.respek .v267_8 {
  width: 186px;
  position: absolute;
  top: 45px;
  left: 116px;
  font-family: 'Montserrat', sans-serif;
  font-weight: Medium;
  font-size: 22px;
  opacity: 1;
  text-align: center;
}

/* line 897, app/assets/stylesheets/application.scss */
.respek .v267_9 {
  width: 55px;
  height: 55px;
  background: url(/../images/v267_9.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 36px;
  left: 38px;
  overflow: hidden;
}

/* line 913, app/assets/stylesheets/application.scss */
.respek .plan-description, .respek .plan-reviews, .respek .profile-description, .respek .project-description {
  width: 100%;
  position: relative;
  /* top: 240px; */
  /* left: 50px; */
  font-family: 'Montserrat', sans-serif;
  font-weight: Medium;
  font-size: 17px;
  opacity: 1;
  text-align: center;
  margin: auto;
  display: block;
  padding: 35px 35px 25px;
  min-height: 130px;
}

/* line 929, app/assets/stylesheets/application.scss */
.respek .plan-description.map-page, .respek .plan-reviews.map-page, .respek .profile-description.map-page, .respek .project-description.map-page {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* line 934, app/assets/stylesheets/application.scss */
.respek .plan-description .map-container, .respek .plan-reviews .map-container, .respek .profile-description .map-container, .respek .project-description .map-container {
  margin: auto;
  width: 922px;
  height: 700px;
  position: relative;
}

/* line 937, app/assets/stylesheets/application.scss */
.respek .plan-description .map-container div, .respek .plan-reviews .map-container div, .respek .profile-description .map-container div, .respek .project-description .map-container div {
  width: 922px;
  height: 700px;
  position: relative;
}

@media screen and (max-width: 640px) {
  /* line 937, app/assets/stylesheets/application.scss */
  .respek .plan-description .map-container div, .respek .plan-reviews .map-container div, .respek .profile-description .map-container div, .respek .project-description .map-container div {
    width: inherit;
  }
}

/* line 945, app/assets/stylesheets/application.scss */
.respek .plan-description .map-qr, .respek .plan-description .map-static, .respek .plan-reviews .map-qr, .respek .plan-reviews .map-static, .respek .profile-description .map-qr, .respek .profile-description .map-static, .respek .project-description .map-qr, .respek .project-description .map-static {
  padding: 20px;
}

@media screen and (max-width: 640px) {
  /* line 913, app/assets/stylesheets/application.scss */
  .respek .plan-description, .respek .plan-reviews, .respek .profile-description, .respek .project-description {
    padding: 25px;
  }
  /* line 952, app/assets/stylesheets/application.scss */
  .respek .plan-description.map-page, .respek .plan-reviews.map-page, .respek .profile-description.map-page, .respek .project-description.map-page {
    grid-template-columns: 1fr;
  }
  /* line 955, app/assets/stylesheets/application.scss */
  .respek .plan-description.map, .respek .plan-reviews.map, .respek .profile-description.map, .respek .project-description.map {
    padding: 0;
  }
  /* line 958, app/assets/stylesheets/application.scss */
  .respek .plan-description .map-container, .respek .plan-reviews .map-container, .respek .profile-description .map-container, .respek .project-description .map-container {
    width: 100%;
  }
}

/* line 963, app/assets/stylesheets/application.scss */
.respek .plan-description .map-container, .respek .plan-reviews .map-container, .respek .profile-description .map-container, .respek .project-description .map-container {
  margin: auto;
}

/* line 967, app/assets/stylesheets/application.scss */
.respek .plan-description span.content, .respek .plan-reviews span.content, .respek .profile-description span.content, .respek .project-description span.content {
  width: 95%;
  font-size: 17px;
  display: inline-block;
  max-width: 480px;
}

/* line 975, app/assets/stylesheets/application.scss */
.respek .profile-description, .respek .project-description {
  display: flex;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  flex-wrap: wrap;
}

/* line 983, app/assets/stylesheets/application.scss */
.respek .plan-reviews {
  background-color: #fff;
  padding-top: 60px;
}

/* line 988, app/assets/stylesheets/application.scss */
.respek .mySlides strong {
  line-height: 36px;
}

/* line 993, app/assets/stylesheets/application.scss */
.respek .v267_11 {
  width: 278px;
  height: 76px;
  background: #021a13;
  opacity: 1;
  position: absolute;
  top: 671px;
  left: 58px;
  overflow: hidden;
}

/* line 1004, app/assets/stylesheets/application.scss */
.respek .v267_12 {
  width: 259px;
  color: white;
  position: absolute;
  top: 697px;
  left: 68px;
  font-family: 'Montserrat', sans-serif;
  font-weight: Medium;
  font-size: 25px;
  opacity: 1;
  text-align: center;
}

/* line 1017, app/assets/stylesheets/application.scss */
.respek .plan-offset,
.respek .plan-footer {
  width: 100%;
  min-height: 120px;
  opacity: 1;
  overflow: hidden;
  max-width: 480px;
  margin: 0 auto;
}

/* line 1026, app/assets/stylesheets/application.scss */
.respek .plan-offset div,
.respek .plan-footer div {
  width: auto;
  display: block;
  margin: 18px;
  text-align: center;
  padding: 10px;
}

/* line 1037, app/assets/stylesheets/application.scss */
.respek .plan-offset span,
.respek .plan-footer span {
  width: 90%;
  font-size: 15px;
  font-weight: 600;
  opacity: 1;
  text-align: center;
  display: inline-block;
  margin: auto;
}

/* line 1052, app/assets/stylesheets/application.scss */
.respek .plan-offset div {
  background-color: #C5D8C5;
}

/* line 1056, app/assets/stylesheets/application.scss */
.respek .plan-offset img {
  width: 60px;
  float: left;
  margin: -15px auto;
}

/* line 1062, app/assets/stylesheets/application.scss */
.respek .plan-offset span.img {
  width: 100%;
  font-size: 15px;
  text-align: center;
  display: inline-block;
  margin: auto;
  padding: 10px;
}

/* line 1071, app/assets/stylesheets/application.scss */
.respek .plan-offset span.text {
  padding-top: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 1074, app/assets/stylesheets/application.scss */
.respek .plan-offset span.text span.co2 {
  font-size: 21px !important;
  font-weight: 100;
  line-height: 38px;
  width: auto;
}

/* line 1082, app/assets/stylesheets/application.scss */
.respek .plan-offset .v56_6 {
  width: 42px;
  height: 50px;
  margin: 0 10px;
  background-size: contain;
  float: left;
  display: inline-block;
  vertical-align: middle;
}

/* line 1093, app/assets/stylesheets/application.scss */
.respek .plan-offset.projects {
  max-width: inherit;
}

/* line 1095, app/assets/stylesheets/application.scss */
.respek .plan-offset.projects span {
  font-size: 20px;
}

/* line 1099, app/assets/stylesheets/application.scss */
.respek .plan-footer {
  height: 140px;
  margin-bottom: 10px;
}

/* line 1103, app/assets/stylesheets/application.scss */
.respek .plan-footer div {
  background-color: transparent;
}

/* line 1107, app/assets/stylesheets/application.scss */
.respek .plan-footer a {
  background-color: #FFB003;
  color: #576A37;
  text-transform: uppercase;
  margin: 18px;
  font-size: 19px;
  border-radius: 20px;
  padding: 15px 40px;
  text-decoration: none;
  display: inline-block;
}

/* line 1120, app/assets/stylesheets/application.scss */
.respek .plan-leaf {
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_90,q_auto/leaf-9215ddf5a25b648b90eb12ab2a85fda0.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 90px;
  width: 100%;
}

/* line 1129, app/assets/stylesheets/application.scss */
.respek .popular .plan-leaf {
  height: 100px;
  background-image: url(https://res.cloudinary.com/respek-nature/image/asset/c_scale,f_auto,h_100,q_auto/leaf-9215ddf5a25b648b90eb12ab2a85fda0.png);
}

/* line 1134, app/assets/stylesheets/application.scss */
.respek .v267_14 {
  width: 338px;
  height: 119px;
  background: white;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

/* line 1147, app/assets/stylesheets/application.scss */
.text-button {
  color: #000;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 1161, app/assets/stylesheets/application.scss */
.respek .describe_plans {
  height: 250px;
  background-position-x: 120px;
}

/* line 1166, app/assets/stylesheets/application.scss */
.respek .respek-button {
  width: 210px;
  color: #e5efe6;
  border-radius: 20px;
  background: #527136;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 20px;
  opacity: 1;
  text-align: center;
  padding: 10px 40px;
  text-decoration: none;
}

@media screen and (max-width : 800px) {
  /* line 1184, app/assets/stylesheets/application.scss */
  body .rounded-container {
    margin-top: 0.5em;
  }
  /* line 1190, app/assets/stylesheets/application.scss */
  .respek .sub-title {
    font-size: 24px;
    padding: 10px;
  }
  /* line 1193, app/assets/stylesheets/application.scss */
  .respek .sub-title:empty {
    display: none;
  }
}

@media screen and (max-width : 800px) and (max-width: 640px) {
  /* line 1190, app/assets/stylesheets/application.scss */
  .respek .sub-title {
    top: -0.5em;
  }
}

@media screen and (max-width : 800px) {
  /* line 1202, app/assets/stylesheets/application.scss */
  .respek .elastic-main {
    background: url(https://res.cloudinary.com/respek-nature/image/asset/f_auto,q_auto/secondarypage_bg-d245059136d063b34e6cfc3ce89d634e.jpg) no-repeat center bottom;
    background-size: cover;
    background-attachment: fixed;
    flex: 1 0 auto;
  }
  /* line 1209, app/assets/stylesheets/application.scss */
  .respek .describe_plans {
    height: 250px;
    background-position-x: 120px;
    background-position-x: center;
  }
  /* line 1218, app/assets/stylesheets/application.scss */
  .respek .page-max-width-contained {
    padding-bottom: 4em;
  }
}

@media screen and (max-width : 800px) and (max-width: 640px) {
  /* line 1224, app/assets/stylesheets/application.scss */
  .respek .button,
.respek .wpwl-button {
    font-size: 14px;
  }
}

@media screen and (max-width : 800px) {
  /* line 1234, app/assets/stylesheets/application.scss */
  .giant-flag-site .elastic-main {
    background: none;
  }
  /* line 1238, app/assets/stylesheets/application.scss */
  .giant-flag-site .faded-secondary-background {
    background: none;
  }
  /* line 1241, app/assets/stylesheets/application.scss */
  .giant-flag-site .faded-secondary-background .page-max-width-contained {
    padding: 0;
  }
}

/* line 1248, app/assets/stylesheets/application.scss */
.no-overlap {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  left: 5%;
}

/* line 1256, app/assets/stylesheets/application.scss */
.small_text {
  font-size: 13px;
  color: #8f1313;
}

@media screen and (max-width: 640px) {
  /* line 1263, app/assets/stylesheets/application.scss */
  .button,
.wpwl-button {
    font-size: 11px;
  }
  /* line 1269, app/assets/stylesheets/application.scss */
  .button.primary,
.wpwl-button.primary {
    margin: 4px 1px 9px 0;
  }
  /* line 1274, app/assets/stylesheets/application.scss */
  .button,
.wpwl-button {
    background-color: #fdbd3c;
    border: 0;
    border-radius: 40px;
    color: #000;
    font-weight: 400;
    margin: 0 0 0 0;
    outline: none;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
  }
  /* line 1288, app/assets/stylesheets/application.scss */
  .sessions .account section .orders .line_item .row .name,
.registrations .account section .orders .line_item .row .name,
.passwords .account section .orders .line_item .row .name,
.text-button .account section .orders .line_item .row .name,
.contacts .account section .orders .line_item .row .name {
    color: #000;
    font-weight: 600;
    font-size: 11px;
  }
  /* line 1298, app/assets/stylesheets/application.scss */
  .sessions .account section,
.registrations .account section,
.passwords .account section,
.text-button .account section,
.contacts .account section {
    margin: 0;
  }
  /* line 1306, app/assets/stylesheets/application.scss */
  .rounded-container {
    margin: 0;
    top: 77px;
    position: relative;
  }
  /* line 1312, app/assets/stylesheets/application.scss */
  .orders .thank-you .line_item .row .description {
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
  }
}

/* line 1319, app/assets/stylesheets/application.scss */
.turbolinks-progress-bar {
  height: 10px;
}

/* line 1324, app/assets/stylesheets/application.scss */
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}

/* line 1336, app/assets/stylesheets/application.scss */
.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

/* line 1343, app/assets/stylesheets/application.scss */
.blocker.behind {
  background-color: transparent;
}

/* line 1348, app/assets/stylesheets/application.scss */
.respek {
  background: #f6f6f6;
}

/* line 1351, app/assets/stylesheets/application.scss */
.respek form.edit_project {
  max-width: 100%;
}

/* line 1354, app/assets/stylesheets/application.scss */
.profile-description img,
.project-description img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 1360, app/assets/stylesheets/application.scss */
.respek .plan-body .profile-description,
.respek .plan-body .project-description {
  background: #f6f6f6;
}

/* line 1364, app/assets/stylesheets/application.scss */
.respek .plan-body .profile-description div,
.respek .plan-body .project-description div {
  color: #000;
}

/* line 1368, app/assets/stylesheets/application.scss */
.bg-sec {
  background: #fff;
}

/* line 1371, app/assets/stylesheets/application.scss */
.container,
.page-max-width-contained {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

/* line 1379, app/assets/stylesheets/application.scss */
.respek .profile-description,
.respek .project-description {
  padding: 0;
}

/* line 1383, app/assets/stylesheets/application.scss */
.mt-2 {
  margin-top: 2rem !important;
}

/* line 1386, app/assets/stylesheets/application.scss */
.txt-small {
  font-size: 20px !important;
  bottom: -19px;
  position: relative;
}

/* line 1391, app/assets/stylesheets/application.scss */
.text-lt {
  text-align: left !important;
}

/* line 1394, app/assets/stylesheets/application.scss */
.container h4,
.container .list-item-info h4 {
  margin: 0 0 16px 0;
}

/* line 1398, app/assets/stylesheets/application.scss */
.row {
  display: flex;
  flex-wrap: wrap;
}

/* line 1406, app/assets/stylesheets/application.scss */
.hidden {
  display: none !important;
}

/* line 1409, app/assets/stylesheets/application.scss */
.col-md,
.col-md-3,
.col-md-4 {
  position: relative;
  width: 100%;
  font-size: 14px;
}

/* line 1418, app/assets/stylesheets/application.scss */
.col-md-3 .panel-lt .small-text {
  font-size: 14px !important;
  font-family: 'Montserrat' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  overflow-wrap: anywhere;
}

/* line 1436, app/assets/stylesheets/application.scss */
.merch-profile > .row > .panel-lt {
  padding: 0;
}

/* line 1439, app/assets/stylesheets/application.scss */
.merchant-info {
  display: flex;
  min-width: 260px;
  max-width: 260px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
  border-radius: 17.481px;
  border: 1.457px solid #C5C5C5;
}

/* line 1454, app/assets/stylesheets/application.scss */
.merchant-info .row .col-md .merch-avatar {
  width: 160px;
  height: 55px;
}

/* line 1458, app/assets/stylesheets/application.scss */
.merchant-info .col-md h6 {
  color: #000;
  font-family: 'Montserrat';
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}

/* line 1467, app/assets/stylesheets/application.scss */
.merchant-info .col-md .merch-name {
  color: #546834;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}

/* line 1479, app/assets/stylesheets/application.scss */
.merchant-info > .row:last-child {
  width: 100%;
}

/* line 1482, app/assets/stylesheets/application.scss */
.merchant-info .merch-link {
  color: #8DC145;
  float: right;
  text-decoration: none;
  display: flex;
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 1493, app/assets/stylesheets/application.scss */
.merchant-info .merch-link .link_icon {
  width: 20px;
  height: 20px;
}

/* line 1497, app/assets/stylesheets/application.scss */
.merchant-info .merch-industry {
  margin: 0;
  color: #344D1D;
  font-family: 'Montserrat';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

/* line 1507, app/assets/stylesheets/application.scss */
.section-projects {
  padding: 0;
}

/* line 1510, app/assets/stylesheets/application.scss */
.section-projects .results {
  margin-bottom: 28px;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 20px;
  align-self: stretch;
  flex-wrap: wrap;
}

/* line 1519, app/assets/stylesheets/application.scss */
.section-projects .results .col-md-4 {
  width: 312px;
}

/* line 1523, app/assets/stylesheets/application.scss */
.section-projects .results .col-md-4:last-child {
  display: flex;
  height: 110px;
  min-width: 140px;
  max-width: 312px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
}

/* line 1536, app/assets/stylesheets/application.scss */
.section-projects .results .col-md-4 .pill-status .panel-lt {
  height: 74px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 175px;
  margin-right: auto;
}

/* line 1545, app/assets/stylesheets/application.scss */
.section-projects .results .col-md-4 .pill-status .panel-rt {
  width: 78px;
  height: 78px;
}

/* line 1549, app/assets/stylesheets/application.scss */
.section-projects .results .col-md-4 .pill-restored .panel-lt .area,
.container-prjct-impct .pill-status .panel-lt .hours {
  display: inline-flex !important;
}

/* line 1553, app/assets/stylesheets/application.scss */
.section-projects .results .col-md-4 .pill-restored .panel-lt .txt-small,
.container-prjct-impct .pill-status .panel-lt .txt-small {
  top: 0;
  color: #546834;
  display: initial;
}

/* line 1559, app/assets/stylesheets/application.scss */
.container-prjct-impct .pill-status .panel-lt .demographic-sm-txt {
  font-family: 'Montserrat';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 1566, app/assets/stylesheets/application.scss */
.project-charts .pill-captured,
.merch-profile .pill-captured,
.merch-profile .pill-status,
.merch-profile .pill-restored {
  border-radius: 17.481px;
  border: 1.457px solid #C5C5C5;
  padding: 16px 20px;
  display: inline-flex;
  height: 110px;
  width: 100%;
  text-align: left;
}

/* line 1578, app/assets/stylesheets/application.scss */
.merch-profile .pill-status .panel-lt {
  width: 75%;
}

/* line 1581, app/assets/stylesheets/application.scss */
.project-charts .pill-captured .panel-rt {
  width: 35%;
}

/* line 1584, app/assets/stylesheets/application.scss */
.project-charts .pill-captured .panel-rt .pill-img,
.merch-profile .pill-captured .panel-rt .pill-img,
.merch-profile .pill-status .panel-rt .pill-img {
  width: 100%;
  margin: auto;
}

/* line 1590, app/assets/stylesheets/application.scss */
.merch-profile .pill-captured .panel-rt {
  margin-left: auto;
}

/* line 1593, app/assets/stylesheets/application.scss */
.merch-profile .pill-captured .panel-rt .pill-img img {
  width: 122px;
  height: 49px;
  flex-shrink: 0;
  -o-object-fit: initial;
     object-fit: initial;
}

/* line 1599, app/assets/stylesheets/application.scss */
.project-charts .pill-captured .panel-lt span,
.merch-profile .pill-captured .panel-lt span,
.merch-profile .pill-restored .panel-lt > span:first-child {
  display: block;
}

/* line 1604, app/assets/stylesheets/application.scss */
.merch-profile .pill-captured .panel-lt > span,
.merch-profile .pill-status .panel-lt > span,
.merch-profile .pill-restored .panel-lt > span {
  color: #000;
  font-family: 'Montserrat';
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 1615, app/assets/stylesheets/application.scss */
.project-charts .pill-captured .panel-lt .amount,
.merch-profile .pill-captured .panel-lt .amount,
.merch-profile .pill-restored .panel-lt .amount,
.container-prjct-impct .col-md-3 .panel-lt .amount {
  font-size: 40px;
  font-weight: bold;
  color: #546834;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

/* line 1630, app/assets/stylesheets/application.scss */
.container-prjct-impct .col-md-3 .panel-lt .amount {
  padding-top: 0;
}

/* line 1633, app/assets/stylesheets/application.scss */
.merch-profile .pill-status .info {
  padding-top: 20px;
}

/* line 1636, app/assets/stylesheets/application.scss */
.merch-profile .pill-status .info .content {
  font-size: 10px;
  padding: 5px 15px 0 0;
}

/* line 1640, app/assets/stylesheets/application.scss */
.merch-profile .pill-status .info .content span {
  float: right;
}

/* line 1643, app/assets/stylesheets/application.scss */
.merch-profile .pill-status .info .content::before {
  display: inline-flex;
  content: '';
  width: 5%;
  height: 8px;
  border-radius: 0;
  background: #e7e7e7;
  position: relative;
  bottom: 0;
  margin-right: 5px;
  left: 0;
}

/* line 1655, app/assets/stylesheets/application.scss */
.merch-profile .pill-status .info .col-md:first-child .content::before {
  background: #546834;
}

/* line 1658, app/assets/stylesheets/application.scss */
.merch-profile .pill-status .info .col-md {
  padding: 0;
}

/* line 1661, app/assets/stylesheets/application.scss */
.container-prjct-impct {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 10px;
  align-self: stretch;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 1670, app/assets/stylesheets/application.scss */
.section-projects h4 {
  float: left;
  margin-top: 0;
}

/* line 1674, app/assets/stylesheets/application.scss */
.container-prjct-impct .col-md-3 {
  padding: 0;
  display: flex;
  height: 110px;
  min-width: 200px;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
}

/* line 1683, app/assets/stylesheets/application.scss */
.section-supporters .row:last-child {
  gap: 10px;
}

/* line 1686, app/assets/stylesheets/application.scss */
.section-supporters .col-md-3 {
  min-width: 260px;
  max-width: 260px;
  gap: 20px;
  display: flex;
}

/* line 1693, app/assets/stylesheets/application.scss */
.container-prjct-impct .col-md-3 .pill-status {
  width: 100%;
}

/* line 1696, app/assets/stylesheets/application.scss */
.container-prjct-impct .col-md-3 .pill-status .panel-lt span:first-child {
  display: flex;
}

/* line 1699, app/assets/stylesheets/application.scss */
.container-prjct-impct .col-md-3 .pill-status .panel-lt .info_icon {
  width: 16px;
  height: 16px;
  float: right;
  right: 0;
  position: absolute;
}

/* line 1706, app/assets/stylesheets/application.scss */
.container-prjct-impct .col-md-3 .pill-status .panel-lt .info_icon:hover {
  cursor: pointer;
}

/* line 1709, app/assets/stylesheets/application.scss */
.container-prjct-impct .col-md-3 span {
  display: block;
}

/* line 1712, app/assets/stylesheets/application.scss */
.section-filter {
  margin-top: 70px;
}

/* line 1715, app/assets/stylesheets/application.scss */
.section-filter .col-md {
  color: #000;
  font-family: 'Montserrat';
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  text-align: left !important;
}

/* line 1725, app/assets/stylesheets/application.scss */
.filter {
  background: #fff;
  width: 40%;
  border-radius: 5px;
}

/* line 1731, app/assets/stylesheets/application.scss */
.filter ul {
  list-style: none;
  display: flex;
  padding: 5px;
  margin: 32px 0 0 0;
}

/* line 1738, app/assets/stylesheets/application.scss */
.filter li {
  margin-right: 20px;
}

/* line 1741, app/assets/stylesheets/application.scss */
.filter ul li button {
  background: #fff;
}

/* line 1744, app/assets/stylesheets/application.scss */
.filter ul li button.active {
  border-radius: 3px;
  padding: 8px 15px;
  background-color: #f5f5f5;
}

/* line 1749, app/assets/stylesheets/application.scss */
.filter a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

/* line 1755, app/assets/stylesheets/application.scss */
.filter a.active {
  color: #007bff;
  padding: 10px;
  background: #f5f5f5;
  border-radius: 6px;
}

/* line 1762, app/assets/stylesheets/application.scss */
.project-list {
  display: flex;
  flex-wrap: wrap;
}

/* line 1767, app/assets/stylesheets/application.scss */
.project {
  border: 1px solid #ddd;
  padding: 10px;
  margin: 10px;
  width: calc(33.33% - 20px);
}

/* line 1773, app/assets/stylesheets/application.scss */
.section-projects .project-charts .pill-captured {
  height: 160px;
  display: flex;
  min-width: 312px;
  padding: 23.308px 300.692px 56.692px 23.308px;
  align-items: center;
  flex: 1 0 0;
}

/* line 1781, app/assets/stylesheets/application.scss */
.section-projects .project-charts .row {
  margin-top: 24px;
}

/* line 1784, app/assets/stylesheets/application.scss */
.section-projects .project-charts .row .col-md:first-child {
  padding: 0 20px 0 0;
}

/* line 1787, app/assets/stylesheets/application.scss */
.section-projects .project-charts .row .col-md:last-child {
  padding: 0 0 0 20px;
}

/* line 1790, app/assets/stylesheets/application.scss */
.section-projects .project-charts .chart {
  border-radius: 17.481px;
  border: 1.457px solid #C5C5C5;
  padding: 20px;
  width: 100%;
  height: 210px;
}

/* line 1797, app/assets/stylesheets/application.scss */
.section-projects .project-charts .pill-captured .panel-lt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

/* line 1803, app/assets/stylesheets/application.scss */
.section-projects .project-charts .pill-captured .panel-lt span:first-child {
  color: #546834;
  font-family: 'Montserrat';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* line 1811, app/assets/stylesheets/application.scss */
.section-projects .project-charts .pill-captured .panel-lt span:last-child {
  color: #546834;
  font-family: 'Montserrat';
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* line 1819, app/assets/stylesheets/application.scss */
.section-projects .project-charts .pill-captured .panel-lt .cloud_icon {
  display: inline-flex;
  float: right;
  position: absolute;
  right: 66px;
  top: 46px;
}

/* line 1826, app/assets/stylesheets/application.scss */
.section-about {
  margin-top: 80px;
}

/* line 1829, app/assets/stylesheets/application.scss */
.section-about .row .content {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
}

/* line 1837, app/assets/stylesheets/application.scss */
.section-about .row .content h4 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

/* line 1845, app/assets/stylesheets/application.scss */
.section-about .row .content p,
.section-about .row .content {
  font-size: 20px;
}

/* line 1849, app/assets/stylesheets/application.scss */
.section-about .row .about-images {
  display: flex;
  min-height: 317px;
  max-width: 535px;
  padding: 0px 24px;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  row-gap: 12px;
  flex: 1 0 0;
  flex-wrap: wrap;
  padding-right: 0;
}

/* line 1862, app/assets/stylesheets/application.scss */
.section-about .row .about-images .images {
  width: 153.191px;
  height: 153.191px;
  margin-left: 12px;
}

/* line 1867, app/assets/stylesheets/application.scss */
.section-about.row .content {
  text-align: left;
}

/* line 1870, app/assets/stylesheets/application.scss */
.section-locations {
  margin-top: 80px;
  margin-bottom: 80px;
}

/* line 1874, app/assets/stylesheets/application.scss */
.section-locations > .row:first-child {
  text-align: left;
}

/* line 1877, app/assets/stylesheets/application.scss */
.section-locations > .row > .col-md > .title {
  color: #000;
  font-family: 'Montserrat';
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 8px;
}

/* line 1887, app/assets/stylesheets/application.scss */
.section-locations > .row > .col-md > p {
  color: #000;
  font-family: 'Montserrat';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 32px 0;
}

/* line 1896, app/assets/stylesheets/application.scss */
.section-locations .row > .col-md:last-child {
  width: 50%;
}

/* line 1899, app/assets/stylesheets/application.scss */
.section-locations > .row:last-child > .col-md:first-child {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-right: 10px;
}

/* line 1903, app/assets/stylesheets/application.scss */
.section-locations .locations-list {
  overflow-y: scroll;
  border-radius: 5px;
  display: flex;
  width: 525px;
  height: 710px;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  flex-shrink: 0;
}

/* line 1915, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 20px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #c5c5c5;
  color: #546834;
  width: 505px;
  height: 112px;
  flex-shrink: 0;
  text-decoration: none;
}

/* line 1931, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item.active {
  border-radius: 8px;
  border: 1px solid #546834;
  background: rgba(141, 193, 69, 0.08);
}

/* line 1936, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .item-img {
  width: 56px;
  height: 44px;
  flex-shrink: 0;
}

/* line 1941, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .title {
  color: #344D1D;
  font-family: 'Montserrat';
  font-size: 18.517px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

/* line 1950, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .chevron {
  display: none;
}

/* line 1953, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .item-info .subtitle {
  color: #344D1D;
  font-family: 'Montserrat';
  font-size: 14.925px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

/* line 1962, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .item-info {
  width: 50%;
  text-align: left;
  margin: 0;
}

/* line 1968, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .item-status {
  width: 30%;
  text-align: right;
}

/* line 1972, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .item-status .subtitle {
  color: #000;
  text-align: right;
  font-family: 'Montserrat';
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
  line-height: 104.4%;
  /* 8.352px */
  text-transform: capitalize;
}

/* line 1983, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .item-status .title {
  color: #000;
  font-family: 'Montserrat';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 104.4%;
  text-transform: capitalize;
  margin-bottom: 9px;
}

/* line 1993, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .item-status .status {
  width: 75%;
  float: right;
  padding: 0;
}

/* line 1998, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .item-status .status .col-md {
  padding: 0 3px;
}

/* line 2001, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .item-status span::after {
  display: block;
  content: '';
  width: 100%;
  height: 4px;
  border-radius: 15px;
  background: #dddddd;
  position: relative;
  bottom: 0;
  left: 0;
}

/* line 2014, app/assets/stylesheets/application.scss */
.section-locations .locations-list .list-item .item-status span.active::after {
  display: block;
  content: '';
  width: 100%;
  height: 4px;
  border-radius: 15px;
  background: #8CC63F;
  position: relative;
  bottom: 0;
  left: 0;
}

/* line 2028, app/assets/stylesheets/application.scss */
.section-locations .list-item-info {
  border-radius: 17.481px;
  border: 1.457px solid #C5C5C5;
}

/* line 2032, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .row {
  margin: 0 0 20px 0;
}

/* line 2035, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .item-img img {
  border-radius: 10px 10px 0 0;
}

/* line 2038, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .item-thumbnails {
  display: none;
}

/* line 2041, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .item-details {
  text-align: left;
  padding: 51.898px 44.113px 55.016px 43.339px;
  justify-content: center;
  align-items: center;
}

/* line 2047, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .item-details > .row {
  display: flex;
  padding-right: 0px;
  align-items: flex-start;
  gap: 53.493px;
}

/* line 2053, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .item-details .subtitle {
  color: #344D1D;
  font-family: 'Montserrat';
  font-size: 14.362px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

/* line 2062, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .item-details h4 {
  color: #344D1D;
  font-family: 'Montserrat';
  font-size: 18.517px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

/* line 2071, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .carousel {
  width: 623px;
}

/* line 2074, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .carousel .carousel-item {
  height: 357px !important;
  margin-bottom: 0;
}

/* line 2080, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slider-nav {
  padding: 20px 20px;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}

/* line 2087, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slider-nav .slick-list .slick-track {
  display: flex;
  justify-content: center;
  transform: none !important;
}

/* line 2092, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slider-nav .glider-track {
  justify-content: center;
  width: 100% !important;
}

/* line 2096, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slider-nav .carousel-item {
  height: 48px;
  margin: 0 4px;
  width: 40px !important;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}

/* line 2102, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .carousel .carousel-item img,
.section-locations .list-item-info .slider-nav .carousel-item img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  min-width: 100%;
}

/* line 2110, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .carousel .carousel-item img {
  width: 623px;
  min-width: 623px;
}

/* line 2114, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slider-nav .carousel-item img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}

/* line 2120, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slider-nav .carousel-item::after {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  border-radius: 15px;
  background: #DDD;
  position: relative;
  bottom: -4px;
  left: 0;
}

/* line 2131, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slider-nav .carousel-item.active::after {
  background: #344D1D;
}

/* line 2134, app/assets/stylesheets/application.scss */
.glider div {
  box-sizing: border-box;
  /* Other styles */
}

/* line 2138, app/assets/stylesheets/application.scss */
.glider div {
  width: 100%;
  /* Each slide takes up 100% width */
  /* Additional styles as needed */
}

/* line 2143, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slick-arrow {
  z-index: 1;
  width: 40px;
  height: 40px;
}

/* line 2149, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slick-arrow:before {
  font-size: 30px;
}

/* line 2153, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slick-next {
  right: 0;
}

/* line 2157, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .slick-prev {
  left: 0;
}

/* line 2160, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .carousel .angle-left {
  background-image: url(/assets/left_icon-199b184228e61737e84c15aecf3c7c5d73230adbbd1c7f3461eb39bfc0ee5069.svg);
  display: block;
  width: 48px;
  height: 48px;
  transform: none;
  flex-shrink: 0;
  position: absolute;
  left: 12px;
  top: 169px;
}

/* line 2171, app/assets/stylesheets/application.scss */
.section-locations .list-item-info .carousel .angle-right {
  background-image: url(/assets/right_icon-c4bf2c53d54165dc0a02abaf0ff3bbba2febecedae712f1259b8ca30b0e6da9c.svg);
  display: block;
  width: 48px;
  height: 48px;
  transform: none;
  flex-shrink: 0;
  position: absolute;
  right: 12px;
  top: 169px;
}

/* line 2182, app/assets/stylesheets/application.scss */
.sgd-img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 100%;
  height: 140px;
  padding: 0;
  margin: 6px 0px;
}

/* line 2191, app/assets/stylesheets/application.scss */
.sdg01 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-01-8a57de7f3e04040372fb9643ba1a39165f1986d6e001ce09bb4f4b27771766c5.png);
}

/* line 2192, app/assets/stylesheets/application.scss */
.sdg02 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-02-5caf05f29dd4205e35382bf7910f0bebdf24888506675b4e60a4afd1affdb33d.png);
}

/* line 2193, app/assets/stylesheets/application.scss */
.sdg03 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-03-13a37eea5d4493cc5acd25895ee6bcedfe0e6568b6905d9a9dffa50d1a668cf8.png);
}

/* line 2194, app/assets/stylesheets/application.scss */
.sdg04 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-04-cb766cf47282f073004bc10f39974fb4fccda3bed637fbd8b258e3286f4d0eb4.png);
}

/* line 2195, app/assets/stylesheets/application.scss */
.sdg05 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-05-1e1b0eaa0b7da883e2cd066df62f0ca05878eb7d972002d7a72fc922a439dc72.png);
}

/* line 2196, app/assets/stylesheets/application.scss */
.sdg06 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-06-70ea949877dbbc199416378f7c52881ae8372b05828a6c2d61619ecc6d7e40b7.png);
}

/* line 2197, app/assets/stylesheets/application.scss */
.sdg07 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-07-46f002c62ffaced27625f71f66d322fb91543f1dbc899dd0b07279a7fd43ce97.png);
}

/* line 2198, app/assets/stylesheets/application.scss */
.sdg08 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-08-45a7fbfc756099cd29db0f9f2a0b1d0b0e4ce0ff7735c3151ee0de5623472d38.png);
}

/* line 2199, app/assets/stylesheets/application.scss */
.sdg09 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-09-37d126496875bc8af79a6009ec15c2a6a18bc60fa491df98196ea961c93013b9.png);
}

/* line 2200, app/assets/stylesheets/application.scss */
.sdg10 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-10-24c8ea0afb384eb76f2676c17f883410bc7f5d41da25c114965c65eccd5ec145.png);
}

/* line 2201, app/assets/stylesheets/application.scss */
.sdg11 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-11-e5fb83f8c287d99e3ec7add488886f36de5eb8aa9f30888b02dc2c97ef0abff2.png);
}

/* line 2202, app/assets/stylesheets/application.scss */
.sdg12 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-12-b7cfd41d941374b56852d783a494154ff2f6bb08393992cdb7fbe92ab424129f.png);
}

/* line 2203, app/assets/stylesheets/application.scss */
.sdg13 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-13-a5a783269bd34c667e91b0c18b0d22e8f2513a3a1d4a063b3e8aed629e47871a.png);
}

/* line 2204, app/assets/stylesheets/application.scss */
.sdg14 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-14-2c6fe2b7ca1cc209cdcb3aadcdbf97cde9175f9605229d07d5af2afef399983e.png);
}

/* line 2205, app/assets/stylesheets/application.scss */
.sdg15 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-15-0b22ec328d5c1e5450991eeee19fa859ad70224048bb9fa93d5d3c166bb88829.png);
}

/* line 2206, app/assets/stylesheets/application.scss */
.sdg16 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-16-1b552bf1093ecf248b4ed69a65f7d69f4a088cbdda97729a9747bfeeee907bc0.png);
}

/* line 2207, app/assets/stylesheets/application.scss */
.sdg17 {
  background-image: url(/assets/respek/sdg/E-WEB-Goal-17-cfd3841480f635e5d7bfa53a46cd4209b63a9abda078507deb8d7fa3b57a4079.png);
}

/* line 2209, app/assets/stylesheets/application.scss */
footer .sponsors .sponsor-container {
  background: #fff;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}

/* line 2215, app/assets/stylesheets/application.scss */
.respek .respek-footer div.center {
  display: flex;
  padding: 28px 125px;
  justify-content: space-evenly;
  align-items: center;
  background: #607F38;
}

/* line 2222, app/assets/stylesheets/application.scss */
.respek .respek-footer {
  background-color: #607F38;
  display: block;
  width: 100%;
  max-width: 100%;
}

/* line 2228, app/assets/stylesheets/application.scss */
.respek .respek-footer.links {
  display: flex;
  width: 100%;
  max-width: 100%;
  padding-top: 72px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 40px;
  background: #fff;
}

/* line 2239, app/assets/stylesheets/application.scss */
.respek .respek-footer .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1280px;
}

/* line 2245, app/assets/stylesheets/application.scss */
.respek .respek-footer .container > .row {
  width: 100%;
}

/* line 2248, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-lt {
  display: flex;
  width: 416px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

/* line 2255, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-lt .respek-logo {
  display: flex;
  width: 80px;
  height: 80px;
  align-items: flex-start;
  top: 0;
  left: 0;
}

/* line 2263, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-lt .row .col-md h4 {
  color: #040505;
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 2271, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-lt .row .col-md p {
  display: grid;
}

/* line 2274, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-lt .row .col-md p span {
  color: #040505;
  font-family: Montserrat;
  font-size: 10px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

/* line 2282, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-rt {
  width: 624px;
  margin-left: auto;
  margin-top: auto;
}

/* line 2290, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-rt .col-md-3 .title {
  color: rgba(4, 5, 5, 0.8);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 2298, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-rt .col-md-3 ul {
  list-style: none;
  padding: 0;
}

/* line 2302, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-rt .col-md-3 ul li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

/* line 2309, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-rt .col-md-3 ul li a {
  color: #040505;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

/* line 2318, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-rt .col-md-3 .social-links {
  display: flex;
  width: 100%;
}

/* line 2322, app/assets/stylesheets/application.scss */
.respek .respek-footer .container .panel-rt .col-md-3 .social-links a {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  background: none;
  margin-left: 0;
  display: flex;
  margin-right: 25px;
}

/* line 2333, app/assets/stylesheets/application.scss */
.respek .respek-footer.copyright {
  display: flex;
  width: 100%;
  max-width: 100%;
  padding: 24px 80px;
  justify-content: space-between;
  align-items: center;
  background: #607F38;
}

/* line 2342, app/assets/stylesheets/application.scss */
.respek .respek-footer.copyright .container .row span {
  color: #FFF;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 2350, app/assets/stylesheets/application.scss */
.respek .respek-footer.copyright .container .row .terms-links {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-left: auto;
}

/* line 2356, app/assets/stylesheets/application.scss */
.respek .respek-footer.copyright .container .row .terms-links a {
  color: #FFF;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

/* line 2366, app/assets/stylesheets/application.scss */
#popper-popup {
  display: none;
  color: #FFF;
  font-family: Montserrat;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: #333;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
  max-width: 132px;
}

/* line 2382, app/assets/stylesheets/application.scss */
#popper-popup a {
  font-size: 16px;
  font-weight: 300;
  display: block;
  padding: 20px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 2393, app/assets/stylesheets/application.scss */
#popper-popup a:hover {
  background: #444444;
}

/* line 2397, app/assets/stylesheets/application.scss */
#popper-popup[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}

/* line 2402, app/assets/stylesheets/application.scss */
#popper-popup[show-popper] {
  display: block;
  z-index: 9999;
}

/* line 2406, app/assets/stylesheets/application.scss */
#et-fb-app #popper-popup {
  display: block;
}

/* line 2409, app/assets/stylesheets/application.scss */
#popper-arrow,
#popper-arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #333333;
}

/* line 2417, app/assets/stylesheets/application.scss */
#popper-arrow {
  visibility: hidden;
}

/* line 2421, app/assets/stylesheets/application.scss */
#popper-arrow::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}

/* line 2426, app/assets/stylesheets/application.scss */
#popper-popup[data-popper-placement^="top"] #popper-arrow {
  bottom: -4px;
}

/* line 2429, app/assets/stylesheets/application.scss */
#popper-popup[data-popper-placement^="bottom"] #popper-arrow {
  top: -4px;
}

/* line 2433, app/assets/stylesheets/application.scss */
#popper-popup[data-popper-placement^="left"] #popper-arrow {
  right: -4px;
}

/* line 2436, app/assets/stylesheets/application.scss */
#popper-popup[data-popper-placement^="right"] #popper-arrow {
  left: -4px;
}

/* line 2439, app/assets/stylesheets/application.scss */
#popper-popup[data-popper-reference-hidden] #popper-arrow::before {
  visibility: hidden;
}

/* line 2442, app/assets/stylesheets/application.scss */
:root {
  --loading-grey: #ededed;
}

/* line 2445, app/assets/stylesheets/application.scss */
.container-prjct-impct .loading .pill-status {
  border-radius: 17.481px;
  border: 1.457px solid #C5C5C5;
  padding: 16px 20px;
  display: inline-flex;
  height: 110px;
  width: 260px;
  text-align: left;
  background: white;
}

/* line 2455, app/assets/stylesheets/application.scss */
.section-projects .results .loading {
  height: 110px;
  min-width: 140px;
  max-width: 312px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
}

/* line 2465, app/assets/stylesheets/application.scss */
.container-prjct-impct .loading .pill-status .panel-lt > span,
.section-projects .results .loading .pill-restored .panel-lt > span {
  color: #000;
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  min-height: 1.6rem;
  border-radius: 4px;
  -webkit-animation-delay: .05s;
          animation-delay: .05s;
}

/* line 2478, app/assets/stylesheets/application.scss */
.container-prjct-impct .loading .panel-lt > span,
.section-projects .results .loading .panel-lt > span {
  font-size: 1rem;
  line-height: 1.4rem;
}

/* line 2483, app/assets/stylesheets/application.scss */
.container-prjct-impct .loading .panel-lt > span:last-child,
.section-projects .results .loading .panel-lt > span:last-child {
  min-height: 40px;
  border-radius: 4px;
  -webkit-animation-delay: .06s;
          animation-delay: .06s;
  margin-top: 8px;
  display: block;
}

/* line 2491, app/assets/stylesheets/application.scss */
.container-prjct-impct .loading .panel-lt > span,
.section-projects .results .loading .panel-lt > span {
  background-color: var(--loading-grey);
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%) var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  -webkit-animation: 1s loading ease-in-out infinite;
          animation: 1s loading ease-in-out infinite;
}

@-webkit-keyframes loading {
  to {
    background-position-x: -20%;
  }
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}

/* **********************
 *     Projects Page     *
 *************************/
/* line 2511, app/assets/stylesheets/application.scss */
.project-description .section-locations .locations-list .list-item .item-img {
  width: 67px;
  height: 86px;
}

/* line 2515, app/assets/stylesheets/application.scss */
.project-description .section-locations .locations-list .list-item {
  gap: 20px;
  text-decoration: none;
}

/* line 2520, app/assets/stylesheets/application.scss */
.project-description .section-supporters .merchant-info .row .col-md .merch-avatar {
  width: 155px;
  height: 55px;
  flex-shrink: 0;
}

/* line 2526, app/assets/stylesheets/application.scss */
.project-description .project-link,
.profile-description .project-link {
  color: var(--Light-green, #8DC145);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  justify-content: right;
  display: flex;
}

/* line 2538, app/assets/stylesheets/application.scss */
.project-description .project-link .link_icon,
.profile-description .project-link .link_icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  top: 2px;
  position: relative;
}

/* line 2546, app/assets/stylesheets/application.scss */
.glider-next,
.glider-prev {
  color: #fff !important;
}

/* line 2550, app/assets/stylesheets/application.scss */
.glider-next {
  right: 0 !important;
}

/* line 2553, app/assets/stylesheets/application.scss */
.glider-prev {
  left: 0 !important;
}

/* **********************
   *   New Projects Page     *
   *************************/
/* line 2559, app/assets/stylesheets/application.scss */
.dp-flex {
  display: inline-flex !important;
}

/* line 2562, app/assets/stylesheets/application.scss */
.projects .new_project {
  margin: 80px auto;
}

/* line 2565, app/assets/stylesheets/application.scss */
.projects .row .form-control-wrap {
  padding: 0 5px;
}

/* line 2568, app/assets/stylesheets/application.scss */
#history-container {
  background-color: #fff;
}

/* line 2571, app/assets/stylesheets/application.scss */
.form-control,
.form-control input[type="text"],
.form-control input[type="password"],
.form-control input[type="button"],
.form-control input[type="tel"],
.form-control input[type="email"],
.form-control input[type="url"],
.form-control textarea {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  border-radius: 0 !important;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin: 10px 0 !important;
}

/* line 2593, app/assets/stylesheets/application.scss */
.projects .row .form-control-wrap .button {
  padding: 0 15px !important;
  width: auto !important;
  border-radius: 20px !important;
  margin-bottom: 40px !important;
}

/* line 2599, app/assets/stylesheets/application.scss */
.projects .form-control-wrap [type="checkbox"] {
  width: auto;
  height: auto;
  margin: 0 15px !important;
}

/* line 2604, app/assets/stylesheets/application.scss */
#new-project-container .btn-wrapper {
  margin: 2rem auto;
  max-width: 480px;
}

/* line 2608, app/assets/stylesheets/application.scss */
#new-project-container .sdgs_images_label {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

/* line 2613, app/assets/stylesheets/application.scss */
#new-project-container .sdg-container {
  width: 18%;
  display: inline-grid;
  padding: 4px 0;
}

/* line 2618, app/assets/stylesheets/application.scss */
#new-project-container .project-images-container .thumbnail {
  width: 85px;
  height: 85px;
  overflow: hidden;
  display: inline-grid;
  padding: 4px 0;
}

/* line 2625, app/assets/stylesheets/application.scss */
#new-project-container .project-images-container .thumbnail .image-preview {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 2630, app/assets/stylesheets/application.scss */
#new-project-container .sdg-container [type="checkbox"] {
  margin-bottom: 2px !important;
}

/* line 2633, app/assets/stylesheets/application.scss */
#new-project-container img.image-preview {
  width: 100%;
}

/* line 2636, app/assets/stylesheets/application.scss */
#new-project-container .project-images-container {
  width: 100%;
}

/* line 2639, app/assets/stylesheets/application.scss */
.locations-metrics-wrapper .section-locations .location-info {
  overflow-y: scroll;
  border-radius: 5px;
  display: flex;
  width: 100%;
  height: 710px;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 576px) {
  /* line 2649, app/assets/stylesheets/application.scss */
  .container,
.page-max-width-contained {
    max-width: 540px;
  }
}

@media (min-width: 769px) {
  /* line 2660, app/assets/stylesheets/application.scss */
  .container,
.page-max-width-contained {
    max-width: 720px;
  }
  /* line 2665, app/assets/stylesheets/application.scss */
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  /* line 2679, app/assets/stylesheets/application.scss */
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 992px) {
  /* line 2687, app/assets/stylesheets/application.scss */
  .container,
.page-max-width-contained {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  /* line 2694, app/assets/stylesheets/application.scss */
  .container,
.page-max-width-contained {
    max-width: 1160px;
  }
}

@media (max-width: 768px) {
  /* line 2705, app/assets/stylesheets/application.scss */
  .respek-logo-n {
    height: 140px;
    margin: auto;
    top: 0em;
  }
  /* line 2710, app/assets/stylesheets/application.scss */
  .respek header .nav li.mobile.logo .respek-logo {
    width: 145px;
    height: 210px;
    top: -1em;
  }
  /* line 2715, app/assets/stylesheets/application.scss */
  .respek header {
    margin-bottom: 30px;
  }
  /* line 2718, app/assets/stylesheets/application.scss */
  .merchant-info {
    max-width: 100%;
  }
  /* line 2721, app/assets/stylesheets/application.scss */
  .container {
    padding: 0 24px;
  }
  /* line 2724, app/assets/stylesheets/application.scss */
  .w-50 {
    flex: 0 0 50% !important;
    width: 50% !important;
  }
  /* line 2728, app/assets/stylesheets/application.scss */
  .txt-small {
    bottom: -10px;
  }
  /* line 2731, app/assets/stylesheets/application.scss */
  .project-description {
    padding-bottom: 80px !important;
  }
  /* line 2734, app/assets/stylesheets/application.scss */
  .merch-profile .section-projects {
    margin-top: 64px;
  }
  /* line 2737, app/assets/stylesheets/application.scss */
  .merch-profile .section-projects .results .col-md-4:first-child {
    width: 100%;
  }
  /* line 2740, app/assets/stylesheets/application.scss */
  .merch-profile .section-projects .results {
    gap: 8px;
  }
  /* line 2743, app/assets/stylesheets/application.scss */
  .merch-profile .section-projects .results .col-md-4.w-50,
.container-prjct-impct .w-50 {
    max-width: 48.5%;
  }
  /* line 2747, app/assets/stylesheets/application.scss */
  .container-prjct-impct .col-md-3.w-50 {
    min-width: 150px;
  }
  /* line 2750, app/assets/stylesheets/application.scss */
  .merch-profile .pill-status {
    padding: 15.159px 12.127px;
  }
  /* line 2753, app/assets/stylesheets/application.scss */
  .project-charts .pill-captured .panel-lt .amount,
.merch-profile .pill-captured .panel-lt .amount,
.merch-profile .pill-restored .panel-lt .amount,
.container-prjct-impct .col-md-3 .panel-lt .amount {
    font-size: 30.317px;
  }
  /* line 2759, app/assets/stylesheets/application.scss */
  .merch-profile .pill-captured .panel-lt > span,
.merch-profile .pill-status .panel-lt > span,
.merch-profile .pill-restored .panel-lt > span {
    font-size: 9.095px;
  }
  /* line 2764, app/assets/stylesheets/application.scss */
  .merch-profile .pill-status .panel-lt {
    width: 100%;
  }
  /* line 2767, app/assets/stylesheets/application.scss */
  .merch-profile .pill-status .info .content {
    padding: 5px 0px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
  }
  /* line 2774, app/assets/stylesheets/application.scss */
  .section-projects .results .pill-restored {
    height: auto;
  }
  /* line 2777, app/assets/stylesheets/application.scss */
  .section-projects .results .col-md-4 .pill-status .panel-lt {
    width: 100%;
  }
  /* line 2780, app/assets/stylesheets/application.scss */
  .section-projects .results .col-md-4 .pill-status .panel-rt {
    margin-bottom: 16px;
  }
  /* line 2783, app/assets/stylesheets/application.scss */
  .container-prjct-impct .col-md-3 {
    height: auto;
    margin-bottom: 0;
  }
  /* line 2787, app/assets/stylesheets/application.scss */
  .container-prjct-impct .col-md-3 {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 15px;
  }
  /* line 2792, app/assets/stylesheets/application.scss */
  .section-filter {
    margin-top: 64px;
  }
  /* line 2795, app/assets/stylesheets/application.scss */
  .project-details .col-md {
    margin-bottom: 15px;
  }
  /* line 2798, app/assets/stylesheets/application.scss */
  .project-details .row:last-child {
    margin-top: 0 !important;
  }
  /* line 2801, app/assets/stylesheets/application.scss */
  .merch-profile .pill-status {
    display: inline-grid;
    order: 1;
    height: auto;
  }
  /* line 2807, app/assets/stylesheets/application.scss */
  .merch-profile .pill-status .panel-lt {
    order: 2;
  }
  /* line 2810, app/assets/stylesheets/application.scss */
  .container-prjct-impct {
    gap: 8px;
  }
  /* line 2813, app/assets/stylesheets/application.scss */
  .section-projects {
    margin-top: 24px;
  }
  /* line 2816, app/assets/stylesheets/application.scss */
  .section-projects .project-charts .row .col-md {
    padding: 0 !important;
    margin-bottom: 12px;
  }
  /* line 2820, app/assets/stylesheets/application.scss */
  .section-projects .project-charts .pill-captured {
    display: flex;
    min-width: 312px;
    padding: 17px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    height: auto;
  }
  /* line 2830, app/assets/stylesheets/application.scss */
  .section-projects .project-charts .pill-captured .panel-lt .cloud_icon {
    right: 30px;
    top: 20px;
    width: 50px;
  }
  /* line 2835, app/assets/stylesheets/application.scss */
  .section-projects .project-charts .row {
    margin-top: 10px;
  }
  /* line 2838, app/assets/stylesheets/application.scss */
  .section-locations {
    margin-top: 54px;
    margin-bottom: 0;
  }
  /* line 2842, app/assets/stylesheets/application.scss */
  .section-locations > .row > .col-md > .title {
    font-size: 16px;
  }
  /* line 2845, app/assets/stylesheets/application.scss */
  .section-locations > .row > .col-md > p {
    font-size: 14px;
  }
  /* line 2848, app/assets/stylesheets/application.scss */
  .section-locations .row:first-child .col-md {
    width: 100%;
  }
  /* line 2851, app/assets/stylesheets/application.scss */
  .section-about {
    order: 2;
  }
  /* line 2854, app/assets/stylesheets/application.scss */
  .section-locations {
    order: 1;
  }
  /* line 2857, app/assets/stylesheets/application.scss */
  .section-locations .locations-list,
.section-locations .locations-list .list-item {
    width: 100%;
  }
  /* line 2861, app/assets/stylesheets/application.scss */
  .section-locations .locations-list {
    height: auto;
    max-height: 710px;
    min-height: 200px;
  }
  /* line 2866, app/assets/stylesheets/application.scss */
  .section-locations .locations-list .list-item {
    padding: 32px;
    min-height: 160px;
    position: relative;
  }
  /* line 2871, app/assets/stylesheets/application.scss */
  .project-description .section-locations .locations-list .list-item .item-img {
    width: 56px;
    height: 44px;
    flex-shrink: 0;
  }
  /* line 2876, app/assets/stylesheets/application.scss */
  .section-locations .locations-list .list-item .item-img {
    position: absolute;
    top: 2em;
  }
  /* line 2880, app/assets/stylesheets/application.scss */
  .locations-metrics-wrapper .section-locations .locations-list .list-item .item-img {
    top: 0.5em;
  }
  /* line 2883, app/assets/stylesheets/application.scss */
  .section-locations .locations-list .list-item .item-info {
    position: relative;
    top: 3em;
    width: 100%;
  }
  /* line 2888, app/assets/stylesheets/application.scss */
  .section-locations .locations-list .list-item .chevron {
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    position: relative;
    bottom: 8px;
  }
  /* line 2896, app/assets/stylesheets/application.scss */
  .section-locations > .row:last-child > .col-md:first-child {
    max-width: initial;
  }
  /* line 2899, app/assets/stylesheets/application.scss */
  .section-locations .locations-list .list-item .item-status {
    position: absolute;
    float: right;
    right: 35px;
    margin: auto;
    top: 2em;
    width: 45%;
  }
  /* line 2907, app/assets/stylesheets/application.scss */
  .section-locations .locations-list .list-item .item-info .subtitle {
    font-size: 12px;
  }
  /* line 2910, app/assets/stylesheets/application.scss */
  .section-locations .locations-list .list-item .title {
    font-size: 18.517px;
  }
  /* line 2913, app/assets/stylesheets/application.scss */
  .section-locations .container .locations-list .list-item .item-status .status {
    width: 100%;
    display: inline-flex;
  }
  /* line 2917, app/assets/stylesheets/application.scss */
  .section-locations .locations-list .list-item .item-status .status .col-md {
    width: 50%;
  }
  /* line 2920, app/assets/stylesheets/application.scss */
  .section-locations .row > .col-md:last-child {
    width: 100%;
  }
  /* line 2923, app/assets/stylesheets/application.scss */
  .list-item-info .carousel .slick-slider .slick-track {
    width: 100%;
  }
  /* line 2926, app/assets/stylesheets/application.scss */
  .section-locations .list-item-info .carousel {
    width: 100%;
  }
  /* line 2929, app/assets/stylesheets/application.scss */
  .section-locations .list-item-info {
    border-radius: 0;
  }
  /* line 2932, app/assets/stylesheets/application.scss */
  .section-locations .list-item-info .item-details h4 {
    font-size: 16px;
  }
  /* line 2935, app/assets/stylesheets/application.scss */
  .section-locations .list-item-info .item-details .subtitle {
    font-size: 12px;
  }
  /* line 2938, app/assets/stylesheets/application.scss */
  .section-locations .list-item-info .item-details > .row {
    gap: 20px;
  }
  /* line 2941, app/assets/stylesheets/application.scss */
  .section-locations .list-item-info .item-details > .row:first-child {
    gap: 0;
  }
  /* line 2944, app/assets/stylesheets/application.scss */
  .section-locations .list-item-info .item-details > .row:first-child .col-md {
    width: 50%;
  }
  /* line 2947, app/assets/stylesheets/application.scss */
  .projects .project-history {
    width: 100%;
  }
  /* line 2950, app/assets/stylesheets/application.scss */
  .section-about {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  /* line 2954, app/assets/stylesheets/application.scss */
  .section-about .row .content {
    text-align: center;
  }
  /* line 2957, app/assets/stylesheets/application.scss */
  .section-about .row .about-images {
    display: flex;
    width: 304.582px;
    padding: 0px 16.874px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 12px 10.125px;
    flex-wrap: wrap;
    margin-top: 30px;
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
  }
  /* line 2970, app/assets/stylesheets/application.scss */
  .section-about .row .about-images .images {
    width: 129.25px;
    height: 129.25px;
    margin: 8px;
  }
  /* line 2975, app/assets/stylesheets/application.scss */
  .section-about .row .about-images > .row {
    width: 100%;
  }
  /* line 2978, app/assets/stylesheets/application.scss */
  .respek .respek-footer div.center {
    display: flex;
    width: 100%;
    height: 601px;
    padding: 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    padding-bottom: 32px;
  }
  /* line 2989, app/assets/stylesheets/application.scss */
  footer .sponsors .sponsor-container {
    display: block;
  }
  /* line 2992, app/assets/stylesheets/application.scss */
  footer .sponsors .sponsor-container .sponsor-row:first-child {
    text-align: center;
  }
  /* line 2995, app/assets/stylesheets/application.scss */
  .respek .respek-footer.links {
    width: 100%;
  }
  /* line 2998, app/assets/stylesheets/application.scss */
  .respek .respek-footer .container .panel-rt {
    width: 100%;
  }
  /* line 3001, app/assets/stylesheets/application.scss */
  .respek .respek-footer.links .container .row > .panel-lt > .row:last-child {
    margin-bottom: 53px;
  }
  /* line 3004, app/assets/stylesheets/application.scss */
  .respek .respek-footer.links .container .panel-rt > .row {
    gap: 64px;
  }
  /* line 3007, app/assets/stylesheets/application.scss */
  .respek .respek-footer.copyright {
    width: 100%;
    display: flex;
    height: 77px;
    padding: 12px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
  }
  /* line 3018, app/assets/stylesheets/application.scss */
  .respek .respek-footer.copyright .container .row span {
    font-size: 7px;
    margin: auto;
  }
  /* line 3022, app/assets/stylesheets/application.scss */
  .respek .respek-footer.copyright .container .row .terms-links {
    margin: auto;
    margin-top: 6px;
  }
}