@charset "UTF-8";
@import url(" https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Averia+Sans+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url(" https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700&display=swap");

@-ms-viewport {
    width: device-width
}

html {
    box-sizing: border-box
}

*,
*::before,
*::after {
    box-sizing: inherit
}

.dd-container .dd-select {
    border: 1px solid #e3e3d8;
    border-radius: 24px
}

.dd-container .dd-selected-image,
.dd-container .dd-option-image {
    margin-right: 10px;
    max-width: 30px
}

.dd-container .dd-selected {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    line-height: 26px;
    padding: 10px
}

.dd-container .dd-selected-text {
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 20px
}

.dd-container .dd-option-selected {
    background: #eee
}

.dd-container label {
    padding: 0
}

.dd-container .dd-pointer {
    border: 0;
    line-height: 20px;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    text-align: center;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    width: 20px
}

.dd-container .dd-pointer:before {
    content: "\e80c";
    font-family: "fontello"
}

.dd-container .dd-pointer.dd-pointer-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@font-face {
    font-family: 'fontello';
    src: url("../font/fontello.eot?77088812");
    src: url("../font/fontello.eot?77088812#iefix") format("embedded-opentype"), url("../font/fontello.woff2?77088812") format("woff2"), url("../font/fontello.woff?77088812") format("woff"), url("../font/fontello.ttf?77088812") format("truetype"), url("../font/fontello.svg?77088812#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-spin6:before {
    content: '\e799'
}

.icon-facebook:before {
    content: '\e800'
}

.icon-check:before {
    content: '\e801'
}

.icon-cursor:before {
    content: '\e802'
}

.icon-bag:before {
    content: '\e803'
}

.icon-arrow-up-round:before {
    content: '\e804'
}

.icon-linkedin:before {
    content: '\e805'
}

.icon-min:before {
    content: '\e806'
}

.icon-logo:before {
    content: '\e807'
}

.icon-twitter:before {
    content: '\e808'
}

.icon-world:before {
    content: '\e809'
}

.icon-pinterest:before {
    content: '\e80a'
}

.icon-arrow-down:before {
    content: '\e80b'
}

.icon-arrow-down-round:before {
    content: '\e80c'
}

.icon-arrow-left:before {
    content: '\e80d'
}

.icon-arrow-left-round:before {
    content: '\e80e'
}

.icon-youtube:before {
    content: '\e80f'
}

.icon-arrow-left-long:before {
    content: '\e810'
}

.icon-arrow-right:before {
    content: '\e811'
}

.icon-arrow-right-long:before {
    content: '\e812'
}

.icon-play:before {
    content: '\e813'
}

.icon-plus:before {
    content: '\e814'
}

.icon-arrow-right-round:before {
    content: '\e815'
}

.icon-search:before {
    content: '\e816'
}

.icon-arrow-up:before {
    content: '\e817'
}

.icon-origin:before {
    content: '\e818'
}

.icon-profile:before {
    content: '\e819'
}

.icon-cancel-round:before {
    content: '\e81a'
}

.icon-trash:before {
    content: '\e81b'
}

.icon-people:before {
    content: '\e81c'
}

.icon-arrow-down-big:before {
    content: '\e81d'
}

.icon-help-circled:before {
    content: '\e81e'
}

.icon-cancel:before {
    content: '\e81f'
}

.icon-female:before {
    content: '\e820'
}

.icon-arrow-right-alt:before {
    content: '\e821'
}

.icon-male:before {
    content: '\e822'
}

.icon-bullet:before {
    content: '\e823'
}

.icon-calendar:before {
    content: '\e824'
}

.icon-mail:before {
    content: '\e825'
}

.icon-cart-fill:before {
    content: '\e826'
}

.icon-cart:before {
    content: '\e827'
}

.icon-cart-rounded:before {
    content: '\e828'
}

.icon-cart-rounded-full:before {
    content: '\e829'
}

.icon-check-round:before {
    content: '\e82a'
}

.icon-team:before {
    content: '\e82b'
}

.icon-muscles:before {
    content: '\e82c'
}

.icon-mobile:before {
    content: '\e82d'
}

.icon-camera:before {
    content: '\e82e'
}

.icon-smartphone:before {
    content: '\e82f'
}

.icon-plus-bg:before {
    content: '\e830'
}

.icon-bin:before {
    content: '\e831'
}

.icon-apple:before {
    content: '\e832'
}

.icon-paper:before {
    content: '\e833'
}

.icon-foot:before {
    content: '\e834'
}

.icon-eye:before {
    content: '\e835'
}

.icon-download:before {
    content: '\e836'
}

.icon-telephone:before {
    content: '\e837'
}

.icon-right:before {
    content: '\e838'
}

.icon-info:before {
    content: '\e839'
}

.icon-left:before {
    content: '\e83a'
}

.icon-right-open-mini:before {
    content: '\e83b'
}

.icon-person:before {
    content: '\e83c'
}

.icon-location:before {
    content: '\e83d'
}

.icon-time:before {
    content: '\e83e'
}

.icon-share:before {
    content: '\e83f'
}

.icon-delete:before {
    content: '\e840'
}

.icon-filter:before {
    content: '\e844'
}

.icon-link:before {
    content: '\f07b'
}

.icon-euro:before {
    content: '\f153'
}

.icon-instagram:before {
    content: '\f16d'
}

.icon-whatsapp:before {
    content: '\f232'
}

.animate-spin {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.ellip {
    display: block
}

.ellip-line {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

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

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

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

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

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

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

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

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

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

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

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

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

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 30px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #01895b;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}

*,
*:after,
*::before {
    box-sizing: border-box
}

html,
body,
.container,
.scroller {
    height: 100%;
    max-width: 2560px;
    margin: 0 auto
}

@media(max-width:1039px) {

    .scroller,
    .scroller-inner {
        position: relative
    }
}

.toggle-menu {
    display: none;
    width: 80px;
    height: 20px;
    position: absolute;
    top: 30px;
    right: 25px;
    z-index: 121;
    background: 0;
    border: 0
}

.header--checkout .toggle-menu {
    display: none
}

.toggle-menu:focus {
    outline: 0
}

@media(max-width:1039px) {
    .toggle-menu {
        display: block
    }
}

.toggle-menu .menu-text {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
    opacity: .9;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 2px;
    margin-right: 10px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.toggle-menu .menu-line {
    display: block;
    background: #fff;
    width: 28px;
    height: 3px;
    position: absolute;
    right: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.toggle-menu .menu-line.menu-line--1 {
    top: 0
}

.toggle-menu .menu-line.menu-line--2 {
    top: 50%
}

.toggle-menu .menu-line.menu-line--3 {
    top: 100%
}

.toggle-menu--hide {
    top: -150px
}

.toggle-menu--fixed {
    position: fixed;
    top: 34px;
    -webkit-transition: top .5s ease-in;
    transition: top .5s ease-in
}

.toggle-menu--fixed .menu-text,
.header--static .menu-text,
.header--shop .menu-text,
.header--search .menu-text {
    color: #000
}

.toggle-menu--fixed .menu-line,
.header--static .menu-line,
.header--shop .menu-line,
.header--search .menu-line {
    background: #000
}

.mobile-cart {
    display: none;
    position: absolute;
    top: 19px;
    right: 120px;
    z-index: 121
}

@media(max-width:1039px) {
    .mobile-cart.has-items {
        display: block
    }
}

.header--checkout .mobile-cart {
    display: none
}

.header--static .mobile-cart a,
.header--shop .mobile-cart a,
.header--search .mobile-cart a,
.mobile-cart.mobile-cart--fixed a {
    color: #699443
}

.mobile-cart .cart-counter {
    position: relative;
    top: -4px
}

.mobile-cart a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1.17px
}

.mobile-cart i {
    font-size: 30px;
    margin-right: 10px
}

.mobile-cart .cart-n-items {
    display: none;
    position: relative;
    top: -17px;
    right: -40px;
    font-size: 10px;
    border-radius: 50%;
    padding: 1px 5px;
    background-color: #996f47;
    z-index: 1;
    color: #fff
}

.mobile-cart .cart-n-items.double-digits {
    top: -20px;
    right: -42px;
    padding: 3px 5px
}

.mobile-cart--hide {
    top: -150px
}

.mobile-cart--fixed {
    position: fixed;
    top: 23px;
    -webkit-transition: top .5s ease-in;
    transition: top .5s ease-in
}

.mp-pusher {
    position: relative;
    left: 0;
    height: 100%
}

.mobile-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #fff;
    pointer-events: none
}

@media(min-width:1040px) {
    .mobile-menu {
        display: none
    }
}

.mp-level {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f9f9f8;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    overflow: visible
}

.mp-level[data-level="1"] {
    background: #fff
}

.mp-level[data-level="1"]>ul {
    height: 100%;
    padding-bottom: 0
}

.mp-pusher::after,
.mp-level::after {
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity .3s, width .1s .3s, height .1s .3s;
    transition: opacity .3s, width .1s .3s, height .1s .3s
}

.mp-level::after {
    z-index: -1
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(max-width:1039px) {
    .mp-pusher.mp-pushed {
        overflow: hidden
    }
}

.mp-pusher.mp-pushed .breadcrumb {
    opacity: 0;
    display: none
}

.mp-pusher.mp-pushed .mobile-menu {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: initial
}

.mp-pusher.mp-pushed .mobile-cart a {
    color: #699443
}

.mp-pusher.mp-pushed .toggle-menu .menu-text {
    color: #000
}

.mp-pusher.mp-pushed .toggle-menu .menu-line {
    background: #000
}

.mp-pusher.mp-pushed .toggle-menu .menu-line--1 {
    -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
    -ms-transform: translateY(10px) translateX(0) rotate(45deg);
    transform: translateY(10px) translateX(0) rotate(45deg)
}

.mp-pusher.mp-pushed .toggle-menu .menu-line--2 {
    opacity: 0
}

.mp-pusher.mp-pushed .toggle-menu .menu-line--3 {
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-10px) translateX(0) rotate(-45deg);
    transform: translateY(-10px) translateX(0) rotate(-45deg)
}

.mp-pusher.mp-pushed .header--static,
.mp-pusher.mp-pushed .header--search {
    background: 0
}

.mp-level.mp-level-overlay {
    cursor: pointer
}

.mp-level.mp-level-overlay.mp-level::before {
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 1
}

.mp-pusher,
.mp-level {
    -webkit-transition: all .5s;
    transition: all .5s
}

.mp-overlap .mp-level.mp-level-open {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0)
}

.mp-cover .mp-level.mp-level-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mp-cover .mp-level.mp-level-open>ul>li>.mp-level:not(.mp-level-open) {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.menu-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow-x: hidden;
    overflow-y: auto
}

.menu-wrapper>.mp-level,
.menu-wrapper>.mp-level.mp-level-open,
.menu-wrapper.mp-overlap>.mp-level,
.menu-wrapper.mp-overlap>.mp-level.mp-level-open {
    box-shadow: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.menu-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: calc(100% - 40px);
    overflow: scroll;
    padding-bottom: 18px
}

.menu-wrapper ul li>a {
    position: relative;
    display: block;
    padding: 15px 25px;
    outline: 0;
    font-size: 15px;
    line-height: 20px;
    color: #4a4a4a;
    letter-spacing: 1.25px;
    -webkit-transition: background .3s, box-shadow .3s;
    transition: background .3s, box-shadow .3s
}

.menu-wrapper .mp-level-overlay>ul>li>a {
    position: static
}

.menu-wrapper .mp-level-overlay>ul>li>a:before {
    opacity: 0
}

.menu-wrapper ul li a:before {
    position: absolute;
    right: 25px;
    z-index: -1;
    color: #4a4a4a;
    font-size: 12px
}

.menu-wrapper h2 {
    margin: 0;
    padding: 1em;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 2em
}

.menu-wrapper.mp-overlap h2::before {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 8px;
    font-size: 75%;
    line-height: 1.8;
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .1s .3s;
    transition: opacity .3s, -webkit-transform .1s .3s;
    transition: opacity .3s, transform .1s .3s;
    transition: opacity .3s, transform .1s .3s, -webkit-transform .1s .3s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.menu-wrapper.mp-cover h2 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1em
}

.mp-overlap .mp-level.mp-level-overlay>h2::before {
    opacity: 1;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu ul li a:hover,
.mp-level>ul>li:first-child>a:hover {
    background: rgba(0, 0, 0, 0.2)
}

.mp-back {
    display: block;
    background: #fff;
    outline: 0;
    color: #000;
    letter-spacing: 1.38px;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    padding: 18px 25px 18px 45px;
    position: relative;
    -webkit-transition: background .3s;
    transition: background .3s
}

.mp-back:after {
    content: "\e80e";
    font-family: "fontello";
    position: absolute;
    top: 16px;
    left: 20px;
    font-size: 14px;
    color: #000
}

.mobile-menu .mp-level.mp-level-overlay>.mp-back,
.mobile-menu .mp-level.mp-level-overlay>.mp-back::after {
    background: transparent;
    box-shadow: none;
    color: transparent
}

.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
    padding-left: 300px
}

.no-csstransforms3d .mobile-menu .mp-level,
.no-js .mobile-menu .mp-level {
    display: none
}

.no-csstransforms3d .mobile-menu>.mp-level,
.no-js .mobile-menu>.mp-level {
    display: block
}

#powerTip {
    cursor: default;
    box-shadow: 0 0 37px -7px rgba(0, 0, 0, 0.33);
    background-color: #f6f5f2;
    border-color: #f6f5f2;
    border-radius: 6px;
    color: #78786f;
    display: none;
    max-width: 300px;
    padding: 20px;
    position: absolute;
    z-index: 2147483647;
    font-size: 12px;
    line-height: 16px
}

#powerTip:before {
    content: attr(class) " ";
    position: absolute;
    height: 0;
    width: 0;
    text-indent: 100%;
    overflow: hidden
}

#powerTip.n:before,
#powerTip.s:before {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    left: 50%;
    margin-left: -15px
}

#powerTip.e:before,
#powerTip.w:before {
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    margin-top: -15px;
    top: 50%
}

#powerTip.n:before,
#powerTip.ne:before,
#powerTip.nw:before {
    bottom: -10px
}

#powerTip.n:before,
#powerTip.ne:before,
#powerTip.nw:before,
#powerTip.nw-alt:before,
#powerTip.ne-alt:before {
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 10px
}

#powerTip.e:before {
    border-right-color: inherit;
    border-right-style: solid;
    border-right-width: 10px;
    left: -10px
}

#powerTip.s:before,
#powerTip.se:before,
#powerTip.sw:before {
    top: -10px
}

#powerTip.s:before,
#powerTip.se:before,
#powerTip.sw:before,
#powerTip.sw-alt:before,
#powerTip.se-alt:before {
    border-bottom-color: inherit;
    border-bottom-style: solid;
    border-bottom-width: 10px
}

#powerTip.w:before {
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 10px;
    right: -10px
}

#powerTip.ne:before,
#powerTip.se:before {
    border-right: 10px solid transparent;
    border-left: 0;
    left: 10px
}

#powerTip.nw:before,
#powerTip.sw:before {
    border-left: 10px solid transparent;
    border-right: 0;
    right: 10px
}

#powerTip.nw-alt:before,
#powerTip.ne-alt:before,
#powerTip.sw-alt:before,
#powerTip.se-alt:before {
    bottom: -10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 10px
}

#powerTip.ne-alt:before {
    left: auto;
    right: 10px
}

#powerTip.sw-alt:before,
#powerTip.se-alt:before {
    border-top: 0;
    bottom: auto;
    top: -10px
}

#powerTip.se-alt:before {
    left: auto;
    right: 10px
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #83bd4f
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #76b042
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: 0;
    border: 0
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    -webkit-transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s, -webkit-transform .3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
    transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s, -webkit-transform .3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.-only-timepicker- .datepicker--content {
    display: none
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
    left: 20px
}

.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    right: 20px
}

.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    top: 20px
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    bottom: 20px
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body {
    display: none
}

.datepicker--body.active {
    display: block
}

.datepicker--cells {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #4eb5e6
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #4eb5e6
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(93, 139, 52, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(93, 139, 52, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    color: #fff;
    border: 0;
    background: #01895b
}

.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #01895b
}

.datepicker--cell.-selected-.-focus- {
    background: #51782d
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #01895b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cell-day.-other-month- {
    display: none
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--years {
    height: 170px
}

.datepicker--cells-years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepicker--nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-title,
.datepicker--nav-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action:hover {
    background: #f0f0f0
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #01895b;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #01895b;
    margin-left: 5px
}

.datepicker--nav-title:hover {
    background: #f0f0f0
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0
}

.datepicker--buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef
}

.datepicker--button {
    color: #4eb5e6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.storyteq-player {
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-top: 56.25%;
    background: #f5f5f5
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js {
    font-size: 13px
}

.video-js.vjs-fullscreen {
    font-size: 17px
}

.video-js .vjs-big-play-button,
.vjs-big-play-centered .vjs-big-play-button {
    font-size: 7em;
    line-height: 1.34em;
    height: 1.4em;
    width: 1.4em;
    color: #fff;
    border: .06666em solid #fff;
    border-radius: 50%;
    margin-top: -0.7em;
    margin-left: -0.7em;
    top: 50%;
    left: 50%
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    color: #fff;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    -webkit-transition: all 0s;
    transition: all 0s
}

.video-js .vjs-progress-control {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js:hover .vjs-progress-holder {
    font-size: 2em
}

.video-js .vjs-current-time {
    display: block;
    padding-right: 0
}

.video-js .vjs-time-divider {
    display: block
}

.video-js .vjs-duration {
    display: block;
    padding-left: 0
}

.video-js .vjs-remaining-time {
    margin-right: auto;
    visibility: hidden
}

.video-js .vjs-control-bar {
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, rgba(23, 23, 23, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(23, 23, 23, 0) 0, rgba(0, 0, 0, 0.4) 100%)
}

.video-js .vjs-play-progress:before {
    font-size: 1em;
    top: -0.34777777777em
}

.video-js .vjs-load-progress,
.video-js .vjs-load-progress div {
    background-color: rgba(255, 255, 255, 0.4)
}

.video-js .vjs-slider {
    background-color: rgba(255, 255, 255, 0.2)
}

.video-js .vjs-play-control:before,
.video-js .vjs-fullscreen-control:before {
    font-size: 2.3em;
    line-height: 1.33
}

/*!

 * Bootstrap v3.4.1 (https://getbootstrap.com/)

 * Copyright 2011-2019 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow:after {
    content: "";
    border-width: 10px
}

.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25)
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@-ms-viewport {
    width: device-width
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: "Rubik", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #35352a;
    text-align: left;
    background-color: #FFF
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #35352a;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #01895b;
    text-decoration: none
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

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

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

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

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

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

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.site-wrapper {
    max-width: 2560px;
    margin: 0 auto
}

.site-wrapper.has-modal {
    overflow: hidden
}

.section {
    --block-margin: 50px;
    margin-bottom: var(--block-margin)
}

@media(min-width:768px) {
    .section {
        --block-margin: 90px
    }
}

.section:last-of-type {
    margin-bottom: 0
}

.section:last-of-type:not(.rondo-block):not(.buttons-block):not(.campaign-cta-block):not(.video-block):not(.donor-block):not(.story-block):not(.periodic-donation-block):not(.faq-form-block):not(.benefits-block) {
    padding-bottom: var(--block-margin)
}

.header--shop .section {
    --block-margin: 20px
}

.container {
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

@media(min-width:768px) {
    .row--gutter-10 {
        margin-right: -5px;
        margin-left: -5px
    }

    .row--gutter-10>.col,
    .row--gutter-10>[class*="col-"] {
        padding-right: 5px;
        padding-left: 5px
    }
}

@media(min-width:768px) {
    .row--gutter-30 {
        margin-right: -15px;
        margin-left: -15px
    }

    .row--gutter-30>.col,
    .row--gutter-30>[class*="col-"] {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media(min-width:768px) {
    .row--gutter-40 {
        margin-right: -20px;
        margin-left: -20px
    }

    .row--gutter-40>.col,
    .row--gutter-40>[class*="col-"] {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media(min-width:768px) {
    .row--gutter-50 {
        margin-right: -25px;
        margin-left: -25px
    }

    .row--gutter-50>.col,
    .row--gutter-50>[class*="col-"] {
        padding-right: 25px;
        padding-left: 25px
    }
}

@media(min-width:1200px) {
    .row--xl-gutter-50 {
        margin-right: -25px;
        margin-left: -25px
    }

    .row--xl-gutter-50>.col,
    .row--xl-gutter-50>[class*="col-"] {
        padding-right: 25px;
        padding-left: 25px
    }
}

@media(min-width:768px) {
    .row--gutter-60 {
        margin-right: -30px;
        margin-left: -30px
    }

    .row--gutter-60>.col,
    .row--gutter-60>[class*="col-"] {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media(min-width:768px) {
    .row--gutter-100 {
        margin-right: -50px;
        margin-left: -50px
    }

    .row--gutter-100>.col,
    .row--gutter-100>[class*="col-"] {
        padding-right: 50px;
        padding-left: 50px
    }
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.grid4__item,
.col-md-4,
.col-md-5,
.col-md-6,
.grid4__item--2,
.col-md-7,
.col-md-8,
.col-md-9,
.grid4__item--3,
.col-md-10,
.col-md-11,
.col-md-12,
.grid4__item--4,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 7.5px;
    padding-left: 7.5px
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media(min-width:576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3,
    .grid4__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6,
    .grid4__item--2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9,
    .grid4__item--3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12,
    .grid4__item--4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:1400px) {
    .col-xxl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xxl-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xxl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xxl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xxl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xxl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xxl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xxl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xxl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xxl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xxl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xxl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xxl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xxl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xxl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }
}

.grid {
    display: grid
}

.grid__duo {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 97px
}

.grid4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px
}

.grid4__item {
    margin-bottom: 15px
}

.grid-no-gutters {
    margin-left: 0;
    margin-right: 0
}

.grid-no-gutters .grid4__item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0
}

.section-search {
    margin-bottom: 30px;
    position: relative
}

@media(max-width:1199.98px) {
    .section-search {
        margin-bottom: 20px
    }
}

.section-search input {
    width: 100%;
    border-radius: 30px;
    border-color: #78786f
}

.section-search__submit {
    position: absolute;
    top: 17px;
    right: 25px;
    border: 0;
    background: #fff;
    padding: 2px 5px 2px 10px;
    line-height: 22px;
    color: #78786f
}

.section-search__submit:hover {
    cursor: pointer
}

.section-search__submit:focus {
    outline: 0
}

.section-search__submit i {
    font-size: 20px
}

.section-sorting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px;
    line-height: 38px
}

.section-sorting .form__select,
.section-sorting .FormSelection {
    margin-left: 10px
}

.section-sorting .form__select select,
.section-sorting .FormSelection select {
    min-width: 160px;
    color: #35352a
}

.section-sorting .form__select:after,
.section-sorting .FormSelection:after {
    color: #35352a
}

.regional-team__tools {
    margin-bottom: 30px
}

@media(min-width:768px) {
    .regional-team__tools {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width:767.98px) {
    .team-switch {
        margin-bottom: 10px
    }
}

.team-switch .btn {
    margin-right: 10px
}

@media(max-width:767.98px) {
    .team-switch .btn {
        margin-bottom: 10px
    }
}

.team-switch .btn.is-active {
    pointer-events: none
}

.page-title--h3 {
    font-size: 34px;
    line-height: 48px;
    font-weight: 400;
    font-family: "WWF", serif;
    margin-bottom: 20px
}

.page-paragraph {
    font-size: 16px;
    font-weight: 400;
    font-family: "Rubik", sans-serif;
    line-height: 24px;
    margin-bottom: 20px
}

.accordion__item {
    border-bottom: 1px solid #e5e4d3;
    padding: 8px 0;
    position: relative
}

.accordion__item.is-active:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.accordion__item.is-active .accordion__body {
    max-height: 1000px;
    margin-bottom: 8px
}

.accordion__item:after {
    content: "\e80c";
    font-family: "fontello";
    position: absolute;
    top: 15px;
    right: 15px;
    color: #78786f;
    font-size: 14px;
    -webkit-transition: -webkit-transform linear .1s;
    transition: -webkit-transform linear .1s;
    transition: transform linear .1s;
    transition: transform linear .1s, -webkit-transform linear .1s;
    pointer-events: none
}

.accordion__header {
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    cursor: pointer;
    padding: 8px 30px 8px 0
}

.accordion__body {
    font-size: 14px;
    line-height: 22px;
    color: #4a4a4a;
    margin-top: 5px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    transition: max-height .5s
}

.accordion__body a {
    color: #01895b;
    text-decoration: underline
}

.accordion__body a:hover {
    color: #446626
}

.accordion-block .accordion__header {
    font-size: 19px;
    font-weight: 500
}

.accordion-block .accordion__item:after {
    top: 20px
}

.accordion--pdp .accordion__item.is-active .accordion__body {
    max-height: 2000px
}

.accordion-block--form {
    margin-bottom: 30px
}

.accordion-block--form .accordion__header {
    font-size: 16px
}

.accordion__item--form {
    border-bottom: hidden;
    border-top: 1px solid #e5e4d3
}

.accordion__item--form:first-child {
    border-bottom: hidden;
    border-top: hidden
}

.activity-cancellation-block__list {
    display: grid;
    gap: 10px;
    grid-template-rows: auto auto auto auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    border-bottom: 1px solid gray;
    padding: 10px 0
}

.activity-cancellation-block__list li {
    display: grid;
    gap: 10px;
    grid-template-columns: 120px 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width:768px) {
    .activity-cancellation-block__list li {
        grid-template-columns: 200px 1fr
    }
}

.activity-cancellation-block__title {
    font-weight: bold
}

.activity__fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.activity__fields .form__item,
.activity__fields .Form__Element {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0;
    position: relative
}

.activity__fields .form__item>label,
.activity__fields .Form__Element>label {
    color: #78786f;
    left: 50px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    top: 16px
}

.activity__fields .form__item input:not(.FormTextbox__Input),
.activity__fields .Form__Element input:not(.FormTextbox__Input) {
    background: #f6f5f2;
    border: 1px solid #fff;
    line-height: 20px;
    padding: 19px 10px 10px
}

.activity__fields .form__item>input:not(.FormTextbox__Input),
.activity__fields .Form__Element>input:not(.FormTextbox__Input) {
    padding-left: 50px
}

.activity__fields .form__item[class*=" icon-"]:before,
.activity__fields .Form__Element[class*=" icon-"]:before {
    background: #f6f5f2;
    color: #01895b;
    left: 1px;
    right: auto;
    top: 1px
}

.activity__fields .form__item--donation {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.activity__fields .form__item--donation .form__radio {
    width: 33.33%
}

.activity__fields .form__checkbox {
    border: 0 !important
}

.activity__fields .form__checkbox label {
    padding: 0 10px 15px 35px;
    white-space: normal
}

.activity__fields .form__checkbox label:before {
    left: 0;
    top: 0
}

.activity__fields .form__checkbox input:checked~label:after {
    left: 2px;
    top: 2px
}

.activity__fields .form__radio {
    background: #f6f5f2;
    border-color: #fff
}

.activity__fields .form__radio label {
    padding: 19px 10px 19px 35px;
    white-space: nowrap
}

.activity__fields .form__radio label:before {
    left: 8px
}

.activity__fields .form__radio input:checked~label:after {
    left: 10px
}

.activity__fields .form__radio.form__radio--input label {
    padding: 10px 10px 10px 35px
}

.activity__fields .form__radio.form__radio--input input {
    background: #fff;
    min-width: 70px
}

.activity-info {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: -160px;
    padding: 12px;
    position: relative;
    z-index: 2
}

@media(min-width:992px) {
    .activity-info {
        margin-bottom: -130px;
        margin-top: 100px
    }
}

@media(max-width:991.98px) {
    .activity-info {
        margin-bottom: 0
    }
}

.info__item {
    color: #78786f;
    font-size: 14px;
    line-height: 22px;
    padding: 0 18px 0;
    display: grid;
    grid-template-columns: 20px auto;
    gap: 15px;
    margin-bottom: 23px
}

.info__item:first-of-type {
    padding-top: 22px
}

.info__section {
    border-top: 1px solid rgba(151, 151, 151, 0.23);
    margin: 0 -12px;
    padding: 18px 30px 24px;
    position: relative
}

.info__section--costs {
    background: #f5f5f5;
    padding: 31px 30px 25px;
    margin-bottom: 15px
}

.info__section-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 4px
}

.info__section--votes {
    background: #01895b;
    margin-bottom: 30px;
    padding: 15px 15px 20px
}

@media(max-width:767.98px) {
    .info__section--votes {
        padding-left: 15px;
        padding-right: 15px
    }
}

.info__section--votes .row {
    margin: 0 -15px
}

.info__section--votes .col-6 {
    padding: 0 15px
}

.info__section--votes .col-6:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.44)
}

.info__title {
    color: #000;
    font-size: 16px;
    padding-bottom: 3px;
    position: relative
}

.info__icon {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.info__icon:before {
    color: #01895b;
    display: block;
    font-size: 24px;
    line-height: 28px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.info__icon.icon-time:before {
    font-size: 18px;
    line-height: 21px
}

.info__subtitle {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 9px
}

.info__quantity {
    color: #000;
    display: inline-block;
    font-size: 25px;
    line-height: 18px;
    font-weight: 500
}

.info__quantity--total {
    color: #78786f
}

.info__tooltip {
    position: absolute;
    right: 20px;
    top: 10px
}

.info__price {
    color: #01895b;
    font-weight: 500;
    font-size: 18px;
    text-align: right;
    text-decoration: none
}

.info__price-line {
    letter-spacing: -.25px;
    margin-bottom: 10px;
    line-height: 26px
}

.info__price-line:last-of-type {
    margin-bottom: 0
}

.info__price-old {
    font-weight: 500;
    font-size: 14px;
    text-decoration: line-through;
    color: #bfbfbf
}

.info__link {
    color: #b3b3b3;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.38px;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase
}

.info__label {
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.info__votes {
    color: #fff;
    display: inline-block;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 1.2px;
    line-height: 38px
}

@media(max-width:575.98px) {
    .info__votes {
        font-size: 23px
    }
}

.info__votes--bignumber {
    font-size: 34px
}

@media(max-width:767.98px) {
    .info__votes--bignumber {
        font-size: 26px
    }
}

.info__label--total,
.info__votes--total {
    color: rgba(255, 255, 255, 0.7)
}

.activity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative
}

@media(min-width:768px) {
    .activity {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 240px
    }
}

.activity--small {
    background: #eee no-repeat center;
    background-size: cover;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0;
    height: 100%;
    padding: 70px 25px 20px
}

@media(min-width:768px) {
    .activity--small {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.activity--small .btn {
    display: block;
    margin: 0 -5px
}

.activity--special .activity__options {
    background: #dcedf2
}

.activity__image {
    background: #eee no-repeat center;
    background-size: cover;
    border-radius: 6px 6px 0 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 320px
}

@media(min-width:768px) {
    .activity__image {
        border-radius: 6px 0 0 6px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        height: auto;
        max-width: 30%
    }
}

.activity__text {
    border: 0 solid #efede5;
    border-width: 0 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 24px 23px 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:768px) {
    .activity__text {
        border-width: 1px 0
    }
}

.activity__options {
    background: rgba(226, 224, 206, 0.2);
    border: 0 solid #efede5;
    border-radius: 0 0 6px 6px;
    border-width: 0 1px 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 22px 21px
}

@media(min-width:768px) {
    .activity__options {
        border-radius: 0 6px 6px 0;
        border-width: 1px 1px 1px 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    .activity__options {
        padding: 20px 15px
    }
}

.activity__options .btn {
    margin-top: 9px;
    padding: 18px 0 18px;
    line-height: 13px
}

.activity__tag {
    font-size: 12px;
    padding-bottom: 9px;
    text-transform: uppercase;
    color: #4a4a4a
}

.activity__title {
    color: #1a1a1a;
    font-size: 24px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 15px
}

.activity__intro {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
    height: 100%;
    color: #78786f
}

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

.activity__location,
.activity__time,
.activity__spot {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 13px
}

.activity__location::before,
.activity__time::before,
.activity__spot::before {
    content: "";
    grid-row-start: 1;
    background-size: fill;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 20px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    box-sizing: content-box
}

.activity__location {
    padding-bottom: 15px
}

.activity__location::before {
    background-image: url("../img/svg/location.svg")
}

.activity__time {
    padding-bottom: 8px
}

.activity__time span {
    color: #4d4d4d
}

.activity__time::before {
    background-image: url("../img/svg/calander.svg")
}

.activity__spot {
    padding-bottom: 15px
}

.activity__spot::before {
    background-image: url("../img/svg/checkmark.svg");
    height: 21px
}

.activities__result {
    font-size: 19px;
    line-height: 30px;
    padding-bottom: 10px;
    text-align: center
}

@media(min-width:992px) {
    .activities__result {
        text-align: left
    }
}

.media-text-calculator .section-title--bottom {
    position: absolute;
    bottom: 0
}

.media-text-calculator .body-text {
    margin: 40px 0
}

.media-text-calculator .media-full-width-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 40px 0 !important
}

.anbi-calculator-form {
    margin-bottom: 50px
}

@media(min-width:768px) {
    .anbi-calculator-form {
        position: -webkit-sticky;
        position: sticky;
        top: 106px
    }
}

.anbi-validation-error {
    width: 100%;
    background: #d80036;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 16px;
    display: none
}

.anbi-calculator {
    width: 100%;
    padding: 25px 25px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
}

@media(min-width:768px) {
    .anbi-calculator {
        margin-top: -75px
    }
}

.anbi-calculator label {
    color: #35352a;
    font-size: 13px
}

.anbi-calculator input {
    padding: 5px 0 5px 20px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e2e0ce
}

.anbi-calculator .anbi-calculator__desc {
    margin-bottom: 20px
}

.anbi-calculator .anbi-calculator__input {
    margin-bottom: 30px
}

.anbi-calculator .anbi-calculator__footer {
    font-size: 10px;
    color: #78786f
}

.anbi-calculator .input-validation-error {
    border: 1px solid
}

.anbi-calculator .currency-input {
    display: inline-block;
    position: relative
}

.anbi-calculator .currency-input:before {
    content: "€";
    font-size: 14px;
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.anbi-calculator .anbi-calculator-result__nbr {
    font-size: 16px;
    font-weight: 500
}

.anbi-calculator .anbi-calculator-result {
    margin: 20px 0 15px
}

.anbi-calculator .anbi-calculator-result .anbi-calculator-result__title {
    padding: 10px 15px 10px 0;
    font-size: 13px
}

.anbi-calculator .anbi-calculator-result__subtitle {
    font-weight: 500
}

.anbi-calculator .error {
    color: red;
    display: none
}

.anchors {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
    pointer-events: none
}

.anchors__list {
    list-style: none;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.8);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    max-width: 250px;
    overflow: hidden;
    padding-top: 5px;
    -webkit-transform: translateX(100%) translateX(-45px);
    -ms-transform: translateX(100%) translateX(-45px);
    transform: translateX(100%) translateX(-45px);
    -webkit-transition: -webkit-transform .25s ease-in .5s;
    transition: -webkit-transform .25s ease-in .5s;
    transition: transform .25s ease-in .5s;
    transition: transform .25s ease-in .5s, -webkit-transform .25s ease-in .5s;
    pointer-events: initial
}

.anchors__list:before {
    color: #fff;
    content: "\e802";
    display: block;
    font-family: "fontello";
    font-size: 20px;
    line-height: 30px;
    left: 0;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50% - 15px - 25px);
    -webkit-transition: opacity .5s ease-in-out .5s;
    transition: opacity .5s ease-in-out .5s;
    width: 45px
}

@media(max-width:1199.98px) {
    .anchors__list:after {
        content: "";
        display: block;
        width: 45px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: transparent;
        z-index: 10
    }
}

.anchors__list li {
    opacity: 0;
    position: relative;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    white-space: nowrap
}

.anchors__list li.is-highlighted {
    background: -webkit-linear-gradient(right, #01895b, #016241, #01895b, #016241);
    background: linear-gradient(270deg, #01895b, #016241, #01895b, #016241);
    background-position: 0 50%;
    background-size: 50% 100%;
    -webkit-transition: background .5s ease-in .5s;
    transition: background .5s ease-in .5s;
    opacity: 1;
    margin-top: 5px;
    padding: 0
}

.anchors__list li.is-highlighted span {
    padding: 10px 35px 10px 10px;
    line-height: 30px
}

.anchors__list li.is-highlighted span:after {
    display: none
}

.anchors__list li.is-highlighted .icon-world {
    font-size: 26px;
    margin-right: 10px;
    vertical-align: middle
}

.anchors__list a,
.anchors__list span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: .94px;
    color: #fff;
    padding: 12px 20px;
    position: relative
}

.anchors__list a:after,
.anchors__list span:after {
    content: "\e80c";
    font-family: "fontello";
    position: absolute;
    right: 30px;
    font-size: 14px
}

.anchors__list.is-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .35s ease-in;
    transition: -webkit-transform .35s ease-in;
    transition: transform .35s ease-in;
    transition: transform .35s ease-in, -webkit-transform .35s ease-in
}

.anchors__list.is-active li {
    opacity: 1;
    padding-left: 0
}

.anchors__list.is-active li.is-highlighted {
    background: -webkit-linear-gradient(right, #01895b, #016241, #01895b, #016241);
    background: linear-gradient(270deg, #01895b, #016241, #01895b, #016241);
    background-position: 0 50%;
    background-size: 300% 100%;
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    padding-left: 0
}

.anchors__list.is-active li.is-highlighted:hover {
    background-position: 99% 50%
}

.anchors__list.is-active:before {
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.anchors__list.is-active:after {
    pointer-events: none
}

.anchors__list.clicked {
    -webkit-transform: translateX(100%) translateX(-45px);
    -ms-transform: translateX(100%) translateX(-45px);
    transform: translateX(100%) translateX(-45px);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.anchors__list.clicked li:not(.is-highlighted) a {
    color: rgba(93, 139, 52, 0)
}

.animal-passport {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:767.98px) {
    .animal-passport {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.animal-passport__title {
    max-width: 200px;
    font-family: "WWF", serif;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 38px;
    margin-right: 30px
}

@media(max-width:767.98px) {
    .animal-passport__title {
        margin-bottom: 30px;
        text-align: center
    }
}

.animal-facts__list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.animal-facts__list:before {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    left: 40px;
    top: 0;
    bottom: -10px;
    background: rgba(237, 78, 37, 0.5)
}

.animal-facts__item {
    margin-bottom: 12px;
    line-height: 18px;
    border-bottom: 1px solid rgba(104, 185, 183, 0.3);
    padding-left: 60px;
    padding-right: 40px
}

.animal-facts__key {
    display: inline-block;
    font-weight: 700;
    min-width: 100px;
    margin-right: 10px
}

.animal-facts__value {
    display: inline-block
}

.banner {
    background: #1d8aab no-repeat center;
    background-size: cover;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-align: center
}

.banner .btn {
    font-weight: 400;
    padding-left: 40px;
    padding-right: 40px;
    white-space: nowrap
}

.banner:before {
    background: no-repeat url("../img/oor.svg");
    background-size: 100% 100%;
    content: "";
    display: block;
    left: 50%;
    opacity: .5;
    padding-top: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 90%;
    z-index: 0
}

@media(min-width:768px) {
    .banner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 140px;
        padding: 10px 40px;
        text-align: left
    }

    .banner:before {
        height: 380px;
        left: 20px;
        padding-top: 0;
        top: calc(50% - 190px);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 380px
    }
}

.banner__title {
    color: #fff;
    font-family: "WWF", serif;
    font-size: 42px;
    font-weight: normal;
    letter-spacing: .29px;
    line-height: 42px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.banner__text {
    color: #fff;
    margin-bottom: 10px
}

@media(min-width:768px) {
    .banner__text {
        margin-bottom: 0;
        max-width: 90%;
        padding-left: 60px
    }

    .banner__text p:last-child {
        margin-bottom: 0
    }
}

.benefits-block {
    padding-top: 60px;
    padding-bottom: 60px
}

.benefits-block__image {
    border-radius: 6px;
    overflow: hidden
}

.benefits__title {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px
}

@media(max-width:767.98px) {
    .benefits {
        margin-top: 40px
    }
}

.benefits ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.benefits ul li {
    padding: 20px 20px 20px 40px;
    position: relative;
    border-bottom: 1px solid #e2e0ce;
    line-height: 30px
}

.benefits ul li:last-child {
    border: 0
}

.benefits ul li:before {
    content: "\e801";
    font-family: "fontello";
    position: absolute;
    padding: 1px;
    color: #01895b;
    left: 0;
    font-size: 14px;
    background-color: #FFF;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center
}

.benefits ul li.is-positive {
    font-weight: 500
}

.benefits ul li.is-negative {
    color: #9b9b9b
}

.benefits ul li.is-negative:before {
    content: "\e81f";
    color: #e2e0ce;
    font-size: 23px;
    padding-top: 0
}

@media(max-width:767.98px) {
    .section>.container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.facts-and-figures-block .section-title,
.facts-and-figures-block .spotlight__title {
    margin: 0
}

.facts-and-figures-block .sticker {
    left: 0;
    bottom: 100%
}

.faq-form-block {
    margin-top: 80px;
    border-radius: 10px;
    padding: 20px 20px 10px
}

.faq-form-block .form-container-block {
    padding: 0
}

.faq-form-block .u-rte-content {
    font-size: 16px
}

@media(min-width:768px) {
    .title-block {
        margin-bottom: 20px
    }
}

.rectangle-with-bullets-block {
    background: no-repeat center;
    background-size: cover;
    color: #fff;
    min-height: 500px;
    padding: 50px 0;
    position: relative
}

@media(min-width:768px) {
    .rectangle-with-bullets-block {
        padding: 150px 0
    }
}

.rectangle-with-bullets-block:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2)
}

.rectangle-with-bullets-block a {
    text-decoration: underline;
    color: #fff
}

.rectangle-with-bullets-block a:hover {
    color: #01895b
}

.rectangle-without-bullets-block {
    background: no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 50px 0;
    position: relative
}

@media(min-width:768px) {
    .rectangle-without-bullets-block {
        padding: 150px 0
    }
}

.rectangle-without-bullets-block:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2)
}

.rectangle-without-bullets-block a {
    text-decoration: underline;
    color: #fff
}

.rectangle-without-bullets-block a:hover {
    color: #01895b
}

@media(min-width:768px) {
    .section--padding {
        padding: 200px 0
    }
}

.section--grey {
    background-color: #f6f5f2
}

.section--grey.slider-with-blob,
.section--grey.quote-block,
.section--grey.world-map-block,
.section--grey.fundraiser-block,
.section--grey.section-donation-box-donate {
    padding: 90px 0
}

@media(max-width:767.98px) {

    .section--grey.slider-with-blob,
    .section--grey.quote-block,
    .section--grey.world-map-block,
    .section--grey.fundraiser-block,
    .section--grey.section-donation-box-donate {
        padding: 50px 0
    }
}

.section--grey.buttons-block,
.section--grey.columns-block {
    padding-top: 130px;
    padding-bottom: 130px
}

@media(max-width:767.98px) {

    .section--grey.buttons-block,
    .section--grey.columns-block {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.section--grey.spotlight-block {
    padding-top: 130px;
    padding-bottom: 200px
}

@media(max-width:767.98px) {
    .section--grey.spotlight-block {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.section--white {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
}

.section--trans-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media(max-width:991.98px) {
    .section--trans-img {
        background-size: cover
    }
}

.buttons-block .text-big {
    color: #000
}

.centered-text-block+.centered-text-block {
    margin-top: calc(var(--block-margin) * -1)
}

.centered-text-block+.blog-info-block {
    margin-top: calc(var(--block-margin) * -1)
}

.payoff-block {
    padding: 30px 0 !important
}

@media(min-width:768px) {
    .payoff-block {
        padding: 40px 0 !important
    }
}

.products-block {
    background: #f6f5f2;
    padding: 30px 0
}

@media(min-width:768px) {
    .products-block {
        padding: 130px 0
    }
}

.products-block+.section--grey,
.products-block+.section--bg-img {
    margin-top: -50px
}

@media(min-width:768px) {

    .products-block+.section--grey,
    .products-block+.section--bg-img {
        margin-top: -90px
    }
}

@media(max-width:767.98px) {
    .products-block--view {
        display: none
    }
}

.products-block--carousel .dd-options {
    bottom: 48px
}

@media(min-width:768px) {
    .products-block--carousel {
        display: none
    }
}

.activities-block {
    padding: 50px 0
}

@media(min-width:768px) {
    .activities-block {
        padding: 130px 0
    }
}

.social-share-block {
    margin-bottom: 20px
}

.form-container-block,
.login-block {
    margin-bottom: 0;
    padding: 60px 0
}

@media(min-width:768px) {

    .form-container-block,
    .login-block {
        padding: 100px 0
    }
}

.form-container-block+section:not(.section--grey),
.form-container-block+article:not(.section--grey),
.login-block+section:not(.section--grey),
.login-block+article:not(.section--grey) {
    margin-top: 50px
}

@media(min-width:768px) {

    .form-container-block+section:not(.section--grey),
    .form-container-block+article:not(.section--grey),
    .login-block+section:not(.section--grey),
    .login-block+article:not(.section--grey) {
        margin-top: 90px
    }
}

.login-block {
    padding: 60px 0
}

@media(min-width:768px) {
    .login-block {
        padding: 100px 0
    }
}

@media(max-width:767.98px) {
    .login-block .login__intro {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

.login-block .intro {
    margin-bottom: 30px
}

.login-block--donation-box {
    padding-top: 0
}

.rondo-block {
    background: no-repeat center #fff;
    background-size: cover;
    color: #fff;
    padding: 50px 0 100px;
    position: relative;
    overflow: hidden
}

.rondo-block:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2)
}

@media(min-width:992px) {
    .rondo-block {
        padding: 50px 0
    }
}

@media(min-width:768px) {
    .products-overview-block {
        padding-top: 20px
    }
}

@media(max-width:767.98px) {
    .products-overview-block--view {
        display: none
    }
}

.products-overview-block--carousel .dd-options {
    bottom: 48px
}

@media(min-width:768px) {
    .products-overview-block--carousel {
        display: none
    }
}

@media(min-width:1040px) {
    .cart-block {
        margin-top: 50px;
        margin-bottom: 110px
    }
}

.donor-block {
    padding-top: 200px;
    padding-bottom: 150px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100vw auto;
    background-position: center top
}

@media(max-width:1199.98px) {
    .donor-block {
        padding-top: 150px;
        padding-bottom: 100px
    }
}

@media(max-width:991.98px) {
    .donor-block {
        padding-top: 100px;
        padding-bottom: 50px
    }
}

@media(max-width:767.98px) {
    .donor-block {
        padding-top: 80px
    }
}

.login-block--donation-box .page-title {
    font-size: 30px;
    text-transform: none;
    color: #01895b
}

@media(min-width:768px) {
    .vacancy-block {
        margin-bottom: 60px
    }
}

.media-full-width-block {
    min-height: 440px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 !important;
    color: #fff;
    position: relative
}

@media(min-width:768px) {
    .media-full-width-block {
        padding: 100px 0 !important
    }
}

@media(min-width:992px) {
    .media-full-width-block {
        min-height: 590px;
        padding: 135px 0 !important
    }
}

@media(min-width:1200px) {
    .media-full-width-block {
        min-height: 830px
    }
}

.media-full-width-block .container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2)
}

.media-full-width-block .btn {
    border: 0
}

.media-full-width-block .btn-donationbox--play {
    margin: 0
}

.media-full-width-block--small {
    min-height: 460px
}

@media(max-width:767.98px) {
    .media-full-width-block--small {
        min-height: 400px
    }
}

.media-full-width-block--campaign {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media(min-width:576px) {
    .media-full-width-block--campaign {
        margin-bottom: 260px !important
    }
}

.campaign-media-block .is-hidden {
    opacity: 0
}

.campaign-media-block__icon {
    z-index: 1
}

.campaign-media-block__content {
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 1
}

.campaign-media-block .no-gradient:before {
    content: none
}

.campaign-media-block .btn-donationbox--play {
    margin-bottom: 10px;
    margin-left: 0
}

@media(min-width:1200px) {
    .campaign-media-block .btn-donationbox--play {
        margin-bottom: 50px
    }
}

.campaign-media-block .section-title,
.campaign-media-block .spotlight__title {
    margin: 0 0 40px;
    max-width: 400px
}

@media(max-width:767.98px) {

    .campaign-media-block .section-title,
    .campaign-media-block .spotlight__title {
        margin: 0 0 30px
    }
}

.campaign-media-block .section-subtitle {
    color: #fff;
    font-size: 16px;
    font-weight: 300
}

.campaign-media-block>.jwplayer {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0
}

.campaign-media-block>.jwplayer .jw-media .jw-video {
    object-fit: cover
}

.campaign-media-block.has-video-playing>.jwplayer {
    opacity: 1
}

.campaign-media-block__video-buttons {
    min-height: 130px
}

@media(min-width:1200px) {
    .campaign-media-block__video-buttons {
        min-height: 170px
    }
}

.slider-with-grid {
    position: relative
}

.slider-with-grid .btn {
    border: 0
}

.slider-with-blob {
    position: relative
}

.donation-box-signup-block {
    padding-top: 90px
}

.donation-box-signup-block .no-boxes-text {
    font-family: "Rubik", sans-serif
}

.title-text-block {
    margin-bottom: 30px
}

.title-text-block .title-text-block__title {
    margin-bottom: 0 !important
}

.title-text-block .title-text-block__intro p {
    font-weight: 400;
    padding: 10px 15px 10px 0;
    margin-bottom: 0;
    color: #78786f;
    font-size: 16px;
    line-height: 18px
}

.campaign-media-formation-block,
.campaign-media-occassion-block {
    position: relative
}

.campaign-media-formation-block .media-title,
.campaign-media-occassion-block .media-title {
    font-family: "WWF", serif;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px
}

.campaign-media-formation-block .section-title,
.campaign-media-formation-block .spotlight__title,
.campaign-media-occassion-block .section-title,
.campaign-media-occassion-block .spotlight__title {
    margin: 0 0 40px
}

.campaign-media-formation-block .media__share,
.campaign-media-occassion-block .media__share {
    position: relative
}

.campaign-media-formation-block .media__share .share__icon,
.campaign-media-occassion-block .media__share .share__icon {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    border-radius: 9999px;
    top: -25px;
    height: 50px;
    width: 50px;
    color: #000;
    background-color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.campaign-media-formation-block .media__share .share__icon .icon-share,
.campaign-media-occassion-block .media__share .share__icon .icon-share {
    line-height: 1;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.occassion-block__items,
.formation-block__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 25px;
    margin-bottom: -25px
}

@media(min-width:576px) {

    .occassion-block__items,
    .formation-block__items {
        margin-bottom: 0
    }
}

.occassion-block__items .item,
.formation-block__items .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% / 5);
    margin-bottom: 20px
}

@media(max-width:575.98px) {

    .occassion-block__items .item,
    .formation-block__items .item {
        width: calc(100% / 3)
    }
}

@media(min-width:992px) {

    .occassion-block__items .item,
    .formation-block__items .item {
        width: calc(100% / 5 - 30px);
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 0
    }
}

.occassion-block__items .formation-block__text,
.formation-block__items .formation-block__text {
    height: auto
}

.campaign-media-formation-block,
.campaign-media-occassion-block {
    position: absolute;
    bottom: -140px;
    width: 100%;
    height: auto
}

.campaign-media-formation-block input,
.campaign-media-occassion-block input {
    display: none
}

@media(max-width:991.98px) {

    .campaign-media-formation-block,
    .campaign-media-occassion-block {
        position: relative;
        width: 100%;
        bottom: 0;
        margin-bottom: -80px;
        margin-top: 80px
    }
}

.campaign-media-formation-block .container--nogradient,
.campaign-media-occassion-block .container--nogradient {
    border-radius: 10px;
    z-index: 1;
    position: relative
}

.campaign-media-formation-block .container--nogradient:before,
.campaign-media-occassion-block .container--nogradient:before {
    background-color: transparent
}

.campaign-media-formation-block .formation-block__row,
.campaign-media-formation-block .occassion-block__row,
.campaign-media-occassion-block .formation-block__row,
.campaign-media-occassion-block .occassion-block__row {
    height: 100%;
    background: #fff;
    color: #000;
    border-radius: 10px;
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.1)
}

@media(max-width:767.98px) {

    .campaign-media-formation-block .formation-block__row,
    .campaign-media-formation-block .occassion-block__row,
    .campaign-media-occassion-block .formation-block__row,
    .campaign-media-occassion-block .occassion-block__row {
        padding: 7.5px 0;
        border-radius: 0
    }
}

@media(min-width:576px) {

    .campaign-media-formation-block .formation-block__row,
    .campaign-media-formation-block .occassion-block__row,
    .campaign-media-occassion-block .formation-block__row,
    .campaign-media-occassion-block .occassion-block__row {
        padding: 15px 0
    }
}

.campaign-media-formation-block .formation-block__items,
.campaign-media-formation-block .occassion-block__items,
.campaign-media-occassion-block .formation-block__items,
.campaign-media-occassion-block .occassion-block__items {
    color: #6a6a6a;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center
}

.campaign-media-formation-block .formation-block__items label,
.campaign-media-formation-block .occassion-block__items label,
.campaign-media-occassion-block .formation-block__items label,
.campaign-media-occassion-block .occassion-block__items label {
    padding: 0
}

.campaign-media-formation-block .formation-block__items .formation-block__icon img,
.campaign-media-formation-block .formation-block__items .occassion-block__icon img,
.campaign-media-formation-block .occassion-block__items .formation-block__icon img,
.campaign-media-formation-block .occassion-block__items .occassion-block__icon img,
.campaign-media-occassion-block .formation-block__items .formation-block__icon img,
.campaign-media-occassion-block .formation-block__items .occassion-block__icon img,
.campaign-media-occassion-block .occassion-block__items .formation-block__icon img,
.campaign-media-occassion-block .occassion-block__items .occassion-block__icon img {
    height: 30px;
    width: 30px
}

@media(max-width:767.98px) {

    .campaign-media-formation-block .formation-block__items .formation-block__icon img,
    .campaign-media-formation-block .formation-block__items .occassion-block__icon img,
    .campaign-media-formation-block .occassion-block__items .formation-block__icon img,
    .campaign-media-formation-block .occassion-block__items .occassion-block__icon img,
    .campaign-media-occassion-block .formation-block__items .formation-block__icon img,
    .campaign-media-occassion-block .formation-block__items .occassion-block__icon img,
    .campaign-media-occassion-block .occassion-block__items .formation-block__icon img,
    .campaign-media-occassion-block .occassion-block__items .occassion-block__icon img {
        height: 50px;
        width: 50px
    }
}

.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__icon,
.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__icon,
.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__icon,
.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__icon,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__icon,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__icon,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__icon,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__icon,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__icon,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__icon,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__icon,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__icon,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__icon,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__icon,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__icon,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__icon {
    box-shadow: inset 0 0 0 2px #2a53ef
}

.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__icon img,
.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__icon img,
.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__icon img,
.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__icon img,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__icon img,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__icon img,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__icon img,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__icon img,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__icon img,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__icon img,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__icon img,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__icon img,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__icon img,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__icon img,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__icon img,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__icon img {
    height: 30px;
    width: 30px
}

.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__text,
.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__text,
.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__text,
.campaign-media-formation-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__text,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__text,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__text,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__text,
.campaign-media-formation-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__text,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__text,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__text,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__text,
.campaign-media-occassion-block .formation-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__text,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .formation-block__text,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .formation-block__item .occassion-block__text,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .formation-block__text,
.campaign-media-occassion-block .occassion-block__items input[type="radio"]:checked+label .occassion-block__item .occassion-block__text {
    color: #000;
    font-weight: 500
}

.campaign-media-formation-block .formation-block__buttons,
.campaign-media-formation-block .occassion-block__buttons,
.campaign-media-occassion-block .formation-block__buttons,
.campaign-media-occassion-block .occassion-block__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 0 25px 25px 25px;
    text-transform: uppercase
}

@media(min-width:992px) {

    .campaign-media-formation-block .formation-block__buttons,
    .campaign-media-formation-block .occassion-block__buttons,
    .campaign-media-occassion-block .formation-block__buttons,
    .campaign-media-occassion-block .occassion-block__buttons {
        padding: 25px 25px 0 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.campaign-media-formation-block .formation-block__icon,
.campaign-media-formation-block .occassion-block__icon,
.campaign-media-occassion-block .formation-block__icon,
.campaign-media-occassion-block .occassion-block__icon {
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06)
}

.campaign-media-formation-block .formation-block__icon,
.campaign-media-formation-block .occassion-block__icon,
.campaign-media-formation-block .formation-block__text,
.campaign-media-formation-block .occassion-block__text,
.campaign-media-occassion-block .formation-block__icon,
.campaign-media-occassion-block .occassion-block__icon,
.campaign-media-occassion-block .formation-block__text,
.campaign-media-occassion-block .occassion-block__text {
    width: 70px;
    margin: 0 auto
}

@media(min-width:768px) {

    .campaign-media-formation-block .formation-block__icon,
    .campaign-media-formation-block .occassion-block__icon,
    .campaign-media-formation-block .formation-block__text,
    .campaign-media-formation-block .occassion-block__text,
    .campaign-media-occassion-block .formation-block__icon,
    .campaign-media-occassion-block .occassion-block__icon,
    .campaign-media-occassion-block .formation-block__text,
    .campaign-media-occassion-block .occassion-block__text {
        width: 90px
    }
}

@media(min-width:1200px) {

    .campaign-media-formation-block .formation-block__icon,
    .campaign-media-formation-block .occassion-block__icon,
    .campaign-media-formation-block .formation-block__text,
    .campaign-media-formation-block .occassion-block__text,
    .campaign-media-occassion-block .formation-block__icon,
    .campaign-media-occassion-block .occassion-block__icon,
    .campaign-media-occassion-block .formation-block__text,
    .campaign-media-occassion-block .occassion-block__text {
        width: 130px
    }
}

.campaign-media-formation-block .formation-block__icon,
.campaign-media-formation-block .occassion-block__icon,
.campaign-media-occassion-block .formation-block__icon,
.campaign-media-occassion-block .occassion-block__icon {
    height: 70px;
    margin: 0 auto
}

@media(min-width:768px) {

    .campaign-media-formation-block .formation-block__icon,
    .campaign-media-formation-block .occassion-block__icon,
    .campaign-media-occassion-block .formation-block__icon,
    .campaign-media-occassion-block .occassion-block__icon {
        height: 90px
    }
}

@media(min-width:1200px) {

    .campaign-media-formation-block .formation-block__icon,
    .campaign-media-formation-block .occassion-block__icon,
    .campaign-media-occassion-block .formation-block__icon,
    .campaign-media-occassion-block .occassion-block__icon {
        height: 130px
    }
}

.campaign-media-formation-block .formation-block__text,
.campaign-media-formation-block .occassion-block__text,
.campaign-media-occassion-block .formation-block__text,
.campaign-media-occassion-block .occassion-block__text {
    padding-top: 20px;
    color: #6a6a6a;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

@media(max-width:991.98px) {

    .campaign-media-formation-block .formation-block__text,
    .campaign-media-formation-block .occassion-block__text,
    .campaign-media-occassion-block .formation-block__text,
    .campaign-media-occassion-block .occassion-block__text {
        font-size: 10px;
        line-height: 1
    }
}

.campaign-media-formation-block .formation-block__explain,
.campaign-media-formation-block .occassion-block__explain,
.campaign-media-occassion-block .formation-block__explain,
.campaign-media-occassion-block .occassion-block__explain {
    margin-bottom: 0
}

.campaign-media-formation-block .formation-block__next,
.campaign-media-formation-block .occassion-block__next,
.campaign-media-occassion-block .formation-block__next,
.campaign-media-occassion-block .occassion-block__next {
    margin-bottom: 15px
}

.campaign-media-formation-block .formation-block__next,
.campaign-media-formation-block .formation-block__explain,
.campaign-media-formation-block .occassion-block__next,
.campaign-media-formation-block .occassion-block__explain,
.campaign-media-occassion-block .formation-block__next,
.campaign-media-occassion-block .formation-block__explain,
.campaign-media-occassion-block .occassion-block__next,
.campaign-media-occassion-block .occassion-block__explain {
    padding: 15px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 45px;
    font-weight: 500;
    width: 100%;
    text-align: center
}

.section-donations {
    background-repeat: repeat;
    position: relative
}

.section-donations.section--bg-img {
    padding: 90px 0
}

@media(max-width:767.98px) {
    .section-donations.section--bg-img {
        padding: 50px 0
    }
}

.section-donations .donation-item--hide {
    display: none
}

.section-donations .donation-item {
    background-size: cover;
    background-position: center center;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 50px;
    margin-bottom: 30px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.13)
}

.section-donations .donation-item:nth-child(even) {
    margin: 0 0 30px 15px
}

@media(max-width:991.98px) {
    .section-donations .donation-item:nth-child(even) {
        margin: 0 0 20px 0
    }
}

.section-donations .donation-item:nth-child(odd) {
    margin: 0 15px 30px 0
}

@media(max-width:991.98px) {
    .section-donations .donation-item:nth-child(odd) {
        margin: 0 0 20px 0
    }
}

@media(max-width:767.98px) {
    .section-donations .donation-item {
        margin: 0
    }
}

@media(min-width:992px) {
    .campaign-signup {
        max-width: 1600px
    }
}

.campaign-signup form>.form-container {
    padding: 0 0 60px
}

.campaign-signup .campaign-signup__titles {
    width: 50%;
    margin: 100px auto 0
}

@media(max-width:1199.98px) {
    .campaign-signup .campaign-signup__titles {
        width: 100%;
        margin: 50px auto
    }
}

.campaign-signup .campaign-signup__form {
    background: #fff;
    padding: 60px 75px 150px 75px;
    border-radius: 25px;
    margin-left: auto
}

@media(max-width:1199.98px) {
    .campaign-signup .campaign-signup__form {
        padding: 50px 45px
    }
}

@media(max-width:767.98px) {
    .campaign-signup .campaign-signup__form {
        padding: 50px 20px
    }
}

.campaign-signup .campaign-signup__form .section-title,
.campaign-signup .campaign-signup__form .spotlight__title {
    font-size: 50px
}

.campaign-signup .form__file.input-validation-error+.form__file-label {
    border-color: #d80036
}

.campaign-signup .form__file+.form__file-label {
    display: block
}

.campaign-signup .modal {
    display: none
}

.campaign-signup .modal.visible {
    display: block
}

.section-donation-box-donate+.section--grey,
.section-donation-box-donate+.section--bg-img {
    margin-top: -50px
}

@media(min-width:768px) {

    .section-donation-box-donate+.section--grey,
    .section-donation-box-donate+.section--bg-img {
        margin-top: -90px
    }
}

.blog-info {
    padding: 40px 0 45px;
    border-top: 1px solid rgba(151, 151, 151, 0.48);
    border-bottom: 1px solid rgba(151, 151, 151, 0.48)
}

@media(max-width:767.98px) {
    .blog-info {
        padding-bottom: 30px
    }
}

.blog-info .author__img {
    display: inline-block;
    margin-right: 10px
}

.blog-info .author__img img {
    width: 65px;
    height: 65px;
    border-radius: 100%
}

.blog-info .author__info {
    display: inline-block;
    width: calc(100% - 80px);
    vertical-align: middle
}

.blog-info .author__name {
    font-size: 19px;
    line-height: 20px;
    color: #0b0b0b;
    font-weight: 500;
    margin-bottom: 4px
}

.blog-info .author__function {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 1.44px;
    color: #0b0b0b;
    text-transform: uppercase;
    margin-bottom: 9px
}

.blog-info .author__link {
    font-size: 9px;
    line-height: 13px;
    color: #01895b;
    letter-spacing: 1.04px;
    font-weight: 500;
    text-transform: uppercase
}

@media(max-width:767.98px) {
    .blog-info .tags {
        margin-top: 20px
    }
}

.breadcrumb {
    background: transparent;
    font-size: 11px;
    left: 0;
    letter-spacing: .85px;
    position: absolute;
    right: 0;
    top: 125px;
    z-index: 140
}

@media(max-width:991.98px) {
    .breadcrumb.breadcrumb__shop-home {
        display: none
    }
}

@media(max-width:991.98px) {
    .breadcrumb {
        opacity: 1;
        -webkit-transition: opacity linear .4s;
        transition: opacity linear .4s;
        top: 120px
    }

    .breadcrumb>.container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width:767.98px) {
    .breadcrumb {
        top: 110px
    }
}

.breadcrumb a {
    color: #fff;
    display: inline-block;
    opacity: .6;
    padding: 10px 7px 10px 5px;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.breadcrumb a:not(:first-child):not(:last-child) {
    overflow: hidden;
    text-overflow: ellipsis
}

.breadcrumb a:hover {
    opacity: 1
}

.breadcrumb a:last-child {
    opacity: 1
}

@media(max-width:1039px) {
    .breadcrumb a {
        display: none
    }

    .breadcrumb a:nth-last-child(3) {
        display: inline-block;
        height: 35px;
        min-width: 100px;
        opacity: 1;
        overflow: hidden;
        padding-bottom: 0;
        padding-top: 35px;
        position: relative
    }

    .breadcrumb a:nth-last-child(3):before,
    .breadcrumb a:nth-last-child(3):after {
        display: inline-block;
        left: 0;
        line-height: 35px;
        position: absolute;
        top: 0
    }

    .breadcrumb a:nth-last-child(3):before {
        content: "\e80d";
        font-family: fontello;
        text-align: center;
        width: 10px
    }

    .breadcrumb a:nth-last-child(3):after {
        content: attr(data-text);
        left: 20px
    }
}

.breadcrumb span {
    color: #fff;
    display: none;
    opacity: .6;
    padding: 10px 0;
    vertical-align: middle;
    -webkit-transition: none;
    transition: none
}

@media(min-width:1040px) {
    .breadcrumb span {
        display: inline-block
    }
}

.header--static .breadcrumb a,
.header--shop .breadcrumb a,
.header--search .breadcrumb a {
    color: #35352a
}

.breadcrumb__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

@media(min-width:1040px) {
    .breadcrumb__inner {
        margin-left: 105px
    }
}

@media(min-width:1200px) {
    .breadcrumb__inner {
        margin-left: -5px
    }
}

@media(min-width:1200px) and (max-width:1399.98px) {
    .breadcrumb__inner {
        margin-left: 60px;
        padding-left: 25px
    }
}

.breadcrumb--search-result {
    position: static;
    margin-bottom: 10px
}

.breadcrumb--search-result a {
    color: #35352a;
    padding-top: 0
}

.breadcrumb--search-result a:first-child {
    padding-left: 0
}

.breadcrumb--search-result span {
    padding-top: 0;
    color: #35352a
}

@media(min-width:1200px) {
    .header--shop .breadcrumb {
        position: relative;
        top: 0;
        z-index: initial
    }

    .header--shop .breadcrumb a,
    .header--shop .breadcrumb span {
        color: #6e6e6e
    }

    .header--shop .breadcrumb a:last-child,
    .header--shop .breadcrumb span:last-child {
        color: #4a4a4a
    }
}

.bullets {
    list-style: none;
    padding: 0;
    margin: 0
}

.bullet {
    padding-bottom: 10px;
    padding-left: 70px;
    position: relative
}

.bullet:last-child .bullet__icon:before {
    display: none
}

.bullet p {
    margin-bottom: 5px
}

.bullet a {
    color: #fff;
    text-decoration: underline
}

.bullet a:hover {
    color: #01895b
}

.bullet__head {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bullet__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: "Rubik", sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .64px;
    line-height: 31px;
    margin-bottom: 0;
    padding: 10px 0 5px 0;
    vertical-align: middle
}

.bullet__icon {
    background: rgba(239, 237, 229, 0.7);
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 48px;
    margin-left: -70px;
    margin-right: 18px;
    text-align: center;
    vertical-align: middle;
    width: 48px
}

.bullet__icon:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: calc(100% - 68px);
    left: 24px;
    position: absolute;
    top: 58px;
    width: 1px
}

.bullet__link {
    color: #fff;
    font-size: 9px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 1.04px;
    position: relative;
    text-transform: uppercase
}

.bullet__link:after {
    content: "\e815";
    font-family: "fontello";
    position: absolute;
    right: -20px;
    top: calc(50% - 7px)
}

.bullet__link:hover {
    color: #fff
}

@media(min-width:992px) {
    .hero--campaign-header {
        min-height: 1100px
    }
}

.hero--campaign-header .container--campaign-header {
    max-width: 90vw
}

.hero--campaign-header .campaign-logo {
    width: auto;
    height: auto;
    max-height: 250px;
    max-width: 250px;
    position: absolute;
    bottom: 0;
    left: 50px
}

.campaign-block {
    height: 600px;
    width: 400px;
    border-radius: 26px;
    -webkit-perspective: 700px;
    perspective: 700px;
    margin: 0 auto
}

@media screen and (max-width:480px) {
    .campaign-block {
        width: 100%;
        height: 555px
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .campaign-block {
        height: 525px
    }
}

.campaign-block .bottom-shadow {
    opacity: 0
}

.campaign-block .bottom-shadow:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10%;
    bottom: 0;
    background: -webkit-linear-gradient(top, rgba(139, 167, 32, 0) 0, white 100%);
    background: linear-gradient(180deg, rgba(139, 167, 32, 0) 0, white 100%);
    pointer-events: none
}

.campaign-block .top-shadow {
    opacity: 0
}

.campaign-block .top-shadow:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10%;
    top: 0;
    background: -webkit-linear-gradient(bottom, rgba(139, 167, 32, 0) 0, white 100%);
    background: linear-gradient(0, rgba(139, 167, 32, 0) 0, white 100%);
    pointer-events: none
}

.campaign-block .shadow-is-visible {
    opacity: 1
}

.campaign-block__cube {
    height: 600px;
    width: 400px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-100px);
    transform: translateZ(-100px);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

@media(max-width:767.98px) {
    .campaign-block__cube {
        width: 100%
    }
}

.campaign-block__cube.show-front {
    -webkit-transform: translateZ(-200px) rotateY(0);
    transform: translateZ(-200px) rotateY(0)
}

.campaign-block__cube.show-front .campaign-block__cube--front {
    opacity: 1
}

@media(max-width:767.98px) {
    .campaign-block__cube.show-front {
        -webkit-transform: translateZ(-175px) rotateY(0);
        transform: translateZ(-175px) rotateY(0)
    }
}

.campaign-block__cube.show-right {
    -webkit-transform: translateZ(-200px) rotateY(-90deg);
    transform: translateZ(-200px) rotateY(-90deg)
}

.campaign-block__cube.show-right .campaign-block__cube--right {
    opacity: 1
}

@media(max-width:767.98px) {
    .campaign-block__cube.show-right {
        -webkit-transform: translateZ(-175px) rotateY(-90deg);
        transform: translateZ(-175px) rotateY(-90deg)
    }
}

.campaign-block__cube .campaign-block__cube--front {
    -webkit-transform: rotateY(0) translateZ(200px);
    transform: rotateY(0) translateZ(200px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width:767.98px) {
    .campaign-block__cube .campaign-block__cube--front {
        -webkit-transform: rotateY(0) translateZ(175px);
        transform: rotateY(0) translateZ(175px)
    }
}

.campaign-block__cube .campaign-block__cube--right {
    -webkit-transform: rotateY(90deg) translateZ(200px);
    transform: rotateY(90deg) translateZ(200px)
}

@media(max-width:767.98px) {
    .campaign-block__cube .campaign-block__cube--right {
        -webkit-transform: rotateY(90deg) translateZ(175px);
        transform: rotateY(90deg) translateZ(175px)
    }
}

.campaign-block__cube .campaign-block__cube--front,
.campaign-block__cube .campaign-block__cube--right {
    position: absolute;
    height: 100%;
    width: 100%;
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    opacity: 0;
    border-radius: 26px;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.campaign-block__bottom-section {
    padding: 30px 25px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width:480px) {
    .campaign-block__bottom-section {
        padding: 20px
    }
}

.campaign-block__bottom-section .campaign-block__link {
    margin: 20px 0 15px;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    font-size: 14px
}

@media(max-width:991.98px) {
    .campaign-block__bottom-section .campaign-block__link {
        margin: 15px 0 5px
    }
}

@media screen and (max-width:480px) {
    .campaign-block__bottom-section .campaign-block__button .btn--gradient-secondary {
        padding: 15px 20px;
        font-size: 11px
    }
}

.campaign-block__bottom-section .campaign-block__button .btn--gradient-secondary::after {
    position: absolute;
    right: 30px;
    margin: 0
}

.campaign-block__bottom-section .campaign-block__share-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.campaign-block__bottom-section .campaign-block__share-buttons .campaign-block__total-donations {
    height: 50px;
    width: 50px;
    background: #efede5;
    border-radius: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

@media screen and (max-width:480px) {
    .campaign-block__bottom-section .campaign-block__share-buttons .campaign-block__total-donations {
        height: 40px;
        width: 40px
    }
}

.campaign-block__bottom-section .campaign-block__share-buttons .campaign-block__total-donations .total-donations__image {
    height: 20px;
    width: 20px
}

@media screen and (max-width:480px) {
    .campaign-block__bottom-section .campaign-block__share-buttons .campaign-block__total-donations .total-donations__image {
        height: 15px;
        width: 15px
    }
}

.campaign-block__bottom-section .campaign-block__share-buttons .campaign-block__donations {
    color: #000;
    line-height: 1;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 40px;
    margin-left: 8px
}

@media screen and (max-width:480px) {
    .campaign-block__bottom-section .campaign-block__share-buttons .campaign-block__donations {
        margin-right: 10px;
        margin-left: 4px
    }
}

@media screen and (max-width:480px) {
    .campaign-block__cube--front .campaign-block__top-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start
    }
}

.campaign-block__cube--front .campaign-block__share-buttons.has-margin {
    margin-top: 60px
}

@media screen and (max-width:480px) {
    .campaign-block__cube--front .campaign-block__share-buttons.has-margin {
        margin-top: 0
    }
}

.campaign-block__cube--right .campaign-block__bottom-section {
    height: 130px
}

@media screen and (max-width:480px) {
    .campaign-block__cube--right .campaign-block__bottom-section {
        height: 100px
    }
}

.campaign-block__collected-amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: uppercase
}

.campaign-block__target-amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
    text-transform: uppercase
}

.campaign-block__progression {
    height: 15px;
    width: 100%;
    background: #d8d8d8;
    border-radius: 9px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:480px) {
    .campaign-block__progression {
        height: 10px
    }
}

.campaign-block__progression .progress-bar {
    position: absolute;
    width: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 9px;
    background: -webkit-linear-gradient(left, #b28721, #e65719, #b28721);
    background: linear-gradient(-270deg, #b28721, #e65719, #b28721);
    -webkit-animation-name: animateBar;
    animation-name: animateBar;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

@-webkit-keyframes animateBar {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes animateBar {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.campaign-block__days-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.campaign-block__days-left .days-left__image {
    width: 25px;
    height: 25px;
    margin-right: 8px
}

.campaign-block__middle-section {
    padding: 20px;
    background: #efede5;
    margin: 0;
    height: 170px;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:480px) {
    .campaign-block__middle-section {
        height: 150px
    }
}

.campaign-block__middle-section .middle-section__amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.campaign-block__middle-section .collected__text,
.campaign-block__middle-section .target__text {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 400;
    opacity: 60%
}

@media screen and (max-width:480px) {

    .campaign-block__middle-section .collected__text,
    .campaign-block__middle-section .target__text {
        font-size: 10px
    }
}

.campaign-block__middle-section .collected__amount,
.campaign-block__middle-section .target__amount {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: 400
}

@media screen and (max-width:480px) {

    .campaign-block__middle-section .collected__amount,
    .campaign-block__middle-section .target__amount {
        font-size: 18px
    }
}

.campaign-block__middle-section .days-left__text {
    color: #424242;
    font-size: 16px;
    font-weight: 400
}

@media screen and (max-width:480px) {
    .campaign-block__middle-section .days-left__text {
        font-size: 12px
    }
}

.campaign-block__top-section {
    padding: 25px 25px 10px 25px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.campaign-block__top-section .top-section__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.campaign-block__top-section .top-section__header .top-section__header--left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.campaign-block__top-section .top-section__header .top-section__header--right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.campaign-block__top-section .top-section__header .top-section__header--right .campaign-block__icon {
    height: 20px;
    width: 20px
}

.campaign-block__top-section .campaign__text {
    color: #3a3a3a;
    font-size: 11px;
    font-weight: 400;
    opacity: 60%;
    margin: 0
}

.campaign-block__top-section .campaign__company {
    color: #3a3a3a;
    font-size: 16px;
    font-weight: 500;
    margin: 0
}

.campaign-block__top-section .campaign__previous-page {
    margin: 0;
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 400;
    opacity: 80%
}

.campaign-block__titles {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.campaign-block__image {
    margin-right: 20px
}

.campaign-block__image img {
    height: 75px;
    width: 75px;
    background: whitesmoke;
    border-radius: 45px;
    border: 1px solid #e3e3d8;
    object-fit: cover
}

@media screen and (max-width:480px) {
    .campaign-block__image img {
        height: 50px;
        width: 50px
    }
}

.campaign-block__thanking-image img {
    height: 60px;
    width: 60px;
    background: #000;
    border-radius: 45px
}

@media screen and (max-width:480px) {
    .campaign-block__thanking-image img {
        height: 50px;
        width: 50px
    }
}

.campaign-block__description,
.campaign-block__full-description {
    color: #000;
    margin: 10px 0;
    font-weight: 300;
    font-size: 16px;
    opacity: .8;
    position: relative;
    height: 90px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.campaign-block__read-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #01895b;
    cursor: pointer;
    position: absolute;
    bottom: 2px;
    right: 28px;
    left: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.campaign-block__thanking-message {
    text-transform: uppercase;
    font-size: 42px;
    color: #3a3a3a;
    font-weight: 400;
    font-family: "WWF", serif;
    margin: 25px 0 0
}

.campaign-block__full-description {
    height: 380px;
    position: relative
}

.campaign-block__full-description .full-description {
    height: 380px;
    overflow: hidden;
    overflow-y: scroll;
    width: 100%
}

.campaign-block__previous-page .arrow-back {
    width: 45px;
    cursor: pointer
}

.campaign-donation {
    border-left: 4px solid #f7a601;
    padding-left: 15px;
    height: 55px;
    position: relative;
    margin-top: 40px
}

@media(max-width:767.98px) {
    .campaign-donation {
        margin: 40px 0
    }
}

.campaign-donation__title {
    font-size: 14px;
    line-height: 34px;
    font-weight: 400;
    margin-bottom: 0;
    position: absolute;
    top: -10px
}

.campaign-donation__price {
    font-size: 43px;
    line-height: 34px;
    font-weight: 400;
    font-family: "WWF", serif;
    margin-bottom: 0;
    position: absolute;
    bottom: 4px
}

.campaign-media-formation-block {
    position: relative;
    margin-bottom: -140px;
    width: 100%;
    height: auto
}

.campaign-media-formation-block .media-title {
    font-family: "WWF", serif;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px
}

.campaign-media-formation-block .section-title,
.campaign-media-formation-block .spotlight__title {
    margin: 0 0 40px
}

.campaign-media-formation-block input {
    display: none
}

.campaign-media-formation-block .container--nogradient {
    border-radius: 10px;
    z-index: 1;
    position: relative
}

.campaign-media-formation-block .container--nogradient:before {
    background-color: transparent
}

.campaign-media-formation-block__row {
    height: 100%;
    background: #fff;
    color: #000;
    border-radius: 10px;
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.1)
}

@media(max-width:767.98px) {
    .campaign-media-formation-block__row {
        padding: 7.5px 0;
        border-radius: 0
    }
}

@media(min-width:576px) {
    .campaign-media-formation-block__row {
        padding: 15px 0
    }
}

.campaign-media-formation-block__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 25px;
    margin-bottom: -25px;
    color: #6a6a6a;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center
}

@media(min-width:576px) {
    .campaign-media-formation-block__items {
        margin-bottom: 0
    }
}

.campaign-media-formation-block__items .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% / 5);
    margin-bottom: 20px
}

@media(max-width:575.98px) {
    .campaign-media-formation-block__items .item {
        width: calc(100% / 3)
    }
}

@media(min-width:992px) {
    .campaign-media-formation-block__items .item {
        width: calc(100% / 5 - 30px);
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 0
    }
}

.campaign-media-formation-block__items input[type="radio"]:checked+label .campaign-media-formation-block__icon {
    box-shadow: inset 0 0 0 2px #2a53ef
}

.campaign-media-formation-block__items input[type="radio"]:checked+label .campaign-media-formation-block__text {
    color: #000;
    font-weight: 500
}

.campaign-media-formation-block label {
    padding: 0
}

.campaign-media-formation-block__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 0 25px 25px 25px;
    text-transform: uppercase
}

@media(min-width:992px) {
    .campaign-media-formation-block__buttons {
        padding: 25px 25px 0 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.campaign-media-formation-block__icon,
.campaign-media-formation-block__text {
    width: 70px;
    margin: 0 auto
}

@media(min-width:768px) {

    .campaign-media-formation-block__icon,
    .campaign-media-formation-block__text {
        width: 90px
    }
}

@media(min-width:1200px) {

    .campaign-media-formation-block__icon,
    .campaign-media-formation-block__text {
        width: 130px
    }
}

.campaign-media-formation-block__icon {
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    height: 70px;
    margin: 0 auto
}

.campaign-media-formation-block__icon img {
    height: 40px;
    width: 40px
}

@media(max-width:767.98px) {
    .campaign-media-formation-block__icon img {
        height: 30px;
        width: 30px
    }
}

@media(min-width:768px) {
    .campaign-media-formation-block__icon {
        height: 90px
    }
}

@media(min-width:1200px) {
    .campaign-media-formation-block__icon {
        height: 130px
    }
}

.campaign-media-formation-block__text {
    height: auto;
    padding-top: 20px;
    color: #6a6a6a;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

@media(max-width:991.98px) {
    .campaign-media-formation-block__text {
        font-size: 10px;
        line-height: 1
    }
}

.campaign-media-formation-block__explain {
    margin-bottom: 0
}

.campaign-media-formation-block__next {
    margin-bottom: 15px
}

.campaign-media-formation-block__next,
.campaign-media-formation-block__explain {
    padding: 15px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 45px;
    font-weight: 500;
    width: 100%;
    text-align: center
}

@media(min-width:768px) {
    .campaign-media-formation-block {
        bottom: 0;
        margin: 0 0 -250px
    }
}

.card {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px
}

.card:hover .card__image.has-scale {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.37, 0, 0.15, 1);
    transition: -webkit-transform 1s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1s cubic-bezier(0.37, 0, 0.15, 1), -webkit-transform 1s cubic-bezier(0.37, 0, 0.15, 1)
}

.card__image {
    width: 100%;
    height: 420px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.card__image.has-scale {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1.2s cubic-bezier(0.37, 0, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    will-change: transform
}

.card__content {
    background: #f6f5f2;
    padding: 15px 25px 35px;
    position: relative;
    min-height: 200px
}

.card__content .card__body {}

@media(max-width:767.98px) {
    .card__content .card__body {
        max-width: none
    }
}

.card__title {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 23px;
    height: 46px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 15px
}

.card__body {
    height: 57px;
    color: #78786f;
    font-size: 14px;
    line-height: 19px
}

.card__details {
    min-height: 70px;
    font-size: 12px
}

.card__details p {
    margin-bottom: .5rem
}

.card__link {
    position: absolute;
    bottom: 20px;
    color: #01895b;
    font-size: 9px;
    line-height: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.04px
}

.card__link:after {
    content: "\e815";
    font-family: "fontello";
    position: absolute;
    right: -30px
}

.card__tag {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 2.33px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card__author {
    height: 77px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px 25px;
    background-image: -webkit-linear-gradient(91deg, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.2) 42%, rgba(0, 0, 0, 0.75) 95%);
    background-image: linear-gradient(-1deg, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.2) 42%, rgba(0, 0, 0, 0.75) 95%)
}

.card__author .author__img {
    display: inline-block;
    margin-right: 2px
}

.card__author .author__img img {
    width: 30px;
    height: 30px;
    border-radius: 100%
}

.card__author .author__content {
    display: inline-block;
    width: calc(100% - 36px);
    vertical-align: middle
}

.card__author .author__name {
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    text-transform: uppercase
}

.card__author .author__name a {
    color: #fff
}

.card__author .author__name a:hover {
    color: #fff;
    text-decoration: underline
}

.card__author .date {
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px
}

@media(max-width:767.98px) {
    .card--variant-a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .card--variant-a .card__image {
        width: 50%;
        height: 127px
    }

    .card--variant-a .card__content {
        width: 50%;
        min-height: 0;
        padding: 15px 15px 35px
    }

    .card--variant-a .card__title,
    .card--variant-a .card__title {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 69px
    }
}

.card--variant-b .card__image {
    height: 410px
}

.card--variant-b .card__image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(241deg, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.4) 84%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(209deg, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.4) 84%, rgba(0, 0, 0, 0.6) 100%)
}

.card--variant-b .card__content {
    position: absolute;
    background: transparent;
    width: 100%;
    bottom: 0
}

.card--variant-b .card__title,
.card--variant-b .card__body,
.card--variant-b .card__link {
    color: #fff
}

@media(max-width:767.98px) {
    .card--variant-b .card__image {
        height: 127px
    }

    .card--variant-b .card__content {
        min-height: 0
    }
}

@media(max-width:767.98px) {
    .card--variant-c .card__image {}

    .card--variant-c .card__content {
        min-height: 0
    }

    .card--variant-c .card__title {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.card--variant-d .card__image {
    height: 410px
}

.card--variant-d .card__image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(241deg, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.4) 84%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(209deg, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.4) 84%, rgba(0, 0, 0, 0.6) 100%)
}

.card--variant-d .card__content {
    position: absolute;
    background: transparent;
    width: 100%;
    top: 149px;
    min-height: 260px
}

.card--variant-d .card__content .card__title,
.card--variant-d .card__content .card__body {
    max-width: none
}

.card--variant-d .card__title {
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    height: 108px
}

@media(max-width:767.98px) {
    .card--variant-d .card__title {
        height: 72px
    }
}

.card--variant-d .card__title,
.card--variant-d .card__body,
.card--variant-d .card__link {
    color: #fff
}

@media(max-width:767.98px) {
    .card--variant-d .card__image {
        height: 244px
    }

    .card--variant-d .card__title {
        height: 72px
    }

    .card--variant-d .card__content {
        min-height: 0;
        bottom: 0;
        top: auto
    }
}

.card--activity .card__image,
.card--blog .card__image {
    height: 410px
}

.card--activity .card__image:before,
.card--blog .card__image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(241deg, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.4) 84%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(209deg, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.4) 84%, rgba(0, 0, 0, 0.6) 100%)
}

@media(max-width:767.98px) {

    .card--activity .card__image,
    .card--blog .card__image {
        height: 315px
    }
}

.card--activity .card__content,
.card--blog .card__content {
    position: absolute;
    background: transparent;
    width: 100%;
    bottom: 0
}

.card--activity .card__title,
.card--blog .card__title {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    height: 73px
}

.card--activity .btn,
.card--blog .btn {
    width: 100%;
    max-width: 220px;
    padding: 20px
}

.card--bullets {
    border-radius: 0
}

.card--bullets .card__image {
    height: 300px;
    position: relative
}

.card--bullets .card__image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(241deg, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.4) 84%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(209deg, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.4) 84%, rgba(0, 0, 0, 0.6) 100%)
}

.card--bullets .card__title {
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    height: 108px;
    color: #fff;
    position: absolute;
    top: calc(-30px - 108px);
    left: 30px;
    right: 30px;
    margin: 0
}

@media(max-width:767.98px) {
    .card--bullets .card__title {
        height: 72px;
        top: calc(-30px - 72px)
    }
}

.card--bullets .card__content {
    padding: 30px 35px 15px;
    background: #fff;
    min-height: 0
}

.card--bullets .card__body {
    height: auto
}

.card--bullets .card__body ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.card--bullets .card__body ul li {
    padding: 10px 0 10px 35px;
    position: relative;
    color: #78786f;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.card--bullets .card__body ul li:before {
    content: "\e821";
    font-family: "fontello";
    position: absolute;
    left: 0;
    color: #01895b;
    font-size: 10px
}

.card--bullets-link:hover .card__content ul li {
    color: #4a4a4a;
    text-decoration: underline
}

.card--purpose {
    border-radius: 0
}

.card--purpose .card__content {
    background: #fff
}

.card--purpose .card__title {
    font-family: "WWF", serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    height: 50px;
    text-transform: uppercase
}

.card--purpose .card__body {
    height: auto
}

.card--download:hover .btn {
    color: #fff;
    background-image: -webkit-linear-gradient(left, #016241, #01895b, #016241);
    background-image: linear-gradient(-270deg, #016241, #01895b, #016241);
    background-position: 99% 50%
}

.card--download:hover .card__image img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.37, 0, 0.15, 1);
    transition: -webkit-transform 1s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1s cubic-bezier(0.37, 0, 0.15, 1), -webkit-transform 1s cubic-bezier(0.37, 0, 0.15, 1)
}

.card--download .card__content {
    padding-bottom: 0
}

.card--download .card__body {
    height: 95px
}

.card--download .card__image {
    background: rgba(226, 224, 206, 0.5);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.card--download .card__image img {
    width: auto;
    height: auto;
    max-width: 66px;
    max-height: 66px;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1.2s cubic-bezier(0.37, 0, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    will-change: transform
}

.card__type {
    font-size: 16px;
    font-weight: 500;
    color: #1a1a1a;
    position: absolute;
    left: 25px;
    bottom: 10px;
    margin: 0
}

.owl-carousel__outer {
    margin-bottom: 30px;
    position: relative
}

.owl-carousel .item {
    display: grid;
    grid-template-columns: 30% auto;
    grid-gap: 30px;
    white-space: nowrap;
    display: -ms-grid;
    -ms-grid-columns: calc(30% - 15px) 30px calc(70% - 15px);
    -ms-grid-rows: auto 30px auto;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    position: relative
}

@media(min-width:768px) {
    .owl-carousel .item {
        width: 705px
    }
}

@media(min-width:992px) {
    .owl-carousel .item {
        width: 945px
    }
}

@media(min-width:1400px) {
    .owl-carousel .item {
        width: 1100px
    }
}

.owl-carousel .item img {
    max-width: 100%
}

.owl-carousel.owl-carousel-cnt-1 {
    display: block
}

.owl-carousel .owl-nav {
    margin-top: 0
}

.owl-carousel .owl-dots {
    margin-top: 10px
}

@media(min-width:768px) {
    .owl-carousel .owl-dots {
        margin-top: 30px
    }
}

.carousel__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eee;
    border-radius: 8px;
    background: no-repeat center;
    background-size: cover;
    position: relative
}

.carousel__item:nth-child(1n) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    height: 255px
}

@media(min-width:768px) {
    .carousel__item:nth-child(1n) {
        height: 205px
    }
}

@media(min-width:992px) {
    .carousel__item:nth-child(1n) {
        height: 255px
    }
}

.carousel__item:nth-child(2n) {
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.carousel__item:nth-child(3n) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    height: 440px;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3
}

@media(min-width:992px) {
    .carousel__item:nth-child(3n) {
        height: 540px
    }
}

.owl-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(50% - 20px);
    z-index: 10
}

@media(min-width:768px) {
    .owl-nav {
        left: 0;
        right: 0;
        top: calc(50% - 42px)
    }
}

.owl-nav button.owl-next,
.owl-nav button.owl-prev {
    background: #fff;
    border: 0;
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    color: #01895b;
    cursor: pointer;
    font-size: 20px;
    height: 40px;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: center;
    width: 40px;
    position: relative;
    pointer-events: auto
}

@media(min-width:768px) {

    .owl-nav button.owl-next,
    .owl-nav button.owl-prev {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 42px;
        font-size: 40px;
        height: 84px;
        width: 84px
    }
}

.owl-nav button.owl-next span,
.owl-nav button.owl-prev span {
    display: none
}

.owl-nav button.owl-next:before,
.owl-nav button.owl-prev:before {
    bottom: 0;
    content: "";
    display: inline-block;
    font-family: fontello
}

@media(min-width:768px) {

    .owl-nav button.owl-next:before,
    .owl-nav button.owl-prev:before {
        width: 84px
    }
}

.owl-nav button.owl-next:hover,
.owl-nav button.owl-prev:hover {
    background: #fff;
    color: #01895b
}

@media(min-width:1140px) and (max-width:1199px), (min-width:1320px) {
    .owl-nav button.owl-prev {
        left: -52px
    }
}

.owl-nav button.owl-prev:before {
    content: "\e810"
}

@media(min-width:1140px) and (max-width:1199px), (min-width:1320px) {
    .owl-nav button.owl-next {
        right: -52px
    }
}

.owl-nav button.owl-next:before {
    content: "\e812"
}

.owl-theme .owl-dots button {
    background: 0;
    color: inherit;
    border: 0;
    padding: 0 !important;
    font: inherit
}

.owl-carousel__nav {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.owl-carousel__nav .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto
}

.owl-carousel__nav .container.disabled {
    display: none
}

.owl-carousel__nav .owl-nav.disabled {
    opacity: 0;
    cursor: default
}

.owl-carousel__nav--withdots .owl-nav {
    top: calc(50% - 20px - 13px)
}

@media(min-width:768px) {
    .owl-carousel__nav--withdots .owl-nav {
        top: calc(50% - 42px - 38px)
    }
}

.owl-theme-grid .owl-item {
    opacity: .3;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: opacity 1s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity 1s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity 1s ease-in-out, transform .5s ease-in-out;
    transition: opacity 1s ease-in-out, transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    pointer-events: none
}

@media(min-width:768px) {
    .owl-theme-grid .owl-item {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.owl-theme-grid .owl-item.center {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity 1s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity 1s ease-in-out, transform .5s ease-in-out;
    transition: opacity 1s ease-in-out, transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    pointer-events: initial
}

.owl-theme-blob .owl-theme {
    border-radius: 47% 53% 75% 33% / 67% 45% 56% 54%;
    overflow: hidden;
    margin: 0 30px;
    width: auto
}

@media(min-width:768px) {
    .owl-theme-blob .owl-theme {
        border-radius: 46% 54% 47% 53% / 75% 33% 67% 25%
    }
}

.owl-theme-blob .owl-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 250px
}

@media(min-width:576px) {
    .owl-theme-blob .owl-item {
        height: 300px
    }
}

@media(min-width:768px) {
    .owl-theme-blob .owl-item {
        height: 450px
    }
}

@media(min-width:992px) {
    .owl-theme-blob .owl-item {
        height: 550px
    }
}

@media(min-width:1200px) {
    .owl-theme-blob .owl-item {
        height: 650px
    }
}

.owl-theme-blob .owl-item>div {
    background: no-repeat center;
    background-size: cover;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.owl-theme-blob .owl-nav {
    left: 42px;
    right: 42px
}

.bottom-nav .owl-nav {
    top: inherit;
    bottom: 0;
    margin: 0 5px
}

[v-cloak] {
    display: none
}

.checkout form+.form__bottom {
    margin-top: 0
}

.checkout .price__old {
    text-decoration: line-through
}

.checkout .price__new {
    color: #01895b;
    font-weight: bold;
    margin-left: 20px
}

.checkout .leden__message {
    color: #01895b;
    white-space: nowrap;
    font-size: 14px;
    position: absolute;
    padding: 10px 0
}

.checkout .leden__message--mobile {
    color: #01895b;
    white-space: nowrap;
    font-size: 14px;
    padding: 10px 0
}

.checkout.info__tooltip {
    margin-top: 10px
}

.checkout .info__tooltip {
    right: 0
}

.checkout .tooltip-smart {
    color: #9b9b9b
}

.checkout__cart .co__row--head {
    display: none
}

@media(max-width:767.98px) {
    .checkout__cart .co__row--total .co__col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .checkout__cart .co__row--total .co__col:nth-of-type(1) {
        display: none
    }

    .checkout__cart .co__row--total .co__col:nth-of-type(2) {
        display: none
    }

    .checkout__cart .co__row--total .co__col:nth-of-type(4) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media(min-width:768px) {
    .checkout__cart {
        display: table;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0 15px
    }

    .checkout__cart .form__group {
        padding-right: 50px
    }

    .checkout__cart .co__row {
        display: table-row
    }

    .checkout__cart .co__row--head {
        display: table-row
    }

    .checkout__cart .co__row--total {
        border: 0;
        line-height: 46px
    }

    .checkout__cart .co__row--total .co__col:nth-of-type(3) {
        text-align: end
    }

    .checkout__cart .co__row--total .co__col:nth-of-type(4) {
        padding-left: 10px;
        white-space: nowrap
    }

    .checkout__cart .co__col {
        display: table-cell;
        padding: 10px 0;
        vertical-align: top
    }

    .checkout__cart .co__col:nth-of-type(1) {
        max-width: 20%;
        display: table-cell
    }

    .checkout__cart .co__col:nth-of-type(1) .col__value {
        padding: 15px 0
    }

    .checkout__cart .co__col:nth-of-type(2) {
        max-width: 20%;
        display: table-cell
    }

    .checkout__cart .co__col:nth-of-type(2) .col__value {
        padding: 15px 0
    }

    .checkout__cart .co__col:nth-of-type(4) {
        max-width: 10%;
        text-align: end
    }

    .checkout__cart .co__col:nth-of-type(4) .col__value {
        padding: 15px 0;
        white-space: nowrap
    }
}

@media(max-width:991.98px) {
    .checkout__table .co__row.co__row--total {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 0
    }
}

.checkout__table .co__row.co__row--head .co__col:nth-of-type(1) {
    width: 20%
}

.checkout__table .co__row.co__row--head .co__col:nth-of-type(2) {
    width: 10%
}

.checkout__table .co__row.co__row--head .co__col:nth-of-type(3) {
    width: 50%
}

.checkout__table .co__row.co__row--head .co__col:nth-of-type(4) {
    width: 10%
}

.checkout__table .co__row .co__col {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout__table .co__row .co__col .form__item,
.checkout__table .co__row .co__col .Form__Element {
    margin: 0
}

@media(min-width:768px) {
    .checkout__table .co__row .co__col {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }
}

.checkout__table .co__row .co__col .col__value {
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset
}

@media(min-width:768px) {
    .checkout__table .co__row .co__col .col__value {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(min-width:768px) {
    .checkout__table .co__row .co__col:nth-of-type(1) {
        width: 20%
    }
}

@media(min-width:768px) {
    .checkout__table .co__row .co__col:nth-of-type(2) {
        width: 10%
    }

    .checkout__table .co__row .co__col:nth-of-type(2).co__col--sale {
        width: 30%
    }
}

@media(min-width:768px) {
    .checkout__table .co__row .co__col:nth-of-type(3) {
        width: 50%
    }
}

@media(min-width:768px) {
    .checkout__table .co__row .co__col:nth-of-type(4) {
        width: 10%
    }
}

.co__table {
    font-size: 15px;
    color: #78786f;
    margin-top: 30px
}

.co__table .form__item input,
.co__table .Form__Element input {
    padding: 15px 20px
}

.co__table .form__item input.FormTextbox__Input,
.co__table .Form__Element input.FormTextbox__Input {
    padding: 18px 20px 12px
}

.co__table .form__item label,
.co__table .Form__Element label {
    top: 15px
}

.co__table .form__item--quantity,
.co__table .FormTextbox--Number {
    max-width: none
}

@media(min-width:768px) {

    .co__table .form__item--quantity,
    .co__table .FormTextbox--Number {
        display: inline-block;
        vertical-align: top;
        width: 135px
    }
}

.co__table .form__group {
    width: 100%
}

@media(min-width:768px) {
    .co__table .form__group {
        display: inline-block;
        width: calc(100% - 150px)
    }
}

.co__table .form__group .row {
    margin: 0
}

.co__table .form__group>.form__item+.form__item,
.co__table .form__group>.Form__Element+.form__item,
.co__table .form__group>.form__item+.Form__Element,
.co__table .form__group>.Form__Element+.Form__Element {
    margin-top: 10px
}

@media(max-width:767.98px) {

    .co__table .form__group>.form__item+.form__item,
    .co__table .form__group>.Form__Element+.form__item,
    .co__table .form__group>.form__item+.Form__Element,
    .co__table .form__group>.Form__Element+.Form__Element {
        border-top: 0;
        padding-top: 10px
    }
}

.co__table .form__group .form__item,
.co__table .form__group .Form__Element {
    margin: 0
}

.co__table .form__group .btn-remove-member,
.co__table .form__group .loader--membership {
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 22px;
    padding: 0
}

@media(min-width:992px) {

    .co__table .form__group .btn-remove-member,
    .co__table .form__group .loader--membership {
        font-size: 18px;
        right: -35px
    }
}

.co__table .col__label {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #4a4a4a
}

@media(max-width:767.98px) {
    .co__table .col__label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 115px;
        -ms-flex: 0 0 115px;
        flex: 0 0 115px;
        border-right: 1px solid #e3e3d8;
        margin-right: 15px;
        padding: 18px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width:767.98px) {
    .co__table .col__value {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 18px 0
    }

    .co__table .col__value .form__item,
    .co__table .col__value .Form__Element {
        margin-top: 5px
    }
}

.co__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0;
    min-height: 50px;
    border-bottom: 1px solid #e3e3d8
}

@media(max-width:767.98px) {
    .co__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .co__row:nth-child(2) {
        border-top: 1px solid #e3e3d8
    }
}

.co__row--head .col__label {
    padding: 15px 0
}

.co__row--head .co__col {
    padding: 0 !important
}

.co__row--total {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #4a4a4a;
    border-bottom: 0;
    margin-top: -1px;
    padding: 27px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.co__row--total .co__col:nth-child(1) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    padding: 0 20px 0 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:767.98px) {
    .co__row--total .co__col:nth-child(1) {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 75% !important;
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important
    }
}

.co__row--total .co__col:nth-child(2) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    padding: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:767.98px) {
    .co__row--total .co__col:nth-child(2) {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 25% !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important
    }
}

@media(max-width:767.98px) {
    .co__row--total {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px;
        border-top: 0
    }
}

.co__col {
    padding-right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media(min-width:992px) {
    .co__col {
        padding-right: 20px
    }
}

@media(max-width:767.98px) {
    .co__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.co__col>.form__item,
.co__col>.Form__Element {
    margin: 0
}

.co__col.co__col--discount-code {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 65% !important;
    -ms-flex: 1 1 65% !important;
    flex: 1 1 65% !important;
    width: 100%;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:767.98px) {
    .co__col.co__col--discount-code {
        padding: 0 !important
    }
}

.co__col.co__col--discount-code .co__row--discount {
    width: 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width:767.98px) {
    .co__col.co__col--discount-code .co__row--discount {
        width: 100%
    }
}

.co__col.co__col--discount-code .co__col--discount-show-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

.co__col.co__col--discount-code .co__col--discount-show-button .lbl--show-discount {
    font-weight: 600;
    color: #000;
    padding-right: 0;
    cursor: inherit
}

.co__col.co__col--discount-code .co__col--discount-show-button .btn--show-discount {
    border: 0;
    font-size: .5rem;
    font-weight: 300;
    background: 0;
    letter-spacing: normal;
    margin-right: 1rem;
    cursor: inherit
}

.co__col.co__col--discount-code .co__col--discount-show-button .btn--show-discount .icon-arrow-right::before {
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.co__col.co__col--discount-code .co__col--discount-show-button .btn--show-discount .icon-arrow-right.closed::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.co__col.co__col--discount-code .co__col--discount-show-button .btn--show-discount .icon-arrow-right.opened::before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.co__col.co__col--discount-code .co__col--discount-fields {
    display: none;
    margin: 10px 0
}

.co__col.co__col--discount-code .co__col--discount-fields .btn--discount {
    text-transform: none;
    position: absolute;
    border-color: #4a4a4a !important;
    top: 0;
    right: 0;
    margin: 6px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 500
}

.co__col.co__col--discount-code .co__col--discount-fields .discount__input-field {
    border-radius: 5px
}

.co__col.co__col--costs {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 35% !important;
    -ms-flex: 1 1 35% !important;
    flex: 1 1 35% !important
}

.co__col.co__col--costs .co__row {
    width: 100%;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.co__col.co__col--costs .co__row--subtotal,
.co__col.co__col--costs .co__row--discounts,
.co__col.co__col--costs .co__row--shipping-costs {
    font-weight: normal;
    border-top: 0
}

.co__col.co__col--costs .co__row--cart-total {
    border-top: 1px solid #e3e3d8;
    color: #01895b;
    font-weight: 700
}

.co__col.co__col--costs .co__finish-checkout {
    margin: 20px 0 30px 0;
    padding: 0
}

.co__col.co__col--costs .co__finish-checkout a {
    width: 100%
}

.co__col.co__col--costs .co__col:nth-child(1) {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 70% !important;
    -ms-flex: 0 0 70% !important;
    flex: 0 0 70% !important;
    padding: 0 20px 0 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(max-width:767.98px) {
    .co__col.co__col--costs .co__col:nth-child(1) {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 75% !important;
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important
    }
}

.co__col.co__col--costs .co__col:nth-child(2) {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 30% !important;
    -ms-flex: 0 0 30% !important;
    flex: 0 0 30% !important;
    padding: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:767.98px) {
    .co__col.co__col--costs .co__col:nth-child(2) {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 25% !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important
    }
}

@media(max-width:767.98px) {
    .co__col.co__col--costs {
        margin-top: 20px
    }
}

.co__total {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #4a4a4a
}

.co-loader {
    min-height: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.co-loader i {
    font-size: 40px
}

@media(min-width:768px) {
    .checkout--refund .checkout__table .co__row .co__col {
        max-width: none;
        text-align: start;
        padding: 10px 0;
        vertical-align: middle
    }

    .checkout--refund .checkout__table .co__row .co__col .col__value {
        padding: 0
    }

    .checkout--refund .checkout__table .co__row .co__col:nth-child(1) {
        width: 20%
    }

    .checkout--refund .checkout__table .co__row .co__col:nth-child(1).co__col--full {
        width: 100%
    }

    .checkout--refund .checkout__table .co__row .co__col:nth-child(2) {
        width: 22%
    }

    .checkout--refund .checkout__table .co__row .co__col:nth-child(3) {
        width: 20%
    }

    .checkout--refund .checkout__table .co__row .co__col:nth-child(4) {
        width: 22%
    }

    .checkout--refund .checkout__table .co__row .co__col:nth-child(4) .form__item,
    .checkout--refund .checkout__table .co__row .co__col:nth-child(4) .Form__Element {
        margin-bottom: 0
    }

    .checkout--refund .checkout__table .co__row .co__col:nth-child(5) {
        width: 16%;
        text-align: end
    }

    .checkout--refund .checkout__table .co__row:nth-last-child(2) {
        border-bottom: 0
    }

    .checkout--refund .checkout__table .co__row--total {
        border-top: 1px solid #4a4a4a
    }
}

@media(max-width:991.98px) {

    .checkout--refund .checkout__table .co__row--total .co__col:nth-child(1),
    .checkout--refund .checkout__table .co__row--total .co__col:nth-child(2),
    .checkout--refund .checkout__table .co__row--total .co__col:nth-child(3) {
        display: none
    }

    .checkout--refund .checkout__table .co__row--total .co__col:nth-child(5) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.checkout--refund .form__bottom {
    border-top: 0
}

.checkout--refund .co__table {
    color: #35352a
}

.checkout--refund .checkout__link {
    background-color: transparent;
    border: 0;
    text-decoration: underline;
    color: #78786f;
    cursor: pointer
}

@media(max-width:991.98px) {
    .checkout--refund .checkout__time span {
        display: inline-block
    }
}

.checkout--refund .page-title {
    margin-bottom: 2px
}

@media(max-width:767.98px) {
    .checkout-form .Form__MainBody .Form__Element {
        width: calc(100% - 16px)
    }

    .checkout-form .Form__MainBody .zip-house-row {
        width: calc(100% - 16px);
        margin: 0;
        padding: 0
    }

    .checkout-form .Form__MainBody .zip-house-row .col-zip {
        padding-left: 0
    }

    .checkout-form .Form__MainBody .zip-house-row .col-house {
        padding-right: 0
    }

    .checkout-form .Form__MainBody .zip-house-row .Form__Element {
        width: 100%
    }

    .checkout-form .Form__MainBody .pop-icon {
        right: -30px;
        font-size: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.co__table--cart .co__col {
    padding-right: 0
}

.co__table--cart .remove-discount {
    color: #d80036;
    margin: 1px 5px
}

.co__table--cart .remove-discount:hover {
    color: #a50029;
    cursor: pointer
}

.co__table--cart .co__row {
    padding: 18px 0
}

@media(min-width:768px) {
    .co__table--cart .co__row {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.co__table--cart .co__row--head {
    padding: 0
}

.co__table--cart .co__row--head .co__col:nth-child(1) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding-top: 0
}

.co__table--cart .co__row--head .co__col:nth-child(2) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 44%;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    padding-top: 0
}

.co__table--cart .co__row--head .co__col:nth-child(3) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(min-width:768px) {
    .co__table--cart .co__row--head .co__col:nth-child(3) .col__label {
        padding-top: 16px
    }
}

.co__table--cart .co__row--head .co__col:nth-child(4) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8%;
    -ms-flex: 0 0 8%;
    flex: 0 0 8%;
    padding-right: 0
}

.co__table--cart .co__row--head .co__col:nth-child(5) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 3%;
    -ms-flex: 0 0 3%;
    flex: 0 0 3%;
    padding-right: 0
}

@media(min-width:768px) {
    .co__table--cart .co__row--head .co__col:nth-child(5) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media(max-width:767.98px) {
    .co__table--cart .col__label {
        padding: 12px 0;
        display: none
    }
}

@media(max-width:767.98px) {
    .co__table--cart .col__value {
        padding: 12px 0
    }
}

.co__table--cart .col__value img {
    width: 100%;
    max-width: 155px;
    height: auto;
    padding-right: 10px
}

.co__table--cart .col__value--desc {
    padding-right: 20px
}

.co__table--cart .co__col--image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%
}

.co__table--cart .co__col--title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.67%;
    -ms-flex: 0 0 66.67%;
    flex: 0 0 66.67%
}

.co__table--cart .co__col--quantity {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

@media(max-width:767.98px) {
    .co__table--cart .co__col--quantity {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.co__table--cart .co__col--total-price {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:767.98px) {
    .co__table--cart .co__col--total-price {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        text-align: end
    }
}

.co__table--cart .co__col--remove {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 7%;
    -ms-flex: 0 0 7%;
    flex: 0 0 7%;
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:767.98px) {
    .co__table--cart .co__col--remove {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        text-align: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%
    }
}

.co__table--cart .col__value--remove {
    color: #242424
}

.co__table--cart .col__value--remove:hover {
    cursor: pointer;
    color: #4a4a4a
}

.co__table--cart .title {
    font-size: 16px;
    color: #000;
    display: block
}

.co__table--cart .co__row--total {
    display: block
}

.co__table--cart .co__row--total .co__row {
    padding: 8px 0;
    border-bottom: 0;
    min-height: 0
}

@media(max-width:767.98px) {
    .co__table--cart .co__row--total .co__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.co__table--cart .co__row--total .co__col:nth-child(1) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%
}

.co__table--cart .co__row--total .co__col:nth-child(2) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%
}

.co__table--cart .co__row--discount {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.co__table--cart .co__row--discount .co__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0
}

.co__table--cart+.form__bottom {
    margin-top: 0
}

.co__row--mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    gap: 10px
}

.co__row--mobile:nth-child(1) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%
}

.co__row--mobile:nth-child(2) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

.cart__price {
    color: #01895b;
    font-size: 16px;
    display: block;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 1px
}

.cart__price--old {
    color: #aeaeae;
    text-decoration: line-through;
    line-height: 20px;
    font-weight: 400
}

.cart__price--new {
    color: #b28721
}

.columns__item {
    margin-bottom: 30px
}

.columns__item .blob--img {
    margin: 0 0 30px 0
}

.columns__item .u-rte-content {
    font-size: 16px;
    line-height: 24px
}

.columns__title {
    font-size: 32px;
    line-height: 31px;
    font-family: "WWF", serif;
    text-transform: uppercase;
    margin-bottom: 14px
}

.columns-2 .columns__item,
.columns-3 .columns__item {
    padding-left: 30px;
    padding-right: 30px
}

.columns-4 .columns__item {
    padding-left: 20px;
    padding-right: 20px
}

.contact__card {
    background: #fbfbf8;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 30px
}

@media(min-width:768px) {
    .contact__card {
        max-width: 90%;
        margin: 50px auto 0
    }
}

.contact__person {
    padding: 45px 0 40px
}

@media(max-width:767.98px) {
    .contact__person {
        padding: 20px 0
    }
}

.contact__image {
    width: 190px;
    height: 190px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto 35px
}

@media(max-width:767.98px) {
    .contact__image {
        width: 100px;
        height: 100px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 20px
    }
}

.contact__image img {
    width: 100%
}

.contact__name {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px
}

.contact__job {
    font-weight: 300
}

.contact__info {
    text-align: center
}

@media(max-width:767.98px) {
    .contact__info {
        width: calc(100% - 140px);
        display: inline-block;
        vertical-align: middle;
        text-align: left
    }
}

.contact__data {
    background: #f0eee3;
    padding: 40px 0;
    line-height: 24px;
    text-align: center
}

@media(max-width:767.98px) {
    .contact__data {
        padding: 15px 0 15px 60px;
        text-align: left
    }
}

.contact__data p {
    margin-bottom: 0
}

.conversion-block {
    position: relative;
    z-index: 1
}

.conversion-block .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.conversion-block .owl-item>div {
    width: 100%;
    max-width: 100%;
    height: 100%
}

.conversion-block .owl-nav button {
    border-radius: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3)
}

@media(max-width:767.98px) {
    .conversion-block .owl-nav button {
        width: 50px;
        height: 50px
    }
}

.conversion-block .owl-nav button.owl-prev {
    left: 40px
}

@media(max-width:767.98px) {
    .conversion-block .owl-nav button.owl-prev {
        left: 15px
    }
}

.conversion-block .owl-nav button.owl-next {
    right: 40px
}

@media(max-width:767.98px) {
    .conversion-block .owl-nav button.owl-next {
        right: 15px
    }
}

.conversion__item {
    width: 100%;
    height: 100%;
    padding: 25px 15px;
    background: #fff;
    border-radius: 10px
}

@media(min-width:1200px) {
    .conversion__item {
        margin-top: 30px;
        height: calc(100% - 30px);
        padding: 40px 30px 30px
    }
}

.conversion__item .u-rte-content {
    font-size: 16px;
    line-height: 25px;
    height: 100px;
    color: #78786f;
    margin-bottom: 30px
}

@media(max-width:767.98px) {
    .conversion__item .u-rte-content {
        height: auto
    }
}

.conversion__item .btn {
    border-color: transparent
}

.conversion__price {
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px;
    color: #35352a
}

.conversion__price small {
    font-size: 60%;
    font-weight: 400
}

.conversion__amount {
    border-radius: 29px;
    color: #78786f;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: .12em;
    text-align: center;
    margin-bottom: 30px
}

.conversion__image {
    position: relative
}

.conversion__image img {
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

.conversion__label {
    width: 115px;
    height: 115px;
    position: absolute;
    top: -25px;
    right: -10px;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 10px
}

@media(max-width:767.98px) {
    .conversion__label {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        top: -35px;
        right: -20px
    }
}

.conversion__label .label__row {
    font-family: "WWF", serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center
}

.conversion__label .label__row:first-child {
    font-size: 24px;
    line-height: 24px
}

.conversion__list {
    margin-top: 30px
}

.conversion__list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.conversion__list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 40px;
    font-size: 16px;
    color: #35352a
}

.conversion__list li:before {
    content: "\e801";
    font-family: "fontello";
    color: #5cd05b;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0
}

.conversion__list li.is-inactive {
    color: #c4c4c4
}

.conversion__list li.is-inactive:before {
    color: #c4c4c4
}

.copyright {
    color: rgba(255, 255, 255, 0.4);
    display: block;
    font-size: 11px;
    left: 0;
    line-height: 14px;
    overflow: hidden;
    padding: 5px;
    top: 0
}

.copyright--bottom,
.copyright--right {
    position: absolute
}

.copyright--bottom {
    bottom: 0;
    top: auto
}

.copyright--hero {
    bottom: 10px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
    z-index: 1
}

@media(min-width:768px) {
    .copyright--hero {
        right: 50%;
        text-align: right;
        width: auto
    }
}

.hero--video .copyright--hero {
    display: none
}

.copyright--blob {
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    text-align: right;
    top: auto;
    padding-bottom: 20px;
    padding-right: 90px
}

.copyright--center {
    left: 0;
    right: 0;
    text-align: center
}

.copyright--right {
    left: auto;
    right: 5px;
    text-align: right
}

.copyright--right--scale {
    right: 12px
}

@media(max-width:767.98px) {
    .core-values {
        padding: 0 20px
    }
}

.core-values .blob--img {
    margin: 0;
    max-width: 400px;
    float: right
}

.core-values .owl-nav {
    position: static;
    display: block
}

.core-values .owl-nav button {
    position: static;
    border-radius: 100%;
    font-size: 30px;
    height: 40px;
    width: 40px;
    background: transparent;
    box-shadow: none;
    color: #35352a
}

.core-values .owl-nav button:before {
    width: auto
}

.core-values .owl-nav button.disabled {
    opacity: .3
}

.core-values .owl-carousel__nav {
    position: static
}

.core-values .owl-carousel__triggers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px
}

@media(max-width:767.98px) {
    .core-values .owl-carousel__triggers {
        display: none
    }
}

.core-values .owl-carousel__trigger {
    border: 0;
    background: 0;
    color: #e7e7e7;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    padding: 0 30px 0 0
}

.core-values .owl-carousel__trigger:last-child {
    padding-right: 0
}

.core-values .owl-carousel__trigger:focus {
    outline: 0
}

.core-values .owl-carousel__trigger.is-active {
    color: #01895b
}

@media(max-width:767.98px) {
    .core-values .core-value__img {
        margin-top: 30px;
        margin-bottom: 20px
    }
}

.campaign-cta {
    background-size: 100vw auto;
    background-position: center;
    background-repeat: no-repeat;
    padding: 90px 0
}

@media(max-width:991.98px) {
    .campaign-cta {
        background-size: cover;
        text-align: center
    }
}

.campaign-cta .section-title,
.campaign-cta .spotlight__title {
    color: #fff;
    max-width: 480px
}

@media(max-width:991.98px) {

    .campaign-cta .section-title,
    .campaign-cta .spotlight__title {
        margin: 20px auto 40px
    }
}

@media(min-width:1200px) {
    .campaign-cta__img {
        margin-left: 160px
    }
}

.direct-links {
    width: 100%;
    padding: 25px 25px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
}

.direct-links.btn {
    margin-top: 40px
}

.direct-links__title {
    text-transform: uppercase
}

.direct-links__description {
    color: #78786f;
    font-size: 14px;
    line-height: 22px
}

.direct-links__description a {
    color: #01895b;
    text-decoration: underline
}

.direct-links__links {
    text-transform: uppercase;
    margin-top: 30px;
    position: relative
}

.direct-links__links a {
    color: #01895b;
    font-size: 12px;
    font-weight: 500;
    display: block;
    letter-spacing: .12em;
    z-index: 1;
    position: relative;
    padding-right: 20px
}

.direct-links__links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.direct-links__links li {
    padding: 10px 0 10px 0;
    position: relative
}

.direct-links__links li:hover a,
.direct-links__links li:hover:after {
    color: #446626
}

.direct-links__links li:after {
    content: "\e815";
    font-family: "fontello";
    position: absolute;
    right: 0;
    color: #01895b;
    font-size: 10px;
    top: 12px
}

.direct-links__links--sep {
    border-top: 1px solid #e2e0ce;
    margin-top: 40px;
    padding-top: 30px
}

.donate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    margin-top: 20px
}

.donate__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.donate__item input {
    left: -9999px;
    position: absolute
}

.donate__item label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #979797;
    color: #4d4d4d;
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 0;
    text-align: center
}

.donate__item:first-child label {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px
}

.donate__item:last-child label {
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px
}

.donate__item input:checked+label {
    background: #4a4a4a;
    border-color: #4a4a4a;
    color: #fff
}

.donation-form {
    margin-top: 75px
}

@media(max-width:767.98px) {
    .donation-form {
        margin-top: 50px
    }
}

.donation-type {
    border-radius: 2px;
    padding: 40px 45px;
    position: relative;
    z-index: 1
}

@media(max-width:991.98px) {
    .donation-type {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto
    }
}

.donation-type--left {
    background: #f6f5f2
}

.donation-type--left .donation-type__number {
    top: -20px;
    left: -25px
}

.donation-type--left .donation-type__desc {
    font-size: 13px;
    margin-top: 20px
}

.donation-type--left .qr-code {
    max-width: 100%
}

.donation-type--right {
    background: #f6f5f2;
    padding-top: 30px;
    padding-bottom: 30px
}

.donation-type--right i {
    display: block;
    font-size: 180px;
    line-height: 180px;
    margin: 15px 0 15px 15px
}

.donation-type--right .donation-type__number {
    top: -7px;
    left: -25px
}

.donation-type--right .donation-type__desc {
    font-family: "WWF", serif;
    font-size: 22px;
    line-height: 22px;
    text-align: center
}

.donation-type--form {
    margin-top: -15px;
    padding: 0
}

@media(max-width:991.98px) {
    .donation-type--form {
        margin-top: 60px;
        margin-bottom: 60px;
        max-width: 460px
    }
}

@media(min-width:1200px) {
    .donation-type--form {
        padding: 0 50px
    }
}

.donation-type--form:after {
    display: none
}

.donation-type--form .donation-type__number {
    color: #35352a;
    left: 15px
}

.donation-type__number {
    font-family: "WWF", serif;
    font-size: 60px;
    line-height: 50px;
    position: absolute
}

.donation-type__inner {
    position: relative
}

.donation-box-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 26px
}

.donation-box-item {
    background-color: #f4f4f4;
    border-radius: 24px;
    height: 250px;
    color: #fff;
    padding: 10px 20px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.donation-box-item__picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.donation-box-item__picture img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-filter: brightness(60%);
    filter: brightness(60%)
}

.donation-box-item__location {
    position: absolute;
    z-index: 2;
    font-size: 13px
}

.donation-box-item__content {
    position: relative;
    margin-top: auto;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.donation-box-item__title {
    font-size: 14px;
    font-weight: 400
}

.donation-box-item__price {
    font-size: 13px;
    font-weight: 400
}

.donation-box__image-example {
    position: relative;
    margin-top: 60px;
    margin-left: 60px
}

.donation-box-signup-block__address {
    width: 100%;
    padding: 0 7.5px
}

.donation-box-list .section-title,
.donation-box-list .spotlight__title {
    margin-bottom: 30px
}

@media(min-width:768px) {

    .donation-box-list .section-title,
    .donation-box-list .spotlight__title {
        margin-bottom: 50px
    }
}

@media(min-width:992px) {

    .donation-box-list .section-title,
    .donation-box-list .spotlight__title {
        margin-bottom: 80px
    }
}

.donation-box-list .list__tools {
    text-align: right;
    margin-bottom: 30px
}

.donation-box-list .list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 35px
}

.donation-box-list .list__rank {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    font-family: "WWF", serif;
    font-size: 30px;
    line-height: 31px;
    letter-spacing: .47px;
    padding-right: 30px
}

@media(max-width:767.98px) {
    .donation-box-list .list__rank {
        padding-right: 15px
    }
}

.donation-box-list .list__rank a {
    color: #35352a
}

.donation-box-list .list__img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14%;
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    padding-right: 30px
}

@media(min-width:768px) and (max-width:991.98px) {
    .donation-box-list .list__img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media(max-width:767.98px) {
    .donation-box-list .list__img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        padding-right: 15px
    }
}

@media(max-width:320px) {
    .donation-box-list .list__img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }
}

.donation-box-list .list__img img {
    width: 120px;
    height: 93px;
    max-width: 100%;
    border-radius: 22% 78% 33% 67% / 54% 40% 60% 46%
}

@media(max-width:767.98px) {
    .donation-box-list .list__img img {
        width: 98px;
        height: 75px
    }
}

.donation-box-list .list__title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width:768px) and (max-width:991.98px) {
    .donation-box-list .list__title {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media(max-width:767.98px) {
    .donation-box-list .list__title {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        padding-right: 0
    }
}

@media(max-width:320px) {
    .donation-box-list .list__title {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%
    }
}

.donation-box-list .list__title a {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px
}

.donation-box-list .list__text {
    width: 35%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    font-size: 14px;
    padding-right: 30px;
    margin-bottom: 0
}

@media(min-width:768px) and (max-width:991.98px) {
    .donation-box-list .list__text {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - 90px);
        -ms-flex: 0 0 calc(50% - 90px);
        flex: 0 0 calc(50% - 90px);
        width: calc(50% - 90px)
    }
}

@media(max-width:767.98px) {
    .donation-box-list .list__text {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-right: 0;
        margin-top: 15px
    }
}

.donation-box-list .list__text p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 21px;
    height: 63px;
    margin-bottom: 0
}

.donation-box-list .list__amount {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    font-size: 20px;
    letter-spacing: .62px;
    font-weight: 500;
    text-align: right
}

@media(max-width:991.98px) {
    .donation-box-list .list__amount {
        text-align: left
    }
}

.donation-box-list .list__amount a {
    color: #35352a
}

@media(max-width:767.98px) {
    .donation-box-list--toplist .list__rank {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 22%;
        -ms-flex: 0 0 22%;
        flex: 0 0 22%
    }
}

@media(max-width:767.98px) {
    .donation-box-list--toplist .list__img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%
    }
}

@media(max-width:767.98px) {
    .donation-box-list--toplist .list__title {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 43%;
        -ms-flex: 0 0 43%;
        flex: 0 0 43%
    }
}

.donation-box-list--toplist .list__text {
    width: 32%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%
}

@media(max-width:767.98px) {
    .donation-box-list--toplist .list__text {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.explanation {
    color: #35352a;
    font-family: "WWF", serif;
    font-size: 18px;
    letter-spacing: .18px;
    position: relative;
    margin-left: 90px;
    margin-top: 10px;
    min-height: 60px
}

@media(min-width:992px) {
    .explanation {
        position: absolute;
        margin: 0
    }
}

.explanation__arrow {
    width: 76px;
    height: 32px;
    position: absolute;
    left: -90px;
    top: 18px
}

@media(max-width:991.98px) {
    .explanation__arrow {
        -webkit-transform: scaleY(-1) rotate(-45deg);
        -ms-transform: scaleY(-1) rotate(-45deg);
        transform: scaleY(-1) rotate(-45deg);
        bottom: auto
    }
}

.explanation__text {
    display: block;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg)
}

.explanation__img {
    display: block
}

@media(min-width:992px) {
    .explanation--image {
        right: 40px;
        left: auto;
        top: 90px
    }

    .explanation--image .explanation__arrow {
        top: -30px;
        left: -65px
    }
}

.explanation--image-delete {
    font-size: 12px;
    text-decoration: underline;
    font-family: "Rubik", sans-serif;
    cursor: pointer
}

@media(min-width:992px) {
    .explanation--image-delete {
        right: 40px;
        left: auto;
        top: 90px
    }
}

.explanation--image-delete i {
    display: block;
    font-size: 25px;
    text-decoration: none;
    text-align: center
}

@media(min-width:992px) {
    .explanation--goal {
        left: 100px;
        top: 0
    }

    .explanation--goal .explanation__arrow {
        top: 18px;
        left: -88px
    }
}

@media(min-width:992px) {
    .explanation--email {
        left: 100px;
        top: 70px
    }

    .explanation--email .explanation__arrow {
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1);
        bottom: -40px;
        top: auto
    }

    .explanation--email .explanation__text {
        margin-left: 20px
    }

    .explanation--email .explanation__img {
        -webkit-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
}

.explanation--welcomepack {
    margin: 0 auto 20px;
    text-align: center
}

.explanation--welcomepack .explanation__img {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width:992px) {
    .explanation--delete {
        left: 80px;
        top: 40px
    }

    .explanation--delete .explanation__arrow {
        top: -30px;
        left: -65px
    }
}

.explanation--hero {
    color: #fff;
    text-align: center
}

@media(max-width:991.98px) {
    .explanation--hero {
        display: none
    }
}

.explanation--hero .explanation__arrow {
    width: 72px;
    height: 41px
}

.explanation--hero-cta {
    left: 250px;
    bottom: -70px
}

.explanation--hero-influencers {
    display: inline-block;
    width: calc(100% - 360px);
    padding-top: 120px;
    right: 0
}

@media(max-width:1199.98px) {
    .explanation--hero-influencers {
        width: calc(100% - 300px);
        padding-top: 80px
    }
}

@media(max-width:991.98px) {
    .explanation--hero-influencers {
        display: block;
        width: 60%;
        margin: 10px auto 30px;
        padding-top: 0
    }
}

.explanation--hero-influencers .explanation__arrow {
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    top: 50px;
    left: -20px
}

@media(max-width:1199.98px) {
    .explanation--hero-influencers .explanation__arrow {
        top: 20px
    }
}

@media(max-width:991.98px) {
    .explanation--hero-influencers .explanation__arrow {
        -webkit-transform: scaleX(-1) rotate(35deg);
        -ms-transform: scaleX(-1) rotate(35deg);
        transform: scaleX(-1) rotate(35deg);
        top: calc(100% + 30px);
        left: auto;
        right: 0
    }
}

@media(max-width:320px) {
    .explanation--hero-influencers .explanation__arrow {
        right: -35px
    }
}

.explanation--cta {
    color: #fff;
    right: -180px;
    bottom: 80px
}

@media(min-width:1200px) {
    .explanation--cta {
        right: -150px
    }
}

.explanation--cta .explanation__arrow {
    width: 130px;
    height: auto;
    -webkit-transform: rotate(-32deg);
    -ms-transform: rotate(-32deg);
    transform: rotate(-32deg);
    top: 70px
}

@media(min-width:1200px) {
    .explanation--cta .explanation__arrow {
        -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }
}

.explanation--qrcode {
    font-size: 22px;
    line-height: 21px;
    position: relative;
    margin-left: 35px;
    padding-bottom: 10px
}

@media(min-width:992px) and (max-width:1199.98px) {
    .explanation--qrcode {
        margin-left: 12px
    }
}

.explanation--qrcode i {
    font-size: 70px;
    position: absolute;
    right: -25px;
    top: 5px
}

@media(min-width:992px) and (max-width:1199.98px) {
    .explanation--qrcode i {
        right: -35px
    }
}

.explanation--qrcode .explanation__arrow {
    -webkit-transform: scaleY(-1) rotate(74deg);
    -ms-transform: scaleY(-1) rotate(74deg);
    transform: scaleY(-1) rotate(74deg);
    left: -60px;
    top: 50px
}

.explanation--qrcode .explanation__text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.explanation--form {
    font-size: 22px;
    line-height: 21px;
    position: relative;
    margin-left: 55px;
    padding-top: 15px;
    margin-bottom: 10px
}

.explanation--form .explanation__arrow {
    -webkit-transform: scaleX(-1) rotate(-30deg);
    -ms-transform: scaleX(-1) rotate(-30deg);
    transform: scaleX(-1) rotate(-30deg);
    left: 125px;
    right: 0;
    top: 0
}

.explanation--form .explanation__text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.explanation--sms {
    font-size: 20px;
    line-height: 20px;
    position: relative;
    margin-left: 12px
}

.explanation--sms .explanation__arrow {
    -webkit-transform: scale(-1) rotate(62deg);
    -ms-transform: scale(-1) rotate(62deg);
    transform: scale(-1) rotate(62deg);
    right: -10px;
    top: 25px;
    left: auto
}

@media(min-width:992px) and (max-width:1199.98px) {
    .explanation--sms .explanation__arrow {
        right: -50px
    }
}

.explanation--sms .explanation__text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.facts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px
}

@media(max-width:991.98px) {
    .facts {
        margin-top: 30px
    }
}

.facts__item {
    text-align: center;
    padding: 0 5px
}

@media(max-width:575.98px) {
    .facts__item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.facts__title {
    font-size: 12px;
    line-height: 21px;
    color: #545454;
    text-transform: uppercase;
    font-weight: 500;
    margin: 10px 0 15px
}

.section-donationbox__title {
    font-size: 36px
}

@media(min-width:768px) {
    .section-donationbox__title {
        font-size: 56px
    }
}

.section-donationbox__button {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-donationbox-items {
    padding: 0 7.5px 50px
}

.section-donationbox-items-grid {
    padding: 0 7.5px 50px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px
}

.section-donationbox-items-grid .fundraiser-card {
    margin: 0;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-donationbox-items-grid .fundraiser-card__image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.section-donationbox-items-grid .fundraiser-card__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.section-donationbox-items-grid .fundraiser-card__progressbar {
    margin-top: auto
}

.section-donationbox-items .tile--area:hover:after {
    display: none
}

.section-donationbox-items .tile--area:hover:not(.tile--no-hover) {
    cursor: pointer
}

.section-donationbox-items .tile--area:hover:not(.tile--no-hover)>.tile__image>.tile__content {
    opacity: 0;
    -webkit-transition: none;
    transition: none
}

.section-donationbox-items .tile--area:hover:not(.tile--no-hover) .tile__content {
    top: 0
}

.section-donationbox-items .tile--area:hover:not(.tile--no-hover) .tile__hover {
    opacity: 1;
    pointer-events: initial;
    padding-top: 30px
}

.section-donationbox-items .tile--area .tile__image {
    height: 100%
}

.section-donationbox-items .tile__image {
    height: 100%
}

.section-donationbox-items .tile__image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(top, black 0, rgba(64, 64, 64, 0) 20%, rgba(64, 64, 64, 0) 80%, black 100%);
    background: linear-gradient(to bottom, black 0, rgba(64, 64, 64, 0) 20%, rgba(64, 64, 64, 0) 80%, black 100%)
}

.section-donationbox-items .tile__content {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-donationbox-items .tile__content:hover .progress-bar {
    -webkit-animation-name: animateProgression;
    animation-name: animateProgression;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

@-webkit-keyframes animateProgression {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes animateProgression {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.section-donationbox-items .tile__hover .tile__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.section-donationbox-items .tile__hover .tile__content:hover .circle {
    -webkit-animation: progress 1s ease-out forwards;
    animation: progress 1s ease-out forwards
}

@-webkit-keyframes progress {
    0% {
        stroke-dasharray: 0 100
    }
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100
    }
}

.section-donationbox-items .donationbox-item {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 25px;
    color: #fff
}

.section-donationbox-items .donationbox-item .donationbox-item__row {
    padding: 15px 25px
}

.section-donationbox-items .donationbox-item .donationbox-item__row .donationbox-item__content {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.section-donationbox-items .donationbox-item .donationbox-item__row .donationbox-item__content--search {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.section-donationbox-items .donationbox-item .donationbox-item__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-donationbox-items .donationbox-item .donationbox-item__block:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border-radius: 25px;
    background: -webkit-linear-gradient(top, #404040 0, rgba(64, 64, 64, 0) 20%, rgba(64, 64, 64, 0) 80%, #404040 100%);
    background: linear-gradient(to bottom, #404040 0, rgba(64, 64, 64, 0) 20%, rgba(64, 64, 64, 0) 80%, #404040 100%)
}

.section-donationbox-items .donationbox-item.donationbox-item--all {
    background: #d9d6ce;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: initial
}

.section-donationbox-items .donationbox-item.donationbox-item--all .donationbox-item__link {
    border: 1px solid #979797;
    padding: 20px;
    border-radius: 30px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    left: 40px;
    text-align: center;
    text-transform: uppercase
}

@media(max-width:991.98px) {
    .section-donationbox-items .donationbox-item.donationbox-item--all .donationbox-item__link {
        padding: 10px
    }
}

.section-donationbox-items .donationbox-item .donationbox-item__title {
    font-size: 18px;
    line-height: 1;
    color: #000;
    font-weight: 400;
    margin-bottom: 2px
}

@media(max-width:991.98px) {
    .section-donationbox-items .donationbox-item .donationbox-item__title {
        font-size: 16px
    }
}

.section-donationbox-items .donationbox-item .donationbox-item__subtitle {
    font-size: 38px;
    line-height: 1;
    letter-spacing: .64px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 30px;
    color: #000;
    text-align: center
}

@media(max-width:991.98px) {
    .section-donationbox-items .donationbox-item .donationbox-item__subtitle {
        font-size: 30px;
        line-height: 1
    }
}

.section-donationbox-items .donationbox-item .donationbox-item__amount {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

@media(max-width:991.98px) {
    .section-donationbox-items .donationbox-item .donationbox-item__amount {
        font-size: 20px
    }
}

.section-donationbox-items .donationbox-item .donationbox-item__amount--searchbox {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin: 0
}

@media(max-width:991.98px) {
    .section-donationbox-items .donationbox-item .donationbox-item__amount--searchbox {
        font-size: 20px
    }
}

.section-donationbox-items .donationbox-item .donationbox-item__name {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media(max-width:991.98px) {
    .section-donationbox-items .donationbox-item .donationbox-item__name {
        font-size: 18px
    }
}

.section-donationbox-items .donationbox-item .donationbox-item__name--search {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media(max-width:1199.98px) {
    .section-donationbox-items .donationbox-item .donationbox-item__name--search {
        font-size: 14px
    }
}

@media(max-width:767.98px) {
    .section-donationbox-items .donationbox-item .donationbox-item__name--search {
        font-size: 24px
    }
}

.section-donationbox-items .donationbox-item__show-all {
    margin: 30px auto
}

.filter--downloads .filter__group {
    margin-bottom: 20px
}

@media(min-width:992px) {

    .filter__header,
    .filter__footer {
        display: none
    }
}

.filter__header {
    background: #f6f5f2;
    line-height: 60px;
    padding: 0 20px;
    position: relative
}

.filter__text {
    padding: 0 20px
}

.filter__close {
    cursor: pointer;
    height: 30px;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    position: absolute;
    right: 22px;
    top: calc(50% - 15px);
    white-space: nowrap;
    text-indent: -1000px
}

.filter__close:before {
    color: #c2d1d9;
    font-size: 20px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
    text-indent: 0
}

.filter__footer {
    background: #fff;
    padding: 20px
}

.filter__footer .btn {
    display: block;
    width: 100%
}

@media(max-width:767.98px) {
    .filter__text {
        padding: 20px
    }
}

.filter__group-title {
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 10px;
    padding: 10px 20px
}

.filter__group {
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    margin-top: 10px;
    padding: 20px 10px 20px 25px;
    -webkit-transition: border .25s ease-in-out;
    transition: border .25s ease-in-out
}

.filter__group:hover {
    border-color: #e2e2e2
}

.donationbox-section {
    margin-bottom: 50px
}

.search-show-all-campanges {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 0 20px 0
}

@media(min-width:992px) {
    .search-show-all-campanges {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }
}

.donationbox-search-section {
    padding-bottom: 30px;
    background-color: #f6f5f2
}

.donationbox-search-section .section-title,
.donationbox-search-section .spotlight__title {
    font-size: 52px;
    word-break: break-all;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.donationbox-search-section .search__button-filter {
    margin-top: 20px
}

@media(min-width:992px) {
    .donationbox-search-section .search__button-filter {
        display: none
    }
}

.donationbox-search-section .search__container--donationbox {
    padding: 0
}

.donationbox-search-section .search__input--donationbox {
    border: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 37px -7px rgba(0, 0, 0, 0.3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    padding-left: 25px
}

.donationbox-search-section .search__input--donationbox .search-bar__label {
    border: 0
}

.donationbox-search-section .search__input--donationbox .search-input {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: 500
}

.donationbox-search-section .search__input--donationbox .search-input::-webkit-input-placeholder {
    font-size: 18px;
    font-weight: 300;
    color: rgba(58, 58, 58, 0.7)
}

.donationbox-search-section .search__input--donationbox .search-input::-moz-placeholder {
    font-size: 18px;
    font-weight: 300;
    color: rgba(58, 58, 58, 0.7)
}

.donationbox-search-section .search__input--donationbox .search-input:-ms-input-placeholder {
    font-size: 18px;
    font-weight: 300;
    color: rgba(58, 58, 58, 0.7)
}

.donationbox-search-section .search__input--donationbox .search-input::-ms-input-placeholder {
    font-size: 18px;
    font-weight: 300;
    color: rgba(58, 58, 58, 0.7)
}

.donationbox-search-section .search__input--donationbox .search-input::placeholder {
    font-size: 18px;
    font-weight: 300;
    color: rgba(58, 58, 58, 0.7)
}

.donationbox-search-section .search__input--donationbox .icon-search--donationbox {
    font-size: 22px
}

.donationbox-search-section .search__input--donationbox:focus {
    border: 2px solid #0091ff
}

.donationbox-search-section .search__results {
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.17);
    border: 0;
    border-radius: 12px;
    margin-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    display: none
}

.donationbox-search-section .search__results .search__result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

.donationbox-search-section .search__results .search__result img {
    background: #000;
    height: 80px;
    width: 80px;
    margin-right: 25px
}

.donationbox-search-section .search__results .search__result .search__result-name {
    font-size: 20px;
    font-weight: 400;
    color: #3a3a3a;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.donationbox-search-section .search__results .search__result .search__result-name a:hover {
    color: inherit
}

.donationbox-search-section .search__results .search__result .search__result-name--highlighted {
    font-size: 18px;
    font-weight: 500;
    color: #3a3a3a;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.donationbox-search-section .search__results .search__result .search__result-sector {
    font-size: 17px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}

.donationbox-search-section .search__results .search__result .search__result-sector a:hover {
    color: inherit
}

.donationbox-search-section .search__results .search__result:hover,
.donationbox-search-section .search__results .search__result.is-active {
    cursor: pointer;
    background: #d3d3d3
}

.donationbox-search-section .search__results .search__result:first-child .result__label {
    display: block
}

.donationbox-search-section .search__results.show-search__results {
    display: block;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.donationbox-search-section .search__result-show-more {
    border-top: 1px solid rgba(151, 151, 151, 0.4);
    margin: 0 10px;
    margin-top: 15px;
    padding: 15px 0;
    font-weight: 500;
    cursor: pointer
}

.donationbox-search-result-section {
    padding: 50px 7.5px 100px
}

.donationbox-search-result-section__filter {
    padding-right: 30px
}

.donationbox-search-result-section__filter .filter__inner .modal__close {
    display: none
}

@media(min-width:992px) {
    .donationbox-search-result-section .filter--donationbox {
        position: -webkit-sticky;
        position: sticky;
        top: 130px
    }
}

.donationbox-search-result-section .filter--donationbox .filter__header--donationbox {
    position: relative;
    display: block;
    margin: 30px 0 30px;
    background: 0;
    padding: 0
}

@media(min-width:992px) {
    .donationbox-search-result-section .filter--donationbox .filter__header--donationbox {
        margin: 20px 0 60px
    }
}

.donationbox-search-result-section .filter--donationbox .filter__header--donationbox h1 {
    font-size: 54px;
    padding: 0 20px;
    line-height: 40px;
    font-family: "WWF", serif;
    font-weight: 400;
    word-wrap: break-word;
    text-transform: uppercase;
    color: #000
}

@media(min-width:992px) {
    .donationbox-search-result-section .filter--donationbox .filter__header--donationbox h1 {
        font-size: 94px;
        line-height: 80px
    }
}

.donationbox-search-result-section .filter--donationbox .filter__group--button {
    margin-top: 20px;
    border-radius: 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background: -webkit-linear-gradient(right, #e77a1f 4.45%, #e7631b 96.96%);
    background: linear-gradient(270deg, #e77a1f 4.45%, #e7631b 96.96%);
    padding: 10px 20px 15px 25px
}

.donationbox-search-result-section .filter--donationbox .filter__group--button .button-subtitle {
    line-height: 32px;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1.26px
}

.donationbox-search-result-section .filter--donationbox .filter__group--button .button-title {
    line-height: 26px;
    font-size: 20px;
    font-weight: 400;
    text-transform: initial;
    position: relative;
    letter-spacing: 0;
    text-align: left
}

.donationbox-search-result-section .filter--donationbox .filter__group--button .button-title:after {
    content: "\e815";
    display: inline-block;
    font-family: "fontello";
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    margin-left: 12px;
    position: absolute;
    padding-top: 2px
}

.donationbox-search-result-section .filter--donationbox .filter__group--donationbox {
    border: 1px solid #e0e0e0;
    border-radius: 9px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    padding: 10px 20px 15px 25px;
    margin-top: 20px
}

.donationbox-search-result-section .filter--donationbox .filter__group--donationbox:first-child {
    margin-top: 0
}

.donationbox-search-result-section .filter--donationbox .filter__group--donationbox .filter__group-title {
    color: #3a3a3a;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 20px
}

.donationbox-search-result-section .filter--donationbox .filter__group--donationbox .filter__select {
    width: 100%
}

.donationbox-search-result-section .filter--donationbox .filter__group--donationbox .filter__select select {
    color: #3a3a3a;
    width: 100%;
    border: 0;
    outline: 0;
    font-size: 20px;
    font-weight: 400;
    margin-left: -5px;
    cursor: pointer;
    background-color: transparent
}

.donationbox-search-result-section .filter--donationbox .text-big--donationbox {
    height: 155px;
    margin-top: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media(max-width:1199.98px) {
    .donationbox-search-result-section .filter--donationbox .text-big--donationbox {
        margin-top: 0
    }
}

@media(min-width:992px) {
    .filter__group-inner {
        max-height: 210px;
        overflow: auto
    }
}

@media(max-width:991.98px) {
    .filter--active {
        overflow: hidden
    }

    .filter--active .filter__wrapper {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transition: -webkit-transform .25s ease-in;
        transition: -webkit-transform .25s ease-in;
        transition: transform .25s ease-in;
        transition: transform .25s ease-in, -webkit-transform .25s ease-in
    }

    .filter--scrollable .filter__wrapper {
        overflow-y: auto !important
    }

    .filter__wrapper {
        background: #fff;
        bottom: 0;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        -webkit-transition: opacity .1s linear .6s, -webkit-transform .25s ease-in;
        transition: opacity .1s linear .6s, -webkit-transform .25s ease-in;
        transition: transform .25s ease-in, opacity .1s linear .6s;
        transition: transform .25s ease-in, opacity .1s linear .6s, -webkit-transform .25s ease-in;
        width: 100%;
        z-index: 100001
    }

    .filter__inner {
        max-height: calc(100vh - 160px);
        overflow: auto;
        padding: 40px 20px 20px
    }

    .filter__inner .modal__close {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        display: block !important
    }
}

.quick-filter {
    color: #78786f;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 40px
}

@media(min-width:768px) {
    .quick-filter {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border: 1px solid #e2e0ce;
        border-radius: 2em;
        padding: 20px 70px
    }
}

.footer {
    background: url(http://gratiskoran.nl/wp-content/uploads/2025/06/footer-bg.jpg) !important;
    background-size: cover !important;
    padding: 40px 0 10px !important;
    font-family: "Rubik", sans-serif;
    font-size: 13px;
    line-height: 21px;
    color: #78786f;
    position: relative
}

@media(max-width:991.98px) {
    .footer {
        padding-top: 60px
    }
}

@media(max-width:767.98px) {
    .footer {
        padding-left: 15px;
        padding-right: 15px
    }
}

.footer:before {
    content: "";
    display: block;
    width: 100%;
    height: 1.84vw;
    background-image: url("../img/footer-top.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: calc(-1.84vw + 1px);
    left: 0;
    z-index: 1
}

@media(max-width:767.98px) {
    .footer__socials {
        padding: 0 10px
    }
}

.footer__title {
    font-size: 12px;
    line-height: 16px;
    color: #35352a;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 18px
}

@media(max-width:767.98px) {
    .footer__title:not(.footer__title--small) {
        font-size: 16px;
        margin: 0;
        padding: 16px 0;
        border-bottom: 1px solid #e2e0ce;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 1.33px
    }

    .footer__title:not(.footer__title--small) a {
        display: block;
        position: relative
    }

    .footer__title:not(.footer__title--small) a:after {
        content: "\e815";
        font-family: "fontello";
        position: absolute;
        right: 10px
    }
}

@media(min-width:576px) {
    .footer__title--mobile {
        display: none
    }
}

@media(max-width:767.98px) {
    .footer__title--mobile.open:not(.footer__title--small) a:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media(max-width:767.98px) {
    .footer__title--desktop {
        display: none
    }
}

.footer__title--small {
    font-size: 9px;
    color: #9d9d95;
    font-weight: 400
}

.footer__ruler {
    width: 100%;
    height: 1px;
    border: 0;
    outline: 0;
    background: #e2e0ce;
    margin: 20px 0 10px
}

.footer__ruler--space {
    margin: 40px 0
}

.footer__links {
    margin-bottom: 50px
}

@media(max-width:767.98px) {
    .footer__links {
        margin-bottom: 10px
    }
}

.footer__links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

@media(min-width:576px) {
    .footer__links ul .footer__title--url {
        display: none
    }
}

@media(max-width:767.98px) {
    .footer__links ul:not(.open):not(.payment-methods) {
        display: none
    }
}

@media(min-width:576px) {
    .footer__links ul {
        display: block
    }
}

.footer__links li {
    padding: 2px 0
}

.footer__bottom {
    color: #9d9d95;
    font-size: 11px;
    padding-bottom: 50px
}

@media(max-width:767.98px) {
    .footer__bottom {
        padding-bottom: 20px
    }
}

.footer__logo img {
    width: 47px;
    height: auto
}

@media(max-width:767.98px) {
    .footer__logo img {
        width: 55px
    }
}

.footer__slogan {
    font-size: 27px;
    color: #000;
    font-family: "WWF", serif;
    float: right
}

@media(max-width:767.98px) {
    .footer__slogan {
        font-size: 21px
    }
}

@media(max-width:767.98px) {
    .footer__about-us {
        margin-top: 15px;
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .footer__about-us .footer__title {
        border-bottom: 0 !important;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500
    }
}

.footer__images {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.footer__images>div {
    padding-bottom: 20px
}

@media(max-width:767.98px) {
    .footer__images {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #e2e0ce;
        padding-top: 25px
    }
}

@media(min-width:768px) {
    .footer__images {
        margin-top: 30px
    }

    .footer__images>div {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 10px
    }

    .footer__images>div:nth-child(2n) {
        padding-left: 10px;
        padding-right: 0
    }
}

.footer__images img {
    display: block;
    max-width: 60px;
    width: 100%
}

.footer__payment-methods::after {
    display: block;
    clear: both;
    content: ""
}

@media(max-width:991.98px) {
    .footer__payment-methods {
        margin-bottom: 15px
    }
}

.footer__payment-methods li {
    padding: 0
}

.four-steps__steps {
    margin-top: 60px
}

.four-steps__label {
    font-size: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #b0bfc3;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 35px
}

@media(max-width:767.98px) {
    .four-steps__label {
        text-align: center
    }
}

.four-steps__label:after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.28);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}

.four-steps__step {
    padding: 0 30px
}

@media(max-width:1199.98px) {
    .four-steps__step {
        padding: 0 15px
    }
}

@media(max-width:991.98px) {
    .four-steps__step {
        margin-bottom: 30px;
        padding: 0 30px
    }
}

@media(max-width:767.98px) {
    .four-steps__step {
        padding: 0 60px
    }
}

.four-steps__step img {
    max-width: 100%;
    height: auto
}

.four-steps-step__label {
    text-align: center;
    margin-top: 25px;
    font-size: 15px;
    font-weight: 600
}

.fundraiser-cards {
    margin-top: 30px
}

.fundraiser-card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 35px
}

.fundraiser-card__image {
    height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.fundraiser-card__info {
    padding: 15px 20px 30px
}

.fundraiser-card__initiator {
    font-size: 13px;
    line-height: 1.185;
    font-weight: 500;
    margin-bottom: 7px;
    color: #0e0e2c
}

.fundraiser-card__title {
    font-size: 22px;
    line-height: 1.185;
    font-weight: 500;
    margin-bottom: 20px;
    color: #0e0e2c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.fundraiser-card__progressbar {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 12px;
    border-bottom: 1px solid #ecf1f4;
    margin-bottom: 12px
}

.fundraiser-card__progress-start,
.fundraiser-card__progress-end {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    color: #4a4a68;
    font-size: 13px;
    line-height: 1.185;
    font-weight: 500
}

.fundraiser-card__progress-container {
    display: inline-block;
    background: #ecf1f4;
    width: 100%;
    height: 5px;
    border-radius: 2.5px;
    position: relative;
    margin: 0 10px
}

.fundraiser-card__progress {
    height: 5px;
    border-radius: 2.5px;
    background: -webkit-linear-gradient(left, #b28721, #e65719, #b28721);
    background: linear-gradient(-270deg, #b28721, #e65719, #b28721);
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.fundraiser-card__progress-end {
    text-align: right
}

.fundraiser-card__location {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a4a68;
    font-size: 13px;
    line-height: 1.185
}

.fundraiser-card__location svg {
    margin-right: 7px
}

.fundraiser-card__buttons {
    padding-top: 24px
}

@media(min-width:992px) {
    .fundraiser-card__buttons {
        padding-left: 18px;
        padding-right: 18px
    }
}

.fundraiser-card__buttons .btn {
    display: block;
    width: 100%
}

.fundraiser-card__buttons .btn+.btn {
    margin-top: 10px
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 2560px;
    min-height: 140px;
    z-index: 120
}

@media(max-width:1039px) {
    .header {
        min-height: 110px
    }
}

@media(max-width:767.98px) {
    .header {
        min-height: 95px
    }
}

.header:after {
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 150px;
    pointer-events: none;
    -webkit-transition: all .25s linear .5s;
    transition: all .25s linear .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden
}

@media(min-width:1040px) {
    .header.has-hover {
        z-index: 141
    }

    .header.has-hover:after {
        opacity: 1;
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
        visibility: visible
    }
}

.header.search-active .search-toggle i,
.header.has-hover .search-toggle i {
    color: rgba(74, 74, 74, 0.8);
    -webkit-transition: none;
    transition: none
}

.header.search-active .search-toggle i.icon-search {
    opacity: 0
}

.header.search-active .search-toggle i.icon-plus {
    opacity: 1
}

.logo {
    position: absolute;
    left: 10px;
    top: 22px
}

.logo img {
    width: 137px;
    height: 137px;
    -webkit-transition: all .25s linear;
    transition: all .25s linear
}

@media(max-width:1039px) {
    .logo img {
        width: 280px;
        height: auto
    }
}

@media(max-width:767.98px) {
    .logo img {
        width: auto;
        max-height: 50px
    }
}

.header__topmenu {
    display: none
}

@media(min-width:1040px) {
    .header__topmenu {
        display: block
    }
}

.header__main {
    clear: both;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(min-width:1200px) and (max-width:1399.98px) {
    .header__main {
        padding-left: 80px
    }
}

.header__meta {
    float: right;
    margin-top: 28px;
    margin-bottom: 20px
}

.header--static main>section:first-child,
.header--static main>article:first-child {
    padding-top: 165px
}

@media(min-width:1040px) {

    .header--static main>section:first-child,
    .header--static main>article:first-child {
        padding-top: 225px
    }

    .header--static main>section:first-child.login-block,
    .header--static main>article:first-child.login-block {
        padding-top: 200px
    }
}

.header--search main>section:first-child,
.header--search main>article:first-child {
    padding-top: 140px
}

@media(min-width:1040px) {

    .header--search main>section:first-child,
    .header--search main>article:first-child {
        padding-top: 210px
    }
}

@media(min-width:1040px) {

    .header--static .header,
    .header--search .header {
        background: #f6f5f2
    }

    .header--static .header a,
    .header--search .header a {
        color: #4a4a4a
    }

    .header--static .header .btn--ghost-gradient,
    .header--search .header .btn--ghost-gradient {
        border-color: #4a4a4a
    }

    .header--static .header .btn--ghost-gradient:hover,
    .header--search .header .btn--ghost-gradient:hover {
        border-color: #fff;
        color: #fff
    }

    .header--static .header .search-toggle i,
    .header--search .header .search-toggle i {
        color: #4a4a4a !important
    }
}

.header--white .header {
    background: #fff
}

.header--white main>section:first-child,
.header--white main>article:first-child {
    padding-top: 140px
}

@media(min-width:1040px) {

    .header--white main>section:first-child,
    .header--white main>article:first-child {
        padding-top: 200px
    }
}

.header--search .header {
    background: #fff !important
}

@media(max-width:1039px) {

    .header--shop .breadcrumb:not(.breadcrumb__shop-home)~main>section:first-child,
    .header--shop .breadcrumb:not(.breadcrumb__shop-home)~main>article:first-child {
        padding-top: 165px
    }
}

.header--small-hide {
    top: -150px
}

.header--small {
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.1);
    min-height: 100px;
    position: fixed;
    top: 0;
    -webkit-transition: top .5s ease-in;
    transition: top .5s ease-in;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header--small:after {
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
    min-height: 0
}

.header--small .personal-nav a {
    color: #4a4a4a
}

.header--small .btn--ghost-gradient {
    border-color: #4a4a4a;
    color: #4a4a4a
}

.header--small .header__meta {
    margin-top: 12px;
    margin-bottom: 10px
}

.header--small .search-toggle i {
    color: #c2d1d9
}

.header--small .logo {
    height: 100px;
    overflow: hidden
}

.header--small .logo img {
    height: inherit;
    width: 270px
}

@media(max-width:767.98px) {
    .header--small .logo img {
        width: auto;
        max-height: 50px
    }
}

.header--small .main-nav a {
    color: #4a4a4a
}

.header--small .main-nav a:before {
    background: #4a4a4a
}

@media(min-width:1040px) {
    .header--shop .scroller-inner {
        padding-top: 150px
    }
}

.header--shop .header {
    background: #fff
}

@media(max-width:1039px) {
    .header--shop .header {
        box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.1)
    }
}

.header--shop .header .personal-nav a {
    color: #4a4a4a
}

.header--shop .header .btn--ghost-gradient {
    border-color: #4a4a4a;
    color: #4a4a4a
}

.header--shop .header .search-toggle i {
    color: #c2d1d9
}

.header--shop .header .main-nav__depth-1>li>a {
    color: #4a4a4a
}

.header--shop .header .main-nav__depth-1>li>a:before {
    background: #4a4a4a
}

.header--donation-box .breadcrumb {
    display: none
}

.header--checkout .breadcrumb {
    display: none
}

.header--checkout .header__topmenu {
    display: none
}

.header--checkout .header.has-hover {
    z-index: 1
}

.header--checkout .header:after {
    display: none
}

.header--checkout .header--small {
    box-shadow: unset;
    min-height: unset
}

.header--checkout .header--small .logo {
    height: 110px
}

.header--checkout .form-container-block {
    padding-top: 120px
}

@media(min-width:1200px) {
    .header--checkout .form-container-block {
        padding-top: 150px
    }
}

@media(max-width:767.98px) {
    .header--checkout .toggle-menu {
        display: none
    }

    .header--checkout .mobile-cart {
        display: none
    }
}

.hero {
    position: relative;
    padding-top: 140px;
    padding-bottom: 0px;
    background-size: cover
}

@media(min-width:768px) {
    .hero {
        padding-top: 160px
    }
}

@media(min-width:992px) {
    .hero {
        min-height: 885px
    }
}

@media(max-width:767.98px) {
    .hero>.jwplayer {
        display: none
    }
}

.hero:not(.hero--subbar):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.19) 42%, rgba(0, 0, 0, 0.75) 95%);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.19) 42%, rgba(0, 0, 0, 0.75) 95%)
}

@media(min-width:992px) {
    .hero.hero--lower {
        min-height: 700px
    }
}

.hero .intro {
    margin-bottom: 30px;
    min-height: 120px
}

@media(max-width:991.98px) {
    .hero .intro {
        min-height: 0;
        /* color: #fff !important */
    }
}

.hero .btn {
    padding: 20px 30px;
    margin-bottom: 70px; /* adjust value as needed */
}


.hero.hero--with-direct-links {
    background-color: #fff;
    padding-bottom: 20px;
    min-height: 150px
}

.hero.hero--with-direct-links .hero__title {
    color: #000;
    margin-bottom: 20px;
    margin-top: 25px
}

.hero.hero--with-direct-links .hero__desc {
    margin-bottom: 30px
}

.hero.hero--with-direct-links:after {
    display: none
}

@media(min-width:576px) {

    .hero.hero--with-direct-links:not(.hero--divider)+section,
    .hero.hero--with-direct-links:not(.hero--divider)+article {
        padding-top: 214px
    }
}

.hero.hero--with-direct-links:not(.hero--divider)+section:before,
.hero.hero--with-direct-links:not(.hero--divider)+article:before {
    top: 0;
    background-image: url("../img/header-bottom-reverse.svg");
    background-color: transparent;
    z-index: 1
}

.hero.hero--with-direct-links:not(.hero--divider)+section.section-direct-links-sub,
.hero.hero--with-direct-links:not(.hero--divider)+article.section-direct-links-sub {
    padding-top: 0
}

.hero:not(.hero--divider)+section,
.hero:not(.hero--divider)+article {
    position: relative;
    padding-top: 130px
}

.hero:not(.hero--divider)+section.campaign-cta-block,
.hero:not(.hero--divider)+article.campaign-cta-block {
    padding: 0
}

.hero:not(.hero--divider)+section.login-block,
.hero:not(.hero--divider)+article.login-block {
    padding: 60px 0
}

@media(min-width:768px) {

    .hero:not(.hero--divider)+section.login-block,
    .hero:not(.hero--divider)+article.login-block {
        padding: 100px 0
    }
}

.hero:not(.hero--divider)+section.animal-passport-block,
.hero:not(.hero--divider)+article.animal-passport-block {
    padding-top: 60px
}

@media(max-width:991.98px) {

    .hero:not(.hero--divider)+section.animal-passport-block,
    .hero:not(.hero--divider)+article.animal-passport-block {
        padding-top: 90px
    }
}

.hero:not(.hero--divider)+section.regional-team-block,
.hero:not(.hero--divider)+section.volunteer-downloads-block,
.hero:not(.hero--divider)+article.regional-team-block,
.hero:not(.hero--divider)+article.volunteer-downloads-block {
    padding-top: 50px
}

.hero:not(.hero--divider)+section:before,
.hero:not(.hero--divider)+article:before {
    content: "";
    display: block;
    width: 100%;
    height: 5.86vw;
    background-image: url("../img/header-bottom.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: calc(-5.86vw + 2px);
    left: 0;
    z-index: 0
}

@media only screen and (min-device-width:414px) and (min-device-height:896px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {

    .hero:not(.hero--divider)+section:before,
    .hero:not(.hero--divider)+article:before {
        height: 6.1vw
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:3) {

    .hero:not(.hero--divider)+section:before,
    .hero:not(.hero--divider)+article:before {
        height: 6vw
    }
}

@media(max-width:767.98px) {

    .hero:not(.hero--divider)+section,
    .hero:not(.hero--divider)+article {
        padding-top: 30px
    }

    .hero:not(.hero--divider)+section:before,
    .hero:not(.hero--divider)+article:before {
        top: calc(-5.86vw + 1px)
    }
}

.hero+section.section--grey:before,
.hero+article.section--grey:before {
    background-image: url("../img/header-bottom-grey.svg")
}

.hero .media-text-block {
    margin-bottom: 0;
    color: #fff;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .hero .media-text-block {
        margin-top: 100px
    }
}

@media(max-width:991.98px) {
    .hero .media-text-block {
        padding-bottom: 0 !important
    }
}

.hero .media-text-block .section-title,
.hero .media-text-block .spotlight__title {
    margin-bottom: 30px
}

.hero .media-text-block .link {
    color: #fff
}

@media(max-width:991.98px) {
    .hero .media-text__text {
        padding-bottom: 0
    }
}

.hero.hero--fadeout {
    padding-bottom: 250px
}

@media(max-width:1199.98px) {
    .hero.hero--fadeout {
        padding-bottom: 200px
    }
}

@media(max-width:991.98px) {
    .hero.hero--fadeout {
        padding-bottom: 300px
    }
}

.hero.hero--fadeout:after {
    display: none
}

.hero.hero--fadeout+section,
.hero.hero--fadeout+article {
    margin-top: -340px
}

@media(max-width:1199.98px) {

    .hero.hero--fadeout+section,
    .hero.hero--fadeout+article {
        margin-top: -420px
    }
}

@media(max-width:991.98px) {

    .hero.hero--fadeout+section,
    .hero.hero--fadeout+article {
        margin-top: -350px
    }
}

.hero.hero--fadeout+section:before,
.hero.hero--fadeout+article:before {
    display: none
}

.hero.hero--fadeout+section.section--bg-img,
.hero.hero--fadeout+section.section--grey,
.hero.hero--fadeout+section.hero,
.hero.hero--fadeout+article.section--bg-img,
.hero.hero--fadeout+article.section--grey,
.hero.hero--fadeout+article.hero {
    margin-top: -250px
}

@media(max-width:1199.98px) {

    .hero.hero--fadeout+section.section--bg-img,
    .hero.hero--fadeout+section.section--grey,
    .hero.hero--fadeout+section.hero,
    .hero.hero--fadeout+article.section--bg-img,
    .hero.hero--fadeout+article.section--grey,
    .hero.hero--fadeout+article.hero {
        margin-top: -300px
    }
}

@media(max-width:991.98px) {

    .hero.hero--fadeout+section.section--bg-img,
    .hero.hero--fadeout+section.section--grey,
    .hero.hero--fadeout+section.hero,
    .hero.hero--fadeout+article.section--bg-img,
    .hero.hero--fadeout+article.section--grey,
    .hero.hero--fadeout+article.hero {
        margin-top: -280px
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    .hero.hero--fadeout .media-text-block {
        margin-top: 20px
    }
}

.hero.hero--fadeout .copyright {
    width: 300px;
    height: 50px;
    position: absolute;
    top: 150px;
    left: calc(-300px + 30px);
    right: auto;
    bottom: auto;
    text-align: right;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

@media(max-width:767.98px) {
    .hero.hero--fadeout .copyright {
        left: calc(-400px + 20px);
        width: 400px;
        top: 120px
    }
}

.hero.hero--fadeout.hero--conversion {
    padding-bottom: 350px
}

@media(max-width:1199.98px) {
    .hero.hero--fadeout.hero--conversion {
        padding-bottom: 250px
    }
}

@media(max-width:991.98px) {
    .hero.hero--fadeout.hero--conversion {
        padding-bottom: 300px
    }
}

.hero.hero--fadeout.hero--conversion .title-block {
    margin: 90px 0 0
}

@media(max-width:1199.98px) {
    .hero.hero--fadeout.hero--conversion .title-block {
        margin: 60px 0 30px
    }
}

@media(max-width:767.98px) {
    .hero.hero--fadeout.hero--conversion .title-block {
        margin: 30px 0
    }
}

.hero.hero--fadeout.hero--conversion .u-rte-content {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    height: auto;
    max-height: 100px
}

.hero.hero--fadeout.hero--conversion+section,
.hero.hero--fadeout.hero--conversion+article {
    margin-top: -300px
}

@media(max-width:1199.98px) {

    .hero.hero--fadeout.hero--conversion+section,
    .hero.hero--fadeout.hero--conversion+article {
        margin-top: -200px
    }
}

@media(max-width:991.98px) {

    .hero.hero--fadeout.hero--conversion+section,
    .hero.hero--fadeout.hero--conversion+article {
        margin-top: -280px
    }
}

.hero.hero--fadeout.hero--form {
    padding-bottom: 110px
}

.hero--subbar {
    padding-bottom: 0;
    min-height: initial
}

@media(min-width:768px) {
    .hero--video>.jwplayer {
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .hero--video>.jwplayer .jw-media .jw-video {
        object-fit: cover
    }

    .hero--video .jw-state-playing {
        opacity: 1
    }

    .hero--video.jwplayer--loaded>div {
        opacity: 1;
        padding-top: 0
    }
}

.hero--video .hero__trigger {
    bottom: 20px
}

@media(max-width:991.98px) {
    .hero--video .hero__trigger {
        display: none
    }
}

.hero__content {
    color: #fff;
    z-index: 1;
    position: relative
}

.hero__content--title {
    padding-top: 200px
}

@media(max-width:991.98px) {
    .hero__content--title {
        padding-top: 45px
    }
}

.hero__content--title .person {
    margin-bottom: 15px
}

.hero__content--author {
    padding-top: 200px
}

@media(max-width:991.98px) {
    .hero__content--author {
        padding-top: 0
    }
}

.hero__blob-outer {
    overflow: hidden;
    padding-bottom: 0px;
    z-index: 1;
    position: relative
}

@media(min-width:768px) {
    .hero__blob-outer {
        padding: 40px 20px 50px 5px
    }
}

@media(min-width:1400px) {
    .hero__blob-outer {
        left: -80px
    }
}

.hero__blob {
    text-align: center;
    padding-bottom: 120px;
    background-image: -webkit-linear-gradient(204deg, rgba(0, 0, 0, 0.018) 0, rgba(0, 0, 0, 0.018) 92%);
    background-image: linear-gradient(-114deg, rgba(0, 0, 0, 0.018) 0, rgba(0, 0, 0, 0.018) 92%);
    max-width: 520px;
    min-height: 500px
}

@media(max-width:767.98px) {
    .hero__blob {
        min-height: 0
    }

    .hero__blob.blob,
    .rondo__inner--fact .hero__blob.sticker,
    .spotlight-block .hero__blob.sticker,
    .media-full-width-block .hero__blob.sticker,
    .columns-block .hero__blob.sticker,
    .slider-with-grid .hero__blob.sticker {
        border-radius: 0;
        border: 0;
        text-align: left;
        padding: 0;
        background: 0
    }
}

@media(max-width:1199.98px) {
    .hero__blob {
        margin: 0 auto
    }
}

.hero__blob .section-title,
.hero__blob .spotlight__title {
    margin-bottom: 20px;
    min-height: 155px
}

@media (max-width: 991.98px) {

    .hero__blob .section-title,
    .hero__blob .spotlight__title {
        min-height: 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: -25px;
        font-size: 30px;
        
    }

}


.hero__blob .tag,
.hero__blob .sticker--primary .sticker__text,
.sticker--primary .hero__blob .sticker__text,
.hero__blob .rondo__inner--fact .sticker,
.rondo__inner--fact .hero__blob .sticker,
.hero__blob .spotlight-block .sticker,
.spotlight-block .hero__blob .sticker,
.hero__blob .media-full-width-block .sticker,
.media-full-width-block .hero__blob .sticker,
.hero__blob .columns-block .sticker,
.columns-block .hero__blob .sticker,
.hero__blob .slider-with-grid .sticker,
.slider-with-grid .hero__blob .sticker {
    margin-bottom: 10px
}

.hero__bottom-blob {
    position: relative;
    z-index: 1;
    padding-top: 50px
}

@media(max-width:991.98px) {
    .hero__bottom-blob {
        height: 200px;
        padding-top: 0
    }
}

@media(max-width:767.98px) {
    .hero__bottom-blob {
        height: auto
    }
}

.hero__bottom-blob .blob,
.hero__bottom-blob .rondo__inner--fact .sticker,
.rondo__inner--fact .hero__bottom-blob .sticker,
.hero__bottom-blob .spotlight-block .sticker,
.spotlight-block .hero__bottom-blob .sticker,
.hero__bottom-blob .media-full-width-block .sticker,
.media-full-width-block .hero__bottom-blob .sticker,
.hero__bottom-blob .columns-block .sticker,
.columns-block .hero__bottom-blob .sticker,
.hero__bottom-blob .slider-with-grid .sticker,
.slider-with-grid .hero__bottom-blob .sticker {
    min-width: 400px;
    max-width: 435px;
    background: #f6f5f2;
    position: absolute;
    bottom: -120px;
    right: 0
}

@media(max-width:767.98px) {

    .hero__bottom-blob .blob,
    .hero__bottom-blob .rondo__inner--fact .sticker,
    .rondo__inner--fact .hero__bottom-blob .sticker,
    .hero__bottom-blob .spotlight-block .sticker,
    .spotlight-block .hero__bottom-blob .sticker,
    .hero__bottom-blob .media-full-width-block .sticker,
    .media-full-width-block .hero__bottom-blob .sticker,
    .hero__bottom-blob .columns-block .sticker,
    .columns-block .hero__bottom-blob .sticker,
    .hero__bottom-blob .slider-with-grid .sticker,
    .slider-with-grid .hero__bottom-blob .sticker {
        width: 100%;
        min-width: 0;
        max-width: none;
        position: static
    }
}

.hero__bottom-blob .blob__inner {
    height: 100%;
    padding: 50px 45px
}

.hero__bottom-blob--fixed {
    color: #35352a;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    font-size: 18px;
    line-height: 28px
}

@media(max-width:767.98px) {
    .hero__bottom-blob--fixed {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.hero__bottom-blob--fixed p {
    height: 84px
}

.hero__bottom-blob--fixed .blob,
.hero__bottom-blob--fixed .rondo__inner--fact .sticker,
.rondo__inner--fact .hero__bottom-blob--fixed .sticker,
.hero__bottom-blob--fixed .spotlight-block .sticker,
.spotlight-block .hero__bottom-blob--fixed .sticker,
.hero__bottom-blob--fixed .media-full-width-block .sticker,
.media-full-width-block .hero__bottom-blob--fixed .sticker,
.hero__bottom-blob--fixed .columns-block .sticker,
.columns-block .hero__bottom-blob--fixed .sticker,
.hero__bottom-blob--fixed .slider-with-grid .sticker,
.slider-with-grid .hero__bottom-blob--fixed .sticker {
    width: 395px;
    height: 300px;
    bottom: -170px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0
}

@media(max-width:767.98px) {

    .hero__bottom-blob--fixed .blob,
    .hero__bottom-blob--fixed .rondo__inner--fact .sticker,
    .rondo__inner--fact .hero__bottom-blob--fixed .sticker,
    .hero__bottom-blob--fixed .spotlight-block .sticker,
    .spotlight-block .hero__bottom-blob--fixed .sticker,
    .hero__bottom-blob--fixed .media-full-width-block .sticker,
    .media-full-width-block .hero__bottom-blob--fixed .sticker,
    .hero__bottom-blob--fixed .columns-block .sticker,
    .columns-block .hero__bottom-blob--fixed .sticker,
    .hero__bottom-blob--fixed .slider-with-grid .sticker,
    .slider-with-grid .hero__bottom-blob--fixed .sticker {
        width: 100%;
        height: auto;
        min-height: 300px;
        margin-bottom: -160px
    }
}

.hero__bottom-blob--fixed .blob__inner {
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg)
}

@media(max-width:767.98px) {
    .hero__bottom-blob--fixed .blob__inner {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.hero__bottom-blob--fixed .blob__title {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-right: 100px;
    font-size: 32px;
    min-height: 62px;
    line-height: 31px;
    font-family: "WWF", serif
}

.hero__bottom-blob--fixed img {
    position: absolute;
    top: -10px;
    right: -10px
}

@media(max-width:767.98px) {
    .hero__bottom-blob--fixed img {
        right: 0
    }
}

.hero__bottom-blob--fixed .btn {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -2px;
    white-space: nowrap
}

.hero__bottom-blob--fixed .btn:hover {
    color: #fff;
    -webkit-transform: scale(1.02) rotate(-1deg) translateX(-50%);
    -ms-transform: scale(1.02) rotate(-1deg) translateX(-50%);
    transform: scale(1.02) rotate(-1deg) translateX(-50%)
}

.hero__trigger {
    letter-spacing: 1.17px;
    font-size: 14px;
    font-weight: 300;
    opacity: .6;
    color: #fff;
    position: absolute;
    z-index: 1;
    bottom: -40px;
    cursor: pointer;
    padding-bottom: 40px;
    width: calc(100% - 30px);
    text-align: center
}

.hero__trigger i {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 30px;
    -webkit-animation: pulse 4s infinite;
    animation: pulse 4s infinite;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    pointer-events: none
}

@-webkit-keyframes pulse {
    0% {
        top: 30px
    }

    60% {
        top: 30px
    }

    70% {
        top: 40px
    }

    80% {
        top: 30px
    }

    90% {
        top: 40px
    }

    100% {
        top: 30px
    }
}

@keyframes pulse {
    0% {
        top: 30px
    }

    60% {
        top: 30px
    }

    70% {
        top: 40px
    }

    80% {
        top: 30px
    }

    90% {
        top: 40px
    }

    100% {
        top: 30px
    }
}

.hero__content>.container,
.hero__video-content>.container {
    position: relative
}

@media(max-width:991.98px) {

    .hero__content>.container,
    .hero__video-content>.container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.hero__video-content {
    position: relative
}

@media(min-width:768px) and (max-width:1199.98px) {
    .hero__video-content .hero__blob {
        min-height: 0;
        max-width: 400px;
        padding: 50px
    }

    .hero__video-content .hero__blob .section-title,
    .hero__video-content .hero__blob .spotlight__title {
        font-size: 30px;
        line-height: 30px;
        min-height: 0
    }
}

.hero--campaign-header .hero__video-content {
    z-index: 1
}

@media(max-width:767.98px) {
    .hero--campaign-header .hero__video-content {
        position: relative
    }
}

.hero__video-content .hero__bullets {
    display: none
}

@media(min-width:992px) {
    .hero__video-content .hero__bullets {
        display: block;
        padding-top: 0;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .hero__video-content .hero__bullets .blob,
    .hero__video-content .hero__bullets .rondo__inner--fact .sticker,
    .rondo__inner--fact .hero__video-content .hero__bullets .sticker,
    .hero__video-content .hero__bullets .spotlight-block .sticker,
    .spotlight-block .hero__video-content .hero__bullets .sticker,
    .hero__video-content .hero__bullets .media-full-width-block .sticker,
    .media-full-width-block .hero__video-content .hero__bullets .sticker,
    .hero__video-content .hero__bullets .columns-block .sticker,
    .columns-block .hero__video-content .hero__bullets .sticker,
    .hero__video-content .hero__bullets .slider-with-grid .sticker,
    .slider-with-grid .hero__video-content .hero__bullets .sticker {
        position: static
    }
}

.hero--small {
    min-height: 460px
}

.hero--small>.container {
    position: relative;
    z-index: 1
}

@media(max-width:767.98px) {
    .hero--small {
        min-height: 400px;
        padding-top: 150px
    }

    .hero--small .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.hero--small .hero__btn {
    margin-top: 40px
}

@media(min-width:576px) {
    .hero--small .hero__btn {
        margin-top: 120px
    }
}

.hero--checkout {
    min-height: 290px;
    padding-bottom: 90px;
    padding-top: 180px
}

@media(max-width:767.98px) {
    .hero--checkout {
        min-height: 400px;
        padding-top: 150px
    }
}

.hero--checkout>.container {
    position: relative;
    z-index: 1
}

.hero__title {
    color: #fff;
    font-family: "WWF", serif;
    font-size: 60px;
    font-weight: normal;
    line-height: 51px;
    margin-top: 40px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .hero__title {
        margin-top: 120px
    }
}

.hero__title--checkout {
    color: #9b9b9b;
    font-size: 30px;
    line-height: 31px;
    margin-top: 0;
    padding: 10px 0
}

.hero__title--checkout .is-active {
    color: #fff
}

.hero--shop {
    min-height: 0;
    padding-top: 120px;
    padding-bottom: 75px
}

@media(max-width:991.98px) {
    .hero--shop .container {
        padding-left: 42px;
        padding-right: 42px
    }
}

.hero--shop .intro {
    margin-bottom: 20px
}

.hero--shop .price {
    margin-bottom: 30px
}

.hero--shop .orginal-price {
    text-decoration: line-through;
    font-weight: 500
}

.hero--shop .hero__blob-outer {
    padding-bottom: 0
}

@media(max-width:991.98px) {

    .hero--shop .hero__blob .section-title,
    .hero--shop .hero__blob .spotlight__title {
        font-size: 40px;
        line-height: 40px
    }
}

@media(min-width:768px) {

    .hero--shop .hero__blob .section-title,
    .hero--shop .hero__blob .spotlight__title {
        min-height: 105px;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.hero--shop .price-prefix {
    text-transform: uppercase
}

.hero--divider {
    margin-bottom: 90px
}

.hero--divider .hero__blob {
    background-image: -webkit-linear-gradient(204deg, rgba(0, 0, 0, 0.63) 0, rgba(0, 0, 0, 0.63) 92%);
    background-image: linear-gradient(-114deg, rgba(0, 0, 0, 0.63) 0, rgba(0, 0, 0, 0.63) 92%)
}

.hero--campaign .media-text-block {
    margin-top: 0;
    padding-bottom: 100px !important
}

@media(min-width:1200px) {
    .hero--campaign .media-text-block {
        margin-top: 60px
    }
}

.hero--campaign .media-text {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    text-align: center
}

@media(min-width:576px) {
    .hero--campaign .media-text {
        max-width: 100%;
        text-align: left
    }
}

.hero--campaign .media-text__image {
    text-align: center
}

.hero--campaign .media-text__image img {
    max-width: 350px
}

@media(max-width:767.98px) {
    .hero--campaign .media-text__image img {
        max-width: 100%
    }
}

@media(max-width:767.98px) {
    .hero--campaign .media-text__text {
        margin-top: 20px
    }
}

.hero--campaign .campaign__amount {
    font-family: "WWF", serif;
    color: #000;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    bottom: 52px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:767.98px) {
    .hero--campaign .campaign__amount {
        bottom: 63px
    }
}

@media(max-width:375px) {
    .hero--campaign .campaign__amount {
        bottom: 55px;
        font-size: 42px
    }
}

@media(max-width:320px) {
    .hero--campaign .campaign__amount {
        bottom: 45px
    }
}

.hero--campaign .campaign__amount-label {
    font-family: "WWF", serif;
    color: #000;
    font-size: 23px;
    position: absolute;
    bottom: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:767.98px) {
    .hero--campaign .campaign__amount-label {
        bottom: 35px
    }
}

@media(max-width:375px) {
    .hero--campaign .campaign__amount-label {
        bottom: 30px
    }
}

@media(max-width:320px) {
    .hero--campaign .campaign__amount-label {
        bottom: 20px
    }
}

.hero--campaign .description--marked {
    margin-bottom: 20px;
    font-family: "Averia Sans Libre", "Rubik", sans-serif;
    font-weight: bold
}

.hero--campaign .section-title,
.hero--campaign .spotlight__title {
    font-family: "Repartee", "Rubik", sans-serif;
    font-weight: bold
}

.hero--campaign .btn--white {
    font-family: "Rubik", sans-serif;
    background-color: #FFF;
    color: #ff6a08;
    font-weight: bold;
    font-size: 15px
}

.hero--campaign .btn--white:hover {
    color: #000;
    background-color: #FFF;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.hero--campaign .btn--white:before {
    all: initial
}

.hero--campaign-profile .media-text-block .section-title,
.hero--campaign-profile .media-text-block .spotlight__title {
    word-break: break-word
}

.hero--with-title .sticker {
    left: 0;
    bottom: 100%
}

.hero--with-title .sticker__text {
    font-size: 16px
}

@media(max-width:991.98px) {
    .hero--conversion>.container {
        max-width: 100%;
        padding: 0
    }

    .hero--conversion>.container .conversion-block {
        margin: 0
    }

    .hero--conversion>.container .row {
        margin-left: 0;
        margin-right: 0
    }

    .hero--conversion>.container .row>div {
        padding-left: 0;
        padding-right: 0
    }
}

.hero--conversion .title-block {
    margin-top: 30px;
    position: relative;
    z-index: 1
}

@media(max-width:991.98px) {
    .hero--conversion .title-block {
        padding: 0 30px
    }
}

@media(max-width:767.98px) {
    .hero--conversion .title-block {
        padding: 0 10px
    }
}

.hero--conversion .title-block .hero-subtitle {
    margin: 80px 0 0;
    font-size: 18px
}

@media(max-width:767.98px) {
    .hero--conversion .title-block .hero-subtitle {
        margin-top: 60px
    }
}

@media(max-width:767.98px) {
    .hero--conversion .title-block {
        margin: 10px 0 0
    }

    .hero--conversion .title-block .section-title,
    .hero--conversion .title-block .spotlight__title {
        margin-bottom: 20px
    }

    .hero--conversion .title-block .tag,
    .hero--conversion .title-block .sticker--primary .sticker__text,
    .sticker--primary .hero--conversion .title-block .sticker__text,
    .hero--conversion .title-block .rondo__inner--fact .sticker,
    .rondo__inner--fact .hero--conversion .title-block .sticker,
    .hero--conversion .title-block .spotlight-block .sticker,
    .spotlight-block .hero--conversion .title-block .sticker,
    .hero--conversion .title-block .media-full-width-block .sticker,
    .media-full-width-block .hero--conversion .title-block .sticker,
    .hero--conversion .title-block .columns-block .sticker,
    .columns-block .hero--conversion .title-block .sticker,
    .hero--conversion .title-block .slider-with-grid .sticker,
    .slider-with-grid .hero--conversion .title-block .sticker {
        margin-bottom: 0
    }
}

.hero--contain {
    background-repeat: no-repeat;
    background-size: contain
}

.maps__text {
    height: 100%;
    padding-bottom: 50px
}

.maps__text .link {
    position: absolute;
    bottom: 8px;
    color: #01895b
}

.maps__text .link:hover {
    color: #35352a
}

.maps__map {
    height: 420px
}

.maps--portrait .maps__text {
    height: auto;
    padding-bottom: 0;
    margin-top: 30px
}

.maps--portrait .maps__map {
    height: 635px
}

.maps--swap>div:first-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.maps--swap .maps__text {
    margin-bottom: 30px;
    margin-top: 0
}

.media-text__video {
    padding-bottom: 20px;
    border-radius: 6px;
    overflow: hidden
}

.media-text__video .jwplayer .jw-title {
    display: none
}

.media-text__video .jw-wrapper {
    background: transparent
}

.media-text__video .jw-preview,
.media-text__video .jw-controls,
.media-text__video video {
    border-radius: 6px
}

.media-text__video .jw-background-color {
    background-color: rgba(0, 0, 0, 0.5)
}

.media-text__video .jw-display .jw-display-icon-display .jw-icon {
    height: 60px;
    line-height: 60px;
    padding: 10px;
    width: 60px
}

.media-text__video .jw-breakpoint-3 .jw-display .jw-display-icon-display .jw-icon {
    height: 77px;
    line-height: 77px;
    width: 77px
}

.media-text__image {
    border-radius: 6px;
    overflow: hidden
}

.media-text__image img {
    max-width: 100%;
    height: auto
}

.media-text__text {
    height: 100%;
    padding-bottom: 20px
}

@media(min-width:768px) {
    .media-text__text {
        padding-bottom: 50px
    }
}

.media-text__text .link {
    position: absolute;
    bottom: 8px;
    color: #01895b
}

.media-text__text .link:hover {
    color: #35352a
}

.main-nav {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 20px;
    font-family: "Rubik", sans-serif
}

@media(min-width:992px) and (max-width:1199.98px) {
    .main-nav {
        margin-left: 110px
    }
}

.main-nav a {
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 1.25px
}

.header.has-hover .main-nav a {
    color: #4a4a4a;
    -webkit-transition: none;
    transition: none
}

.header.has-hover .main-nav a:before {
    background: #4a4a4a
}

.main-nav__depth-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-nav__depth-1>li {
    padding: 0 0 16px
}

.main-nav__depth-1>li:hover>a,
.main-nav__depth-1>li.is-active>a {
    opacity: 1
}

.main-nav__depth-1>li:hover>a:before,
.main-nav__depth-1>li.is-active>a:before {
    width: 100%
}

.main-nav__depth-1>li:hover .main-nav__submenu {
    max-height: 600px;
    z-index: 11
}

.main-nav__depth-1>li>a {
    display: inline-block;
    color: #fff;
    opacity: .8;
    padding: 10px 5px;
    -webkit-transition: color .25s ease-out .5s;
    transition: color .25s ease-out .5s;
    position: relative
}

.main-nav__depth-1>li>a:first-child {
    padding-left: 0
}

.main-nav__depth-1>li>a:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 0;
    -webkit-transition: width .2s ease-out;
    transition: width .2s ease-out
}

.main-nav__depth-2 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-nav__depth-2>li {
    padding-right: 45px;
    min-width: 220px
}

.main-nav__depth-2>li.is-active>a {
    color: #4a4a4a
}

.main-nav__depth-2>li.is-active>a:before {
    width: 100%
}

.main-nav__depth-2>li>a {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 0 0 2px;
    position: relative
}

.main-nav__depth-2>li>a:hover {
    color: #4a4a4a
}

.main-nav__depth-2>li>a:hover:before {
    width: 100%
}

.main-nav__depth-2>li>a:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 0;
    -webkit-transition: width .2s ease-out;
    transition: width .2s ease-out
}

.main-nav__depth-3 {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px
}

.main-nav__depth-3>li {
    padding: 8px 0 5px;
    line-height: 15px
}

.main-nav__depth-3>li.is-active>a,
.main-nav__depth-3>li:hover>a {
    color: #4a4a4a
}

.main-nav__depth-3>li.is-active>a:before,
.main-nav__depth-3>li:hover>a:before {
    width: 100%
}

.main-nav__depth-3>li>a {
    position: relative;
    border-bottom: 1px solid transparent;
    color: #78786f;
    display: inline-block;
    padding: 0 0 2px
}

.main-nav__depth-3>li>a:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 0;
    -webkit-transition: width .2s ease-out;
    transition: width .2s ease-out
}

.main-nav__submenu {
    background: #f9f9f8;
    box-shadow: 0 5px 5px rgba(74, 74, 74, 0.05);
    left: 0;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transition: max-height .5s cubic-bezier(0.05, 0.5, 0.3, 1) .5s;
    transition: max-height .5s cubic-bezier(0.05, 0.5, 0.3, 1) .5s;
    z-index: 10
}

.main-nav__submenu>.container {
    padding-top: 40px;
    padding-bottom: 30px
}

.personal-nav {
    float: left;
    padding-right: 26px
}

.personal-nav::after {
    display: block;
    clear: both;
    content: ""
}

.personal-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.header.has-hover .personal-nav a {
    color: #4a4a4a;
    -webkit-transition: none;
    transition: none
}

.header.has-hover .personal-nav .cart-link a {
    color: #699443
}

.personal-nav li {
    float: left;
    padding-right: 26px;
    line-height: 31px
}

.personal-nav li:last-child {
    padding-right: 0
}

.personal-nav a {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    line-height: 25px;
    -webkit-transition: color .25s ease-in-out .5s;
    transition: color .25s ease-in-out .5s;
    opacity: .8
}

.personal-nav .icon-cart-rounded {
    margin-right: 6px;
    font-size: 24px;
    position: relative;
    top: 3px
}

.personal-nav .icon-profile {
    margin-right: 8px;
    font-size: 23px;
    position: relative;
    top: 3px
}

.personal-nav .cart-n-items {
    display: none;
    position: relative;
    top: -10px;
    right: -31px;
    font-size: 10px;
    border-radius: 50%;
    padding: 1px 5px;
    background-color: #996f47;
    z-index: 1;
    color: #fff
}

.personal-nav .cart-n-items.double-digits {
    top: -12px;
    right: -35px;
    padding: 3px 5px
}

.personal-nav .cart-counter {
    font-size: 14px;
    margin-right: 5px
}

.header--static .personal-nav .cart-link.has-items a,
.header--shop .personal-nav .cart-link.has-items a,
.header--search .personal-nav .cart-link.has-items a,
.header--small .personal-nav .cart-link.has-items a {
    color: #699443;
    font-weight: 500
}

.personal-nav .cart-link.has-items .cart-counter {
    letter-spacing: 1.17px;
    font-weight: 400
}

.personal-nav .cart-link.has-items .icon-cart-rounded:before {
    content: "\e829"
}

.second-nav {
    float: left
}

.second-nav::after {
    display: block;
    clear: both;
    content: ""
}

.header.has-hover .second-nav a:not(.btn) {
    color: #4a4a4a
}

.header.has-hover .second-nav .btn:not(.btn--gradient) {
    border-color: #4a4a4a;
    color: #4a4a4a;
    -webkit-transition: none;
    transition: none
}

.header.has-hover .second-nav .btn:not(.btn--gradient):hover {
    border-color: #fff;
    color: #fff;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.second-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.second-nav ul::after {
    display: block;
    clear: both;
    content: ""
}

.second-nav li {
    float: left;
    padding-right: 26px
}

.second-nav li:last-child {
    padding-right: 0
}

.second-nav .btn {
    -webkit-transition: color .25s ease-out .5s, border-color .25s ease-out .5s;
    transition: color .25s ease-out .5s, border-color .25s ease-out .5s
}

.mobile-menu .languages {
    padding: 10px 25px 15px
}

.languages__item {
    display: inline-block;
    width: 18px;
    height: 25px;
    font-size: 11px;
    line-height: 25px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    opacity: .8
}

.languages__item:hover {
    opacity: 1
}

.languages__item a {
    opacity: 1
}

.header--small .languages__item,
.has-hover .languages__item,
.header--shop .languages__item,
.header--static .languages__item,
.header--search .languages__item,
.mobile-menu .languages__item {
    color: #4a4a4a
}

.header--small .languages__item.is-active,
.has-hover .languages__item.is-active,
.header--shop .languages__item.is-active,
.header--static .languages__item.is-active,
.header--search .languages__item.is-active,
.mobile-menu .languages__item.is-active {
    background: #4a4a4a;
    color: #fff
}

.languages__item.is-active {
    width: 25px;
    border-radius: 6px;
    text-align: center;
    color: #4a4a4a;
    background: #fff;
    pointer-events: none
}

.mobile-menu .languages__item {
    width: 25px;
    height: 30px;
    line-height: 30px;
    font-size: 15px
}

.mobile-menu .languages__item.is-active {
    width: 30px
}

.mobile-menu .personal-nav {
    padding: 12px 0;
    float: none
}

.mobile-menu .personal-nav li a {
    padding: 5px 0;
    line-height: 24px;
    color: #000
}

.mobile-menu .second-nav {
    padding: 10px 0;
    float: none
}

.mobile-menu .second-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile-menu .second-nav .btn--donate {
    background-color: #b28721;
    color: #fff
}

.mobile-menu .second-nav li {
    float: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 10px
}

.mobile-menu .second-nav li:first-child {
    padding-left: 0
}

.mobile-menu .second-nav li:last-child {
    padding-right: 0
}

.mobile-menu .second-nav li a {
    width: 100%;
    border-color: #000;
    color: #000
}

.mobile-menu__top {
    height: 145px;
    padding-top: 95px
}

@media(min-width:768px) and (max-width:991.98px) {
    .mobile-menu__top {
        height: 165px;
        padding-top: 110px
    }
}

.mobile-menu__search {
    position: relative
}

.mobile-menu__search .search__input {
    background: #f9f9f8
}

.mobile-menu__search .search__input label {
    padding-left: 20px
}

.mobile-menu__search .search__input input {
    padding: 15px 65px 15px 15px
}

.mobile-menu__bottom {
    background: #fff;
    border-bottom: 1px solid #f2f2f1;
    height: 55px;
    padding: 0 30px
}

.menu-wrapper {
    min-height: calc(100% - 199px) !important;
    border-bottom: 1px solid #f2f2f1
}

@media(min-width:768px) and (max-width:991.98px) {
    .menu-wrapper {
        min-height: calc(100% - 220px) !important
    }
}

.modal {
    background: rgba(0, 0, 0, 0.35);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    padding: 16px
}

@media(min-width:768px) {
    .modal {
        padding: 50px
    }
}

.modal--hide {
    display: none
}

.modal--hide.is-active {
    display: block
}

.modal__inner {
    width: 100%;
    max-width: 1000px;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #fff;
    padding: 30px;
    max-height: calc(100vh - 20px);
    overflow: auto
}

@media(min-width:576px) {
    .modal__inner {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media(min-width:768px) {
    .modal__inner {
        padding: 30px 60px
    }
}

.modal__inner .page-title {
    text-transform: uppercase;
    margin-bottom: 32px
}

.modal__close {
    color: #4a4a4a;
    font-size: 28px;
    position: absolute;
    top: 12px;
    right: 18px;
    cursor: pointer;
    z-index: 999
}

@media(max-width:767.98px) {
    .modal__close {
        top: 10px;
        right: 14px
    }
}

.modal__title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 26px;
    text-transform: lowercase;
    font-style: normal;
    padding-right: 24px
}

.modal__title--ok {
    color: #01895b;
    font-weight: 500;
    text-transform: none;
    position: relative
}

.modal__title--ok i {
    font-size: 26px;
    margin-right: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.modal__actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 13px
}

@media(max-width:991.98px) {
    .modal__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.modal__product-row {
    gap: 10px;
    margin: 4px 0 30px 0
}

.modal__product-row .product-row__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    font-size: 1rem;
    width: 100%
}

.modal__product-row .product-row__info .title {
    font-weight: 700;
    line-height: 24px
}

.modal__product-row .product-row__info .amount {
    font-weight: 400;
    line-height: 20px;
    color: #4a4a4a
}

.modal__product-row .pdp__price {
    font-size: 1rem;
    position: relative;
    top: -4px
}

.modal__body {
    font-size: 14px;
    line-height: 20px;
    color: #4a4a4a;
    letter-spacing: .43px;
    margin-bottom: 30px
}

.modal__body a:not(.btn) {
    color: #01895b;
    text-decoration: underline
}

.modal__body img {
    border-radius: 6px
}

.modal--cookies .modal__inner,
.modal--small .modal__inner {
    max-width: 720px;
    padding: 25px
}

@media(max-width:991.98px) {

    .modal--cookies .modal__inner,
    .modal--small .modal__inner {
        padding-bottom: 70px
    }
}

@media(min-width:768px) {

    .modal--cookies .modal__inner,
    .modal--small .modal__inner {
        padding: 45px 40px
    }
}

@media(min-width:576px) {

    .modal--cookies .btn,
    .modal--small .btn {
        padding-left: 50px;
        padding-right: 50px;
        display: inline-block;
        width: auto
    }
}

@media(max-width:767.98px) {

    .modal--cookies .btn--text,
    .modal--small .btn--text {
        width: 100%;
        margin-top: 25px
    }
}

.modal--pdp .modal__inner {
    max-width: 650px;
    padding: 16px
}

@media(min-width:768px) {
    .modal--pdp .modal__inner {
        padding: 60px
    }
}

.modal--pdp .btn {
    padding-left: 50px;
    padding-right: 50px
}

@media(max-width:767.98px) {
    .modal--pdp .btn {
        display: block;
        padding-left: 0;
        padding-right: 0
    }
}

.modal--signup .modal__inner {
    max-width: 720px
}

.modal--video .modal__inner {
    padding: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal--video .modal__body {
    margin-bottom: 0
}

.modal--video .modal__close {
    color: #fff;
    font-size: 30px;
    z-index: 10
}

.modal__body--checkboxes {
    max-height: 210px;
    overflow: auto
}

.modal__checkboxes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modal__checkboxes .form__checkbox {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media(max-width:991.98px) {
    .modal__checkboxes .form__checkbox {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(max-width:767.98px) {
    .modal__checkboxes .form__checkbox {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.modal__checkboxes .form__checkbox label {
    word-break: break-word;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.modal__checkboxes .form__checkbox label:before,
.modal__checkboxes .form__checkbox label:after {
    top: auto
}

.newsletter {
    border: 1px solid #efede5;
    padding: 15px
}

@media(min-width:992px) {
    .newsletter {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.custom-bg .newsletter {
    background: #fff
}

.newsletter__fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.newsletter__fields .form__item,
.newsletter__fields .Form__Element {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0;
    position: relative
}

.newsletter__fields .form__item>label,
.newsletter__fields .Form__Element>label {
    color: #78786f;
    font-size: 13px;
    font-weight: 500;
    left: 50px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    top: 17px
}

.newsletter__fields .form__item input,
.newsletter__fields .Form__Element input {
    background: #f6f5f2;
    border: 1px solid #fff;
    line-height: 20px;
    padding: 19px 10px 10px
}

.newsletter__fields .form__item>input,
.newsletter__fields .Form__Element>input {
    padding-left: 50px
}

.newsletter__fields .form__item[class*=" icon-"]>label,
.newsletter__fields .Form__Element[class*=" icon-"]>label {
    padding-right: 0
}

.newsletter__fields .form__item[class*=" icon-"]:before,
.newsletter__fields .Form__Element[class*=" icon-"]:before {
    background: #f6f5f2;
    color: #01895b;
    left: 1px;
    right: auto;
    top: 1px
}

@media(min-width:576px) {

    .newsletter__fields .form__item--firstname,
    .newsletter__fields .form__item--prefix,
    .newsletter__fields .form__item--date,
    .newsletter__fields .form__item--lastname {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .newsletter__fields .form__item--email {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(max-width:767.98px) {

    .newsletter__fields .form__item,
    .newsletter__fields .Form__Element {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media(min-width:768px) {
    .newsletter__fields .form__item--small>label {
        left: 25px
    }

    .newsletter__fields .form__item--small>input {
        padding-left: 25px
    }
}

.newsletter__fields .form__item--error.form__checkbox,
.newsletter__fields .form__checkbox.ValidationFail__style {
    border: 1px solid #d80036
}

.newsletter__fields .form__checkbox {
    background: #f6f5f2;
    border: 1px solid #fff
}

.newsletter__fields .form__checkbox>label {
    color: #78786f;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.newsletter__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0
}

@media(min-width:992px) {
    .newsletter__btn {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 250px;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px;
        max-width: 250px;
        padding: 0 20px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    .newsletter__btn .btn {
        max-width: 300px
    }
}

.newsletter__info {
    position: relative
}

@media(min-width:992px) {
    .newsletter__info .info__tooltip {
        position: absolute;
        right: 20px;
        top: -10px
    }
}

@media(min-width:768px) {
    .offer-block .row {
        padding: 30px 0 50px
    }
}

.offer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.offer__icon {
    width: 70px;
    margin-right: 30px
}

@media(max-width:767.98px) {
    .offer__icon {
        width: 40px;
        margin-right: 20px
    }
}

.offer__icon i {
    font-size: 67px;
    color: #01895b
}

@media(max-width:767.98px) {
    .offer__icon i {
        font-size: 40px
    }
}

.offer__icon i.icon-eye {
    font-size: 55px
}

@media(max-width:767.98px) {
    .offer__icon i.icon-eye {
        font-size: 32px
    }
}

.offer__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 110px);
    -ms-flex: 0 0 calc(100% - 110px);
    flex: 0 0 calc(100% - 110px)
}

@media(max-width:767.98px) {
    .offer__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% - 60px);
        -ms-flex: 0 0 calc(100% - 60px);
        flex: 0 0 calc(100% - 60px)
    }
}

.offer__title {
    font-size: 22px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 2px;
    color: #000;
    word-break: break-word
}

@media(max-width:767.98px) {
    .offer__title {
        font-size: 20px
    }
}

.page-nav {
    background: #fafafa;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 100
}

.page-nav__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-nav__inner>div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.page-nav__inner a {
    display: block
}

.page-nav__arrow a {
    border-right: 1px solid #d8d8d8;
    height: 55px;
    overflow: hidden;
    padding-left: 60px;
    position: relative;
    text-align: center;
    width: 60px
}

.page-nav__arrow a:before {
    color: #9b9b9b;
    content: "\e81d";
    display: inline-block;
    font-family: "fontello";
    font-weight: bold;
    left: 0;
    line-height: 55px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    width: 60px
}

.page-nav__arrow:hover {
    background-color: #f2f2f2
}

.page-nav__arrow:first-child a {
    border-left: 1px solid #d8d8d8;
    border-right: 0
}

.page-nav__arrow:first-child a:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.page-nav__logo {
    background: center no-repeat url("../img/logo-b1wn.svg");
    background-size: 60%;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    width: 108px;
    position: relative
}

.page-nav__logo a {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-indent: -9999px
}

.panel {
    background: #fff;
    border-radius: 6px;
    padding: 30px 40px;
    font-size: 14px;
    line-height: 24px;
    color: #4d4d4d
}

.panel strong {
    font-weight: 500
}

.panel .ruler {
    opacity: .3
}

.panel .checkout-submit {
    width: 100%;
    margin: 40px 0 10px 0
}

@media(min-width:768px) and (max-width:991.98px) {
    .panel {
        padding: 30px 20px
    }
}

@media(max-width:767.98px) {
    .panel {
        padding: 30px
    }
}

.panel__title {
    font-size: 18px;
    line-height: 34px;
    font-weight: 500;
    margin-bottom: 10px
}

@media(max-width:767.98px) {
    .panel__title {
        font-size: 25px;
        font-weight: 900
    }
}

.panel__cart {
    line-height: 35px;
    color: #78786f;
    font-size: 15px
}

.panel__cart .panel__cart-item-dname {
    line-height: normal
}

.panel__cart .panel__cart-item-quantity {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 1px
}

.panel__cart .panel__cart-item-price .pdp__price--old {
    margin: 0;
    display: block
}

.panel__cart .panel__cart-section-products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.panel__cart .panel__cart-section-products .panel__cart-section-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    margin-right: 5px
}

@media(max-width:767.98px) {
    .panel__cart .panel__cart-section-products .panel__cart-section-image {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%
    }
}

.panel__cart .panel__cart-section-products .panel__cart-section-dname-price-quantity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%
}

@media(max-width:767.98px) {
    .panel__cart .panel__cart-section-products .panel__cart-section-dname-price-quantity {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.panel__cart .panel__cart-section-products .panel__cart-section-dname-price-quantity .panel__cart-section-dname {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    margin: 10px
}

@media(min-width:768px) and (max-width:991.98px) {
    .panel__cart .panel__cart-section-products .panel__cart-section-dname-price-quantity .panel__cart-section-dname {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
}

@media(max-width:767.98px) {
    .panel__cart .panel__cart-section-products .panel__cart-section-dname-price-quantity .panel__cart-section-dname {
        margin: 5px
    }
}

.panel__cart .panel__cart-section-products .panel__cart-section-dname-price-quantity .panel__cart-section-price-quantity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    width: 100%
}

@media(min-width:768px) and (max-width:991.98px) {
    .panel__cart .panel__cart-section-products .panel__cart-section-dname-price-quantity .panel__cart-section-price-quantity {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
}

.panel__cart .panel__cart-section-products .panel__cart-section-dname-price-quantity .panel__cart-section-price-quantity .panel__cart-item-quantity {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%
}

.panel__cart .panel__cart-section-products .panel__cart-section-dname-price-quantity .panel__cart-section-price-quantity .panel__cart-item-price {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.panel__total {
    font-size: 16px;
    font-weight: 900;
    color: #4a4a4a
}

.panel__total .panel__subtotal {
    font-weight: normal
}

.panel__total .panel__shipping-cost {
    font-weight: normal
}

.panel__total .panel__discounts {
    font-weight: normal
}

@media(max-width:767.98px) {
    .panel__total {
        line-height: 2rem
    }
}

.panel__link {
    display: block;
    font-size: 12px;
    color: rgba(120, 120, 111, 0.5);
    font-style: italic;
    text-align: right;
    margin-top: 15px
}

.panel__icon {
    width: 30px;
    margin: 2px 10px
}

.payment-methods {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 5px
}

.payment-methods li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 20px
}

.payment-methods img {
    display: block;
    width: 40px
}

.payment__visa img {
    width: 50px
}

.payment__sepa img {
    width: 55px
}

.payoff__text {
    margin-bottom: 0
}

.payoff__img {
    display: inline-block;
    margin-bottom: 20px
}

.payoff__subtitle {
    font-family: "WWF", serif;
    font-size: 30px;
    line-height: 42px;
    color: #000;
    font-weight: 400;
    letter-spacing: .96px
}

.person-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 30px);
    min-height: 300px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    color: #78786f;
    margin-bottom: 30px
}

@media(max-width:991.98px) {
    .person-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.person-card__highlight {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    background: #f6f5f2;
    padding: 25px 15px 15px;
    color: #1a1a1a;
    position: relative
}

@media(max-width:991.98px) {
    .person-card__highlight {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 15px
    }
}

@media(max-width:991.98px) {
    .person-card__summary {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% - 125px);
        -ms-flex: 0 0 calc(100% - 125px);
        flex: 0 0 calc(100% - 125px);
        padding-left: 25px
    }
}

.person-card__inner {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    padding: 25px 20px 15px
}

.person-card__image {
    text-align: center;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto 22px;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.3);
    max-width: 100px;
    max-height: 100px
}

@media(max-width:991.98px) {
    .person-card__image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 125px;
        -ms-flex: 0 0 125px;
        flex: 0 0 125px;
        margin: 0
    }
}

.person-card__image img {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px
}

.person-card__title {
    font-size: 14px;
    line-height: 18px
}

@media(min-width:992px) {
    .person-card__title {
        text-align: center
    }
}

.person-card__title span {
    display: block
}

@media(max-width:991.98px) {
    .person-card__title span {
        margin-bottom: 5px
    }
}

@media(min-width:992px) {
    .person-card__title span+span {
        margin-top: 8px
    }
}

.person-card__status {
    font-size: 13px
}

@media(min-width:992px) {
    .person-card__status {
        position: absolute;
        left: 18px;
        bottom: 15px
    }
}

.person-card__info {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #c2d1d9;
    margin-bottom: 15px;
    padding-bottom: 10px
}

.person-card__info a {
    color: #78786f
}

.person-card__info i {
    color: #01895b;
    position: absolute;
    left: 0;
    font-size: 15px
}

.person-card__info i.icon-origin {
    font-size: 17px
}

.person-card__info li {
    padding-left: 45px;
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px
}

.person-card__buttons {
    text-align: center;
    margin-top: 20px
}

@media(min-width:992px) {
    .person-card__buttons {
        margin-top: 40px
    }
}

@media(min-width:992px) {
    .person-card__buttons .btn--gradient {
        min-width: 295px
    }
}

@media(min-width:768px) {
    .person-card__table {
        min-height: 150px
    }
}

.person-card__table-title {
    margin-bottom: 12px;
    color: #1a1a1a
}

.person-card__table-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.person-card__table-cell {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px
}

.person-card__table-cell:first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%
}

@media(max-width:1199.98px) {
    .person-card__table-cell:first-child {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.person-card__table-cell:nth-child(2) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%
}

@media(max-width:1199.98px) {
    .person-card__table-cell:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }
}

.person-card__table-cell:nth-child(3) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%
}

.person-card__table-cell i {
    font-size: 12px;
    color: #3f3b3b;
    position: relative
}

.person-card__table-cell i:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #3f3b3b;
    border-radius: 100%;
    position: absolute;
    top: -3px;
    left: -4px
}

.person-card__table-cell i:hover {
    cursor: pointer
}

.person-card__add-role {
    color: #01895b;
    font-weight: 500;
    margin-top: 10px
}

@media(min-width:1200px) {
    .person-card__add-role {
        margin-left: 60%
    }
}

.person-card__add-role:hover {
    cursor: pointer;
    color: #446626
}

.person-card__add-role:hover i {
    color: #446626
}

.person-card__add-role:hover i:after {
    border-color: #446626
}

.person-card__add-role i {
    color: #01895b;
    font-size: 12px;
    margin-left: 14px;
    position: relative
}

.person-card__add-role i:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #01895b;
    border-radius: 100%;
    position: absolute;
    top: -3px;
    left: -4px
}

.person-card__add-role i:hover {
    cursor: pointer
}

.person {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.person__img {
    margin-right: 20px
}

.person__img img {
    border-radius: 100%;
    width: 65px;
    height: 65px
}

.person__name {
    font-size: 19px;
    line-height: 23px;
    font-weight: 500;
    margin-bottom: 2px
}

.person__title {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 1.44px;
    text-transform: uppercase
}

.hero__content--author .person__img {
    margin-right: 40px
}

@media(max-width:575.98px) {
    .hero__content--author .person__img {
        margin-right: 10px
    }
}

.hero__content--author .person__img img {
    width: 150px;
    height: 150px
}

.hero__content--author .person__name {
    font-size: 49px;
    line-height: 58px
}

@media(max-width:575.98px) {
    .hero__content--author .person__name {
        font-size: 25px;
        line-height: 37px;
        word-break: break-word
    }
}

.hero__content--author .person__title {
    font-size: 23px;
    line-height: 28px;
    letter-spacing: 2.56px
}

@media(max-width:575.98px) {
    .hero__content--author .person__title {
        font-size: 15px;
        line-height: 20px
    }
}

.photo-textlinks {
    padding: 40px 0;
    position: relative;
    width: 100%
}

.photo-textlinks-block {
    position: relative
}

.photo-textlinks-block__image {
    width: 75%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute
}

.photo-textlinks-block__image--highlight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.photo-textlinks-block__image--right {
    right: 0
}

.photo-textlinks-block__image--right .photo-textlinks-block__picture .copyright {
    right: 0;
    left: auto
}

@media(max-width:767.98px) {
    .photo-textlinks-block__image {
        position: relative;
        width: 100%;
        height: 240px;
        overflow: hidden;
        border-radius: 6px
    }
}

.photo-textlinks-block__picture {
    width: 100%;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.photo-textlinks-block__picture img {
    width: 100%;
    object-fit: cover;
    object-position: center
}

.photo-textlinks-block__picture .copyright {
    position: absolute
}

.photo-textlinks-block--half {
    margin-bottom: 40px
}

.photo-textlinks-block--half .photo-textlinks {
    padding: 0 20px;
    margin-top: -95px
}

.photo-textlinks-block--half .photo-textlinks-block__image {
    position: relative;
    width: 100%;
    height: 350px;
    border-radius: 6px
}

@media(max-width:991.98px) {
    .photo-textlinks-block--half .photo-textlinks-block__image {
        height: 240px
    }
}

@media(max-width:767.98px) {
    .photo-textlinks {
        padding: 0 20px;
    }
}

.pop-icon {
    position: absolute;
    right: 9px;
    cursor: pointer
}

@media(max-width:767.98px) {
    .pop-icon {
        right: 12px
    }
}

@media(max-width:767.98px) {

    .col-12.col-md-6 .pop-icon,
    .col-12.grid4__item--2 .pop-icon {
        right: 12px
    }
}

.popover {
    background-color: #b28721 !important;
    border: initial;
    margin-right: 7px;
    position: absolute;
    right: 0
}

.popover-content {
    background-color: #b28721;
    color: #fff;
    font-size: 15px;
    font-family: "Rubik", sans-serif
}

.popover-content a {
    color: #fff;
    text-decoration: underline
}

.popover-content p {
    margin: 0
}

.popover.top {
    margin-top: -5px
}

.popover.top>.arrow {
    bottom: -6px;
    margin-left: -6px
}

.popover.top>.arrow:after {
    bottom: -4px;
    margin-left: -5px;
    border-width: 5px;
    border-top-color: #b28721 !important
}

.popover>.arrow {
    border-width: 6px
}

.form-title .pop-icon,
.title-text-block .title-text-block__title .pop-icon,
.maps--portrait .maps__text .section-title .pop-icon,
.maps--portrait .maps__text .spotlight__title .pop-icon,
.photo-textlinks__title .pop-icon,
.form__label .pop-icon {
    position: relative;
    line-height: 19px;
    right: initial;
    vertical-align: super
}

.form-title .pop-icon .icon-info,
.title-text-block .title-text-block__title .pop-icon .icon-info,
.maps--portrait .maps__text .section-title .pop-icon .icon-info,
.maps--portrait .maps__text .spotlight__title .pop-icon .icon-info,
.photo-textlinks__title .pop-icon .icon-info,
.form__label .pop-icon .icon-info {
    position: absolute;
    left: 5px;
    font-size: 14px;
    top: 20px
}

.form__label .pop-icon .icon-info {
    top: 8px
}

.icon-info:before {
    color: #8d8d8d
}

.icon-info.active:before {
    color: #b28721
}

.form-radio-block .pop-icon {
    top: 0;
    right: 4px
}

.newsletter-block .pop-icon {
    right: 5px
}

.checkout-form .pop-icon {
    right: 5px
}

.checkout-form .form__label--big {
    margin: 20px 5px
}

.checkout-form .form__label--big .pop-icon {
    right: 0
}

@media(max-width:767.98px) {
    .checkout-form .form__label--big .pop-icon {
        right: -0.5ch;
        top: 11.5px
    }

    .checkout-form .form__label--big .pop-icon .icon-info {
        font-size: 20px;
        top: 0
    }
}

.activity-info .pop-icon {
    right: 5px
}

@media(min-width:768px) {
    .product-detail-page {
        padding: 70px 0
    }
}

.product-detail-page .u-rte-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

@media(max-width:767.98px) {
    .pdp__images {
        display: none
    }
}

.pdp__images img {
    height: auto
}

.pdp__images picture {
    cursor: pointer
}

@media(max-width:767.98px) {
    .pdp__images {
        margin-left: -7.5px;
        margin-right: -7.5px
    }
}

@media(min-width:768px) {
    .pdp__mobile-carousel {
        display: none
    }
}

.pdp__main-image {
    position: relative;
    margin-bottom: 15px
}

@media(min-width:992px) {
    .pdp__main-image {
        margin-bottom: 30px
    }
}

.pdp__main-image img {
    display: block;
    width: 100%
}

.pdp__small-images img {
    margin-bottom: 30px
}

@media(min-width:992px) {
    .pdp__small-images .row {
        margin-left: -15px;
        margin-right: -15px
    }

    .pdp__small-images .col-6 {
        padding: 0 15px
    }
}

.pdp__title {
    font-size: 40px;
    line-height: 40px;
    color: #000;
    font-family: "WWF", serif;
    letter-spacing: 1.17px;
    margin-bottom: 30px;
    font-weight: 400
}

.pdp__prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.pdp__prices .pdp__price--new {
    font-weight: 700
}

.pdp__intro {
    font-size: 14px;
    line-height: 21px;
    color: #4a4a4a
}

.pdp__intro a {
    font-style: italic;
    text-decoration: underline
}

.pdp__elements {
    margin-bottom: 20px
}

.pdp__elements .pdp__price--new {
    font-size: 2rem
}

.pdp__price {
    color: #01895b;
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    vertical-align: middle;
    white-space: nowrap
}

.pdp__price--old {
    color: #aeaeae;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 12px
}

@media(max-width:991.98px) {
    .panel__cart .pdp__price--old {
        display: block;
        margin-right: 0;
        font-size: 14px
    }
}

.pdp__price--new {
    color: #b28721;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

@media(max-width:991.98px) {
    .panel__cart .pdp__price--new {
        display: block;
        font-size: 15px
    }
}

.pdp__choice {
    display: inline-block;
    width: 160px;
    vertical-align: middle;
    margin: 10px 20px
}

.pdp__choice .form__select,
.pdp__choice .FormSelection {
    border-radius: 29px
}

.pdp__choice .form__select:before,
.pdp__choice .FormSelection:before {
    height: 48px;
    border-radius: 29px
}

.pdp__choice .form__select:after,
.pdp__choice .FormSelection:after {
    line-height: 50px;
    color: #78786f;
    font-size: 12px
}

.pdp__choice .form__select select,
.pdp__choice .FormSelection select {
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 500;
    padding: 16px 25px
}

.pdp__sizeinfo {
    font-size: 14px;
    letter-spacing: -0.1px;
    color: #9b9b9b;
    text-decoration: underline
}

.pdp__sizeinfo:hover {
    text-decoration: underline
}

.pdp__responsibility {
    margin-top: 40px;
    margin-bottom: 20px;
    background: #f6f5f2;
    padding: 22px 22px 22px 90px;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 22px;
    position: relative
}

.pdp__responsibility:before {
    content: "";
    display: block;
    background-image: url("../img/logo-footer.svg");
    width: 27px;
    height: 41px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 28px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pdp__usps {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 30px
}

.pdp__usps li {
    padding-left: 30px;
    position: relative
}

.pdp__usps li:before {
    content: "\e82a";
    font-family: "fontello";
    position: absolute;
    left: 2px;
    top: 0;
    font-size: 16px;
    color: #01895b
}

.pdp__info {
    margin-top: 50px
}

@media(min-width:768px) {
    .pdp__info {
        position: relative;
        top: auto;
        margin-top: 0
    }

    .pdp__info.is-sticky {
        position: fixed;
        top: 120px
    }

    .pdp__info.is-stopped {
        position: absolute;
        top: auto;
        bottom: 0
    }
}

.pdp__overlay {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999;
    background: #fff
}

.overlay__carousel {
    max-width: 500px;
    margin: 50px auto
}

.overlay__image {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.overlay__icons {
    position: fixed;
    top: 30px;
    right: 50px;
    z-index: 9999
}

@media(max-width:991.98px) {
    .overlay__icons {
        top: 10px;
        right: 10px
    }
}

.overlay__icon {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    text-align: center;
    margin: 0 5px
}

.overlay__icon i {
    font-size: 40px;
    font-weight: 300;
    cursor: pointer
}

.overlay__icon i.icon-cancel {
    font-size: 45px
}

body.overlay-open {
    overflow: hidden
}

.pdp__mobile {
    padding: 12px 12.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.pdp__mobile.is-sticky {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 20;
    box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 16px
}

.pdp__mobile .pdp__title {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 28px
}

.pdp__mobile .pdp__prices {
    text-align: right;
    padding-left: 10px;
    gap: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.pdp__mobile .pdp__price {
    font-size: 1rem;
    font-weight: 700
}

.pdp__mobile .pdp__price--old {
    margin-right: 0;
    font-size: 1rem;
    font-weight: 400
}

.pdp__mobile .pdp__choice {
    width: 100%;
    gap: 26px;
    margin: 0
}

.pdp__mobile .pdp__choice .form__select,
.pdp__mobile .pdp__choice .FormSelection {
    width: 100%
}

.pdp__mobile .pdp__choice .form__select:before,
.pdp__mobile .pdp__choice .FormSelection:before {
    width: 40px;
    right: 5px
}

.pdp__mobile .pdp__sizeinfo {
    font-size: 16px;
    position: relative;
    top: -5px
}

@media(max-width:767.98px) {
    .related-items--view {
        display: none
    }
}

.related-items--carousel .dd-options {
    bottom: 48px
}

@media(min-width:768px) {
    .related-items--carousel {
        display: none
    }
}

.products-overview-header {
    margin-bottom: 30px
}

.product__item {
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    gap: 5px;
    height: 415px;
    min-height: 415px;
    padding: 15px 20px
}

.product__item:hover {
    border-color: #bcbcbc
}

@media(max-width:767.98px) {
    .product__item--small .product__item-image {
        height: 160px
    }
}

@media(max-width:767.98px) {
    .product__item--small .product__item-image img {
        max-height: 130px
    }
}

.product__item-image {
    width: 100%;
    min-height: 219px;
    position: relative;
    overflow: hidden;
    padding: 15px;
    margin-bottom: 5px
}

.product__item-image img {
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    max-height: 230px;
    object-fit: contain
}

@media(max-width:1199.98px) {
    .product__item-image img {
        max-height: 200px
    }
}

.product__item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.product__item-title {
    line-height: 22px;
    min-height: 44px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #000
}

.product__item-desc {
    font-size: 13px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    color: #9b9b9b
}

.product__item-price {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px
}

.product__item-price .pdp__price--old {
    color: #bfbfbf;
    font-size: 1rem;
    text-decoration: line-through
}

@media(max-width:767.98px) {
    .product__item-price .pdp__price--old {
        padding-right: 0
    }
}

.product__item-price .pdp__price--from {
    color: #bfbfbf;
    font-size: 1rem;
    padding-right: 20px
}

.product__item-price strong {
    color: #01895b;
    font-weight: 700;
    font-size: 1rem
}

@media(min-width:576px) {
    .product__item--double {
        min-height: 300px;
        padding-left: calc(50% + 15px);
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .product__item--double .product__item-image {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 50%;
        top: 0;
        height: 100%
    }
}

.product__special {
    background: #f6f5f2 no-repeat center;
    background-size: cover;
    border-radius: 6px;
    height: calc(100% - 15px);
    min-height: 330px;
    padding: 46px 20px 20px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    overflow: hidden
}

.product__special .payoff__text p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 22px
}

.product__special .payoff__text h2 {
    font-family: "WWF", serif;
    font-size: 30px;
    line-height: 42px;
    font-weight: 400;
    margin: 0
}

.product__special .payoff__text h2 strong {
    font-weight: 400
}

.product__special-label {
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 10px
}

.product__special-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 10px
}

.product__special-price {
    font-size: 20px;
    font-weight: normal
}

.product__special:hover .product-banner__cta {
    bottom: 25px
}

.latest-viewed {
    padding: 40px 0
}

.lastest-viewed__clear {
    color: #8d8d8d;
    font-size: 12px;
    text-decoration: underline
}

.lastest-viewed__clear:hover {
    color: #01895b;
    text-decoration: underline
}

.shop-nav {
    border: 1px solid #efede5;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px
}

@media(min-width:1200px) {
    .shop-nav {
        min-height: 400px
    }
}

.shop-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.shop-nav ul ul {
    padding: 10px 0 0 25px
}

.shop-nav ul ul li:last-child {
    padding-bottom: 0
}

.shop-nav ul ul a {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 1.17px
}

.shop-nav li {
    padding: 10px 0
}

.shop-nav li.is-active>a {
    color: #000
}

.shop-nav a {
    display: block;
    color: #78786f;
    line-height: 20px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.25px;
    word-break: break-word
}

.shop-nav a:hover {
    color: #000
}

.product {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 15px 30px 20px;
    position: relative;
    height: calc(100% - 20px)
}

@media(max-width:767.98px) {
    .product .product__wrapper {
        position: relative
    }

    .product:hover .product__image,
    .product.product__hover .product__image {
        opacity: .5
    }

    .product:hover .product__content,
    .product.product__hover .product__content {
        top: 30px;
        -webkit-transition: all .25s ease-in .125s;
        transition: all .25s ease-in .125s
    }

    .product:hover .product__text,
    .product.product__hover .product__text {
        height: 100px;
        margin-bottom: 20px;
        overflow: auto;
        opacity: 1;
        -webkit-transition: margin .25s ease-in .125s, height .25s ease-in .125s, opacity .25s ease-in .25s;
        transition: margin .25s ease-in .125s, height .25s ease-in .125s, opacity .25s ease-in .25s
    }

    .product:hover .product__options,
    .product.product__hover .product__options {
        opacity: 1;
        -webkit-transition: opacity .25s ease-in .25s;
        transition: opacity .25s ease-in .25s
    }

    .product.product__hover .product__close {
        opacity: 1
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    .product:not(.product--md-large):not(.product--large) .product__wrapper {
        position: relative
    }

    .product:not(.product--md-large):not(.product--large):hover .product__image,
    .product:not(.product--md-large):not(.product--large).product__hover .product__image {
        opacity: .5
    }

    .product:not(.product--md-large):not(.product--large):hover .product__content,
    .product:not(.product--md-large):not(.product--large).product__hover .product__content {
        top: 30px;
        -webkit-transition: all .25s ease-in .125s;
        transition: all .25s ease-in .125s
    }

    .product:not(.product--md-large):not(.product--large):hover .product__text,
    .product:not(.product--md-large):not(.product--large).product__hover .product__text {
        height: 100px;
        margin-bottom: 20px;
        overflow: auto;
        opacity: 1;
        -webkit-transition: margin .25s ease-in .125s, height .25s ease-in .125s, opacity .25s ease-in .25s;
        transition: margin .25s ease-in .125s, height .25s ease-in .125s, opacity .25s ease-in .25s
    }

    .product:not(.product--md-large):not(.product--large):hover .product__options,
    .product:not(.product--md-large):not(.product--large).product__hover .product__options {
        opacity: 1;
        -webkit-transition: opacity .25s ease-in .25s;
        transition: opacity .25s ease-in .25s
    }

    .product:not(.product--md-large):not(.product--large).product__hover .product__close {
        opacity: 1
    }
}

@media(min-width:992px) {
    .product:not(.product--medium):not(.product--large) .product__wrapper {
        position: relative
    }

    .product:not(.product--medium):not(.product--large):hover .product__image,
    .product:not(.product--medium):not(.product--large).product__hover .product__image {
        opacity: .5
    }

    .product:not(.product--medium):not(.product--large):hover .product__content,
    .product:not(.product--medium):not(.product--large).product__hover .product__content {
        top: 30px;
        -webkit-transition: all .25s ease-in .125s;
        transition: all .25s ease-in .125s
    }

    .product:not(.product--medium):not(.product--large):hover .product__text,
    .product:not(.product--medium):not(.product--large).product__hover .product__text {
        height: 100px;
        margin-bottom: 20px;
        overflow: auto;
        opacity: 1;
        -webkit-transition: margin .25s ease-in .125s, height .25s ease-in .125s, opacity .25s ease-in .25s;
        transition: margin .25s ease-in .125s, height .25s ease-in .125s, opacity .25s ease-in .25s
    }

    .product:not(.product--medium):not(.product--large):hover .product__options,
    .product:not(.product--medium):not(.product--large).product__hover .product__options {
        opacity: 1;
        -webkit-transition: opacity .25s ease-in .25s;
        transition: opacity .25s ease-in .25s
    }

    .product:not(.product--medium):not(.product--large).product__hover .product__close {
        opacity: 1
    }
}

@media(min-width:768px) and (max-width:991.98px) {

    .product--md-large,
    .product--large {
        min-height: 422px
    }

    .product--md-large .product__content,
    .product--large .product__content {
        padding-top: 30px;
        position: static
    }

    .product--md-large .product__image,
    .product--large .product__image {
        top: 0;
        position: absolute;
        right: 0
    }

    .product--md-large .product__text,
    .product--large .product__text {
        height: 100px;
        margin-bottom: 20px;
        overflow: auto;
        opacity: 1
    }

    .product--md-large .product__options,
    .product--large .product__options {
        opacity: 1
    }

    .product--md-large .product__content,
    .product--md-large .product__options,
    .product--large .product__content,
    .product--large .product__options {
        max-width: calc(50% - 20px)
    }

    .product--md-large .product__image,
    .product--large .product__image {
        max-width: calc(50% - 20px)
    }
}

@media(min-width:1200px) {

    .product--medium .product__content,
    .product--medium .product__options {
        max-width: calc(50% - 20px)
    }
}

@media(min-width:992px) {

    .product--medium,
    .product--large {
        min-height: 422px
    }

    .product--medium .product__content,
    .product--large .product__content {
        padding-top: 30px;
        position: static
    }

    .product--medium .product__image,
    .product--large .product__image {
        top: 0;
        position: absolute;
        right: 0
    }

    .product--medium .product__text,
    .product--large .product__text {
        height: 100px;
        margin-bottom: 20px;
        overflow: auto;
        opacity: 1
    }

    .product--medium .product__options,
    .product--large .product__options {
        opacity: 1
    }

    .product--medium .product__image,
    .product--large .product__image {
        max-height: 100%;
        padding: 30px 30px 30px 0
    }

    .product--medium .product__content,
    .product--medium .product__options {
        max-width: calc(50%)
    }

    .product--medium .product__image {
        max-width: calc(50% - 20px)
    }

    .product--large .product__content,
    .product--large .product__options {
        max-width: calc(33.33% - 40px)
    }

    .product--large .product__image {
        max-width: calc(50% - 40px);
        width: auto
    }
}

.product--medium .product__wrapper,
.product--large .product__wrapper {
    padding-bottom: 0
}

@media(max-width:991.98px) {

    .product--medium .product__wrapper,
    .product--large .product__wrapper {
        padding-bottom: 120px
    }
}

.product__wrapper {
    min-height: 100%;
    padding-bottom: 120px
}

@media(max-width:991.98px) {
    .product__wrapper {
        padding-bottom: 95px
    }
}

.product__close {
    cursor: pointer;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    right: 5px;
    top: 7px;
    width: 20px
}

.product__close:before {
    color: #c2d1d9;
    content: "\e814";
    display: inline-block;
    font-family: "fontello";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product__image {
    display: block;
    max-width: 100%;
    opacity: 1;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    margin: 0 auto
}

.product__content {
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

@media(max-width:991.98px) {
    .product__content {
        top: auto;
        bottom: 0
    }
}

.product__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product__text {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: margin .25s ease-in-out, height .25s ease-in-out, opacity .25s ease-in-out;
    transition: margin .25s ease-in-out, height .25s ease-in-out, opacity .25s ease-in-out
}

.product__prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 30px
}

@media(max-width:991.98px) {
    .product__prices {
        padding-bottom: 0
    }
}

.product__price {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px 15px 10px 0
}

.product__price span {
    color: #9d9d95;
    display: inline-block;
    vertical-align: middle
}

.product__price strong {
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    padding-left: 5px;
    vertical-align: middle
}

.product__price--before strong {
    text-decoration: line-through
}

.product__price--after {
    background: #fff;
    border: 1px solid #e3e3d8;
    border-radius: 8px;
    padding: 10px 15px
}

.product__price--after .product__price-label {
    color: #01895b
}

.product__price--after strong {
    color: #01895b;
    font-size: 20px
}

.product__price-label {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.product__member-price {
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
    margin: 0 -5px
}

.product__link {
    color: #6a6a6a;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.product__link:after {
    content: "\e815";
    display: inline-block;
    font-family: fontello;
    margin-left: 5px
}

.product__buttons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.product__buttons .btn:disabled {
    padding: 20px 10px;
    font-size: 11px
}

.product__options {
    opacity: 0;
    -webkit-transition: opacity .125s ease-in-out;
    transition: opacity .125s ease-in-out;
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px
}

.product__fields {
    margin-bottom: 10px
}

.product__fields .form__item,
.product__fields .Form__Element {
    margin: 0
}

.product-banner {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    border-radius: 6px;
    margin-bottom: 20px;
    overflow: hidden
}

.product-banner--checkout {
    margin-top: 80px;
    height: auto
}

.product-banner--checkout img {
    width: 100%;
    height: auto
}

.product-banner--checkout .blob--product,
.product-banner--checkout .rondo__inner--fact .sticker,
.rondo__inner--fact .product-banner--checkout .sticker,
.product-banner--checkout .spotlight-block .sticker,
.spotlight-block .product-banner--checkout .sticker,
.product-banner--checkout .media-full-width-block .sticker,
.media-full-width-block .product-banner--checkout .sticker,
.product-banner--checkout .columns-block .sticker,
.columns-block .product-banner--checkout .sticker,
.product-banner--checkout .slider-with-grid .sticker,
.slider-with-grid .product-banner--checkout .sticker {
    padding: 60px 20px
}

.product-banner__title {
    line-height: 28px;
    height: 56px;
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px
}

.product-banner__price {
    font-size: 34px;
    color: #fff;
    letter-spacing: .32px;
    font-weight: 300
}

.product-banner__price strong {
    margin-left: 5px;
    font-weight: 500
}

.product-banner__cta {
    position: absolute;
    bottom: -4rem;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 2
}

@media(max-width:767.98px) {
    .product-banner__cta {
        bottom: 25px
    }
}

.product-banner__cta.btn {
    border-color: #aeaeae;
    color: #78786f
}

.product-banner:hover .product-banner__cta {
    bottom: 25px
}

@media(max-width:767.98px) {
    .productv2__options.hide {
        display: none
    }
}

@media(min-width:992px) {
    .productv2.product--large .productv2__content {
        width: 30%
    }

    .productv2.product--large .image {
        width: 70%
    }

    .productv2.product--medium .productv2__content {
        width: 50%
    }

    .productv2.product--medium .image {
        width: 70%
    }

    .productv2.product--medium,
    .productv2.product--large {
        overflow: visible
    }

    .productv2.product--medium .upper-content,
    .productv2.product--large .upper-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 0
    }

    .productv2.product--medium .upper-content .productv2__content,
    .productv2.product--large .upper-content .productv2__content {
        padding: 20px
    }

    .productv2.product--medium .upper-content .image img,
    .productv2.product--large .upper-content .image img {
        object-fit: cover
    }

    .productv2.product--medium .upper-content .productv2__price,
    .productv2.product--large .upper-content .productv2__price {
        font-size: 1rem;
        color: #01895b;
        font-weight: 700
    }

    .productv2.product--medium .upper-content .show-more-options-button,
    .productv2.product--large .upper-content .show-more-options-button {
        display: none
    }

    .productv2.product--medium .upper-content .bottom-options,
    .productv2.product--large .upper-content .bottom-options {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 7px
    }

    .productv2.product--medium .upper-content .bottom-options .btn,
    .productv2.product--large .upper-content .bottom-options .btn {
        height: 48px
    }

    .productv2.product--medium .upper-content .productv2__price--old,
    .productv2.product--large .upper-content .productv2__price--old {
        color: #aeaeae;
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        text-decoration: line-through;
        margin-right: 12px
    }

    .productv2.product--medium .upper-content .productv2__price--new,
    .productv2.product--large .upper-content .productv2__price--new {
        color: #b28721;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700
    }

    .productv2.product--medium .image,
    .productv2.product--large .image {
        max-height: 419px
    }
}

.productv2 {
    background-color: #fff;
    border: 1px solid #d5d5d5;
    height: 422px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: 5px;
    margin-bottom: 15px
}

.productv2 .btn {
    padding: 15px 5px
}

@media(min-width:576px) and (max-width:1199.98px) {
    .productv2 .btn {
        letter-spacing: 0
    }
}

.productv2 .form__item,
.productv2 .Form__Element {
    margin-bottom: 0
}

@media(max-width:767.98px) {

    .productv2 .form__item--quantity,
    .productv2 .FormTextbox--Number {
        max-width: 70px
    }
}

@media(min-width:576px) {

    .productv2 .form__item--quantity,
    .productv2 .FormTextbox--Number {
        max-width: 35px
    }

    .productv2 .form__item--quantity input,
    .productv2 .FormTextbox--Number input {
        padding: 14px 13.33%
    }
}

.productv2 .upper-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 20px 20px 16.5px 20px
}

.productv2 .lower-content.active {
    overflow: initial
}

.productv2 .lower-content {
    border-top: 1px solid #d5d5d5;
    padding: 20px 13.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: max-height .50s ease-in;
    transition: max-height .50s ease-in;
    overflow: hidden
}

.productv2 .lower-content .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.productv2 .lower-content .bottom-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 7px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.productv2 .image {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 219px;
    margin: 0 auto;
    -webkit-transition: max-height .50s ease-in;
    transition: max-height .50s ease-in
}

.productv2 .image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.productv2 .small-image {
    max-height: 120px
}

@media(min-width:576px) {
    .productv2 .small-title {
        -webkit-line-clamp: 3
    }
}

.productv2__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 5px;
    -webkit-transition: all;
    transition: all
}

.productv2__wrapper picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.productv2__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    width: 100%
}

.productv2__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.productv2__title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    -webkit-transition: font-size .50s ease-in;
    transition: font-size .50s ease-in;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.productv2__simple-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.productv2__simple-options .btn {
    padding: 15px 24px
}

.productv2__prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

.productv2 .productv2__price {
    font-size: 1rem;
    color: #01895b;
    font-weight: 700
}

.productv2 .productv2__price--old {
    color: #aeaeae;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 12px
}

.productv2 .productv2__price--new {
    color: #b28721;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.progress {
    background: 0;
    box-shadow: none;
    width: 45px;
    height: 45px;
    position: relative
}

.progress:after {
    content: "";
    border-radius: 50%;
    border: 5px solid #a9a9a9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.progress>span {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.progress .progress-left {
    left: 0
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.progress .progress-bar {
    border-width: 5px;
    border-style: solid;
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0;
    top: 0
}

.progress .progress-right {
    right: 0
}

.progress .progress-right .progress-bar {
    left: -100%;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0
}

.progress .progress-value {
    font-size: 10px;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 35%;
    bottom: 0
}

.donation-progression {
    position: relative
}

.donation-progression .circular-chart {
    z-index: 1
}

.donation-progression .circular-chart,
.donation-progression .circular-chart__base {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 55px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.donation-progression .circular-progress {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.donation-progression .circle {
    stroke: #fff;
    fill: none;
    stroke-width: 4
}

.donation-progression .circle-base {
    stroke: #a9a9a9;
    fill: none;
    stroke-width: 4
}

.quote__name {
    font-size: 15px;
    line-height: 18px;
    color: #35352a;
    margin-bottom: 6px
}

.quote__function {
    font-size: 11px;
    line-height: 13px;
    color: #9d9d95;
    text-transform: uppercase;
    letter-spacing: 1.22px;
    margin-bottom: 29px
}

.quote__text {
    font-size: 36px;
    line-height: 42px;
    color: #000;
    margin-bottom: 35px
}

.rondo {
    min-height: 400px;
    position: relative
}

@media(min-width:992px) {
    .rondo {
        min-height: 500px
    }
}

@media(min-width:1200px) {
    .rondo {
        min-height: 600px
    }
}

@media(min-width:1400px) {
    .rondo {
        min-height: 700px
    }
}

.rondo.no-transition .rondo__item,
.rondo.no-transition .rondo__inner {
    -webkit-transition: none !important;
    transition: none !important
}

.rondo__nav {
    color: #fff;
    display: none;
    left: calc(5% - 20px);
    position: absolute;
    right: calc(5% - 20px);
    top: calc(45% - 80px);
    z-index: 99
}

@media(min-width:576px) {
    .rondo__nav {
        display: block
    }
}

@media(min-width:768px) {
    .rondo__nav {
        left: calc(5% - 40px);
        right: calc(5% - 40px)
    }
}

@media(min-width:992px) {
    .rondo__nav {
        left: calc(10% - 40px);
        right: calc(10% - 40px)
    }
}

.rondo__select {
    position: relative;
    z-index: 30
}

.rondo__select:before {
    color: #000;
    content: "\e80c";
    font-family: "fontello";
    font-size: 18px;
    display: block;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    width: 20px
}

.rondo__select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 23px;
    color: #000;
    display: block;
    font-family: "Rubik", sans-serif;
    outline: 0;
    padding: 12px 20px;
    -moz-text-align-last: center;
    text-align-last: center;
    text-transform: uppercase;
    width: 100%
}

.rondo__select option {
    background: transparent
}

@media(min-width:576px) {
    .rondo__select {
        display: none
    }
}

.rondo__labels {
    display: none;
    left: calc(5% - 20px);
    position: absolute;
    right: calc(5% - 20px);
    top: 45%
}

@media(min-width:576px) {
    .rondo__labels {
        display: block
    }
}

@media(min-width:768px) {
    .rondo__labels {
        left: calc(5% - 40px);
        right: calc(5% - 40px)
    }
}

@media(min-width:992px) {
    .rondo__labels {
        left: calc(10% - 40px);
        right: calc(10% - 40px)
    }
}

.rondo__labels .rondo__label {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.rondo__labels .rondo__label:nth-child(1) {
    left: 40px
}

.rondo__labels .rondo__label:nth-child(2) {
    left: 50%;
    top: 230px
}

.rondo__labels .rondo__label:nth-child(3) {
    right: 40px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.rondo__btn {
    background: #fff;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: absolute;
    white-space: nowrap;
    width: 40px
}

.rondo__btn:before {
    color: #01895b;
    font-family: "fontello";
    font-size: 20px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px
}

.rondo__btn:first-child {
    left: 0
}

.rondo__btn:first-child:before {
    content: "\e810"
}

.rondo__btn:last-child {
    right: 0
}

.rondo__btn:last-child:before {
    content: "\e812"
}

.rondo__btn:focus {
    outline: 0
}

@media(min-width:768px) {
    .rondo__btn {
        height: 80px;
        padding: 0 0 0 80px;
        width: 80px
    }

    .rondo__btn:before {
        font-size: 38px;
        line-height: 80px;
        width: 80px
    }
}

.rondo__bg {
    background: transparent;
    left: 33.33%;
    height: 430px;
    position: absolute;
    top: 5%;
    width: 33.33%;
    z-index: 19
}

.rondo__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
    letter-spacing: 1.5px;
    min-height: 60px;
    height: 450px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all .5s ease-in-out .25s;
    transition: all .5s ease-in-out .25s;
    z-index: 18;
    width: 100%
}

@media(min-width:576px) {
    .rondo__item {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        top: -10%;
        width: calc(100% - 100px)
    }
}

@media(min-width:768px) {
    .rondo__item {
        width: 60%;
        top: 0
    }
}

@media(min-width:992px) {
    .rondo__item {
        width: 50%;
        top: 5%
    }
}

.rondo__item.first {
    display: none;
    left: calc(5% + 68px);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media(min-width:768px) {
    .rondo__item.first {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width:992px) {
    .rondo__item.first {
        left: calc(10% + 70px)
    }
}

.rondo__item.active {
    left: 0;
    z-index: 21
}

.rondo__item.active .rondo__inner {
    height: auto;
    margin-top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease-in-out .25s;
    transition: all .5s ease-in-out .25s
}

.rondo__item.active .rondo__inner--activities {
    padding: 20px
}

.rondo__item.active .rondo__label {
    font-size: 12px
}

@media(min-width:576px) {
    .rondo__item.active {
        left: 50px
    }
}

@media(min-width:768px) {
    .rondo__item.active {
        left: 20%
    }
}

@media(min-width:992px) {
    .rondo__item.active {
        left: 25%
    }
}

.rondo__item.active .card {
    margin-bottom: 0
}

.rondo__item.last {
    display: none;
    left: calc(95% - 82px)
}

@media(min-width:768px) {
    .rondo__item.last {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width:992px) {
    .rondo__item.last {
        left: calc(90% - 70px)
    }
}

@media(min-width:992px) {
    .rondo__item--donations.active {
        width: 40%;
        left: 30%
    }
}

.rondo__inner {
    background: #fff;
    border-radius: 10px;
    color: #35352a;
    font-size: 14px;
    letter-spacing: inherit;
    opacity: 0;
    overflow: auto;
    padding: 25px 15px;
    text-align: left;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-height: 450px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.rondo__inner--activities>.row {
    height: 100%
}

.rondo__inner--bullets {
    padding: 20px 20px 15px
}

.rondo__title {
    font-family: "WWF", serif;
    font-size: 42px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 20px;
    text-transform: uppercase
}

.rondo__desc {
    color: #78786f;
    font-size: 13px;
    padding-bottom: 20px
}

.rondo__label {
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    padding: 15px 0;
    -webkit-transition: all .25s ease-in-out .5s;
    transition: all .25s ease-in-out .5s;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

@media(max-width:991.98px) {
    .rondo__label {
        font-size: 9px
    }
}

.rondo__inner ol {
    counter-reset: rondo-ol;
    list-style: none outside;
    margin-bottom: 0;
    padding-left: 0
}

.rondo__inner ol li {
    color: #000;
    counter-increment: rondo-ol;
    font-family: "WWF", serif;
    font-size: 18px;
    line-height: 22px;
    padding: 8px 0 20px 80px;
    position: relative
}

.rondo__inner ol li:before {
    background: #f5f3eb;
    border-radius: 24px;
    content: counter(rondo-ol);
    display: block;
    font-family: "Rubik", sans-serif;
    font-size: 15px;
    font-weight: 500;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px
}

@media(min-width:768px) {
    .rondo__inner ol li {
        font-size: 28px;
        line-height: 30px;
        padding: 8px 0 15px 80px
    }

    .rondo__inner ol li:before {
        font-size: 21px;
        line-height: 48px;
        width: 48px
    }
}

@media(max-width:767.98px) {
    .rondo__item .card--activity .btn {
        max-width: none
    }
}

@media(max-width:1199.98px) {
    .rondo__item .card--activity .card__image {
        height: 320px
    }
}

.rondo__inner--fact {
    padding: 30px;
    overflow: initial
}

.rondo__fact {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    max-height: 100%;
    overflow: hidden
}

.search-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 86px
}

.search-bar__icon--search {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: block;
    background-image: url("../img/svg/search.svg");
    background-position: center;
    background-size: cover
}

.search-bar__label {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
    border-radius: 12px;
    border: 1px solid #e3e3d8;
    width: 100%;
    max-width: 489px;
    padding: 0 23px;
    margin: 10px 0
}

.search-bar__input {
    border: 0;
    width: 100%;
    padding: 18px 0;
    font-size: 24px;
    line-height: 26px
}

.search-bar__input::-webkit-input-placeholder {
    font-size: 24px;
    line-height: 26px
}

.search-bar__input::-moz-placeholder {
    font-size: 24px;
    line-height: 26px
}

.search-bar__input:-ms-input-placeholder {
    font-size: 24px;
    line-height: 26px
}

.search-bar__input::-ms-input-placeholder {
    font-size: 24px;
    line-height: 26px
}

.search-bar__input::placeholder {
    font-size: 24px;
    line-height: 26px
}

.search-bar__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 14px;
    height: 14px;
    position: relative;
    border: 0;
    background-color: transparent;
    color: #78786f;
    cursor: pointer;
    background-image: url("../img/svg/cross.svg")
}

.search-bar__button--highlight {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 264px
}

.search-toggle {
    margin-left: 10px;
    width: 40px;
    height: 35px;
    position: relative
}

.search-toggle i {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    top: 5px;
    left: 10px;
    -webkit-transition: color .25s ease-out .5s;
    transition: color .25s ease-out .5s
}

.search-toggle i.icon-plus {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search {
    width: 100%;
    background: #f9f9f8;
    padding: 7px 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    -webkit-transition: all .25s linear;
    transition: all .25s linear
}

.search-active .search {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.search.has-transition-delay {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.search__input {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.search__input label {
    color: #000;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px;
    letter-spacing: 1.17px;
    padding: 0 20px 0 5px;
    text-transform: uppercase
}

.search__input input {
    background: transparent;
    border: 0;
    padding: 10px 0;
    width: 100%
}

.search__input input:focus {
    outline: 0
}

.search__submit {
    background: 0;
    border: 0;
    cursor: pointer;
    display: inline-block;
    line-height: 40px;
    outline: 0;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 40px;
    white-space: nowrap
}

.search__submit:before {
    color: #4a4a4a;
    content: "\e816";
    display: inline-block;
    font-family: fontello;
    line-height: 40px;
    font-size: 18px;
    position: absolute;
    left: 0;
    text-align: center;
    top: 0;
    width: 40px
}

.search__results {
    background: #fff;
    margin-top: 10px
}

.search__results .no-results {
    display: inline-block;
    margin: 15px 5px 14px
}

.search__results ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.search__value {
    position: absolute;
    pointer-events: none;
    visibility: hidden
}

.search__suggest {
    position: absolute;
    color: #9b9b9b
}

.result__item {
    padding: 6px 0;
    position: relative
}

.result__item:hover,
.result__item.is-active {
    cursor: pointer
}

.result__item:hover .result__title,
.result__item.is-active .result__title {
    font-weight: 500
}

.result__item:first-child .result__label {
    display: block
}

.result__item.is-content+.is-product,
.result__item.is-content+.is-donationbox {
    border-top: 1px solid #f1f1f1;
    padding-top: 12px;
    margin-top: 12px
}

.result__item.is-content+.is-product .result__label,
.result__item.is-content+.is-donationbox .result__label {
    display: block
}

.result__item.is-donationbox+.is-product {
    border-top: 1px solid #f1f1f1;
    padding-top: 12px;
    margin-top: 12px
}

.result__item.is-donationbox+.is-product .result__label {
    display: block
}

.result__image {
    display: inline-block;
    vertical-align: middle
}

.result__image img {
    width: 40px;
    height: 40px
}

.result__title {
    display: inline-block;
    vertical-align: middle;
    opacity: .8;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    letter-spacing: 1.17px;
    margin-left: 15px
}

.search-results__item {
    cursor: pointer;
    padding: 15px 0;
    border-bottom: 1px solid #e5e4d3
}

.search-results__item:first-child {
    border-top: 1px solid #e5e4d3
}

.search-results__title {
    font-size: 16px;
    line-height: 19px;
    color: #4a4a4a;
    font-weight: 500;
    margin-bottom: 15px
}

.search-results__price {
    color: #01895b;
    font-size: 20px;
    display: inline-block;
    font-weight: normal;
    margin-left: 20px;
    vertical-align: middle
}

.search-results__text {
    font-size: 14px;
    line-height: 22px;
    color: #4a4a4a
}

.search-results__img {
    border-radius: 6px;
    width: 175px;
    height: 175px;
    max-width: 100%
}

@media(max-width:991.98px) {
    .search-results__img {
        width: 100%;
        height: auto
    }
}

.result__label {
    display: none;
    font-family: "WWF", serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px
}

.section-team__footer {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.socials {
    text-align: center;
    margin: 40px 0
}

.socials a {
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 1px solid #e2e0ce;
    border-radius: 100%;
    text-align: center;
    line-height: 60px;
    margin: 0 10px
}

@media(max-width:575.98px) {
    .socials a {
        margin: 0 4px;
        width: 50px;
        height: 50px;
        line-height: 50px
    }
}

.socials i {
    font-size: 20px
}

.socials i.icon-facebook {
    font-size: 24px
}

.socials i.icon-pinterest {
    font-size: 22px
}

.social-share {
    z-index: 1
}

.social-share a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0 5px;
    background: #e2e0ce;
    color: #fff;
    border-radius: 100%
}

.social-share a:hover {
    color: #01895b
}

.social-share .whatsapp {
    display: none
}

.is-mobile-device .social-share .whatsapp {
    display: inline-block
}

.copy-url {
    position: relative
}

.copy-url .copy-feedback {
    display: none;
    background: #f6f5f2;
    box-shadow: 0 0 37px -7px rgba(0, 0, 0, 0.33);
    border-radius: 6px;
    padding: 10px 15px;
    color: #78786f;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    bottom: 100%;
    left: 100%;
    -webkit-transition: all .05s linear;
    transition: all .05s linear
}

.social-share--pdp {
    margin: 20px 0
}

@media(min-width:1200px) {
    .social-share--pdp {
        text-align: right;
        margin: 0
    }
}

.social-share--pdp a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0 2px
}

.social-share--pdp i {
    font-size: 14px
}

.social-share--pdp i.icon-twitter {
    font-size: 12px
}

.specs {
    margin: 10px 0
}

.specs .icon-cancel-round {
    font-size: 20px;
    color: #d80036;
    line-height: 23px;
    display: inline-block;
    vertical-align: middle
}

.specs .icon-check-round {
    font-size: 16px;
    color: #01895b;
    line-height: 23px;
    display: inline-block;
    vertical-align: middle
}

.specs__item {
    display: block
}

.specs__key {
    display: inline-block;
    font-weight: 700;
    min-width: 170px
}

.specs__value {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 180px)
}

.specs__value>i:before {
    width: 20px
}

.spotlight__title {
    margin-bottom: 10px;
    text-align: center
}

.spotlight__image {
    border-radius: 8px;
    border: 10px solid transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin: 0 30px 40px;
    position: relative
}

@media(min-width:768px) {
    .spotlight__image {
        margin: 0 90px 40px
    }
}

.spotlight__image img {
    border-radius: 8px
}

.steps {
    margin-bottom: 50px;
    padding: 40px 25px 10px 0;
    background-color: #f6f5f2
}

.steps ul {
    padding-left: 25px
}

.steps li {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    padding-left: 70px;
    position: relative
}

.steps__head {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.steps__icon {
    border: 2px solid #01895b;
    border-radius: 50%;
    color: #01895b;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 44px;
    position: absolute;
    margin-left: -70px;
    margin-top: 5px;
    text-align: center;
    width: 48px;
    height: 48px
}

.steps__title {
    font-size: 19px;
    font-weight: 500;
    color: #000
}

.storyblock {
    position: relative;
    background-attachment: fixed
}

.storyblock .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.storyblock__bg {
    display: inline-block;
    width: 100%;
    height: calc(100vh - 105px);
    position: relative
}

@media(max-width:1199.98px) {
    .storyblock__bg {
        height: calc(100vh - 100px)
    }
}

.storyblock__slide {
    width: 100%;
    height: calc(100vh - 105px);
    position: -webkit-sticky;
    position: sticky;
    top: -100vh
}

@media(max-width:1199.98px) {
    .storyblock__slide {
        height: calc(100vh - 100px)
    }
}

.storyblock__slide--stop {
    position: -webkit-sticky;
    position: sticky;
    top: 105px
}

@media(max-width:1199.98px) {
    .storyblock__slide--stop {
        top: 100px
    }
}

.storyblock__elements {
    width: 100%;
    height: calc(100vh - 105px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: center
}

@media(max-width:1199.98px) {
    .storyblock__elements {
        height: calc(100vh - 100px)
    }
}

.storyblock__img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(100vh - 105px);
    position: relative
}

@media(max-width:1199.98px) {
    .storyblock__img {
        max-height: calc(100vh - 100px)
    }
}

.storyblock__text {
    color: #fff;
    text-align: center
}

.subbar {
    background-color: #f5f3eb;
    padding: 30px;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    bottom: -50px
}

.subbar__raised {
    text-align: right
}

.subbar__amount {
    font-weight: 500;
    font-size: 30px;
    color: #000
}

.subbar__title {
    text-transform: uppercase;
    color: #343434;
    font-size: 15px
}

.tabs-block .media-full-width-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 !important
}

@media(max-width:991.98px) {
    .tabs-block .container {
        padding: 0;
        margin: 0;
        max-width: 100%
    }
}

.tabs__container {
    position: absolute;
    bottom: -25px;
    width: 100%
}

.tabs__container .section-title,
.tabs__container .spotlight__title {
    margin-bottom: 70px
}

.tabs {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px
}

.tabs__item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    position: relative;
    color: #000;
    cursor: pointer
}

@media(max-width:991.98px) {
    .tabs__item {
        text-align: center
    }
}

@media(min-width:1200px) {
    .tabs__item:first-child .tabs__content {
        border-radius: 8px 0 0 8px
    }

    .tabs__item:last-child .tabs__content {
        border-radius: 0 8px 8px 0;
        border-right: 0
    }
}

.tabs__item .tabs__title {
    font-weight: 500;
    font-size: 16px
}

.tabs__item .tabs__subtitle {
    font-weight: 300;
    margin-top: 10px
}

.tabs__content {
    padding: 30px;
    background-color: #fff;
    border-right: 1px solid #e2e0ce;
    height: 100%
}

.tabs__content.is-active {
    background-color: #000;
    color: #fff
}

.tabs__content.is-active:after {
    content: "";
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000;
    left: calc(50% - 10px)
}

.tabs-blocks-carousel .section:last-of-type.section--grey {
    margin-bottom: 50px
}

@media(min-width:768px) {
    .tabs-blocks-carousel .section:last-of-type.section--grey {
        margin-bottom: 90px
    }
}

.three-steps .step {
    text-align: center;
    position: relative
}

@media(max-width:991.98px) {
    .three-steps .step {
        margin-bottom: 120px
    }

    .three-steps .step:last-child {
        margin-bottom: 30px
    }
}

.three-steps .step .step__arrow {
    position: absolute
}

.three-steps .step__img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 151px
}

.three-steps .step--1 .step__arrow {
    left: 50%;
    bottom: -90px;
    -webkit-transform: translateX(-100%) rotate(30deg);
    -ms-transform: translateX(-100%) rotate(30deg);
    transform: translateX(-100%) rotate(30deg)
}

.three-steps .step--1 .step__img {
    margin-bottom: 25px
}

@media(min-width:992px) {
    .three-steps .step--1 {
        position: relative;
        top: -50px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 26%;
        -ms-flex: 0 0 26%;
        flex: 0 0 26%;
        max-width: 26%
    }

    .three-steps .step--1 .step__arrow {
        top: 220px;
        right: -120px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: auto
    }
}

.three-steps .step--2 .step__arrow {
    right: 50%;
    -webkit-transform: translateX(100%) rotate(-30deg) scaleX(-1);
    -ms-transform: translateX(100%) rotate(-30deg) scaleX(-1);
    transform: translateX(100%) rotate(-30deg) scaleX(-1);
    bottom: -100px
}

@media(min-width:992px) {
    .three-steps .step--2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 48%;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
        padding: 0 30px
    }

    .three-steps .step--2 .step__img {
        margin-top: 20px;
        position: relative;
        z-index: -1
    }

    .three-steps .step--2 .step__title {
        margin-top: 50px
    }

    .three-steps .step--2 .step__arrow {
        top: 160px;
        right: -10px;
        -webkit-transform: rotate(-65deg);
        -ms-transform: rotate(-65deg);
        transform: rotate(-65deg)
    }
}

@media(min-width:992px) {
    .three-steps .step--3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 26%;
        -ms-flex: 0 0 26%;
        flex: 0 0 26%;
        max-width: 26%
    }
}

.three-steps .step--3 .step__img {
    margin-bottom: 25px
}

.three-steps .step__img {
    margin-bottom: 10px
}

.three-steps .step__title {
    font-family: "WWF", serif;
    font-size: 34px;
    line-height: 31px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.three-steps .btn {
    margin-top: 10px
}

.three-steps p {
    font-size: 16px;
    line-height: 24px
}

@media(min-width:768px) {
    .three-steps p {
        display: block;
        max-width: 75%;
        margin: 0 auto
    }
}

.tile {
    overflow: hidden;
    position: relative
}

.tile__image {
    width: 100%;
    height: 285px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.tile__image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(241deg, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.4) 84%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(209deg, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.4) 84%, rgba(0, 0, 0, 0.6) 100%)
}

.tile__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 30px;
    line-height: 36px;
    height: 108px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tile__content {
    max-width: 220px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    padding: 0;
    min-height: 0;
    background: transparent
}

.tile__content .card__body {
    color: #fff
}

.tile__content .btn {
    max-width: 220px
}

.tile__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    height: 75px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tile__hover {
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.48);
    padding: 30px;
    overflow: hidden;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in
}

.tile__hover .tile__content {
    padding-top: 30px;
    top: 100%;
    bottom: auto;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in
}

.tile__hover .tile__title {
    position: static;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 5px
}

.tile__hover .tile__body {
    height: 175px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tile__hover .btn {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    border-color: #fff;
    color: #fff;
    padding: 20px 50px
}

.tile__hover .btn:after {
    margin-left: 10px;
    right: auto
}

.tile--rect .tile__image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1.2s cubic-bezier(0.37, 0, 0.15, 1), -webkit-transform 1.2s cubic-bezier(0.37, 0, 0.15, 1);
    will-change: transform
}

.tile--rect:hover .tile__image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.37, 0, 0.15, 1);
    transition: -webkit-transform 1s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1s cubic-bezier(0.37, 0, 0.15, 1);
    transition: transform 1s cubic-bezier(0.37, 0, 0.15, 1), -webkit-transform 1s cubic-bezier(0.37, 0, 0.15, 1)
}

.tile--area:hover>.tile__image>.tile__content>.tile__title {
    opacity: 0;
    -webkit-transition: none;
    transition: none
}

.tile--area:hover .tile__content {
    top: 0
}

.tile--area:hover .tile__hover {
    opacity: 1;
    pointer-events: initial;
    padding-top: 30px
}

.tile--area:hover:after {
    content: "\e815";
    font-family: "fontello";
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 20px;
    color: #9b9b9b
}

.tile--area .tile__title {
    font-size: 14px;
    line-height: 17px;
    height: 34px;
    letter-spacing: 2.33px;
    text-transform: uppercase;
    margin-bottom: 0;
    -webkit-transition: opacity .25s ease-in .25s;
    transition: opacity .25s ease-in .25s
}

@media(min-width:768px) and (max-width:991.98px) {
    .tile--area .tile__body {
        height: 100px
    }
}

@media(max-width:991.98px) {
    .tile--area .tile__body {
        height: 75px
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    .tile--area .tile__image {
        height: 200px
    }
}

@media(max-width:767.98px) {
    .tile--area .tile__image {
        height: 155px
    }
}

.tile--big .tile__image {
    height: 570px
}

@media(min-width:768px) and (max-width:991.98px) {
    .tile--big .tile__image {
        height: 400px
    }
}

@media(max-width:767.98px) {
    .tile--big .tile__image {
        height: 345px
    }
}

.tile--insta .tile__title {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2.33px;
    text-transform: uppercase;
    height: auto;
    margin-bottom: 0
}

.tile--insta .tile__image:before {
    background-image: -webkit-linear-gradient(241deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(209deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0.6) 100%)
}

@font-face {
    font-family: "WWF";
    src: local("Arial"), url("../font/wwf-webfont.eot?59341280");
    src: url("../font/wwf-webfont.eot?59341280#iefix") format("embedded-opentype"), url("../font/wwf-webfont.woff?59341280") format("woff"), url("../font/wwf-webfont.ttf?59341280") format("truetype"), url("../font/wwf-webfont.svg?59341280#WWF") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

body {
    -webkit-font-smoothing: antialiased
}

.section-title,
.spotlight__title {
    font-size: 60px;
    line-height: 51px;
    letter-spacing: .64px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 30px;
    font-weight: 700;
    
}



 @media (max-width: 991.98px) {
    .section-title,
.spotlight__title {
    color: white !important
}
 }






@media(max-width:767.98px) {

    .section-title,
    .spotlight__title {
        font-size: 30px;
        letter-spacing: .33px
      
    }
}

.section-title--secondary {
    color: #004d61
}

.section-title--insta {
    margin-bottom: 70px
}

.section-title--insta i {
    position: relative;
    top: -40px;
    left: -20px;
    font-size: 40px
}

@media(max-width:767.98px) {
    .section-title--insta i {
        top: auto;
        left: 10px
    }
}

.section-subtitle {
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
    margin-bottom: 2px
}

@media(max-width:767.98px) {
    .section-subtitle {
        margin-bottom: 5px
    }
}

.section-intro {
    font-size: 19px;
    line-height: 22px;
    font-weight: 300
}

.hero-title {
    font-size: 56px;
    line-height: 62px;
    font-weight: 300;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.hero-title+.btn {
    margin-top: 30px;
    min-width: 200px
}

.tag,
.sticker--primary .sticker__text,
.rondo__inner--fact .sticker,
.spotlight-block .sticker,
.media-full-width-block .sticker,
.columns-block .sticker,
.slider-with-grid .sticker {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2.33px;
    line-height: 17px
}

.tag--bold {
    font-weight: 500;
    color: #6d6e71;
    margin-bottom: 20px
}

@media(max-width:767.98px) {
    .tag--bold {
        font-size: 12px
    }
}

.intro {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .55px;
    font-weight: 300
}

.lead {
    font-size: 22px;
    line-height: 43px;
    color: #000;
    font-weight: 400
}

.link {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.38px;
    color: #fff;
    font-weight: 500
}

.text-title {
    font-family: "WWF", serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 400;
    color: #35352a;
    margin-bottom: 28px
}

.text-title--medium {
    color: #35352a;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 22px
}

@media(min-width:992px) {
    .text-title--medium {
        font-size: 50px;
        line-height: 52px
    }
}

.text {
    font-size: 16px;
    line-height: 27px
}

.text-big {
    font-size: 19px;
    line-height: 31px;
    font-weight: 300
}

.text-link {
    color: #01895b;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.04px
}

.text-link:after {
    content: "\e815";
    display: inline-block;
    font-family: "fontello";
    margin-left: 5px
}

.text-marked {
    background: #041b30;
    padding: 3px 10px;
    font-size: 24px;
    color: #fff
}

.text-right-down {
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg)
}

.price {
    font-size: 22px;
    font-weight: 500;
    line-height: 27px
}

.lead a,
.intro a,
.text a,
.text-big a,
.text-small a,
.seo-text a,
.section-intro a {
    color: white;
    /* text-decoration: underline */
}

.lead a:hover,
.intro a:hover,
.text a:hover,
.text-big a:hover,
.text-small a:hover,
.seo-text a:hover,
.section-intro a:hover {
    color: #446626
}

.page-title,
.form-title,
.title-text-block .title-text-block__title,
.maps--portrait .maps__text .section-title,
.maps--portrait .maps__text .spotlight__title,
.photo-textlinks__title {
    font-size: 42px;
    line-height: 50px;
    font-family: "WWF", serif;
    color: #191919;
    font-weight: 400;
    margin-bottom: 20px
}

.form-title--small {
    font-size: 32px
}

.form-title,
.title-text-block .title-text-block__title,
.maps--portrait .maps__text .section-title,
.maps--portrait .maps__text .spotlight__title,
.photo-textlinks__title {
    text-transform: uppercase
}

.search-intro {
    font-size: 16px;
    color: #9b9b9b;
    line-height: 45px
}

.seo-text p {
    font-size: 16px;
    line-height: 28px
}

.label-addition {
    font-weight: 300;
    color: #b1b1b1
}

.slider-with-blob__title {
    color: #35352a;
    font-size: 40px;
    line-height: 49px;
    font-weight: 300;
    margin-bottom: 22px
}

@media(min-width:992px) {
    .slider-with-blob__title {
        font-size: 70px;
        line-height: 79px
    }
}

.override-font-color .section-title,
.override-font-color .spotlight__title {
    color: inherit
}

.override-font-color .section-title a,
.override-font-color .spotlight__title a {
    color: inherit
}

.override-font-color .hero__content {
    color: inherit
}

.override-font-color .section-intro p {
    color: inherit
}

.text-black {
    color: #000
}

.text-400 {
    font-weight: 400
}

.h2 {
    font-size: 42px;
    line-height: 1.28;
    font-weight: 400;
    font-family: "WWF", serif;
    text-transform: uppercase;
    margin-bottom: 20px
}

.usps {
    background: #699443;
    padding: 9px 0;
    margin-bottom: 10px
}

@media(max-width:1199.98px) {
    .usps {
        display: none
    }
}

.usps ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.usps li {
    color: #fff;
    position: relative;
    padding-left: 25px;
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase
}

.usps li:before {
    content: "\e801";
    font-family: "fontello";
    position: absolute;
    left: 0
}

.vacancy__filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0 50px
}

@media(max-width:767.98px) {
    .vacancy__filters {
        display: block
    }
}

.vacancy__filter {
    color: #cfcfcf;
    padding: 2px 20px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 3px solid #cfcfcf;
    position: relative;
    cursor: pointer
}

.vacancy__filter:first-child {
    padding-left: 0
}

.vacancy__filter:first-child:after {
    left: 0
}

.vacancy__filter:last-child {
    padding-right: 0
}

.vacancy__filter:last-child:after {
    right: 0
}

.vacancy__filter:after {
    height: 4px;
    background: #01895b;
    position: absolute;
    right: 20px;
    bottom: -3px;
    left: 20px
}

.vacancy__filter.is-active {
    color: #000
}

.vacancy__filter.is-active:after {
    content: ""
}

.vacancy__filter:hover {
    color: #000
}

@media(max-width:767.98px) {
    .vacancy__filter {
        width: 100%;
        padding-left: 0;
        margin-bottom: 10px
    }

    .vacancy__filter:after {
        left: 0;
        right: 0
    }
}

.vacancy__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid #9d9791;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    position: relative
}

.vacancy__item:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

.vacancy__item--no-results {
    border-bottom: 0;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #9d9791;
    font-size: 16px
}

.vacancy__item--no-results:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.vacancy__title {
    font-weight: 500;
    font-size: 18px;
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

@media(max-width:767.98px) {
    .vacancy__title {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.vacancy__employment {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    color: #9d9791;
    font-size: 16px
}

@media(max-width:767.98px) {
    .vacancy__employment {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.vacancy__link {
    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    text-align: right;
    padding-right: 10px
}

@media(max-width:767.98px) {
    .vacancy__link {
        position: absolute;
        right: 0
    }
}

.vacancy__text {
    margin: 40px 0;
    text-align: center;
    letter-spacing: .8px;
    font-size: 16px;
    -webkit-text-stroke: .5px
}

@media(max-width:767.98px) {
    .vacancy__text {
        text-align: left
    }
}

.vacancy__text a {
    color: #01895b;
    text-decoration: underline
}

.vacancy__tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

@media(max-width:767.98px) {
    .vacancy__tags {
        margin-top: -10px
    }
}

.vacancy__tag {
    font-size: 14px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 2.33px;
    font-weight: 500;
    color: #b2b1b1;
    margin: 0 12px
}

@media(max-width:767.98px) {
    .vacancy__tag {
        font-size: 12px;
        line-height: 18px
    }
}

.video-block--content {
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 120px
}

.video__text {
    text-align: center
}

.video__video {
    width: 100%;
    padding-bottom: 20px;
    border-radius: 6px;
    overflow: hidden;
    position: relative
}

.video__video .jwplayer .jw-title {
    display: none
}

.video__video .jw-wrapper {
    background: transparent
}

.video__video .jw-preview,
.video__video .jw-controls,
.video__video video {
    border-radius: 6px
}

.video__video .jw-background-color {
    background-color: rgba(0, 0, 0, 0.5)
}

.video__video .jw-display .jw-display-icon-display .jw-icon {
    height: 60px;
    line-height: 60px;
    padding: 10px;
    width: 60px
}

.video__video .jw-breakpoint-3 .jw-display .jw-display-icon-display .jw-icon {
    height: 77px;
    line-height: 77px;
    width: 77px
}

.video__content {
    margin: 60px 0 auto;
    text-align: center
}

.video__content .description--marked {
    margin-bottom: 30px
}

.well {
    border: 1px solid #efede5;
    box-shadow: 0 6px 14px -2px rgba(222, 222, 222, 0.5);
    border-radius: 4px;
    padding: 25px 30px;
    margin-top: 30px
}

.well strong {
    font-weight: 500
}

.well__text {
    font-size: 19px;
    line-height: 28px;
    font-weight: 300
}

.well__text:last-child {
    margin-bottom: 0
}

.well--gray {
    border-color: #e9e9e9;
    background-color: #f9f9f9;
    border-radius: 8px;
    max-width: 500px;
    box-shadow: none;
    color: #78786f;
    margin-top: 15px
}

.well--gray p:last-child {
    margin-bottom: 0
}

.vacancy-application-block {
    background: #b28721;
    padding: 130px 0 !important
}

@media(max-width:991.98px) {
    .vacancy-application-block {
        padding: 90px 0 !important
    }
}

@media(max-width:767.98px) {
    .vacancy-application-block {
        padding: 50px 0 !important
    }
}

.vacancy-application-block .form-title,
.vacancy-application-block .title-text-block .title-text-block__title,
.title-text-block .vacancy-application-block .title-text-block__title,
.vacancy-application-block .maps--portrait .maps__text .section-title,
.maps--portrait .maps__text .vacancy-application-block .section-title,
.vacancy-application-block .maps--portrait .maps__text .spotlight__title,
.maps--portrait .maps__text .vacancy-application-block .spotlight__title,
.vacancy-application-block .photo-textlinks__title {
    font-size: 60px;
    line-height: 51px;
    letter-spacing: .64px;
    margin: 0 0 50px;
    color: #fff
}

.vacancy-application-block .rte-content {
    color: #fff
}

.vacancy-application-block .btn {
    background: #fff;
    color: #b28721;
    width: 100%
}

.vacancy-application-block .btn:hover {
    color: #fff;
    background: #b28721
}

.alert {
    display: block;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
    color: #fff
}

.alert--danger {
    background: #d80036
}

.alert--success {
    background: #00d836
}

.alert--warning {
    background: #fbae27
}

.btn {
    display: inline-block;
    border: 1px solid #e2e0ce;
    color: #78786f;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: .12em;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    border-radius: 29px;
    background: #fff;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.btn i {
    margin-left: 10px
}

.btn:hover {
    background-color: #f6f5f2;
    color: #78786f
}

.btn:focus {
    outline: 0
}

.btn.is-loading {
    pointer-events: none
}

.btn.is-loading span {
    display: none
}

.btn.is-loading i {
    display: none
}

.btn.is-loading i:last-child {
    display: block
}

.btn.is-loading.btn--icon:after {
    display: none
}

.btn:disabled,
.btn.btn--is-disabled {
    pointer-events: none;
    opacity: .4;
    background: #aeaeae
}

.btn--primary {
    background-color: #01895b;
    color: #fff;
    border-color: #01895b
}

.btn--primary:hover {
    background-color: #51782d
}

.btn--secondary {
    background-color: #004d61;
    color: #fff;
    border-color: #004d61
}

.btn--secondary:hover {
    background-color: #003948
}

.btn--tertiary {
    background-color: #5e2f8c;
    color: #fff
}

.btn--tertiary:hover {
    background-color: #512979
}

.btn--block {
    display: block;
    width: 100%
}

.btn--min-width {
    min-width: 175px
}

.btn--min-width--big {
    min-width: 295px
}

.btn--transparent {
    background-color: transparent
}

.btn--transparent:hover {
    background-color: #fff
}

.btn--dark {
    background-color: rgba(0, 0, 0, 0.28);
    border-color: transparent;
    color: #fff;
    font-size: 12px
}

.btn--dark:hover {
    background-color: rgba(0, 0, 0, 0.7)
}

.btn--darkest {
    background-color: rgba(0, 0, 0, 0.7);
    border-color: transparent;
    color: #fff
}

.btn--darkest:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff
}

.btn--white {
    border-color: #fff;
    color: #fff
}

.btn--ghost {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.btn--ghost-outline {
    border: 1px solid #e0e0e0 !important;
    color: #4a4a4a
}

.btn--text {
    background: 0;
    padding-left: 0;
    padding-right: 0;
    border: 0;
    color: #9b9b9b
}

.btn--text:hover {
    color: #828282;
    background: 0
}

.btn--text-small {
    font-size: 13px;
    letter-spacing: 1.5px
}

.btn--small {
    font-size: 11px;
    line-height: 13px;
    padding: 8px 22px
}

.btn--medium {
    font-size: 11px;
    line-height: 13px;
    padding: 12px 22px
}

.btn--min-width--small {
    min-width: 136px
}

.btn--icon:after {
    content: "\e815";
    display: inline-block;
    font-family: "fontello";
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    margin-left: 6px
}

.btn--icon.is-loading:after {
    content: ""
}

.btn--close {
    display: block;
    position: relative;
    width: 100%
}

.btn--close:after {
    color: #c2d1d9;
    content: "\e81f";
    display: inline-block;
    font-family: "fontello";
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    text-align: center;
    vertical-align: middle;
    width: 30px
}

.btn--filter {
    bottom: -40px;
    margin-bottom: 20px;
    -webkit-transition: none;
    transition: none
}

.btn--filter:after {
    content: "\e844";
    font-size: 20px;
    margin-left: 20px
}

.btn--filter.is-fixed {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    bottom: 20px;
    height: 50px;
    margin-bottom: 0;
    padding: 0 0 0 50px;
    overflow: hidden;
    position: fixed;
    right: 20px;
    text-align: left;
    -webkit-transition: bottom .25s ease-in;
    transition: bottom .25s ease-in;
    width: 50px;
    white-space: nowrap;
    z-index: 999
}

.btn--filter.is-fixed:after {
    left: 0;
    line-height: 50px;
    margin-left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px
}

.btn--tag {
    margin: 0 8px 16px;
    border-color: #78786f;
    color: #4a4a4a
}

@media(max-width:767.98px) {
    .btn--tag {
        margin: 0 4px 8px
    }
}

.bottom-buttons {
    margin-top: 20px
}

@media(min-width:768px) {
    .bottom-buttons {
        margin-top: 50px
    }
}

.btn--inside {
    position: absolute;
    top: 8px;
    right: 6px;
    font-size: 12px;
    padding: 13px 22px
}

.btn--inside-file {
    pointer-events: none;
    margin-right: 7px
}

.loader {
    display: none
}

.loader--login {
    position: absolute;
    top: 25px;
    left: 5px
}

.loader--membership {
    display: block
}

.loader--amount {
    display: block;
    position: absolute;
    left: -30px;
    top: 16px
}

@media(max-width:991.98px) {
    .loader--amount {
        left: calc(100% + 15px)
    }
}

.loader--search {
    display: block;
    padding-top: 13px;
    padding-left: 5px
}

.loader--discount {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px
}

.loader--remove-discount {
    display: block;
    position: relative;
    left: -5px;
    font-size: 12px
}

.btn--link {
    font-weight: 400;
    font-size: 1rem;
    line-height: 13px;
    background: 0;
    border: 0;
    padding: 0;
    color: inherit;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: underline
}

.btn--play {
    font-size: 45px;
    line-height: 45px;
    text-align: center;
    padding: 20px !important
}

@media(max-width:767.98px) {
    .slider-with-grid .btn--play {
        font-size: 35px;
        line-height: 35px
    }

    .slider-with-grid .btn--play i:before {
        width: 35px;
        line-height: 35px
    }
}

.btn--play i {
    display: inline-block
}

.btn--play i:before {
    width: 45px;
    line-height: 45px
}

.btn-donationbox--play {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 90px;
    height: 120px;
    width: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    border: 0
}

@media(max-width:991.98px) {
    .btn-donationbox--play {
        display: none
    }
}

.btn-donationbox--play:hover {
    background: rgba(0, 0, 0, 0.8)
}

.btn-donationbox--play .play-icon {
    width: 35px;
    height: 35px;
    border-style: solid;
    box-sizing: border-box;
    border-width: 20px 0 20px 35px;
    border-color: transparent transparent transparent #fff
}

@media(max-width:767.98px) {
    .btn-donationbox--play .play-icon {
        width: 20px;
        height: 20px;
        border-width: 15px 0 15px 25px
    }
}

.btn-donationbox--play .pause-icon {
    width: 35px;
    height: 35px;
    border-style: double;
    border-width: 0 0 0 34px;
    border-color: #fff
}

.btn--download {
    width: calc(100% + 50px);
    border-radius: 0;
    margin-left: -25px;
    margin-right: 25px;
    margin-top: 15px
}

.btn--download:after {
    content: "\e836";
    display: inline-block;
    font-family: "fontello";
    font-size: 18px;
    text-align: center;
    margin-left: 15px
}

.btn--pdf--download {
    width: calc(100%);
    margin-top: 15px
}

.btn--pdf--download:after {
    content: "\e836";
    display: inline-block;
    font-family: "fontello";
    font-size: 18px;
    text-align: center;
    margin-left: 15px
}

@media(min-width:576px) {
    .btn--center {
        margin: 10px auto
    }
}

@media(min-width:576px) {
    .btn--max-width--small {
        max-width: 50%
    }
}

.btn--arrow {
    padding-right: 20px;
    position: relative
}

.btn--arrow::after {
    content: "\e804";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    color: #fff;
    font-family: "fontello";
    font-size: 12px;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.btn--full-width {
    width: 100%
}

.blob,
.rondo__inner--fact .sticker,
.spotlight-block .sticker,
.media-full-width-block .sticker,
.columns-block .sticker,
.slider-with-grid .sticker {
    border-radius: 22% 78% 33% 67% / 54% 40% 60% 46%;
    border: 1px solid rgba(255, 255, 255, 0.46);
    padding: 60px 55px
}

.blob--portrait {
    border-radius: 60% 40% 58% 42% / 24% 51% 49% 76%;
    padding: 80px 70px;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

.blob--portrait .blob__inner {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.blob--fact {
    display: inline-block;
    border-color: #e2e0ce;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    padding: 50px 40px
}

.blob--fact .blob__inner {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

.blob--product-item,
.blob--activity {
    background: rgba(29, 138, 171, 0.85);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 22% 78% 33% 67% / 54% 40% 60% 46%;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    height: 85px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 15px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 15px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    width: 110px;
    overflow: hidden;
    z-index: 1
}

.blob--product-item .blob__inner,
.blob--activity .blob__inner {
    padding: 0 5px;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

.blob--product-special {
    background: rgba(29, 138, 171, 0.85);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 22% 78% 33% 67% / 54% 40% 60% 46%;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 180px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 15px;
    position: absolute;
    text-align: center;
    top: 15px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    width: auto;
    min-width: 120px;
    max-width: 220px;
    margin-right: 15px
}

.blob--product-special .blob__inner {
    padding: 0 5px;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

.blob--activity {
    left: 38px;
    top: 35px;
    min-width: 110px;
    width: auto;
    max-width: 200px;
    min-height: 85px;
    height: auto;
    z-index: 0
}

.blob--activity .blob__inner {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 22px
}

.blob--date {
    background: #fff;
    border: 0;
    width: 70px;
    height: 70px;
    position: absolute;
    top: -8px;
    left: -8px;
    padding: 15px 10px;
    text-align: center;
    border-radius: 22% 78% 33% 67% / 54% 40% 60% 46%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.blob--date .date {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg)
}

.blob--date .date__month {
    font-size: 10px;
    line-height: 12px;
    color: #78786f;
    text-transform: uppercase;
    margin-bottom: 3px
}

.blob--date .date__day {
    font-size: 32px;
    line-height: 32px;
    color: #35352a
}

.blob--img {
    border-radius: 22% 78% 33% 67% / 54% 40% 60% 46%;
    border: 0;
    padding: 0;
    overflow: hidden;
    width: auto;
    margin: 0 30px
}

@media(max-width:767.98px) {
    .blob--img {
        margin-bottom: 50px
    }
}

.blob--img img {
    max-width: 100%;
    height: auto
}

.blob--product,
.rondo__inner--fact .sticker,
.spotlight-block .sticker,
.media-full-width-block .sticker,
.columns-block .sticker,
.slider-with-grid .sticker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    max-width: 275px;
    min-height: 210px;
    background: #1d8aab;
    text-align: center;
    border-radius: 22% 78% 33% 67% / 54% 40% 60% 46%;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position: absolute;
    top: 25px;
    left: 25px;
    padding: 30px 20px 25px;
    border: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:991.98px) {

    .blob--product,
    .rondo__inner--fact .sticker,
    .spotlight-block .sticker,
    .media-full-width-block .sticker,
    .columns-block .sticker,
    .slider-with-grid .sticker {
        max-width: 250px
    }
}

.blob--product .blob__inner,
.rondo__inner--fact .sticker .blob__inner,
.spotlight-block .sticker .blob__inner,
.media-full-width-block .sticker .blob__inner,
.columns-block .sticker .blob__inner,
.slider-with-grid .sticker .blob__inner {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

.blob--product .tag,
.rondo__inner--fact .sticker .tag,
.spotlight-block .sticker .tag,
.media-full-width-block .sticker .tag,
.columns-block .sticker .tag,
.slider-with-grid .sticker .tag,
.blob--product .sticker--primary .sticker__text,
.sticker--primary .blob--product .sticker__text,
.rondo__inner--fact .sticker .sticker--primary .sticker__text,
.sticker--primary .rondo__inner--fact .sticker .sticker__text,
.spotlight-block .sticker .sticker--primary .sticker__text,
.sticker--primary .spotlight-block .sticker .sticker__text,
.media-full-width-block .sticker .sticker--primary .sticker__text,
.sticker--primary .media-full-width-block .sticker .sticker__text,
.columns-block .sticker .sticker--primary .sticker__text,
.sticker--primary .columns-block .sticker .sticker__text,
.slider-with-grid .sticker .sticker--primary .sticker__text,
.sticker--primary .slider-with-grid .sticker .sticker__text,
.blob--product .rondo__inner--fact .sticker,
.rondo__inner--fact .blob--product .sticker,
.rondo__inner--fact .sticker .sticker,
.blob--product .spotlight-block .sticker,
.spotlight-block .blob--product .sticker,
.spotlight-block .sticker .sticker,
.blob--product .media-full-width-block .sticker,
.media-full-width-block .blob--product .sticker,
.media-full-width-block .sticker .sticker,
.blob--product .columns-block .sticker,
.columns-block .blob--product .sticker,
.columns-block .sticker .sticker,
.blob--product .slider-with-grid .sticker,
.slider-with-grid .blob--product .sticker,
.slider-with-grid .sticker .sticker {
    margin-bottom: 18px;
    opacity: .6;
    color: #fff
}

.blob--product-secondary {
    background: #f36f22
}

.blob--product-tertiary {
    background: #528b3d
}

.blob--pdp {
    width: auto;
    height: auto;
    max-width: 120px;
    min-height: 80px;
    background: rgba(29, 138, 171, 0.75);
    color: #fff;
    font-size: 18px;
    line-height: 19px;
    border-radius: 22% 78% 33% 67% / 54% 40% 60% 46%;
    padding: 26px 22px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position: absolute;
    top: 20px;
    left: 28px;
    text-align: center;
    border: 0
}

.blob--pdp .blob__inner {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

textarea,
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type="submit"] {
    height: auto
}

textarea {
    height: auto;
    min-height: 140px;
    resize: vertical;
    border: 1px solid #e3e3d8;
    padding-left: 10px
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: none
}

label {
    display: block;
    font-weight: 400;
    padding: 10px 15px 10px 0;
    margin-bottom: 0;
    color: #8d8d8d;
    font-size: 16px;
    line-height: 18px
}

@media(max-width:767.98px) {
    label {
        padding: 5px 0
    }
}

input,
textarea {
    background-color: #fff;
    color: #35352a;
    padding: 20px;
    font-size: 16px;
    line-height: 18px;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #e3e3d8;
    border-radius: 0
}

@media(max-width:767.98px) {

    input,
    textarea {
        font-size: 14px;
        padding: 17px 15px 13px 15px
    }
}

input:focus,
textarea:focus {
    outline: 0
}

input::-ms-expand,
textarea::-ms-expand {
    background-color: transparent;
    border: 0
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ababab;
    opacity: 1;
    font-size: 16px
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ababab;
    opacity: 1;
    font-size: 16px
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ababab;
    opacity: 1;
    font-size: 16px
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #ababab;
    opacity: 1;
    font-size: 16px
}

input::placeholder,
textarea::placeholder {
    color: #ababab;
    opacity: 1;
    font-size: 16px
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    opacity: 1
}

input:disabled,
textarea:disabled {
    cursor: not-allowed
}

input.error,
textarea.error {
    border-color: #d75757
}

select::-ms-expand {
    display: none
}

.textarea-container {
    padding-top: 25px;
    position: relative;
    border: 1px solid #e3e3d8;
    background: #fff
}

.textarea-container textarea {
    padding-top: 0;
    resize: none;
    border: 0
}

.textarea-container textarea::-webkit-scrollbar {
    width: 10px
}

.textarea-container textarea::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px gray;
    border-radius: 5px
}

.textarea-container textarea::-webkit-scrollbar-thumb {
    background: #004d61;
    border-radius: 5px
}

.textarea-container textarea::-webkit-scrollbar-thumb:hover {
    background: #003948
}

.form__item--textarea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.form__item--textarea .field-validation-error {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.form__item--textarea .field-validation-error~.textarea-container {
    border-color: #d80036
}

.form__item--textarea .pop-icon {
    z-index: 1
}

.form__item,
.Form__Element {
    position: relative;
    margin-bottom: 10px;
    width: 100%
}

.form__item[class*=" icon-"]:before,
.Form__Element[class*=" icon-"]:before {
    color: #78786f;
    font-size: 18px;
    right: 1px;
    line-height: 49px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 50px
}

.form__item[class*=" icon-"] label,
.Form__Element[class*=" icon-"] label {
    padding-right: 30px
}

.form__item input,
.Form__Element input,
.form__item textarea,
.Form__Element textarea {
    width: 100%;
    border-color: #e3e3d8
}

.form__item input[disabled],
.Form__Element input[disabled],
.form__item input[readonly],
.Form__Element input[readonly],
.form__item textarea[disabled],
.Form__Element textarea[disabled],
.form__item textarea[readonly],
.Form__Element textarea[readonly] {
    opacity: .4
}

.form__item input[disabled].show-normal,
.Form__Element input[disabled].show-normal,
.form__item input[readonly].show-normal,
.Form__Element input[readonly].show-normal,
.form__item textarea[disabled].show-normal,
.Form__Element textarea[disabled].show-normal,
.form__item textarea[readonly].show-normal,
.Form__Element textarea[readonly].show-normal {
    opacity: 1
}

.form__item>label,
.Form__Element>label {
    left: 20px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    top: 21px;
    right: 10px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 10;
    pointer-events: none
}

@media(max-width:767.98px) {

    .form__item>label,
    .Form__Element>label {
        font-size: 14px;
        left: 15px;
        top: 15px
    }
}

.form__item .pop-icon.reposition-tooltip,
.Form__Element .pop-icon.reposition-tooltip {
    right: -20px
}

@media(max-width:767.98px) {

    .form__item .pop-icon.reposition-tooltip,
    .Form__Element .pop-icon.reposition-tooltip {
        right: -16px
    }
}

.form__item.is-focus>label:not(.form__file-label),
.is-focus.Form__Element>label:not(.form__file-label) {
    font-size: 8px;
    letter-spacing: 1px;
    top: 3px
}

.form__item.icon-calendar:before,
.icon-calendar.Form__Element:before,
.form__item.icon-euro:before,
.icon-euro.Form__Element:before {
    pointer-events: none
}

.form__item.form__item--qr input,
.form__item--qr.Form__Element input {
    border: 13px solid #b28721;
    padding: 30px 20px 20px 80px
}

.form__item.form__item--qr.is-focus>label,
.form__item--qr.is-focus.Form__Element>label {
    top: 21px;
    font-size: 13px
}

.form__item.form__item--qr>label,
.form__item--qr.Form__Element>label {
    top: 38px;
    left: 93px
}

.form__item.form__item--qr .field-validation-error,
.form__item--qr.Form__Element .field-validation-error {
    position: relative;
    top: -2px
}

.form__item.form__item--qr.form__item--euro:before,
.form__item--qr.form__item--euro.Form__Element:before,
.form__item.form__item--qr.form__item--mail:before,
.form__item--qr.form__item--mail.Form__Element:before {
    left: 13px;
    height: 68px;
    line-height: 68px
}

.form__item.form__item--euro,
.form__item--euro.Form__Element {
    position: relative
}

.form__item.form__item--euro:before,
.form__item--euro.Form__Element:before {
    content: "€";
    position: absolute;
    top: 13px;
    bottom: 0;
    width: 58px;
    height: 58px;
    background: #f1f1f1;
    color: #35352a;
    font-size: 24px;
    text-align: center;
    line-height: 60px
}

.form__item.form__item--mail,
.form__item--mail.Form__Element {
    position: relative
}

.form__item.form__item--mail:before,
.form__item--mail.Form__Element:before {
    content: "@";
    position: absolute;
    top: 13px;
    bottom: 0;
    width: 58px;
    height: 58px;
    background: #f1f1f1;
    color: #35352a;
    font-size: 24px;
    text-align: center;
    line-height: 60px
}

.form__item--break {
    overflow-wrap: break-word
}

.form__item--donation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.form__item--donation .form__radius {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%
}

.form__item--group-example {
    font-size: 14px;
    margin-bottom: 15px
}

@media(min-width:768px) {
    .form__item--group-example {
        padding-left: 20px !important
    }
}

.form__item--discount {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 295px;
    -ms-flex-preferred-size: 295px;
    flex-basis: 295px
}

.form__item--gender {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form__item--gender>label {
    display: none
}

.form__item--error.form__select,
.form__select.ValidationFail__style,
.ValidationFail__style.FormSelection,
.form__item--error.FormSelection,
.form__item--error input,
.ValidationFail__style input {
    border-color: #d80036 !important
}

.form__item--error .form__validation-error,
.ValidationFail__style .form__validation-error,
.form__item--error .Form__Element__ValidationError,
.ValidationFail__style .Form__Element__ValidationError {
    display: block;
    background: #d80036;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 16px
}

.input-validation-error {
    border-color: #d80036 !important
}

.field-validation-error {
    display: block;
    background: #d80036;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 16px
}

.form__submit,
.FormSubmitButton {
    margin-top: 25px
}

@media(max-width:991.98px) {

    .form__submit,
    .FormSubmitButton {
        margin-top: 10px
    }
}

.form__submit .form__submit,
.FormSubmitButton .form__submit,
.form__submit .FormSubmitButton,
.FormSubmitButton .FormSubmitButton {
    margin-top: 0
}

.form__label {
    font-size: 18px;
    line-height: 22px;
    font-family: "WWF", serif;
    color: #191919;
    text-transform: uppercase;
    font-weight: 400;
    margin: 10px 5px
}

.form__label--smaller {
    font-size: 14px;
    line-height: 18px
}

.form__label--big {
    font-size: 24px;
    line-height: 30px
}

.form__explanation {
    color: #191919;
    font-size: 14px;
    margin: 0 5px 20px
}

.form__text {
    font-size: 14px;
    line-height: 18px;
    color: #191919;
    font-weight: 400;
    margin: 0 5px 15px
}

.form__select,
.FormSelection {
    position: relative;
    background: #fff;
    border: 1px solid #e3e3d8
}

.form__select:before,
.FormSelection:before {
    content: "";
    display: block;
    width: 58px;
    height: 57px;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    pointer-events: none
}

.form__select:after,
.FormSelection:after {
    content: "\e80c";
    font-family: "fontello";
    font-size: 18px;
    display: block;
    color: #9b9b9b;
    width: 58px;
    line-height: 58px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none
}

.form__select label,
.FormSelection label,
.form__select .Form__Element__Caption,
.FormSelection .Form__Element__Caption {
    display: none !important
}

.form__select label em,
.FormSelection label em,
.form__select .Form__Element__Caption em,
.FormSelection .Form__Element__Caption em {
    font-weight: normal
}

.form__select select,
.FormSelection select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    border-radius: 0;
    color: #9b9b9b;
    width: 100%;
    padding: 20px;
    font-size: 16px;
    line-height: 18px
}

.form__select select:focus,
.FormSelection select:focus {
    outline: 0
}

.form__select--small select {
    padding: 10px
}

.form__select--small:before {
    height: 37px;
    width: 38px
}

.form__select--small:after {
    line-height: 38px;
    width: 38px
}

.form__select--borderless {
    border: 0
}

.form__select--tools {
    display: inline-block;
    background: 0;
    border: 0;
    margin-bottom: 10px
}

@media(max-width:767.98px) {
    .form__select--tools {
        display: block
    }
}

.form__select--tools+.form__select--tools {
    margin-left: 30px
}

@media(max-width:767.98px) {
    .form__select--tools+.form__select--tools {
        margin-left: 0
    }
}

.form__select--tools:before {
    height: 18px;
    background: 0
}

.form__select--tools:after {
    width: auto;
    font-size: 16px;
    line-height: 18px;
    top: 2px;
    right: 0
}

.form__select--tools label {
    display: inline-block;
    color: #7f7f7f;
    font-weight: 500;
    padding: 0 5px 0 0
}

.form__select--tools select {
    font-weight: 500;
    padding: 0 20px 0 0;
    width: auto
}

.form__checkbox {
    background: #fff;
    width: 100%;
    border: 1px solid #e3e3d8
}

.form__checkbox:nth-last-child(2) {
    border-right: 1px solid #e3e3d8
}

.form__checkbox label {
    color: #78786f;
    cursor: pointer;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    padding: 20px 20px 20px 55px;
    position: relative;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

.form__checkbox label:before {
    width: 22px;
    height: 22px;
    content: "";
    background: #fff;
    border: 1px solid #979797;
    border-radius: 4px;
    position: absolute;
    top: 18px;
    left: 20px
}

.form__checkbox input {
    position: absolute;
    left: -9999px
}

.form__checkbox input:checked~label {
    color: #4a4a4a
}

.form__checkbox input:checked~label:after {
    content: "";
    background: #4a4a4a;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 20px;
    left: 22px;
    border-radius: 3px
}

.form__checkbox--check {
    border: 0 !important;
    background: 0
}

.form__checkbox--check label {
    padding: 7px 0 8px 35px;
    text-transform: none
}

.form__checkbox--check label:hover {
    color: #000
}

.form__checkbox--check label:before {
    background: #fff;
    border: 1px solid #979797;
    border-radius: 4px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 20px
}

.form__checkbox--check input:checked~label {
    font-weight: 500;
    color: #000
}

.form__checkbox--check input:checked~label:after {
    background: 0;
    color: #78786f;
    content: "\e801";
    display: inline-block;
    font-family: "fontello";
    font-size: 10px;
    line-height: 18px;
    left: 1px;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 18px
}

input[type="checkbox"][disabled]~label {
    opacity: .5;
    cursor: not-allowed
}

.form__radio {
    background: #fff;
    width: 100%
}

.form__radio>label {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 20px 20px 20px 55px;
    border: 1px solid #e3e3d8
}

.form__radio>label:before {
    background: #fff;
    border: 1px solid #8d8d8d;
    border-radius: 100%;
    content: "";
    height: 22px;
    left: 20px;
    position: absolute;
    top: 18px;
    width: 22px
}

.form__radio>label:after {
    border-radius: 100%;
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 20px;
    left: 22px;
    -webkit-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out
}

.form__radio>input {
    position: absolute;
    left: -9999px
}

.form__radio>input:checked~label {
    color: #4a4a4a
}

.form__radio>input:checked~label:after {
    background: #4a4a4a
}

.form__radio>input.input-validation-error~label {
    border-color: #d80036 !important
}

.form__radio .form__input,
.form__radio .FormTextbox__Input {
    background: #f2f2f2;
    padding: 8px;
    width: 100%;
    min-width: 85px
}

.form__radio-list {
    display: grid;
    grid-template-columns: 1fr
}

.form__radio-list .form__radio {
    border: 1px solid #e3e3d8;
    border-top: 0
}

.form__radio-list .form__radio:first-child {
    border-top: 1px solid #e3e3d8
}

@media(min-width:576px) {
    .form__radio-list {
        grid-template-columns: 1fr 1fr
    }

    .form__radio-list-triple {
        grid-template-columns: 1fr 1fr 1fr
    }

    .form__radio-list .form__radio {
        border: 1px solid #e3e3d8
    }

    .form__radio-list .form__radio:nth-child(-n+2) {
        border-bottom: 0
    }

    .form__radio-list .form__radio:nth-child(even) {
        border-left: 0
    }
}

.form__radio-list.full-width {
    grid-template-columns: 1fr
}

.form__radio-list label {
    border: 0
}

.form__radio--button {
    background: 0
}

.form__radio--button input:checked~label {
    color: #fff
}

.form__radio--button label {
    padding: 20px
}

.form__radio--button label:before,
.form__radio--button label:after {
    display: none
}

.form__radio--input label {
    padding: 11px 20px 11px 55px
}

.form__radio--grey {
    background: #f7f7f7;
    border: 1px solid #e3e3d8
}

.form__radio--grey .form__input,
.form__radio--grey .FormTextbox__Input {
    background: #fff
}

.form__radio--secondary label {
    height: 100%
}

.form__radio--secondary input:checked~label {
    background: #b28721;
    color: #fff
}

.form__radio--secondary input:checked~label:before {
    background: #b28721;
    border-color: #fff
}

.form__radio--secondary input:checked~label:after {
    width: 14px;
    height: 14px;
    background: #fff;
    top: 22px;
    left: 24px
}

.form__radio--secondary input:checked~.pop-icon .icon-info:before {
    color: #fff
}

.form__radio--secondary input:checked~.pop-icon .icon-info.active:before {
    color: #fff
}

.form__radio--disabled {
    opacity: .4;
    pointer-events: none
}

.form__gender {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.form__gender-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.form__gender-item label {
    background: #f6f5f2;
    cursor: pointer;
    font-weight: 500;
    line-height: 49px;
    margin: 1px;
    padding: 0;
    position: relative;
    text-align: center
}

.form__gender-item label:before {
    color: #01895b;
    font-size: 18px;
    line-height: 18px
}

.form__gender-item span {
    display: none
}

.form__gender-item input {
    position: absolute;
    left: -9999px
}

.form__gender-item input:checked~label {
    background: #01895b
}

.form__gender-item input:checked~label:before {
    color: #fff
}

.form__item--quantity,
.FormTextbox--Number {
    position: relative;
    max-width: 135px
}

.form__item--quantity input,
.FormTextbox--Number input {
    border: 1px solid #e3e3d8;
    text-align: center;
    padding: 14px 33.33%;
    border-radius: 24px
}

.form__item--quantity input::-webkit-inner-spin-button,
.FormTextbox--Number input::-webkit-inner-spin-button,
.form__item--quantity input::-webkit-outer-spin-button,
.FormTextbox--Number input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.form__item--quantity input:disabled,
.FormTextbox--Number input:disabled {
    opacity: 1
}

.form__item--quantity button,
.FormTextbox--Number button {
    width: 33.33%;
    background: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    position: absolute;
    top: 0;
    font-size: 22px;
    height: 50px;
    color: #78786f
}

.form__item--quantity button.is-disabled,
.FormTextbox--Number button.is-disabled {
    pointer-events: none;
    opacity: .2
}

.form__item--quantity .minus,
.FormTextbox--Number .minus {
    left: 0
}

.form__item--quantity .plus,
.FormTextbox--Number .plus {
    right: 0
}

.form__item--quantity>label,
.FormTextbox--Number>label {
    font-size: 8px;
    letter-spacing: 1px;
    top: 3px
}

.form__item--quantity.form__item--square input,
.form__item--square.FormTextbox--Number input {
    border-radius: 0
}

.dropdown {
    position: relative
}

@media(max-width:767.98px) {
    .dropdown {
        border: 1px solid #e2e0ce;
        border-radius: 2em;
        padding: 20px 70px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 30px
    }
}

.dropdown__label {
    cursor: pointer;
    position: relative
}

.dropdown__label:hover {
    color: #000
}

.dropdown__label:after {
    content: "\e80c";
    font-family: "fontello";
    position: absolute;
    right: -25px;
    font-size: 11px;
    top: 1px
}

.dropdown__content {
    display: none;
    cursor: default;
    box-shadow: 0 0 14px -4px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    border-radius: 10px;
    color: #78786f;
    padding: 20px;
    position: absolute;
    top: 45px;
    left: 50%;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    line-height: 16px;
    min-width: 220px
}

.dropdown__content:before {
    content: "";
    position: absolute;
    text-indent: 100%;
    overflow: hidden;
    border-bottom: 16px solid #fff;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    left: 50%;
    margin-left: -15px;
    top: -16px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.1))
}

.dropdown__content:after {
    content: "";
    position: absolute;
    top: 0;
    width: 50px;
    height: 5px;
    background: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.special-select {
    position: relative
}

.special-select select {
    width: calc(100% - 50px);
    height: 57px;
    margin: 0 25px;
    position: absolute;
    top: 0
}

.special-select button {
    position: relative;
    z-index: 1;
    margin-bottom: 30px
}

.special-select.is-active select {
    z-index: 2
}

.form__bottom {
    margin-top: 30px;
    border-top: 1px solid #e3e3d8;
    padding-top: 30px
}

@media(min-width:768px) {
    .form__bottom .info__tooltip--conditions {
        text-align: right;
        padding-right: 5px
    }
}

@media(max-width:991.98px) {
    .form__bottom .btn {
        min-width: 295px
    }
}

.form__bottom .btn.is-loading {
    min-width: 185px
}

.login-form .forgot-password {
    font-size: 14px;
    line-height: 24px
}

@media(max-width:767.98px) {
    .login-form .form-container {
        margin-bottom: 50px
    }
}

.login-form--donation-box .forgot-password {
    color: #01895b
}

.login-form--donation-box .login__desc {
    margin-bottom: 20px
}

@media(max-width:991.98px) {
    .login-form--donation-box .form-container {
        margin-bottom: 30px
    }
}

.form-container .remove-member {
    font-style: italic;
    margin-left: 20px;
    cursor: pointer
}

.form-container .remove-member:hover {
    color: #01895b
}

.form-container .remove-member i {
    font-size: 18px;
    margin-right: 5px
}

.form-container .add-member {
    margin-top: 30px;
    cursor: pointer
}

@media(max-width:991.98px) {
    .form-container .add-member {
        margin-top: 50px
    }
}

.form-container .add-member:hover {
    color: #01895b
}

.form-container .add-member i {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 28px
}

.form-container--shipping {
    display: none
}

@media(min-width:768px) {
    .form-container--shipping {
        margin: 0
    }
}

.form-container--shipping.is-active {
    display: block
}

.form-container--extra-member {
    display: none;
    margin-top: 50px
}

.form-container--extra-member.is-active {
    display: block
}

.form-container-donate {
    display: block;
    width: 100%;
    margin: 0
}

.form-container-donate .form__item,
.form-container-donate .Form__Element {
    display: block;
    width: 100%;
    margin: 0 0 24px 0
}

@media(max-width:767.98px) {
    .form-container-donate .form__item--container {
        margin-bottom: 0
    }
}

.form-container-donate textarea {
    min-height: 98px
}

.form-container-donate .form__radio label {
    white-space: nowrap
}

.form__file {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    padding: 0
}

.form__file+.form__file-label {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e3e3d8;
    position: static;
    -webkit-transition: none;
    transition: none;
    pointer-events: initial
}

.form__file+.form__file-label:hover .btn {
    color: #fff;
    background-position: 99% 50%
}

.form__file+.form__file-label>span {
    max-width: calc(100% - 180px);
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.form__file+.form__file-label .form__file-label-target {
    color: #35352a
}

.form__file+.form__file-label .form__file-label-placeholder.is-active {
    font-size: 8px;
    letter-spacing: 1px;
    top: 3px;
    position: absolute
}

.switch-buttons {
    margin-bottom: 45px
}

.switch-buttons .switch-btn {
    display: inline-block;
    min-width: 175px;
    text-align: center;
    color: #4a4a4a;
    letter-spacing: 1.27px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 12px;
    padding: 9px;
    border-radius: 100px;
    opacity: .8;
    border: 1px solid #78786f;
    font-weight: 500
}

.switch-buttons .switch-btn+.switch-btn {
    margin-left: 15px
}

.switch-buttons .switch-btn:hover,
.switch-buttons .switch-btn.is-active {
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    border-color: transparent
}

.youforce-form-container-block {
    background: #b28721;
    padding: 130px 0 !important
}

@media(max-width:991.98px) {
    .youforce-form-container-block {
        padding: 90px 0 !important
    }
}

@media(max-width:767.98px) {
    .youforce-form-container-block {
        padding: 50px 0 !important
    }
}

.youforce-form-container-block .form-title,
.youforce-form-container-block .title-text-block .title-text-block__title,
.title-text-block .youforce-form-container-block .title-text-block__title,
.youforce-form-container-block .maps--portrait .maps__text .section-title,
.maps--portrait .maps__text .youforce-form-container-block .section-title,
.youforce-form-container-block .maps--portrait .maps__text .spotlight__title,
.maps--portrait .maps__text .youforce-form-container-block .spotlight__title,
.youforce-form-container-block .photo-textlinks__title {
    font-size: 60px;
    line-height: 51px;
    letter-spacing: .64px;
    margin: 0 0 50px;
    color: #fff
}

.youforce-form-container-block .btn {
    background: #fff;
    color: #b28721
}

.youforce-form-container-block .btn:hover {
    color: #fff;
    background: #b28721
}

.youforce-form-container-block .btn--inside-file {
    margin-right: 10px
}

.youforce-form-container-block .form__file-label:hover .btn {
    color: #fff;
    background: #b28721
}

.youforce-form-container-block .form__file-label>span {
    display: inline-block;
    max-width: calc(100% - 140px)
}

.youforce-form-container-block input[disabled] {
    opacity: 1;
    background: #e2e2e2
}

.youforce-form-container-block .form__radio--secondary input:checked~label {
    color: #4a4a4a;
    background: transparent
}

.youforce-form-container-block .form__radio--secondary input:checked~label:before {
    background: #fff;
    border: 1px solid #8d8d8d
}

.youforce-form-container-block .form__radio--secondary input:checked~label:after {
    background: #4a4a4a
}

.youforce-form-container-block .info__tooltip--conditions .tooltip-smart {
    color: #fff
}

.image-example {
    width: 325px;
    position: relative;
    text-align: center;
    margin-top: 60px;
    margin-left: 60px
}

.image-example__image {
    width: 100%;
    height: 250px;
    border-radius: 22% 78% 33% 67% / 54% 40% 60% 46%;
    border: 13px solid #fff;
    background: #f1f1f1;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.image-example__placeholder {
    width: 150px;
    height: 164px;
    margin-left: 45px;
    margin-top: 25px
}

.image-example__groupname {
    width: 325px;
    font-family: "WWF", serif;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 10px;
    text-align: center
}

.image-example__delete {
    display: inline-block;
    font-size: 12px;
    font-family: "Rubik", sans-serif;
    cursor: pointer
}

.image-example__delete:hover label {
    text-decoration: underline
}

.image-example__delete i {
    display: inline-block;
    margin-right: 5px;
    font-size: 25px;
    text-decoration: none;
    text-align: center
}

.image-example__delete label {
    display: inline-block;
    cursor: pointer
}

.Form__Element.FormChoice.ValidationFail__style .form__radio,
.Form__Element.FormDonationPeriod.ValidationFail__style .form__radio,
.Form__Element.FormChoiceDonationContribution.ValidationFail__style .form__radio {
    border-color: #d80036
}

.Form__Element.FormChoice .form__radio,
.Form__Element.FormDonationPeriod .form__radio,
.Form__Element.FormChoiceDonationContribution .form__radio {
    height: 100%
}

.Form__Element.FormChoice .Form__Element__ValidationError,
.Form__Element.FormDonationPeriod .Form__Element__ValidationError,
.Form__Element.FormChoiceDonationContribution .Form__Element__ValidationError {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    color: #fff
}

.Form__Element .Form__Element_Hidden {
    margin: 0
}

.EPiServerForms .Form__Element .Form__Element__ValidationError {
    color: #fff
}

.EPiServerForms .epi-form-loader {
    display: none;
    visibility: visible;
    position: absolute;
    font-size: 50px;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.EPiServerForms .Form__Status .Form__Warning__Message {
    background-color: #d80036;
    color: #fff;
    padding: 12px 20px
}

.campaign-choice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #6a6a6a;
    text-align: center
}

.campaign-choice input {
    display: none
}

.campaign-choice input:checked+label .campaign-choice__logo {
    border-color: #4a4a4a
}

.campaign-choice input:checked+label .campaign-choice__text {
    color: #4a4a4a;
    font-weight: 500
}

.campaign-choice label {
    padding: 0
}

.campaign-choice__block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 33.33%;
    margin-bottom: 10px
}

@media(min-width:768px) {
    .campaign-choice__block {
        width: 25%
    }
}

.campaign-choice__icon,
.campaign-choice__text {
    width: 90px;
    margin: 0 auto
}

@media(min-width:1200px) {

    .campaign-choice__icon,
    .campaign-choice__text {
        width: 130px
    }
}

.campaign-choice__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    height: 90px;
    margin: 0 auto
}

@media(min-width:1200px) {
    .campaign-choice__logo {
        height: 130px
    }
}

.campaign-choice__logo img {
    height: 70px;
    width: 70px
}

.campaign-choice__text {
    height: auto;
    padding-top: 10px;
    color: #6a6a6a;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

@media(max-width:991.98px) {
    .campaign-choice__text {
        font-size: 10px;
        line-height: 1
    }
}

.list-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 23px
}

.list-icons li {
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative
}

.list-icons i {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 50px;
    text-align: center;
    color: #01895b;
    font-size: 30px
}

.buttons-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

@media(min-width:768px) {
    .buttons-list {
        margin-top: 65px
    }
}

@media(max-width:767.98px) {
    .buttons-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.buttons-list li {
    -webkit-flex-basis: calc(33.33% - 20px);
    -ms-flex-preferred-size: calc(33.33% - 20px);
    flex-basis: calc(33.33% - 20px);
    margin: 0 10px
}

@media(min-width:1200px) {
    .buttons-list li {
        -webkit-flex-basis: calc(33.33% - 45px);
        -ms-flex-preferred-size: calc(33.33% - 45px);
        flex-basis: calc(33.33% - 45px);
        margin: 0 22.5px
    }
}

@media(max-width:991.98px) {
    .buttons-list li {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 50%
    }
}

@media(max-width:767.98px) {
    .buttons-list li {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: none;
        margin-bottom: 15px
    }
}

.buttons-list li .btn {
    width: 100%
}

.buttons-list--region {
    margin: 0 -10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.buttons-list--region li {
    margin-bottom: 10px
}

@media(min-width:1200px) {
    .buttons-list--region li {
        margin-bottom: 22.5px
    }
}

@media(min-width:1200px) {
    .buttons-list--region {
        margin: 0 -22.5px
    }
}

.responsive-img {
    width: 100%;
    height: auto
}

.ruler {
    display: block;
    border: 0;
    outline: 0;
    width: 100%;
    height: 1px;
    background: #ccccc2;
    margin: 20px 0
}

.ruler--dark {
    background: #4a4a4a
}

.ruler--vert {
    width: 1px;
    height: 100%;
    background: #e3e3d8;
    margin: 0
}

.spacer {
    height: 7.5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 7.5px;
    -ms-flex: 0 0 7.5px;
    flex: 0 0 7.5px
}

.spacer2 {
    height: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15px;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px
}

.spacer3 {
    height: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px
}

.spacer30 {
    display: block;
    width: 100%;
    height: 30px
}

.spacer50 {
    display: block;
    width: 100%;
    height: 50px
}

.spacer100 {
    display: block;
    width: 100%;
    height: 100px
}

.spacer--mobile {
    display: none
}

@media(max-width:991.98px) {
    .spacer--mobile {
        display: block
    }
}

.tooltip-smart {
    background: transparent;
    border: 0;
    color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    height: 30px;
    overflow: hidden;
    padding: 0 0 0 30px;
    position: relative;
    width: 30px;
    white-space: nowrap
}

.tooltip-smart:before {
    display: block;
    font-size: 20px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px
}

.info__tooltip--conditions {
    text-align: center;
    position: static
}

.info__tooltip--conditions .tooltip-smart {
    width: auto;
    color: gray;
    font-size: 12px;
    padding: 0
}

.info__tooltip--form {
    padding-left: 15px
}

.section-title--sticker,
.hero__title--sticker {
    position: relative
}

.sticker {
    position: absolute
}

.carousel__item .sticker {
    top: 0;
    left: 0
}

@media(max-width:991.98px) {
    .carousel__item .sticker {
        top: -10px;
        left: -10px
    }
}

@media(max-width:767.98px) {
    .carousel__item .sticker {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        top: -40px;
        left: -60px
    }
}

.columns__item .sticker {
    top: 0;
    right: 0
}

@media(min-width:992px) and (max-width:1199.98px) {
    .columns__item .sticker {
        top: -30px;
        right: -20px
    }
}

.spotlight-block .sticker {
    width: 150px;
    height: 150px;
    background-size: 150px;
    right: -75px;
    top: 80px;
    padding: 25px
}

@media(max-width:767.98px) {
    .spotlight-block .sticker {
        -webkit-transform: scale(0.77);
        -ms-transform: scale(0.77);
        transform: scale(0.77);
        top: 25px;
        right: -70px
    }
}

.spotlight-block .sticker .sticker__text {
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg)
}

.media-full-width-block .sticker {
    position: absolute;
    left: calc(50% + 400px);
    bottom: 120px;
    z-index: 0
}

@media(max-width:1399.98px) {
    .media-full-width-block .sticker {
        left: calc(50% + 360px)
    }
}

@media(max-width:1199.98px) {
    .media-full-width-block .sticker {
        right: 50px;
        left: auto;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@media(max-width:991.98px) {
    .media-full-width-block .sticker {
        bottom: 30px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6)
    }
}

@media(max-width:767.98px) {
    .media-full-width-block .sticker {
        display: none
    }
}

.show-by-click {
    display: none
}

.progressbarcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.progressbarcontainer__raised,
.progressbarcontainer__target {
    font-size: 36px;
    font-weight: 400;
    font-family: "WWF", serif
}

@media(max-width:767.98px) {

    .progressbarcontainer__raised,
    .progressbarcontainer__target {
        width: 50%
    }
}

@media(min-width:576px) {

    .progressbarcontainer__raised,
    .progressbarcontainer__target {
        width: 40%
    }
}

.progressbarcontainer__visual {
    width: 20%;
    text-align: center
}

@media(max-width:767.98px) {
    .progressbarcontainer__visual {
        display: none
    }
}

.progressbarcontainer .label {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000
}

.progressbarcontainer__target {
    text-align: right;
    color: #cadb3c
}

.progressbarcontainer .break {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 0
}

.progressbarcontainer__percentage {
    font-size: 16px;
    width: 10%;
    text-align: right;
    color: #7f7f7f
}

.progressbarcontainer__totalamountofdonations {
    font-size: 18px
}

.progressbarcontainer__totalamountofdonations .amount {
    font-family: "WWF", serif;
    font-weight: 400
}

.progressbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: 15px;
    border-radius: 10px;
    background-color: #d9d9d9;
    box-shadow: inset 3px 3px 5px 5px #ccc
}

.progressbar__animated-progress {
    -webkit-animation: loader 2s;
    animation: loader 2s;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    height: 100%;
    color: #fffbfb;
    text-align: center;
    line-height: 28px
}

.progressbar__animated-progress.fill {
    background-image: -webkit-linear-gradient(left, #01895b, #016241, #016241);
    background-image: linear-gradient(-270deg, #01895b, #016241, #016241);
    border-radius: 10px
}

@-webkit-keyframes loader {
    0% {
        width: 10%
    }

    100% {
        width: 100%
    }
}

@keyframes loader {
    0% {
        width: 10%
    }

    100% {
        width: 100%
    }
}

.funding-cta {
    border-radius: 17px;
    border: 1px solid #e3e3d8;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media(max-width:767.98px) {
    .funding-cta {
        margin-top: 30px
    }
}

.funding-cta .inner {
    margin: 25px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px
}

.funding-cta .inner .button-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px
}

.funding-cta .inner h2 {
    font-family: "WWF", serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 57px
}

::target-text {
    background-color: rgba(116, 192, 80, 0.4)
}

.u-float-left {
    float: left !important
}

.u-float-right {
    float: right !important
}

.u-float-none {
    float: none !important
}

.u-float-left {
    float: left !important
}

.u-float-right {
    float: right !important
}

.u-float-none {
    float: none !important
}

@media(min-width:576px) {
    .u-float-sm-left {
        float: left !important
    }

    .u-float-sm-right {
        float: right !important
    }

    .u-float-sm-none {
        float: none !important
    }
}

@media(min-width:768px) {
    .u-float-md-left {
        float: left !important
    }

    .u-float-md-right {
        float: right !important
    }

    .u-float-md-none {
        float: none !important
    }
}

@media(min-width:992px) {
    .u-float-lg-left {
        float: left !important
    }

    .u-float-lg-right {
        float: right !important
    }

    .u-float-lg-none {
        float: none !important
    }
}

@media(min-width:1200px) {
    .u-float-xl-left {
        float: left !important
    }

    .u-float-xl-right {
        float: right !important
    }

    .u-float-xl-none {
        float: none !important
    }
}

@media(min-width:1400px) {
    .u-float-xxl-left {
        float: left !important
    }

    .u-float-xxl-right {
        float: right !important
    }

    .u-float-xxl-none {
        float: none !important
    }
}

.u-text-justify {
    text-align: justify !important
}

.u-text-nowrap {
    white-space: nowrap !important
}

.u-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.u-text-left {
    text-align: left !important
}

.u-text-right {
    text-align: right !important
}

.u-text-center {
    text-align: center !important
}

@media(min-width:576px) {
    .u-text-sm-left {
        text-align: left !important
    }

    .u-text-sm-right {
        text-align: right !important
    }

    .u-text-sm-center {
        text-align: center !important
    }
}

@media(min-width:768px) {
    .u-text-md-left {
        text-align: left !important
    }

    .u-text-md-right {
        text-align: right !important
    }

    .u-text-md-center {
        text-align: center !important
    }
}

@media(min-width:992px) {
    .u-text-lg-left {
        text-align: left !important
    }

    .u-text-lg-right {
        text-align: right !important
    }

    .u-text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .u-text-xl-left {
        text-align: left !important
    }

    .u-text-xl-right {
        text-align: right !important
    }

    .u-text-xl-center {
        text-align: center !important
    }
}

@media(min-width:1400px) {
    .u-text-xxl-left {
        text-align: left !important
    }

    .u-text-xxl-right {
        text-align: right !important
    }

    .u-text-xxl-center {
        text-align: center !important
    }
}

.u-text-lowercase {
    text-transform: lowercase !important
}

.u-text-uppercase {
    text-transform: uppercase !important
}

.u-text-capitalize {
    text-transform: capitalize !important
}

.u-text-transform-none {
    text-transform: none !important
}

.u-text-underline {
    text-decoration: underline
}

.u-font-italic {
    font-style: italic !important
}

.u-font-bold {
    font-weight: bold !important
}

.u-text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.u-reset-text {
    font-family: "Rubik", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto
}

.u-d-none {
    display: none !important
}

.u-d-inline {
    display: inline !important
}

.u-d-inline-block {
    display: inline-block !important
}

.u-d-block {
    display: block !important
}

.u-d-table {
    display: table !important
}

.u-d-table-row {
    display: table-row !important
}

.u-d-table-cell {
    display: table-cell !important
}

.u-d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.u-d-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width:576px) {
    .u-d-sm-none {
        display: none !important
    }

    .u-d-sm-inline {
        display: inline !important
    }

    .u-d-sm-inline-block {
        display: inline-block !important
    }

    .u-d-sm-block {
        display: block !important
    }

    .u-d-sm-table {
        display: table !important
    }

    .u-d-sm-table-row {
        display: table-row !important
    }

    .u-d-sm-table-cell {
        display: table-cell !important
    }

    .u-d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:768px) {
    .u-d-md-none {
        display: none !important
    }

    .u-d-md-inline {
        display: inline !important
    }

    .u-d-md-inline-block {
        display: inline-block !important
    }

    .u-d-md-block {
        display: block !important
    }

    .u-d-md-table {
        display: table !important
    }

    .u-d-md-table-row {
        display: table-row !important
    }

    .u-d-md-table-cell {
        display: table-cell !important
    }

    .u-d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:992px) {
    .u-d-lg-none {
        display: none !important
    }

    .u-d-lg-inline {
        display: inline !important
    }

    .u-d-lg-inline-block {
        display: inline-block !important
    }

    .u-d-lg-block {
        display: block !important
    }

    .u-d-lg-table {
        display: table !important
    }

    .u-d-lg-table-row {
        display: table-row !important
    }

    .u-d-lg-table-cell {
        display: table-cell !important
    }

    .u-d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1200px) {
    .u-d-xl-none {
        display: none !important
    }

    .u-d-xl-inline {
        display: inline !important
    }

    .u-d-xl-inline-block {
        display: inline-block !important
    }

    .u-d-xl-block {
        display: block !important
    }

    .u-d-xl-table {
        display: table !important
    }

    .u-d-xl-table-row {
        display: table-row !important
    }

    .u-d-xl-table-cell {
        display: table-cell !important
    }

    .u-d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1400px) {
    .u-d-xxl-none {
        display: none !important
    }

    .u-d-xxl-inline {
        display: inline !important
    }

    .u-d-xxl-inline-block {
        display: inline-block !important
    }

    .u-d-xxl-block {
        display: block !important
    }

    .u-d-xxl-table {
        display: table !important
    }

    .u-d-xxl-table-row {
        display: table-row !important
    }

    .u-d-xxl-table-cell {
        display: table-cell !important
    }

    .u-d-xxl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-d-xxl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .u-d-print-none {
        display: none !important
    }

    .u-d-print-inline {
        display: inline !important
    }

    .u-d-print-inline-block {
        display: inline-block !important
    }

    .u-d-print-block {
        display: block !important
    }

    .u-d-print-table {
        display: table !important
    }

    .u-d-print-table-row {
        display: table-row !important
    }

    .u-d-print-table-cell {
        display: table-cell !important
    }

    .u-d-print-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.u-flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.u-flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.u-flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.u-flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.u-flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.u-flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.u-flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.u-justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.u-justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.u-justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.u-justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.u-justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

@media(min-width:576px) {
    .u-flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .u-flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .u-flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .u-flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .u-flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .u-flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .u-flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .u-justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media(min-width:768px) {
    .u-flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .u-flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .u-flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .u-flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .u-flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .u-flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .u-flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .u-justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media(min-width:992px) {
    .u-flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .u-flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .u-flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .u-flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .u-flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .u-flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .u-flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .u-justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media(min-width:1200px) {
    .u-flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .u-flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .u-flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .u-flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .u-flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .u-flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .u-flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .u-justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media(min-width:1400px) {
    .u-flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .u-flex-xxl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .u-flex-xxl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .u-flex-xxl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .u-flex-xxl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .u-flex-xxl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .u-flex-xxl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .u-justify-content-xxl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content-xxl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content-xxl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content-xxl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content-xxl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

.u-align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.u-align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.u-align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.u-align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.u-img-responsive {
    width: 100%;
    height: auto
}

.u-embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.u-embed-responsive::before {
    display: block;
    content: ""
}

.u-embed-responsive .u-embed-responsive-item,
.u-embed-responsive iframe,
.u-embed-responsive embed,
.u-embed-responsive object,
.u-embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.u-embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.u-embed-responsive-16by9::before {
    padding-top: 56.25%
}

.u-embed-responsive-4by3::before {
    padding-top: 75%
}

.u-embed-responsive-1by1::before {
    padding-top: 100%
}

.u-text-primary {
    color: #01895b
}

.u-text-secondary {
    color: #004d61
}

.u-text-tertiary {
    color: #5e2f8c
}

@media (max-width: 767.98px) {
    .hero__blob-outer{
        margin-bottom: -322px;
}
}


.u-text-white {
    color: #fff !important;  /* text color */
    /* background: #000;         background color */
    padding: 5px 10px;        /* reduce height: top/bottom padding 5px, left/right 10px */
    /* display: inline-block;    ensures padding affects height properly */
    /* border-radius: 3px;       optional: small rounded corners */
}

.u-text-dark-grey {
    color: #383837 !important
}

.u-text-black {
    color: #000 !important
}

.u-text-grey {
    color: #9b9b9b !important
}

.u-text-center-vert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.u-text-center-horz {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}








.u-block-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}




.u-p-relative {
    width: 100%;
    position: relative
}

.u-p-absolute {
    position: absolute
}

.u-p-fixed {
    position: fixed
}

.u-p-static {
    position: static
}

.no-p {
    padding: 0
}

.p20 {
    padding: 20px
}

.no-p {
    padding: 0
}

.p20 {
    padding: 20px
}

.no-mb {
    margin-bottom: 0
}

.mb10 {
    margin-bottom: 10px
}

.mb50 {
    margin-bottom: 50px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.z1 {
    z-index: 1
}

.u-rte-content {
    font-size: 19px;
    line-height: 31px;
    font-weight: 300
}

@media(max-width:575.98px) {
    .u-rte-content {
        font-size: 16px;
        line-height: 24px
    }
}

.u-rte-content img {
    max-width: 100%;
    height: auto
}

.u-rte-content img:not([width]) {
    width: auto
}

.u-rte-content ul,
.u-rte-content ol {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 16px;
    padding-left: 20px
}

.u-rte-content ul li,
.u-rte-content ol li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 5px
}

.u-rte-content ul li:before,
.u-rte-content ol li:before {
    position: absolute;
    left: 0
}

.u-rte-content ul li:before {
    content: "\e823";
    font-family: "fontello";
    font-size: 14px
}

.u-rte-content ol {
    counter-reset: custom-ol
}

.u-rte-content ol li {
    counter-increment: custom-ol
}

.u-rte-content ol li:before {
    content: counter(custom-ol) ". ";
    font-weight: 400
}

.btn--gradient {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    background-image: -webkit-linear-gradient(left, #016241, #01895b, #016241);
    background-image: linear-gradient(-270deg, #016241, #01895b, #016241);
    background-position: 1% 50%;
    background-size: 300% 300%;
    color: #fff
}

.btn--gradient:hover {
    color: #fff;
    background-image: -webkit-linear-gradient(left, #016241, #01895b, #016241);
    background-image: linear-gradient(-270deg, #016241, #01895b, #016241);
    background-position: 99% 50%
}

.btn--gradient-secondary {
    background-image: -webkit-linear-gradient(left, #b28721, #e65719, #b28721);
    background-image: linear-gradient(-270deg, #b28721, #e65719, #b28721)
}

.btn--gradient-secondary:hover {
    background-image: -webkit-linear-gradient(left, #b28721, #e65719, #b28721);
    background-image: linear-gradient(-270deg, #b28721, #e65719, #b28721)
}

.btn--ghost-gradient {
    background: transparent;
    color: #fff;
    -webkit-transition: background-position .4s ease-in;
    transition: background-position .4s ease-in;
    background-image: -webkit-linear-gradient(right, #01895b, #016241, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, #01895b, #016241, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    min-width: 136px
}

.btn--ghost-gradient:hover {
    background-color: transparent;
    color: #fff;
    background-position: 99% 50%
}

.btn--ghost-gradient-secondary {
    background-image: -webkit-linear-gradient(right, #e65719, #b28721, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, #e65719, #b28721, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
}

.btn--ghost-gradient-black {
    color: #35352a;
    border-color: #35352a
}

.btn--ghost-gradient-black:hover {
    border-color: #fff;
    color: #fff
}

.show-by-click {
    display: none
}

.rondo__inner--fact .sticker,
.spotlight-block .sticker,
.media-full-width-block .sticker,
.columns-block .sticker,
.slider-with-grid .sticker {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 150px;
    height: 100px;
    min-height: 0;
    color: #fff
}

@media(max-width:767.98px) {

    .rondo__inner--fact .sticker,
    .spotlight-block .sticker,
    .media-full-width-block .sticker,
    .columns-block .sticker,
    .slider-with-grid .sticker {
        display: none
    }
}

.rondo__inner--fact .sticker .sticker__text,
.spotlight-block .sticker .sticker__text,
.media-full-width-block .sticker .sticker__text,
.columns-block .sticker .sticker__text,
.slider-with-grid .sticker .sticker__text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.rondo__inner--fact .sticker {
    bottom: auto;
    left: auto;
    top: -60px;
    right: -60px
}

.media-full-width-block .sticker {
    width: 200px;
    height: auto;
    padding: 30px
}

.spotlight-block .sticker,
.columns-block .sticker {
    top: -30px;
    right: 30px
}

.slider-with-grid .sticker {
    right: auto;
    left: 10px;
    top: 10px;
    white-space: normal;
    height: 130px;
    width: 200px;
    padding-right: 25px
}

.section-title--sticker .sticker {
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .section-title--sticker .sticker .sticker {
        margin-bottom: 10px
    }
}

@media(max-width:767.98px) {
    .section-title--sticker .sticker {
        bottom: calc(100% - 5px);
        left: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@font-face {
    font-family: "Repartee";
    src: local("Arial"), url("../font/repartee_regular.woff2") format("woff2"), url("../font/repartee_regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Repartee";
    src: local("Arial"), url("../font/repartee_skinny.woff2") format("woff2"), url("../font/repartee_skinny.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Repartee";
    src: local("Arial"), url("../font/repartee_black.woff2") format("woff2"), url("../font/repartee_black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

.donation-box-signup-block .btn--white {
    background-color: #FFF;
    color: #ff6a08;
    font-weight: bold
}

.donation-box-signup-block .btn--gradient {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    background-image: -webkit-linear-gradient(left, #016241, #01895b, #016241);
    background-image: linear-gradient(-270deg, #016241, #01895b, #016241);
    background-position: 1% 50%;
    background-size: 300% 300%;
    color: #fff
}

.donation-box-signup-block .btn--gradient:hover {
    color: #fff;
    background-image: -webkit-linear-gradient(left, #016241, #01895b, #016241);
    background-image: linear-gradient(-270deg, #016241, #01895b, #016241);
    background-position: 99% 50%
}

.donation-box-signup-block .btn--gradient-secondary {
    background-image: -webkit-linear-gradient(left, #b28721, #e65719, #b28721);
    background-image: linear-gradient(-270deg, #b28721, #e65719, #b28721)
}

.donation-box-signup-block .btn--gradient-secondary:hover {
    background-image: -webkit-linear-gradient(left, #b28721, #e65719, #b28721);
    background-image: linear-gradient(-270deg, #b28721, #e65719, #b28721)
}

.donation-box-signup-block .btn--ghost-gradient {
    background: transparent;
    color: #fff;
    -webkit-transition: background-position .4s ease-in;
    transition: background-position .4s ease-in;
    background-image: -webkit-linear-gradient(right, #01895b, #016241, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, #01895b, #016241, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    min-width: 136px
}

.donation-box-signup-block .btn--ghost-gradient:hover {
    background-color: transparent;
    color: #fff;
    background-position: 99% 50%
}

.donation-box-signup-block .btn--delete,
.donation-box-signup-block .btn--pdf--download {
    border-color: #4a4a4a;
    color: #4a4a4a
}

.donation-box-signup-block .btn--ghost-gradient-secondary {
    background-image: -webkit-linear-gradient(right, #e65719, #b28721, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, #e65719, #b28721, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
}

.donation-box-signup-block .btn--gradient-tertiary,
.donation-box-signup-block .donation-box .login-block .btn--gradient,
.donation-box .login-block .donation-box-signup-block .btn--gradient,
.donation-box .donation-box-signup-block .btn:hover:not(.btn--text),
.donation-box-signup-block .donation-box .donation-window .btn--gradient,
.donation-box .donation-window .donation-box-signup-block .btn--gradient,
.donation-box-signup-block .donation-box .donation-window .btn--gradient-secondary,
.donation-box .donation-window .donation-box-signup-block .btn--gradient-secondary,
.donation-box-signup-block .donation-box .three-steps .btn--gradient,
.donation-box .three-steps .donation-box-signup-block .btn--gradient {
    background-image: -webkit-linear-gradient(left, #3c83ab, #1c4b64) !important;
    background-image: linear-gradient(-270deg, #3c83ab, #1c4b64) !important;
    color: #fff !important;
    border: 0
}

.donation-box-signup-block .btn--gradient-tertiary:hover,
.donation-box-signup-block .donation-box .login-block .btn--gradient:hover,
.donation-box .login-block .donation-box-signup-block .btn--gradient:hover,
.donation-box .donation-box-signup-block .btn:hover:not(.btn--text),
.donation-box-signup-block .donation-box .donation-window .btn--gradient:hover,
.donation-box .donation-window .donation-box-signup-block .btn--gradient:hover,
.donation-box-signup-block .donation-box .donation-window .btn--gradient-secondary:hover,
.donation-box .donation-window .donation-box-signup-block .btn--gradient-secondary:hover,
.donation-box-signup-block .donation-box .three-steps .btn--gradient:hover,
.donation-box .three-steps .donation-box-signup-block .btn--gradient:hover {
    background-image: -webkit-linear-gradient(left, #3c83ab, #1c4b64) !important;
    background-image: linear-gradient(-270deg, #3c83ab, #1c4b64) !important;
    color: #fff !important;
    background-position: 99% 50%;
    background-size: 300% 300%
}

.donation-box-signup-block .btn--inside-file {
    top: 11px
}

.donation-box-signup-block .btn--inside-file:hover {
    background-image: -webkit-linear-gradient(left, #3c83ab, #1c4b64) !important;
    background-image: linear-gradient(-270deg, #3c83ab, #1c4b64) !important;
    color: #fff !important;
    background-position: 99% 50%;
    background-size: 300% 300%
}

.donation-box .header {
    z-index: 1002
}

.donation-box .header .logo {
    z-index: 1002
}

.donation-box .toggle-menu {
    z-index: 1004
}

.donation-box .mobile-menu {
    z-index: 1001 !important
}

.donation-box .breadcrumb {
    z-index: 1003
}

.donation-box .hero .section-title,
.donation-box .hero .spotlight__title {
    font-family: "WWF", serif;
    font-weight: bold
}

.donation-box .hero .btn {
    font-family: "Rubik", sans-serif;
    font-size: 15px
}

.donation-box .hero .btn:hover {
    color: #000;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.donation-box .hero .btn:before {
    all: initial
}

.donation-box .video-block .section-title,
.donation-box .video-block .spotlight__title,
.donation-box .video-block .page-title,
.donation-box .video-block .image-example__groupname,
.donation-box .video-block .explanation,
.donation-box .three-steps-block .section-title,
.donation-box .three-steps-block .spotlight__title,
.donation-box .three-steps-block .page-title,
.donation-box .three-steps-block .image-example__groupname,
.donation-box .three-steps-block .explanation,
.donation-box .login-block .section-title,
.donation-box .login-block .spotlight__title,
.donation-box .login-block .page-title,
.donation-box .login-block .image-example__groupname,
.donation-box .login-block .explanation,
.donation-box .donor-block .section-title,
.donation-box .donor-block .spotlight__title,
.donation-box .donor-block .page-title,
.donation-box .donor-block .image-example__groupname,
.donation-box .donor-block .explanation,
.donation-box .donation-box-signup-block .section-title,
.donation-box .donation-box-signup-block .spotlight__title,
.donation-box .donation-box-signup-block .page-title,
.donation-box .donation-box-signup-block .image-example__groupname,
.donation-box .donation-box-signup-block .explanation,
.donation-box .section-direct-links-sub .section-title,
.donation-box .section-direct-links-sub .spotlight__title,
.donation-box .section-direct-links-sub .page-title,
.donation-box .section-direct-links-sub .image-example__groupname,
.donation-box .section-direct-links-sub .explanation,
.donation-box .hero--with-direct-links .section-title,
.donation-box .hero--with-direct-links .spotlight__title,
.donation-box .hero--with-direct-links .page-title,
.donation-box .hero--with-direct-links .image-example__groupname,
.donation-box .hero--with-direct-links .explanation {
    font-family: "WWF", serif;
    color: #051e32;
    font-weight: bold
}

.donation-box .video-block .btn,
.donation-box .three-steps-block .btn,
.donation-box .login-block .btn,
.donation-box .donor-block .btn,
.donation-box .donation-box-signup-block .btn,
.donation-box .section-direct-links-sub .btn,
.donation-box .hero--with-direct-links .btn {
    font-family: "Rubik", sans-serif;
    font-size: 15px
}

.donation-box .video-block .btn:hover,
.donation-box .three-steps-block .btn:hover,
.donation-box .login-block .btn:hover,
.donation-box .donor-block .btn:hover,
.donation-box .donation-box-signup-block .btn:hover,
.donation-box .section-direct-links-sub .btn:hover,
.donation-box .hero--with-direct-links .btn:hover {
    color: #000;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.donation-box .video-block .btn:before,
.donation-box .three-steps-block .btn:before,
.donation-box .login-block .btn:before,
.donation-box .donor-block .btn:before,
.donation-box .donation-box-signup-block .btn:before,
.donation-box .section-direct-links-sub .btn:before,
.donation-box .hero--with-direct-links .btn:before {
    all: initial
}

.donation-box .video-block .donation-box-list--toplist,
.donation-box .three-steps-block .donation-box-list--toplist,
.donation-box .login-block .donation-box-list--toplist,
.donation-box .donor-block .donation-box-list--toplist,
.donation-box .donation-box-signup-block .donation-box-list--toplist,
.donation-box .section-direct-links-sub .donation-box-list--toplist,
.donation-box .hero--with-direct-links .donation-box-list--toplist {
    font-family: "Rubik", sans-serif
}

.donation-box .video-block .donation-box-list--toplist .list__rank,
.donation-box .three-steps-block .donation-box-list--toplist .list__rank,
.donation-box .login-block .donation-box-list--toplist .list__rank,
.donation-box .donor-block .donation-box-list--toplist .list__rank,
.donation-box .donation-box-signup-block .donation-box-list--toplist .list__rank,
.donation-box .section-direct-links-sub .donation-box-list--toplist .list__rank,
.donation-box .hero--with-direct-links .donation-box-list--toplist .list__rank {
    font-family: "WWF", serif;
    color: #051e32;
    font-weight: bold
}

.donation-box .login-block .form-container {
    border-radius: 10px;
    background-color: #fff;
    padding: 15px 10px 15px 10px
}

.donation-box .login-block label {
    color: #000;
    font-family: "Rubik", sans-serif;
    font-size: 20px
}

.donation-box .login-block input {
    border: 0;
    border-bottom: 2px solid #f1f1f1
}

.donation-box .login-block .password-forget {
    position: absolute;
    left: 50%;
    bottom: 5px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    width: 100%;
    text-decoration: underline
}

@media(min-width:768px) {
    .donation-box .login-block .password-forget {
        bottom: -50px
    }
}

.donation-box .hero {
    font-family: "Rubik", sans-serif;
    font-size: 22px
}

.donation-box .hero .hero__title {
    font-family: "WWF", serif;
    color: #051e32;
    font-weight: bold
}

.donation-box .hero:not(.hero--with-direct-links) .hero__title {
    color: #fff
}

.donation-box .hero.hero--with-direct-links {
    z-index: 1000
}

@media(max-width:767.98px) {

    .donation-box .hero.hero--with-direct-links:not(.hero--divider)+section:before,
    .donation-box .hero.hero--with-direct-links:not(.hero--divider)+article:before {
        display: none !important
    }
}

@media(max-width:767.98px) {
    .donation-box .hero.hero--with-direct-links .blob--img img {
        max-width: 95px;
        object-fit: contain
    }
}

.donation-box .media-full-width-block:before,
.donation-box .media-full-width-block:after {
    display: none
}

.donation-box .section-direct-links-sub {
    font-family: "Averia Sans Libre", "Rubik", sans-serif;
    font-weight: bold
}

.donation-box .section-direct-links-sub .media-text-block {
    width: 100%
}

.donation-box .section-direct-links-sub .media-text-block .section-title,
.donation-box .section-direct-links-sub .media-text-block .spotlight__title {
    font-weight: bold;
    color: #fff
}

@media(min-width:768px) {
    .donation-box .section-direct-links-sub .media-text-block .media-text__text {
        margin-top: 40px
    }
}

.donation-box .donor-block {
    padding-top: 0
}

.donation-box .donation-box-signup-block {
    font-family: "Rubik", sans-serif;
    font-weight: lighter;
    font-size: 16px
}

.donation-box .donation-box-signup-block .form__label {
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    font-size: 20px;
    text-transform: none
}

.donation-box .donation-box-signup-block .u-rte-content {
    font-size: 16px;
    line-height: 1.4
}

.donation-box .login-form .forgot-password {
    font-family: "Rubik", sans-serif;
    font-size: 20px
}

.hero--campaign-header .status-box__socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hero--campaign-header .status-box__socials a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 30px;
    background: transparent;
    color: #78786f;
    border-radius: 100%;
    font-size: 13px;
    border: solid 1px #efede5
}

.hero--campaign-header .status-box__socials a i:before {
    position: relative
}

.hero--campaign-header .status-box__socials a:hover {
    color: #01895b
}

@media(min-width:768px) {
    .donor__intro {
        display: block;
        position: relative;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width:767.98px) {

    .donor__intro .section-title,
    .donor__intro .spotlight__title {
        margin-bottom: 20px
    }
}

@media(min-width:768px) {
    .donor__list {
        display: block;
        position: relative;
        margin-left: auto;
        margin-right: auto
    }
}

.donor__row--even {
    background-color: transparent
}

.donor__row--even .donor__column--first {
    background-color: transparent
}

.donor__row--even .donor__column--first .donor__column--inner {
    background-color: #fafafa
}

.donor__row--even .donor__column--second {
    background-color: transparent
}

.donor__row--even .donor__column--second .donor__column--inner {
    background-color: #fafafa
}

.donor__row--uneven {
    background-color: transparent
}

.donor__row--uneven .donor__column--first {
    background-color: transparent
}

.donor__row--uneven .donor__column--first .donor__column--inner {
    background-color: #fff
}

.donor__row--uneven .donor__column--second {
    background-color: transparent
}

.donor__row--uneven .donor__column--second .donor__column--inner {
    background-color: #fff
}

@media(max-width:991.98px) {

    .donor__row--even .donor__column--first .donor__column--inner,
    .donor__row--uneven .donor__column--first .donor__column--inner {
        background-color: #fafafa
    }
}

@media(max-width:991.98px) {

    .donor__row--even .donor__column--second .donor__column--inner,
    .donor__row--uneven .donor__column--second .donor__column--inner {
        background-color: #fff
    }
}

.donor__column--inner {
    padding: 30px;
    height: 100%
}

.donor__name {
    font-weight: bold;
    float: left;
    font-size: 16px
}

.donor__message {
    font-size: 16px;
    line-height: 18px;
    clear: both;
    color: #8d8d8d
}

.donor__amount {
    float: right;
    font-size: 16px;
    font-weight: 500
}

.donation-box .section-direct-links-sub {
    padding: 100px 0
}

.donation-box .donation-encourage {
    text-align: center;
    width: 100%;
    position: relative
}

.donation-box .donation-label {
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    font-size: 34px;
    position: absolute;
    width: 100%;
    top: 125px
}

@media(max-width:991.98px) {
    .donation-box .donation-column {
        margin-top: 20px
    }
}

.donation-box .donation-window {
    width: 100%;
    padding: 20px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.13);
    margin: 0
}

@media(min-width:768px) {
    .donation-box .donation-window {
        padding: 45px 65px 65px
    }
}

.donation-box .donation-window.donation-window--small .explanation--qrcode {
    margin-top: 40px
}

.donation-box .donation-window.donation-window--small .explanation--qrcode .explanation__text {
    font-size: 22px
}

.donation-box .donation-type--form {
    padding: 0
}

@media(max-width:991.98px) {
    .donation-box .donation-type--form {
        margin-top: 0;
        margin-bottom: 0
    }
}

.donation-box .explanation--form {
    margin-left: 0
}

.donation-box .explanation {
    font-weight: 400;
    font-size: 29px;
    text-transform: uppercase;
    line-height: 30px
}

@media(min-width:768px) {
    .donor__intro {
        display: block;
        position: relative;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width:767.98px) {

    .donor__intro .section-title,
    .donor__intro .spotlight__title {
        margin-bottom: 20px
    }
}

@media(min-width:768px) {
    .donor__list {
        display: block;
        position: relative;
        margin-left: auto;
        margin-right: auto
    }
}

.donor__row--even {
    background-color: transparent
}

.donor__row--even .donor__column--first {
    background-color: transparent
}

.donor__row--even .donor__column--first .donor__column--inner {
    background-color: #fafafa
}

.donor__row--even .donor__column--second {
    background-color: transparent
}

.donor__row--even .donor__column--second .donor__column--inner {
    background-color: #fafafa
}

.donor__row--uneven {
    background-color: transparent
}

.donor__row--uneven .donor__column--first {
    background-color: transparent
}

.donor__row--uneven .donor__column--first .donor__column--inner {
    background-color: #fff
}

.donor__row--uneven .donor__column--second {
    background-color: transparent
}

.donor__row--uneven .donor__column--second .donor__column--inner {
    background-color: #fff
}

@media(max-width:991.98px) {

    .donor__row--even .donor__column--first .donor__column--inner,
    .donor__row--uneven .donor__column--first .donor__column--inner {
        background-color: #fafafa
    }
}

@media(max-width:991.98px) {

    .donor__row--even .donor__column--second .donor__column--inner,
    .donor__row--uneven .donor__column--second .donor__column--inner {
        background-color: #fff
    }
}

.donor__column--inner {
    padding: 30px;
    height: 100%
}

.donor__name {
    font-weight: bold;
    float: left;
    font-size: 16px
}

.donor__message {
    font-size: 16px;
    line-height: 18px;
    clear: both;
    color: #8d8d8d
}

.donor__amount {
    float: right;
    font-size: 16px;
    font-weight: 500
}

.donation-box .qr-code {
    margin-top: 30px
}

.donation-box .explanation--qrcode {
    margin-left: 0;
    margin-top: 60px
}

.donation-box .three-steps .step__title {
    font-family: "WWF", serif !important;
    color: #051e32 !important;
    font-weight: bold
}

.donation-box .three-steps .step p {
    font-family: "Rubik", sans-serif;
    font-weight: lighter
}

.donation-box .modal .page-title {
    font-family: "WWF", serif;
    color: #051e32;
    font-weight: bold
}

.donation-box .modal .btn {
    font-family: "Rubik", sans-serif;
    font-size: 15px
}

.donation-box .modal .btn:hover {
    color: #000;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.donation-box .modal .btn:before {
    all: initial
}

.modal--age-check {
    background: rgba(0, 0, 0, 0.6)
}

@media(max-width:991.98px) {
    .modal--age-check {
        padding-top: 28px
    }
}

.modal--age-check .modal__inner {
    padding: 0
}

@media(min-width:992px) {
    .modal--age-check .modal__inner {
        width: 864px
    }
}

.modal--age-check .modal__close .icon-plus::before {
    color: #4a4a4a;
    font-weight: 600;
    -webkit-transform: rotateY(0) rotate(45deg);
    transform: rotateY(0) rotate(45deg)
}

.modal--age-check .modal__body {
    margin: 0
}

.modal--age-check .modal__body--top {
    padding: 30px 20px 15px
}

@media(min-width:992px) {
    .modal--age-check .modal__body--top {
        padding: 25px 44px 16px
    }
}

.modal--age-check .modal__body--top h1 {
    font-family: "WWF", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    text-transform: uppercase;
    color: #89a63f
}

.modal--age-check .modal__body--top .body p {
    font-family: "Rubik", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #78786f
}

.modal--age-check .modal__body--top .choice-label {
    font-family: "WWF", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #000
}

.modal--age-check .modal__body--bottom {
    padding: 15px 20px;
    background: -webkit-linear-gradient(208.16deg, #01895b 1.13%, #e2e0ce 124.99%);
    background: linear-gradient(241.84deg, #01895b 1.13%, #e2e0ce 124.99%)
}

@media(min-width:992px) {
    .modal--age-check .modal__body--bottom {
        padding: 25px 44px 47px
    }
}

.modal--age-check .modal__body--bottom .option-label {
    font-family: "WWF", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #fff
}

.modal--age-check .modal__body-card {
    height: 148px;
    -webkit-filter: drop-shadow(0 -1px 13px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 -1px 13px rgba(0, 0, 0, 0.2));
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

@media(max-width:1199.98px) {
    .modal--age-check .modal__body-card {
        margin-bottom: 20px
    }
}

@media(min-width:992px) {
    .modal--age-check .modal__body-card--left {
        width: 25%
    }

    .modal--age-check .modal__body-card--right {
        width: 75%
    }
}

.modal--age-check .modal__body-card--left {
    width: 43%;
    position: relative
}

.modal--age-check .modal__body-card--left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 0 0 8px
}

.modal--age-check .modal__body-card--left .age-tag {
    position: absolute;
    left: 11px;
    bottom: 14px;
    font-family: "Rubik", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: -webkit-linear-gradient(188.5deg, #e7581a -2.19%, #e87c20 102.33%);
    background: linear-gradient(261.5deg, #e7581a -2.19%, #e87c20 102.33%);
    border-radius: 8px;
    padding: 10px;
    margin: 0
}

.modal--age-check .modal__body-card--right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 57%;
    padding: 7px 8px 14px
}

@media(min-width:992px) {
    .modal--age-check .modal__body-card--right {
        padding: 7px 14px 14px
    }
}

.modal--age-check .modal__body-card--right .card-title {
    font-family: "WWF", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 39px;
    text-transform: uppercase;
    color: #89a63f;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.modal--age-check .modal__body-card--right .card-description {
    font-family: "WWF", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .6px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.modal--age-check .modal__body-card--right .btn {
    margin-top: auto
}

.modal--age-check .modal__body-card--right .btn--ghost-gradient {
    color: #000;
    border: 1px solid #000
}

.modal--age-check .modal__body-card--right .btn--ghost-gradient:hover {
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: none;
    transition: none
}

.modal--age-check .modal__body-card--right a {
    padding: 10px;
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 1.38461px;
    text-transform: uppercase
}