@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Kalam:300, 400, 700|Nunito:400, 400i, 600, 600i, 800, 800i");
@font-face {
font-family: 'TTMasters-Bold';
src: url("../fonts/TTMasters/TTMasters-Bold.eot") format("embedded-opentype");
src: url("../fonts/TTMasters/TTMasters-Bold?#iefix") format("embedded-opentype"), url("../fonts/TTMasters/TTMasters-Bold.woff") format("woff"), url("../fonts/TTMasters/TTMasters-Bold.ttf") format("truetype"), url("../fonts/TTMasters/TTMasters-Bold.svg#TTMasters-Bold") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'fontello';
src: url("../fonts/fontello/fontello.eot?27883002");
src: url("../fonts/fontello/fontello.eot?27883002#iefix") format("embedded-opentype"), url("../fonts/fontello/fontello.woff2?27883002") format("woff2"), url("../fonts/fontello/fontello.woff?27883002") format("woff"), url("../fonts/fontello/fontello.ttf?27883002") format("truetype"), url("../fonts/fontello/fontello.svg?27883002#fontello") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Kimchi';
src: url("../fonts/kimchi/kimchi-style.eot?27883002");
src: url("../fonts/kimchi/kimchi-style.eot?27883002#iefix") format("embedded-opentype"), url("../fonts/kimchi/kimchi-style.woff2?27883002") format("woff2"), url("../fonts/kimchi/kimchi-style.woff?27883002") format("woff"), url("../fonts/kimchi/kimchi-style.ttf?27883002") format("truetype"), url("../fonts/kimchi/kimchi-style.svg?27883002#fontello") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Oakes';
src: url("../fonts/oakes/oakes-grotesk-regular/oakes-grotesk-regular.eot?27883002");
src: url("../fonts/oakes/oakes-grotesk-regular/oakes-grotesk-regular.eot?27883002#iefix") format("embedded-opentype"), url("../fonts/oakes/oakes-grotesk-regular/oakes-grotesk-regular.woff2?27883002") format("woff2"), url("../fonts/oakes/oakes-grotesk-regular/oakes-grotesk-regular.woff?27883002") format("woff"), url("../fonts/oakes/oakes-grotesk-regular/oakes-grotesk-regular.ttf?27883002") format("truetype"), url("../fonts/oakes/oakes-grotesk-regular/oakes-grotesk-regular.svg?27883002#fontello") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Oakes';
src: url("../fonts/oakes/oakes-grotesk-bold/oakes-grotesk-bold.eot?27883002");
src: url("../fonts/oakes/oakes-grotesk-bold/oakes-grotesk-bold.eot?27883002#iefix") format("embedded-opentype"), url("../fonts/oakes/oakes-grotesk-bold/oakes-grotesk-bold.woff2?27883002") format("woff2"), url("../fonts/oakes/oakes-grotesk-bold/oakes-grotesk-bold.woff?27883002") format("woff"), url("../fonts/oakes/oakes-grotesk-bold/oakes-grotesk-bold.ttf?27883002") format("truetype"), url("../fonts/oakes/oakes-grotesk-bold/oakes-grotesk-bold.svg?27883002#fontello") format("svg");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'Oakes';
src: url("../fonts/oakes/oakes-grotesk-medium/oakes-grotesk-medium.eot?27883002");
src: url("../fonts/oakes/oakes-grotesk-medium/oakes-grotesk-medium.eot?27883002#iefix") format("embedded-opentype"), url("../fonts/oakes/oakes-grotesk-medium/oakes-grotesk-medium.woff2?27883002") format("woff2"), url("../fonts/oakes/oakes-grotesk-medium/oakes-grotesk-medium.woff?27883002") format("woff"), url("../fonts/oakes/oakes-grotesk-medium/oakes-grotesk-medium.ttf?27883002") format("truetype"), url("../fonts/oakes/oakes-grotesk-medium/oakes-grotesk-medium.svg?27883002#fontello") format("svg");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: 'Oakes';
src: url("../fonts/oakes/oakes-grotesk-light/oakes-grotesk-light.eot?27883002");
src: url("../fonts/oakes/oakes-grotesk-light/oakes-grotesk-light.eot?27883002#iefix") format("embedded-opentype"), url("../fonts/oakes/oakes-grotesk-light/oakes-grotesk-light.woff2?27883002") format("woff2"), url("../fonts/oakes/oakes-grotesk-light/oakes-grotesk-light.woff?27883002") format("woff"), url("../fonts/oakes/oakes-grotesk-light/oakes-grotesk-light.ttf?27883002") format("truetype"), url("../fonts/oakes/oakes-grotesk-light/oakes-grotesk-light.svg?27883002#fontello") format("svg");
font-weight: 300;
font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?27883002#fontello') format('svg');
}
}
*/
[class^='icon-']::before,
[class*=' icon-']::before {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
.icon-eye::before {
content: '\e800'; }
/* '' */
.icon-cancel::before {
content: '\e802'; }
/* '' */
/**** other main elements****/
/**** sections ****/
/**** Below are puzzles. In case some more detailed change in scss is needed (these puzzles inherit from main colors). Else leave everything below unchanged.****/
/* footer */
/**** components ****/
/* adimo */
/* cookie notification */
/**** pages variables correspond to pages scss files and extend main colors. For instance "blank* extends main colors,
so it is enough to edit only main colors and leave those as it is. Change those only if change for these puzzle is needed."****/
/* blank page*/
/* Other colours */
/* hub page */
/* pinboard page */
/* Font vars */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Kimchi', serif;
font-stretch: normal;
word-wrap: break-word;
word-break: break-word;
font-feature-settings: 'kern';
-moz-font-feature-settings: 'kern=1';
-ms-font-feature-settings: 'kern';
-o-font-feature-settings: 'kern';
color: #202020; }
h1 {
font-size: 1.75rem;
line-height: 2.8rem;
font-weight: normal; }
@media (min-width: 768px) {
h1 {
font-size: 2.75rem;
line-height: 3.2rem;
margin-top: 1rem !important; } }
h2 {
font-size: 1.55rem;
font-weight: normal; }
@media (min-width: 768px) {
h2 {
font-size: 2.55rem; } }
h3 {
font-size: 1em;
font-weight: normal; }
@media (min-width: 768px) {
h3 {
font-size: 1.5rem; } }
h4 {
font-size: 1em;
font-weight: normal; }
@media (min-width: 768px) {
h4 {
font-size: 1.7rem; } }
/*.polish-font .underline{font-family: 'Crete Round', serif !important;}*/
.underline {
position: relative;
display: inline-block;
font-size: 1.75rem;
line-height: 2.8rem;
font-family: "Kimchi", sans-serif;
margin: 0 0 2.8125rem; }
@media (min-width: 768px) {
.underline {
font-size: 2.75rem;
line-height: 3.2rem;
margin: 0 0 2.8125rem; } }
@media (max-width: 600px) {
.underline {
padding-left: 1rem;
padding-right: 1rem; } }
.underline.center {
text-align: center;
width: 100%; }
a {
color: inherit;
text-decoration: none;
font-family: "Oakes", sans-serif; }
p,
.s1,
li {
font-size: 0.9375rem;
line-height: 1.5rem;
margin-bottom: 0;
font-family: "Oakes", sans-serif;
color: #707070; }
@media (min-width: 768px) {
p,
.s1,
li {
font-size: 1rem;
line-height: 1.8rem;
font-weight: 500; } }
p {
font-weight: 500; }
ul li,
ol li {
font-size: 1rem;
line-height: 1.5rem;
font-family: "Oakes", sans-serif; }
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
/* Document
========================================================================== */
html {
font-family: sans-serif;
/* 1 */
line-height: 1.15;
/* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 3 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block; }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */ }
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic; }
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block; }
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type='checkbox'],
[type='radio'] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block; }
/**
* Add the correct display in IE.
*/
template {
display: none; }
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none; }
/**
* Swiper 3.4.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: October 16, 2016
*/
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1; }
.swiper-container-no-flexbox .swiper-slide {
float: left; }
.swiper-container-vertical > .swiper-wrapper {
-ms-flex-direction: column;
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -ms-flexbox;
display: flex;
transition-property: transform;
box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative; }
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto; }
.swiper-container-autoheight .swiper-wrapper {
-ms-flex-align: start;
align-items: flex-start;
transition-property: transform, height;
justify-content: center; }
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y; }
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x; }
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto; }
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto; }
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s;
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: -1px;
left: 0;
width: 100%; }
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2; }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff; }
.swiper-pagination-bullet-active {
opacity: 1; }
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000; }
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px; }
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute; }
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-ms-transform: scale(0);
transform: scale(0);
-ms-transform-origin: left top;
transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-ms-transform-origin: right top;
transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0; }
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0; }
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff; }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000; }
.swiper-container-3d {
-o-perspective: 1200px;
perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-ms-transform-style: preserve-3d;
transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px; }
.swiper-container-cube,
.swiper-container-flip {
overflow: visible; }
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-ms-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-container-cube .swiper-slide {
visibility: hidden;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%; }
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-ms-transform-origin: 100% 0;
transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible; }
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
filter: blur(50px);
z-index: 0; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain; }
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-ms-transform-origin: 50%;
transform-origin: 50%;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader::after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat; }
.swiper-lazy-preloader-white::after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg); } }
@keyframes animate-pag {
from {
transform: translate3d(-100%, 0, 0); }
to {
transform: translate3d(0%, 0, 0); } }
#hub {
overflow: hidden; }
.content .intro a {
color: #00a5e2; }
*,
*::before,
*::after {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
*:focus {
outline: none; }
b,
strong {
font-weight: bold;
color: #000; }
img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none; }
select::-ms-expand {
display: none; }
input::-moz-focus-inner {
border: 0; }
html,
body {
padding: 0;
margin: 0 !important;
width: 100%;
height: 100%;
color: #202020; }
label {
color: #dde0e1; }
body {
display: -ms-flexbox;
display: flex;
min-height: 100vh;
height: 100%;
-ms-flex-direction: column;
-webkit-flex-direction: column;
font-size: 16px; }
@media (max-width: 767px) {
body img {
max-width: 100%;
height: auto; } }
html.fixed,
body.fixed {
overflow: hidden; }
#wpadminbar {
z-index: 999999;
position: fixed !important; }
.img-contain,
.img-cover {
background-repeat: no-repeat;
background-position: center; }
.img-contain {
background-size: contain; }
.img-cover {
background-size: cover; }
.container {
position: relative;
margin-right: auto;
margin-left: auto;
padding: 0 0.9375rem;
width: 100%;
max-width: 1110px; }
.hide {
display: none; }
/*.polish-font .error{font-family: 'Crete Round', serif;}*/
.error {
display: none;
margin-top: 0.9375rem;
color: #d53f44;
font-family: "Kimchi", sans-serif; }
img.alignright {
margin-bottom: 1rem; }
@media (min-width: 600px) {
img.alignright {
float: right;
margin: 0 0 1.5em 1.5em; } }
img.alignleft {
margin-bottom: 1rem; }
@media (min-width: 600px) {
img.alignleft {
float: left;
margin: 0 1.5em 1.5em 0; } }
.customize-support main {
padding-top: 15px !important; }
/*.polish-font .font-bold,.polish-font .font-med{font-family: 'Crete Round', serif;}*/
.font-bold,
.font-med {
font-family: "Kimchi", sans-serif; }
.font-reg {
font-family: "Oakes", sans-serif; }
.blue {
color: #00a5e2; }
.mobile-hide {
display: none; }
@media (min-width: 768px) {
.mobile-hide {
display: block; } }
.mobile-show {
display: block; }
@media (min-width: 768px) {
.mobile-show {
display: none; } }
main {
-webkit-box-flex: 1 0 auto;
width: 100%;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 0; }
@media (min-width: 768px) {
main {
padding: 0; } }
@media (min-width: 992px) {
main {
padding: 0; } }
.section {
padding: 1.6875rem 0;
position: relative;
z-index: 3; }
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0; }
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.flex {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start; }
.flex.flex-col {
-ms-flex-flow: column;
flex-flow: column; }
.flex.flex-center {
-ms-flex-pack: center;
justify-content: center; }
.flex.flex-v-center {
-ms-flex-align: center;
align-items: center; }
.flex.flex-between {
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%; }
input {
background: none;
border: none;
border-radius: 0;
-webkit-appearance: none; }
input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder {
/* Chrome/Opera/Safari */
font-family: "Oakes", sans-serif;
color: #909090;
font-size: 1.125rem;
text-align: center; }
/*.polish-font button{font-family: 'Crete Round', serif;}*/
button {
border: none;
background: none;
font-family: "Kimchi", sans-serif; }
button:hover {
cursor: pointer; }
.center {
text-align: center; }
.main_button {
position: relative;
display: block;
max-width: 300px;
font-size: 0.85rem;
border: 2px solid #00a5e2;
padding: 0.9375rem 1.5625rem;
color: #fff;
background: #00a5e2;
text-decoration: none;
text-transform: uppercase;
border-radius: 5px;
overflow: hidden;
text-align: center;
z-index: 1;
font-family: "Oakes", sans-serif;
font-weight: 500;
letter-spacing: 2px; }
@media (min-width: 768px) {
.main_button {
max-width: 245px;
font-size: 0.875rem; } }
@media (max-width: 321px) {
.main_button {
font-size: 0.6rem; } }
.main_button.center {
margin: 0 auto; }
.main_button::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 150%;
height: 100%;
background: #fff;
z-index: -1;
transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }
@media (max-width: 321px) {
.main_button::before {
top: -40px; } }
.main_button:hover {
color: #00a5e2;
cursor: pointer; }
.main_button:hover::before {
opacity: 1;
background-color: #fff;
transform: rotate3d(0, 0, 1, 0deg);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.main_button.white {
color: #00a5e2;
border-color: #00a5e2;
background: #fff; }
.main_button.white:hover {
color: #fff;
background: #00a5e2; }
.main_button.white:hover::before {
background: #00a5e2; }
.swiper-button-prev,
.swiper-button-next {
width: calc(50px * 1.5);
height: calc(38px * 1.5);
background-image: none;
background-size: contain; }
.swiper-button-prev:hover,
.swiper-button-next:hover {
cursor: pointer; }
.product-pre-popup .swiper-button-prev,
.product-pre-popup .swiper-button-next,
.product-popup .swiper-button-prev,
.product-popup .swiper-button-next {
width: 31px;
height: 22px;
background-image: none;
background-size: contain; }
.product-pre-popup .swiper-button-prev:hover,
.product-pre-popup .swiper-button-next:hover,
.product-popup .swiper-button-prev:hover,
.product-popup .swiper-button-next:hover {
cursor: pointer; }
.product-pre-popup .swiper-button-prev,
.product-popup .swiper-button-prev {
background-image: url("../img/left-arrow.png"); }
.product-pre-popup .swiper-button-next,
.product-popup .swiper-button-next {
background-image: url("../img/right-arrow.png"); }
.product-pre-popup .swiper-button-disabled,
.product-popup .swiper-button-disabled {
display: none; }
.swiper-button-prev {
background-image: url("../img/left_arrow.png"); }
.swiper-button-next {
background-image: url("../img/right_arrow.png"); }
.seconday_carousel .swiper-button-prev::after {
background-image: url("../img/left_arrow.png"); }
.seconday_carousel .swiper-button-next::after {
background-image: url("../img/right_arrow.png"); }
.swiper-pagination-bullet {
position: relative;
border-radius: 0;
width: 30px;
height: 5px;
opacity: 1;
background: none;
overflow: hidden;
-ms-transform: skew(-45deg);
transform: skew(-45deg); }
.swiper-pagination-bullet .pag-solid,
.swiper-pagination-bullet .pag-shadow {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
.swiper-pagination-bullet .pag-solid {
opacity: 0.6;
background: #3d4148; }
.swiper-pagination-bullet .pag-shadow {
z-index: 2;
width: 100%; }
.swiper-pagination-bullet-active {
opacity: 1; }
.swiper-pagination-bullet-active .pag-shadow {
background: #d53f44; }
.video_cover {
transition: opacity 0.25s linear; }
.play_button {
position: absolute;
top: 40%;
right: 0px;
left: 0px;
margin: 0 auto;
width: 60px;
height: 60px;
z-index: 2;
transition: all 0.25s linear;
border: 3px solid #fff;
background: rgba(0, 0, 0, 0.7);
border-radius: 100%;
z-index: 6;
cursor: pointer; }
@media (min-width: 768px) {
.play_button {
width: 100px;
height: 100px;
border: 5px solid #fff;
top: 25%; } }
.play_button .play_icon {
display: block;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
width: 100%;
height: 15px;
background-image: url("../img/play_icon.png");
transition: all 0.25s linear; }
@media (min-width: 768px) {
.play_button .play_icon {
height: 35px; } }
.play_button:hover {
-ms-transform: scale(1.1);
transform: scale(1.1);
background: black; }
.link {
position: relative;
display: inline-block;
color: #00a5e2; }
.link::before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background: #00a5e2;
transform: scale3d(0, 1, 1);
transition: transform 0.1s;
transform: scale3d(0, 1, 1) skewX(-45deg);
transition: transform 0.1s; }
.link:hover::before {
transform: scale3d(1, 1, 1) skewX(-45deg);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 0.3s; }
.tlc_dropdown_wrapper {
position: relative;
margin-left: 10px; }
.tlc_dropdown_wrapper .tlc_dropdown_arrow {
position: absolute;
top: 50%;
right: 5px;
display: block;
background-image: url("../img/pinboard/selectd_dropdown_arrow.png");
width: 15px;
height: 11px;
pointer-events: none;
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
/*.polish-font .tlc_dropdown_wrapper .tlc_dropdown {font-family: 'Crete Round', serif;}*/
.tlc_dropdown_wrapper .tlc_dropdown {
background-color: transparent;
border: none;
font-size: inherit;
outline: none;
color: #0033a0;
cursor: pointer;
position: relative;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
font-family: "Kimchi", sans-serif;
padding-right: 25px; }
.swiper-wrapper,
.swiper-slide {
height: 100%; }
.note {
position: absolute;
padding-right: 35px;
font-family: "king-basil-lite";
color: #202020;
max-width: 233px;
font-size: 1.5rem;
line-height: 2rem; }
.note span {
display: block; }
.note #note_arrow {
position: absolute;
top: 0;
right: 0; }
.pinterest-button {
position: absolute;
top: 5px;
left: 5px;
z-index: 2; }
.spinner {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
width: 35px;
height: 35px;
animation: rotate 1s linear infinite;
z-index: 2; }
.spinner .path {
stroke: #93bfec;
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite; }
.flex {
display: -ms-flexbox;
display: flex; }
.frame {
border: solid 15px white; }
.drop-shadow {
box-shadow: 2px 2px 35px rgba(0, 0, 0, 0.3); }
.image-background {
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
.image-background img {
visibility: hidden;
max-width: 100%; }
@keyframes rotate {
100% {
transform: rotate(360deg); } }
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0; }
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35; }
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124; } }
header {
position: fixed;
top: 0;
right: 0;
width: 100%;
border-top: 2px solid #dde0e1;
z-index: 999;
transition: transform 0.5s;
-ms-transform: translateY(0);
transform: translateY(0); }
@media (max-width: 767px) {
header {
width: 100%; } }
header.hide {
transition: transform 0.5s;
-ms-transform: translateY(-100%);
transform: translateY(-100%); }
header.scrolled {
position: fixed;
width: 100%;
-ms-transform: translateY(0);
transform: translateY(0); }
header.scrolled .header_wrapper {
padding-left: 3%; }
@media (max-width: 767px) {
header.scrolled .header_wrapper {
background: #00a5e2; } }
header.scrolled .header_bottom,
header.scrolled .header_left {
display: none; }
header.scrolled .header_wrapper {
width: 100%;
height: 75px;
border-bottom: solid 4px white; }
header.scrolled .logo_container {
left: 3%; }
header.scrolled .logo_container .logo {
background-size: cover;
width: 100px;
height: 100px;
background-repeat: no-repeat; }
@media (max-width: 767px) {
header.scrolled .logo_container .logo {
width: 100px;
height: 100px; } }
header .logo_container {
position: absolute;
bottom: -40px;
left: 20px;
z-index: 99; }
@media (max-width: 767px) {
header .logo_container {
left: 11px;
top: 0px; } }
header .logo_container .logo {
text-indent: -9999px;
display: inline-block;
width: 100px;
height: 100px;
background: url("../img/header/logo_new.png") center center no-repeat;
background-size: cover;
top: 50%;
left: 0px; }
@media (max-width: 767px) {
header .logo_container .logo {
width: 120px;
height: 120px; } }
header .header_wrapper {
background: #00a5e2;
height: 70px;
position: relative;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
@media (max-width: 767px) {
header .header_wrapper {
width: 100%;
padding-left: 3%;
background: transparent;
-ms-flex-pack: end;
justify-content: flex-end; } }
header .header_wrapper .desktop_nav {
margin: 0 140px 0;
display: block;
-ms-flex-item-align: center;
align-self: center; }
header .header_wrapper .desktop_nav ul {
margin: 0px;
padding: 0px;
list-style: none;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
header .header_wrapper .desktop_nav ul li {
float: left;
margin: 0px 0px 0px 35px; }
@media (min-width: 768px) and (max-width: 901px) {
header .header_wrapper .desktop_nav ul li {
margin: 0px 0px 0px 15px; } }
header .header_wrapper .desktop_nav ul li:first-child {
margin: 0px 0px 0px 0px; }
header .header_wrapper .desktop_nav ul li a {
position: relative;
color: #fff;
text-decoration: none;
font-family: "Oakes", sans-serif;
font-size: 16px;
font-weight: 500;
text-transform: uppercase; }
/*.polish-font header .header_wrapper .desktop_nav ul li a::after{font-family: 'Crete Round', serif;}*/
header .header_wrapper .desktop_nav ul li a::after {
content: "-";
font-size: 60px;
font-family: "Kimchi", sans-serif;
font-weight: 300;
position: absolute;
left: 50%;
bottom: -40px;
margin-left: -30px;
width: 60px;
display: inline-block;
text-align: center;
opacity: 0;
transition: all 0.3s; }
header .header_wrapper .desktop_nav ul li a:hover::after {
bottom: -20px;
opacity: 1;
transition: all 0.3s; }
header .header_wrapper .mobile-menu-toggle {
background: url("../img/header/mobile-menu_hamburger.svg") center center no-repeat;
width: 30px;
height: 30px;
background-size: contain;
display: none;
text-indent: -9999px;
-ms-flex-item-align: center;
align-self: center;
margin-right: 25px; }
header .header_wrapper .social_menu {
float: right;
margin: 25px 0px 0px 0px; }
header .header_wrapper .social_menu a {
display: inline-block;
margin: 0px 10px;
float: left; }
@media (min-width: 768px) and (max-width: 901px) {
header .header_wrapper .social_menu a {
margin: 0px 3px; } }
header .header_wrapper .social_menu a img {
width: auto;
height: 22px;
transition: all 0.5s;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
header .header_wrapper .social_menu a:hover img {
-ms-transform: scale(1.5);
transform: scale(1.5); }
@media (max-width: 767px) {
header .header_wrapper .social_menu,
header .header_wrapper .desktop_nav {
display: none; }
header .header_wrapper .mobile-menu-toggle {
display: inline-block; } }
header .header_wrapper__language_selector {
-ms-flex-item-align: center;
align-self: center;
margin-right: 30px; }
header .header_wrapper__language_selector .widget_icl_lang_sel_widget {
list-style: none; }
@media (max-width: 767px) {
header .header_wrapper__language_selector {
display: none; } }
header .header_wrapper__language_selector--mobile {
display: block;
margin: auto;
margin-top: 30px; }
header .header_wrapper__language_selector .wpml-ls {
width: auto; }
header .header_wrapper__language_selector .wpml-ls a {
background: #0399cf;
color: #fff;
padding: 14px;
padding-right: calc(10px + 0.7em + 0.7em);
border: 0; }
header .header_wrapper__language_selector .wpml-ls .wpml-ls-current-language:hover a {
background: #0399cf;
color: #fff; }
.cookie_notfication {
display: none; }
.cookie_notification_active {
display: none; }
.cookie_notification_active header {
top: 80px; }
@media (min-width: 767px) {
.cookie_notification_active header {
top: 150px; } }
.header_wrapper__language_selector {
-ms-flex-item-align: center;
align-self: center;
margin-right: 30px; }
@media (max-width: 767px) {
.header_wrapper__language_selector {
display: none; } }
.header_wrapper__language_selector--mobile {
display: block;
margin: auto;
margin-top: 30px;
text-align: center; }
.header_wrapper__language_selector--mobile a {
color: #fff; }
.header_wrapper__language_selector .wpml-ls-legacy-dropdown {
width: auto; }
.header_wrapper__language_selector .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover a {
background: #0399cf;
color: #fff; }
.header_wrapper__language_selector .wpml-ls-legacy-dropdown a {
background: #0399cf;
color: #fff;
padding: 14px;
padding-right: calc(10px + 0.7em + 0.7em);
border: 0; }
footer {
position: relative;
clear: both;
-ms-flex-negative: 0;
flex-shrink: 0;
background: #00a5e2;
margin-top: 0;
z-index: 3; }
/* footer {
margin-top: 78px; }
footer::before {
content: "";
display: block;
position: absolute;
width: 100%;;
height: 78px;
top: -78px;
background: url(../img/footer/footer_before.png);
background-repeat: no-repeat;
background-size: 100% 100%; } */
footer .container {
position: relative;
margin: 80px auto; }
footer a,
footer p {
display: block;
margin-bottom: 0.9375rem;
font-size: 0.8rem;
line-height: 1.2rem;
color: #fff;
font-weight: 500; }
@media (min-width: 850px) {
footer a,
footer p {
font-size: 0.9rem; } }
footer .footer-menu a,
footer .footer-contact a {
font-family: "Oakes", sans-serif;
font-size: 16px;
font-weight: 500; }
footer .footer-menu-1 a {
font-family: "Oakes", sans-serif;
font-size: 22px; }
footer h3 {
margin: 0 0 0.9375rem 0;
color: #fff;
font-size: 1.3rem; }
footer .footer-column {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
padding-bottom: 20px;
margin-bottom: 40px; }
@media (min-width: 768px) {
footer .footer-column {
text-align: left;
padding-bottom: 0;
width: initial;
margin: 0 80px; }
footer .footer-column.footer-menu-wrapper {
margin-right: auto;
margin-left: initial; }
footer .footer-column:last-child {
margin-right: 0; } }
footer .footer-column:nth-child(2), footer .footer-column:nth-child(3) {
border-bottom: 1px solid #fff; }
@media (min-width: 768px) {
footer .footer-column:nth-child(2), footer .footer-column:nth-child(3) {
border: none; } }
footer .footer-column:nth-child(2)::before, footer .footer-column:nth-child(3)::before {
content: "";
width: 1px;
height: 100%;
display: inline-block;
background: #fff;
position: absolute;
top: 0px;
bottom: 0px;
right: -80px; }
@media (max-width: 769px) {
footer .footer-column:nth-child(2)::before, footer .footer-column:nth-child(3)::before {
display: none; } }
footer .footer-column:last-child::before {
display: none !important; }
@media (min-width: 768px) {
footer .footer-wrapper {
-ms-flex-pack: end;
justify-content: flex-end;
display: -ms-flexbox;
display: flex; } }
footer .footer-wrapper ul {
margin: 0px;
padding: 0px;
list-style-type: none; }
footer .footer-wrapper ul li {
width: 100%;
margin: 0px;
padding: 0px;
list-style-type: none; }
@media (max-width: 767px) {
footer .footer-wrapper ul li {
text-align: center; } }
@media (max-width: 767px) {
footer .footer-menu-wrapper {
width: 100%;
padding-left: 0%;
float: none;
clear: both; } }
footer .footer-menu-wrapper ul {
margin: 0px;
padding: 0px;
list-style-type: none; }
footer .footer-menu-wrapper ul li {
width: 100%;
margin: 0px;
padding: 0px;
list-style-type: none; }
@media (max-width: 767px) {
footer .footer-menu-wrapper ul li {
text-align: center; } }
footer .footer-menu-wrapper ul li a {
font-size: 17px;
font-weight: bold;
position: relative;
text-transform: uppercase;
display: inline-block;
width: auto; }
footer .footer-menu-wrapper ul li a::before {
content: "-";
position: absolute;
left: -30px;
top: 0px;
opacity: 0;
transition: all 0.5s; }
footer .footer-menu-wrapper ul li a::after {
content: "-";
position: absolute;
right: -30px;
top: 0px;
opacity: 0;
transition: all 0.5s; }
footer .footer-menu-wrapper ul li a:hover::before {
left: -12px;
opacity: 1;
transition: all 0.5s; }
footer .footer-menu-wrapper ul li a:hover::after {
right: -12px;
opacity: 1;
transition: all 0.5s; }
@media (max-width: 767px) {
footer .footer-info-holder {
float: none;
clear: both;
width: 100%;
text-align: center; } }
footer .footer-info-holder .footer-contact {
width: 100%; }
@media (max-width: 767px) {
footer .footer-info-holder .footer-contact {
text-align: center; } }
footer .footer-info-holder .footer-contact ul {
margin: 0px;
padding: 0px;
list-style-type: none;
width: 100%; }
footer .footer-info-holder .footer-contact ul li {
width: 100%;
margin: 0px;
padding: 0px;
display: inline-block;
font-family: "Oakes", sans-serif; }
footer .footer-info-holder .footer-contact ul li a {
font-family: "Oakes", sans-serif; }
footer .footer-info-holder .footer-contact ul li a:hover {
text-decoration: underline; }
footer .footer-info-holder .footer-info {
margin: 30px 0px 0px 0px;
width: 100%; }
footer .footer-info-holder .footer-info__h4 {
font-size: 14px;
color: #fff;
margin: 0px 0px 15px 0px;
font-family: "Oakes", sans-serif;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase; }
footer .footer-info-holder .footer-info .social-links {
width: 100%;
float: none; }
@media (max-width: 767px) {
footer .footer-info-holder .footer-info .social-links {
width: auto;
display: inline-block; } }
footer .footer-info-holder .footer-info .social-links a {
display: inline-block; }
footer .footer-info-holder .footer-info .social-links a#instagram {
margin: 0px 30px; }
footer .footer-info-holder .footer-info .social-links a img {
width: auto;
height: 20px;
transition: all 0.5s;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
footer .footer-info-holder .footer-info .social-links a:hover img {
-ms-transform: scale(1.5);
transform: scale(1.5); }
footer .social {
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
display: inline-block;
margin-bottom: 0;
margin-top: -5px;
margin-right: 5px;
margin-left: -5px;
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-size: 100% 100%;
color: #ffffff;
vertical-align: middle;
}
footer .social--fb {
background-image: url("../img/fa-facebook.svg");
height: 20px;
}
footer .social--ig {
background-image: url("../img/fa-instagram.svg");
}
#mobile_menu {
position: fixed;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
background: #00a5e2;
z-index: 99999;
color: #fff;
font-size: 3rem;
display: none;
padding: 60px 30px; }
#mobile_menu .mobile-menu-toggle {
position: absolute;
top: 25px;
right: 25px;
width: 30px;
height: 30px;
display: inline-block;
background: url("../img/header/mobile-menu_close.svg") center center no-repeat;
background-size: contain;
text-indent: -9999px; }
#mobile_menu.active {
display: block; }
#mobile_menu nav ul {
padding: 0;
margin: 0; }
#mobile_menu nav ul li {
list-style: none;
width: 100%;
text-align: center;
padding: 1rem; }
/*.polish-font #mobile_menu nav ul li a{font-family: 'Crete Round', serif;}*/
#mobile_menu nav ul li a {
color: #fff;
font-family: "Kimchi", sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase; }
#mobile_menu #social_menu {
margin: 30px auto 0px auto;
text-align: center;
display: inline-block;
position: relative;
left: 50%;
-ms-transform: translate(-50%, 0px);
transform: translate(-50%, 0px); }
#mobile_menu #social_menu a {
float: left;
margin: 0px 10px;
display: inline-block; }
#mobile_menu #social_menu a img {
width: auto;
height: 30px; }
.wpdreams_asl_container {
background: none !important;
overflow: visible !important;
box-shadow: none !important; }
.wpdreams_asl_container h2, .wpdreams_asl_container h3, .wpdreams_asl_container h4 {
font-family: "Oakes", sans-serif !important; }
.wpdreams_asl_container .probox {
background: none !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important; }
.wpdreams_asl_container .probox::before {
content: "";
background: #cacaca !important;
position: absolute;
top: 5px;
width: 1px;
height: 18px; }
.wpdreams_asl_container .probox .proinput {
background: none !important; }
.wpdreams_asl_container .probox .proinput input, .wpdreams_asl_container .probox .proinput input:-ms-input-placeholder {
color: #fff !important;
font-size: 0.95rem !important; }
.wpdreams_asl_container .probox .proinput input, .wpdreams_asl_container .probox .proinput input::placeholder {
color: #fff !important;
font-size: 0.95rem !important; }
.wpdreams_asl_container .probox .proclose {
display: none !important; }
.wpdreams_asl_container .probox .asl_simple-circle {
border: 4px solid #fff !important; }
.wpdreams_asl_container .probox .promagnifier {
-ms-flex-order: 4 !important;
order: 4 !important;
-webkit-order: 4 !important;
margin-left: -30px !important;
box-shadow: none !important; }
#ajaxsearchliteres1 {
width: 100% !important;
margin: 0 auto;
top: 94px !important;
left: 0 !important;
right: 0 !important;
height: 100% !important;
z-index: 99 !important;
background: #004fb1 !important; }
@media (max-width: 767px) {
#ajaxsearchliteres1 {
top: 74px !important; } }
#ajaxsearchliteres1 .results {
height: 100% !important; }
#ajaxsearchliteres1 .results .search-results-for {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
padding-top: 20px; }
#ajaxsearchliteres1 .results .search-results-for h2, #ajaxsearchliteres1 .results .search-results-for span {
font-size: 1.6rem; }
#ajaxsearchliteres1 .results .search-results-for h2 {
color: rgba(255, 255, 255, 0.95);
font-weight: 400; }
#ajaxsearchliteres1 .results .search-results-for span {
color: #fff;
font-weight: 900; }
@media (max-width: 767px) {
#ajaxsearchliteres1 .results .search-results-for {
margin-top: 20px; } }
#ajaxsearchliteres1 .results .item {
background: #004fb1;
width: 70%;
margin: 20px auto;
border: none !important; }
@media (min-width: 1600px) {
#ajaxsearchliteres1 .results .item {
width: 75%; } }
#ajaxsearchliteres1 .results .item .asl_content h3 {
font-family: "Oakes", sans-serif !important; }
#ajaxsearchliteres1 .results .item .asl_content h3 a {
color: #fff;
font-weight: 500 !important;
font-size: 1.25rem;
margin: 0 auto; }
#ajaxsearchliteres1 .results .item .asl_content p {
color: #fff;
font-weight: 500 !important;
font-size: 1rem;
line-height: 1.4rem; }
#ajaxsearchliteres1 .results .item .asl_content h4 {
font-weight: 400;
line-height: 1rem;
display: -ms-flexbox;
display: flex;
margin-top: 8px;
margin-bottom: 10px; }
#ajaxsearchliteres1 .results .item .asl_content h4 a {
font-size: 0.98rem;
color: #dedede;
font-weight: 400; }
#ajaxsearchliteres1 .results .item .asl_content .asc_desc {
margin-top: 0; }
#ajaxsearchliteres1 .results .asl_spacer {
background: #cacaca;
width: 73%;
margin: 0 auto; }
@media (min-width: 1600px) {
#ajaxsearchliteres1 .results .asl_spacer {
width: 80%; } }
#ajaxsearchliteres1 .asl_nores {
background: #004fb1 !important; }
#ajaxsearchliteres1 .asl_nores span {
color: #fff !important; }
.search-section .intro-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.search-section .intro-wrapper h2 {
font-family: "Oakes", sans-serif !important;
font-size: 1.8rem; }
.search-section .intro-wrapper h2::after {
display: none; }
.search-section .intro-wrapper h2 span {
color: #004fb1;
font-size: 1.8rem; }
@media (max-width: 481px) {
.search-section .intro-wrapper {
width: 90%; }
.search-section .intro-wrapper h2, .search-section .intro-wrapper span {
font-size: 1.6rem !important; } }
.search-section article {
width: 80%;
margin: 0 auto;
margin-bottom: 35px; }
.search-section article > .wrapper {
padding-bottom: 25px;
padding-left: 5%;
padding-right: 5%;
border-bottom: 1px solid #eaeaea; }
.search-section article h3, .search-section article h4 {
margin-top: 5px;
margin-bottom: 8px;
font-family: "Oakes", sans-serif !important;
font-size: 1.5rem; }
.search-section article h4 {
font-size: 1.2rem !important;
font-weight: 400;
color: #dde0e1; }
.search-section article h4, .search-section article a {
color: #004fb1; }
.search-section article p {
margin-top: 5px; }
.search-section article p a {
color: #dde0e1; }
.section-cta-component {
padding-bottom: 90px; }
.section-cta-component .container .intro-text {
margin-bottom: 50px; }
.section-cta-component .container .intro-text p {
margin-top: 0;
font-size: 35px;
line-height: 45px;
font-weight: 300;
color: #333; }
@media (max-width: 769px) {
.section-cta-component .container .intro-text p {
font-size: 25px;
line-height: 35px; } }
.section-cta-component .container .button-holder {
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center; }
@media (max-width: 769px) {
.section-cta-component .container .button-holder .single-button {
width: 100%;
text-align: center;
display: inline-block;
float: none;
clear: both; } }
.section-cta-component .container .button-holder .single-button .single-button-link {
margin-right: 50px;
background: #a3a3a3;
border-color: #a3a3a3;
max-width: none;
font-size: 0.8rem; }
@media (max-width: 769px) {
.section-cta-component .container .button-holder .single-button .single-button-link {
min-width: 260px;
margin-bottom: 20px;
margin-right: 0px; } }
.section-cta-component .container .button-holder .single-button:last-child .single-button-link {
margin-right: 0px; }
@media (max-width: 769px) {
.section-cta-component {
padding: 0em 0 2em 0;
margin-top: -1rem; } }
.bottomCta {
padding: 40px;
padding-bottom: 150px;
background-size: cover;
position: relative;
margin-bottom: -55px; }
.bottomCta::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5); }
.bottomCta__container {
position: relative;
z-index: 2;
max-width: 500px;
margin: auto;
text-align: center; }
.bottomCta__container__heading1 *, .bottomCta__container__heading2 *, .bottomCta__container__copy * {
color: white; }
.bottomCta__container__heading1, .bottomCta__container__heading2 {
text-transform: uppercase; }
.bottomCta__container__link a {
display: block;
margin: 40px auto; }
.hero-slider {
position: relative;
overflow: hidden; }
.hero-slider--hasCurve::after {
content: '';
position: absolute;
bottom: -100px;
left: -20px;
right: -130px;
height: calc(18% + 150px);
background: white;
z-index: 2;
border-top-right-radius: 80%;
border-top-left-radius: -237%;
opacity: 1;
border-top: solid 24px #f1f1f2;
-ms-transform: rotate(3deg);
transform: rotate(3deg); }
.hero-slider .swiper-container {
width: 100%;
z-index: 0; }
@media (min-width: 768px) {
.hero-slider .swiper-container {
height: 80vh; }
.hero-slider .swiper-container.no-overlay {
min-height: 50vh; } }
.hero-slider .swiper-container .swiper-button-prev,
.hero-slider .swiper-container .swiper-button-next {
top: auto;
/* bottom: 12%; */
-ms-transform: none;
transform: none;
margin: 0; }
.hero-slider .swiper-container .swiper-button-prev {
left: 50px; }
.hero-slider .swiper-container .swiper-button-next {
right: 50px; }
.hero-slider .swiper-container .swiper-pagination {
bottom: 28px;
left: 0;
width: 100%;
line-height: 5px;
height: 5px; }
.hero-slider .img {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-position: center bottom;
padding-bottom: 82%;
height: 100%;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
z-index: 2; }
@media (min-width: 500px) {
.hero-slider .img {
padding-bottom: 60%; } }
@media (min-width: 768px) {
.hero-slider .img {
padding-bottom: 40%; } }
@media (min-width: 992px) {
.hero-slider .img {
padding-bottom: 39%; } }
@media (min-width: 1200px) {
.hero-slider .img {
padding-bottom: 0; } }
.hero-slider .slide_content {
position: relative;
height: 100%; }
.hero-slider .slide_image {
height: 100%;
position: relative;
overflow: hidden; }
.hero-slider .slide_image--has-overlay::before {
content: '';
pointer-events: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.1);
z-index: 3; }
.hero-slider .overlay {
left: 0px;
top: 50%;
width: 100%;
padding: 1.5rem 1rem;
color: #dde0e1;
z-index: 4;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: opacity 0.25s linear;
position: absolute;
background: none;
-ms-flex-pack: center;
justify-content: center;
/* margin-top: -80px; */
}
.hero-slider .overlay--largeLook {
bottom: 0;
top: auto; }
.hero-slider .overlay .slide_image-category {
font-family: Nunito;
font-size: 25px;
font-weight: 800;
line-height: 3;
letter-spacing: 5px;
text-align: center;
color: #ffffff;
text-transform: uppercase; }
@media (max-width: 600px) {
.hero-slider .overlay .slide_image-category {
font-size: 17px; } }
.hero-slider .overlay .slide_image-post-title {
font-family: Kalam;
font-size: 80px;
font-weight: bold;
line-height: 0.94;
text-align: center;
color: #ffffff;
max-width: 1000px;
margin: auto; }
@media (max-width: 600px) {
.hero-slider .overlay .slide_image-post-title {
font-size: 40px; } }
/*.polish-font .hero-slider .overlay .slide_image-title{font-family: 'Crete Round', serif;}*/
.hero-slider .overlay .slide_image-title {
margin: 0;
font-family: "Kimchi", sans-serif;
width: 100%;
font-size: 1.25rem;
line-height: 1rem;
display: block;
padding-bottom: 1.1rem;
width: 100%;
text-align: center; }
@media (min-width: 600px) {
.hero-slider .overlay .slide_image-title {
font-size: 1.875rem;
line-height: 1.5rem; } }
/*.polish-font .hero-slider .overlay .slide_image-title h1{font-family: 'Crete Round', serif;}*/
.hero-slider .overlay .slide_image-title h1 {
color: #fff;
font-family: "Oakes", sans-serif;
font-size: 1.4rem;
margin: 0; }
.hero-slider .overlay .slide_image-title h1 strong {
font-size: 4.5rem;
font-family: "Kimchi", sans-serif;
color: #fff;
font-weight: normal; }
@media (max-width: 769px) {
.hero-slider .overlay .slide_image-title h1 strong {
font-size: 2rem; } }
.hero-slider .overlay .overlay_wrapper {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
/* max-width: 866px; */
min-height: 60px;
padding: 0px 60px;
margin: auto; }
@media (max-width: 600px) {
.hero-slider .overlay .overlay_wrapper {
-ms-flex-direction: column;
flex-direction: column; } }
.hero-slider .overlay .main_button {
max-width: 220px; }
.hero-slider .overlay .main_button--center {
text-align: center;
margin: auto; }
.hero-slider .overlay .swiper-button-prev {
left: 0%; }
.hero-slider .overlay .swiper-button-next {
right: 0%; }
.hero-slider .overlay.no-background {
background: none; }
.hero-slider .slide_video {
height: 100%; }
.hero-slider .slide_video .img {
z-index: 2; }
.hero-slider .slide_video .video_wrapper {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1; }
.hero-slider .slide_video .video_wrapper iframe {
width: 100%;
height: 65%; }
@media (min-width: 768px) {
.hero-slider .slide_video .video_wrapper iframe {
height: 100%; } }
.product-info {
padding: 8em 0; }
.product-info--holder {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.product-info--image-holder {
width: 100px;
height: 100px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border: 2px solid #00a5e2;
border-radius: 5px;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.product-info--heading {
-ms-flex: 1;
flex: 1;
background: #00a5e2;
padding: 20px; }
.product-info--heading h3 {
color: #fff; }
.product-info--image {
height: 100%;
width: 100%;
background-size: cover !important;
background-position: center center !important;
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.product-info--text {
width: 70%;
margin: 0 auto;
padding-top: 40px; }
.hero-slider-cta {
margin-top: -80px;
padding-bottom: 80px; }
.hero-slider-cta .slider-cta-holder {
justify-content: center;
}
.hero-slider-cta .slider-cta-holder .cta-item {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center; }
.hero-slider-cta .slider-cta-holder .cta-item h3 {
font-size: 1.5rem; }
@media (max-width: 769px) {
.hero-slider-cta .slider-cta-holder .cta-item h3 {
font-size: 1rem;
min-height: 50px; } }
@media (max-width: 321px) {
.hero-slider-cta .slider-cta-holder .cta-item h3 {
font-size: 0.8rem; } }
@media (min-width: 768px) {
.hero-slider-cta .slider-cta-holder .cta-item {
width: 33%; } }
.hero-slider-cta .slider-cta-holder .cta-item--image-holder {
width: 90px;
height: 90px;
padding: 20px;
border-radius: 10px;
margin: 0 auto;
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
background: #fff; }
.hero-slider-cta .slider-cta-holder .cta-item--image {
background-size: 80% 80% !important;
background-position: center center !important;
background-repeat: no-repeat !important;
-ms-transform: rotate(15deg);
transform: rotate(15deg);
display: block;
height: 100%;
width: 100%; }
.hero-slider-cta .slider-cta-holder .cta-item--heading {
margin: 20px auto; }
@media (max-width: 321px) {
.hero-slider-cta .slider-cta-holder .cta-item--heading {
margin: 8px auto; } }
.hero-slider-cta .slider-cta-holder .cta-item--button {
margin: 0 auto;
box-shadow: 0px 0px 5px 5px #e6e6e6;
-ms-flex-item-align: center;
align-self: center; }
@media (max-width: 769px) {
.hero-slider-cta .slider-cta-holder .cta-item--button {
font-size: 0.7rem;
padding: 10px; } }
@media (max-width: 321px) {
.hero-slider-cta .slider-cta-holder .cta-item--button {
font-size: 0.7rem;
padding: 7px; } }
.section-accordion-slider .accordion {
width: 100%; }
.section-accordion-slider .accordion .accordion-wrapper {
min-height: 75vh;
display: -ms-flexbox;
display: flex;
width: 95%;
margin: 0 auto;
-ms-flex-pack: justify;
justify-content: space-between; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item {
width: 9%;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: relative;
transition: width 1s ease;
-webkit-transition: width 1s ease;
box-shadow: 0px 3px 25px -4px rgba(0, 0, 0, 0.5);
display: -ms-flexbox;
display: flex; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item:hover {
cursor: pointer; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.5); }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item .accordion-item-content,
.section-accordion-slider .accordion .accordion-wrapper .accordion-item .accordion-bottom-wave {
display: none; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active {
width: 80%; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active:hover {
cursor: initial; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content {
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 0;
width: 100%;
background: #fff;
-ms-flex-align: center;
align-items: center;
padding: 2rem 1rem 2rem 3rem;
transition: all 1s; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 {
color: #000;
margin: 0;
width: 100%;
font-size: 1.5rem; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 a {
display: inline-block;
width: 100%;
text-decoration: none; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 a::after {
content: "";
width: 24px;
height: 24px;
background: url(../img/accordion-slider/arrow-right-blue.png) no-repeat;
background-size: contain;
top: 35px;
right: 30px;
position: absolute;
display: inline-block;
transition: all .3s; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 a:hover {
cursor: pointer; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 a:hover::after {
right: 28px; }
@media (max-width: 769px) {
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content {
padding: 2rem 1rem 2rem 2rem; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 {
font-size: 1.2rem; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 a {
width: 80%;
line-height: 1.8rem; } }
@media (max-width: 480px) {
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 {
font-size: 1rem; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 a::after {
width: 18px;
height: 18px;
top: 38px; } }
@media (max-width: 321px) {
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 {
font-size: .8rem; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 a {
line-height: 1.3rem; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-item-content h3 a::after {
width: 18px;
height: 18px;
top: 40px; } }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active .accordion-bottom-wave {
position: absolute;
bottom: 50px;
right: 0;
z-index: 1;
width: 100%;
pointer-events: none; }
.section-accordion-slider .accordion .accordion-wrapper .accordion-item.active::after {
display: none; }
.section-accordion-slider .accordion .accordion-wrapper.items-number-2 .accordion-item.active {
width: 90%; }
.section-accordion-slider .accordion .accordion-wrapper.items-number-1 .accordion-item.active {
width: 100%; }
.intro {
text-align: center; }
.intro .intro_wrapper {
width: 100%;
max-width: 800px;
margin: 0 auto; }
.intro .intro_wrapper .underline {
margin-bottom: 0;
color: #00a5e2;
font-size: 2.5rem;
text-transform: none; }
.intro .intro_wrapper .underline::after {
display: none; }
.intro .intro_wrapper .hub_intro_content h3 {
font-family: "Oakes", sans-serif;
font-weight: 500;
letter-spacing: 1px;
line-height: 2.6rem; }
.intro .intro_wrapper .hub_intro_content img {
width: 100%;
height: auto; }
.intro .intro_wrapper .h2_section--button {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 2rem 0 2.5rem 0; }
.intro .intro_wrapper .h2_section--button .main_button {
color: #fff; }
.intro .intro_wrapper .h2_section--button .main_button:hover {
color: #00a5e2;
background: #fff; }
.image-product-hightlight__image {
width: auto; }
.image-product-hightlight__text {
width: auto; }
.recipe_inspiration {
overflow: auto; }
.recipe_inspiration .recipe_inspiration_wrapper {
overflow: visible; }
.recipe_inspiration .main_button {
margin: 3.125rem auto; }
.recipe_inspiration #note {
top: 3rem;
left: 8%; }
@media (min-width: 767px) {
.recipe_inspiration #note {
top: -11%; } }
.recipe_inspiration #note #note_arrow {
background-image: url("../img/recipe/note_arrow.png");
width: 27px;
height: 37px; }
.recipe_inspiration #recipe_intro {
text-align: center;
margin-bottom: 2rem; }
@media (min-width: 767px) {
.recipe_inspiration #recipe_intro {
margin-bottom: 5rem; } }
.recipe_inspiration #recipe-feed .asset_container {
position: relative; }
.recipe_inspiration #recipe-feed .asset_container .asset_container--blue_bg {
position: absolute;
background: #0e9eff;
height: 100%;
left: -10px;
bottom: -10px;
width: 100%;
box-shadow: 0px 0px 25px -3px rgba(0, 0, 0, 0.55); }
.recipe_inspiration #recipe-feed .asset_container .recipe-img {
position: relative;
width: 100%;
padding-bottom: 100%; }
.recipe_inspiration #recipe-feed .asset_container .recipe-img.recipe-img-hide {
opacity: 0; }
.recipe_inspiration #recipe-feed .asset_container iframe {
position: absolute;
top: 0px;
left: 0px;
height: 100% !important;
width: 100% !important; }
.recipe_inspiration #recipe-feed .asset_container .recipe-image {
position: relative;
width: 100%;
height: 100%;
box-shadow: 0px 0px 25px -3px rgba(0, 0, 0, 0.55); }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed .middle {
padding-top: 6.25rem; } }
.recipe_inspiration #recipe-feed .top, .recipe_inspiration #recipe-feed .middle, .recipe_inspiration #recipe-feed .bottom {
position: relative;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start; }
.recipe_inspiration #recipe-feed .top {
margin-bottom: 25px; }
.recipe_inspiration #recipe-feed .bottom {
-ms-flex-pack: start;
justify-content: flex-start; }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed .bottom {
-ms-flex-pack: end;
justify-content: flex-end; } }
.recipe_inspiration #recipe-feed .recipe {
position: relative;
float: left; }
@media (max-width: 766px) {
.recipe_inspiration #recipe-feed .recipe {
width: 75%;
margin: 3.125rem auto 0;
float: none; } }
/* .polish-font .recipe_inspiration #recipe-feed .recipe .recipe_info{font-family: 'Crete Round', serif;}*/
.recipe_inspiration #recipe-feed .recipe .recipe_info {
position: absolute;
top: -25px;
right: -25px;
background: #fff;
color: #606060;
padding: 0.9375rem;
text-align: center;
font-family: "Kimchi", sans-serif;
width: 90%;
box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.55);
font-size: 0.9375rem;
line-height: 1.5rem; }
@media (min-width: 500px) {
.recipe_inspiration #recipe-feed .recipe .recipe_info {
font-size: 1rem;
line-height: 1.5rem; } }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed .recipe .recipe_info {
top: auto;
right: auto;
bottom: -25px;
left: -25px; } }
.recipe_inspiration #recipe-feed .recipe .recipe_info.top_right {
top: -25px;
bottom: auto;
left: auto;
right: -25px; }
.recipe_inspiration #recipe-feed .recipe .recipe_info.top_left {
top: -25px;
bottom: auto; }
.recipe_inspiration #recipe-feed .recipe .recipe_info .recipe_desc {
display: none; }
.recipe_inspiration #recipe-feed #recipe_1 {
margin-top: 0; }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_1 {
width: 33%;
margin: 0;
left: 13%; } }
.recipe_inspiration #recipe-feed #recipe_1 .recipe-img {
background-image: url("../img/recipe/recipe_image_1.jpg"); }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_2 {
width: 37%;
margin-top: 6%;
right: 8%; } }
@media (min-width: 992px) {
.recipe_inspiration #recipe-feed #recipe_2 {
width: 37%;
margin-top: 6%;
right: 13%; } }
.recipe_inspiration #recipe-feed #recipe_2 .recipe-img {
background-image: url("../img/recipe/recipe_image_2.jpg"); }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_2.no_note {
margin-top: 3%; } }
.recipe_inspiration #recipe-feed #recipe_3 {
margin-top: 10rem; }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_3 {
width: 41%;
left: 4%;
margin: 0;
margin-top: -6%; } }
.recipe_inspiration #recipe-feed #recipe_3 .recipe-img {
background-image: url("../img/recipe/recipe_image_3.jpg"); }
@media (max-width: 766px) {
.recipe_inspiration #recipe-feed #recipe_3.no_note {
margin: 3.125rem auto 0; } }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_4 {
width: 26%;
margin: -5% 0 0;
left: -22%; } }
.recipe_inspiration #recipe-feed #recipe_4 .recipe-img {
background-image: url("../img/recipe/recipe_image_4.jpg"); }
.recipe_inspiration #recipe-feed #recipe_5 {
margin: 3.125rem auto 0; }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_5 {
width: 33%;
right: 19%;
margin: -51px 0 0; } }
@media (min-width: 992px) {
.recipe_inspiration #recipe-feed #recipe_5 {
margin: -85px 0 0; } }
.recipe_inspiration #recipe-feed #recipe_5 .recipe-img {
background-image: url("../img/recipe/recipe_image_5.jpg"); }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_6 {
width: 37%;
left: 4%;
top: -150px; } }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_7 {
top: 50px;
width: 38%;
right: -16%; } }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_8 {
top: -80px; } }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_9 {
top: 100px;
right: -9%; } }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_11 {
top: 150px;
right: -11%; } }
@media (min-width: 767px) {
.recipe_inspiration #recipe-feed #recipe_12 {
top: 68px;
left: 6%; } }
@media (min-width: 767px) {
.ios #recipe_2 {
right: 8% !important; } }
@media (min-width: 767px) {
.ios #recipe_5 {
margin: -5% 0 0 !important; } }
.firefox #note {
top: 9%; }
@media (min-width: 767px) {
.firefox #note {
top: 0px; } }
#social_content_board {
padding-bottom: 40px; }
@media (min-width: 768px) {
#social_content_board {
padding-bottom: 60px; } }
#social_content_board #note {
top: 3.125rem;
right: 10%; }
@media (min-width: 768px) {
#social_content_board #note {
top: 7%;
left: 3%;
right: auto; } }
#social_content_board #note #note_arrow {
background-image: url("../img/social_content_board/note_arrow.png");
width: 28px;
height: 38px; }
#social_content_board .main_button {
margin-top: 3rem; }
#social_content_board #social_content_board_intro {
text-align: center; }
#social_content_board #social_feed {
width: 100%;
max-width: 1200px;
margin: 1.75rem auto 0;
padding: 0 15px; }
#social_content_board #social_feed #social_feed_top, #social_content_board #social_feed #social_feed_middle, #social_content_board #social_feed #social_feed_bottom {
position: relative;
width: 100%;
-ms-flex-align: start;
align-items: flex-start; }
#social_content_board #social_feed #social_feed_middle {
-ms-flex-pack: justify;
justify-content: space-between; }
#social_content_board #social_feed .social_item {
position: relative;
box-shadow: 0px 0px 48px -4px rgba(0, 0, 0, 0.75); }
#social_content_board #social_feed .social_item .social_img_wrapper {
position: relative;
z-index: 2;
overflow: hidden; }
#social_content_board #social_feed .social_item .social_img_wrapper .social_img {
width: 100%;
background-image: url("../img/hub/dummy_social_image.jpg");
padding-bottom: 100%; }
#social_content_board #social_feed .social_item .social_img_wrapper .joke_card {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
transition: all 1s linear;
transform: translate3d(0, 105%, 0); }
#social_content_board #social_feed .social_item .social_video_wrapper {
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
z-index: 1; }
#social_content_board #social_feed .social_item .social_video_wrapper iframe {
width: 100%;
height: 100%; }
#social_content_board #social_feed .social_item .social_message {
position: relative;
width: 100%;
min-height: 62px;
padding: 15px;
background: #fff;
box-shadow: 0px 0px 48px -4px rgba(0, 0, 0, 0.75);
z-index: 3; }
#social_content_board #social_feed .social_item p {
font-size: 0.8rem;
line-height: 1.2rem;
font-family: "Oakes", sans-serif;
color: #606060;
margin: 0;
word-wrap: break-word; }
@media (min-width: 768px) {
#social_content_board #social_feed .social_item p {
font-size: 1.5rem;
line-height: 2rem; } }
#social_content_board #social_feed .social_item .social_icon {
position: absolute;
top: 50%;
left: 15px;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 35px;
height: 35px; }
#social_content_board #social_feed .social_item .social_icon.facebook {
background-image: url("../img/social_content_board/facebook_icon.jpg"); }
#social_content_board #social_feed .social_item .social_icon.twitter {
background-image: url("../img/social_content_board/twitter_icon.png"); }
#social_content_board #social_feed .social_item .social_icon.instagram {
background-image: url("../img/social_content_board/instagram_icon.png"); }
#social_content_board #social_feed .social_item .social_icon.youtube {
background-image: url("../img/social_content_board/youtube_icon.png"); }
#social_content_board #social_feed .social_item.in-view .joke_card {
transform: translate3d(0, 0, 0); }
#social_content_board #social_feed #social_1, #social_content_board #social_feed #social_2, #social_content_board #social_feed #social_3 {
width: 70%;
margin: 3.5rem auto 0; }
@media (min-width: 768px) {
#social_content_board #social_feed #social_1, #social_content_board #social_feed #social_2, #social_content_board #social_feed #social_3 {
width: 37%;
margin-bottom: 0; } }
#social_content_board #social_feed #social_1 {
margin: 0 auto; }
@media (min-width: 768px) {
#social_content_board #social_feed #social_1 {
margin: 10% 11% 0 5%; } }
@media (min-width: 768px) {
#social_content_board #social_feed #social_2 {
margin: 2% 0 0 0; } }
#social_content_board #social_feed #social_3 {
margin-top: 9rem; }
@media (min-width: 768px) {
#social_content_board #social_feed #social_3 {
margin: 8rem 0px 0 3%;
left: 0; } }
#social_content_board #social_feed #social_4 {
width: 70%;
margin: 3.5rem auto 0; }
@media (min-width: 768px) {
#social_content_board #social_feed #social_4 {
width: 31%;
margin: 1px 22% 0 0%; } }
#social_content_board #social_feed #social_5 {
width: 70%;
margin: 3.5rem auto 0; }
@media (min-width: 768px) {
#social_content_board #social_feed #social_5 {
width: 36%;
margin: -60px 0 0 51%; } }
@media (max-width: 768px) {
#social_content_board #social_feed.no-note #social_3 {
margin: 3.5rem auto 0; } }
#social_content_board .amount_3 #social_feed_middle {
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
#social_content_board .amount_3 #social_feed_middle #social_3 {
margin: 8.5rem auto 3.5rem; }
@media (min-width: 768px) {
#social_content_board .amount_3 #social_feed_middle #social_3 {
margin: 0rem 12% 0% 0% !important; } }
#social_content_board .amount_3 #note_arrow {
background-image: url("../img/social_content_board/note_arrow_flipped.jpg") !important; }
@media (max-width: 768px) {
#social_content_board .no-note.amount_3 #social_3 {
margin: 3.5rem auto 3.5rem !important; } }
@media (min-width: 768px) {
.firefox #social_content_board #social_feed #social_4 {
margin: 73px 22% 0 0% !important; } }
.no-slider {
margin-top: 150px; }
.seconday_carousel {
position: relative;
text-align: center;
color: #202020;
overflow: hidden; }
.seconday_carousel .has_pin:hover .pinterest {
display: block !important; }
.seconday_carousel .carousel_button_holder {
-ms-flex-pack: space-evenly;
justify-content: space-evenly; }
@media (min-width: 768px) {
.seconday_carousel .carousel_button_holder {
width: 35%; } }
.seconday_carousel .main_button {
margin: 1rem auto; }
@media (min-width: 768px) {
.seconday_carousel .main_button {
margin: 1rem auto; } }
@media (min-width: 992px) {
.seconday_carousel .main_button {
margin: 1rem auto; } }
.seconday_carousel .seconday_carousel_intro {
color: #333;
text-align: center;
margin-bottom: 1rem; }
.seconday_carousel .seconday_carousel_intro__taxonomy {
font-family: Nunito;
font-size: 22px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: 3.3px;
text-transform: uppercase; }
.seconday_carousel .seconday_carousel_intro h2,
.seconday_carousel .seconday_carousel_intro h3 {
font-family: "Kimchi", sans-serif;
font-size: 40px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal; }
.seconday_carousel .seconday_carousel_intro h4 {
font-family: Nunito;
font-size: 22px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: 3.3px; }
@media (min-width: 767px) {
.seconday_carousel .seconday_carousel_intro {
margin-bottom: 2.5rem; } }
.seconday_carousel .seconday_carousel_carousel {
max-width: 1300px;
margin: 20px auto;
overflow: hidden; }
.seconday_carousel .seconday_carousel_carousel .swiper-wrapper {
height: auto !important; }
.seconday_carousel .seconday_carousel_carousel .swiper-container {
overflow: visible; }
@media (min-width: 769px) {
.seconday_carousel .seconday_carousel_carousel .swiper-container {
margin: 0 100px; } }
.seconday_carousel .seconday_carousel_carousel .carousel_item {
width: 100%; }
.seconday_carousel .seconday_carousel_carousel .carousel_item .slide_image {
transition: all .15s linear;
display: block;
width: 90%;
min-height: 300px;
margin: auto;
-ms-transform: rotate(2deg);
transform: rotate(2deg);
display: flex;
align-items: center;
justify-content: center; }
@media (max-width: 767px) {
.seconday_carousel .seconday_carousel_carousel .carousel_item .slide_image {
min-height: 200px;
}
}
.seconday_carousel .seconday_carousel_carousel .carousel_item .slide_image__link {
display: block;
width: 100%;
height: 100%; }
.seconday_carousel .seconday_carousel_carousel .carousel_item .slide_image.shadow {
box-shadow: 0px 0px 32px -7px rgba(0, 0, 0, 0.75); }
.seconday_carousel .seconday_carousel_carousel .carousel_item img {
margin-top: 30px;
max-width: 90%;
transition: all .15s linear; }
.seconday_carousel .seconday_carousel_carousel .carousel_item .slide_info {
margin-top: 1.25rem;
padding: 15px; }
.seconday_carousel .seconday_carousel_carousel .carousel_item .slide_info .cat, .seconday_carousel .seconday_carousel_carousel .carousel_item .slide_info .title {
margin-top: 0; }
.seconday_carousel .seconday_carousel_carousel .carousel_item .slide_info .title {
font-family: "Kimchi", sans-serif;
font-size: 1.1rem;
line-height: 1.5rem;
margin-bottom: 0; }
@media (min-width: 767px) {
.seconday_carousel .seconday_carousel_carousel .carousel_item .slide_info .title {
font-size: 1.5rem;
line-height: 2rem; } }
.seconday_carousel .seconday_carousel_carousel .carousel_item .slide_info .cat {
margin-bottom: 0.5rem;
letter-spacing: 1.8px;
font-family: "Nunito";
font-size: 0.8rem;
font-weight: normal; }
@media (min-width: 767px) {
.seconday_carousel .seconday_carousel_carousel .carousel_item .slide_info .cat {
font-size: 0.8rem;
line-height: 1.7rem; } }
.seconday_carousel .seconday_carousel_carousel .swiper-pagination {
position: relative;
margin: 1rem 0 0; }
.seconday_carousel .seconday_carousel_carousel .swiper-button-next, .seconday_carousel .seconday_carousel_carousel .swiper-button-prev {
position: absolute;
top: 0;
height: 100%;
width: 100px;
background: #fff; }
@media (max-width: 768px) {
.seconday_carousel .seconday_carousel_carousel .swiper-button-next, .seconday_carousel .seconday_carousel_carousel .swiper-button-prev {
width: 23%; } }
.seconday_carousel .seconday_carousel_carousel .swiper-button-next::after, .seconday_carousel .seconday_carousel_carousel .swiper-button-prev::after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 47px;
background-repeat: no-repeat;
background-position: center;
background-size: contain; }
.seconday_carousel .seconday_carousel_carousel .swiper-button-prev {
left: -101px; }
@media (max-width: 768px) {
.seconday_carousel .seconday_carousel_carousel .swiper-button-prev {
left: 0;
background: #fff;
background: -webkit-gradient(left top, right top, color-stop(0%, #fff), color-stop(15%, #fff), color-stop(100%, rgba(255, 255, 255, 0)));
background: linear-gradient(to right, #fff 0%, #fff 15%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-white', endColorstr='$color-white', GradientType=1 ); } }
.seconday_carousel .seconday_carousel_carousel .swiper-button-next {
right: -101px; }
@media (max-width: 768px) {
.seconday_carousel .seconday_carousel_carousel .swiper-button-next {
right: 0;
background: rgba(255, 255, 255, 0.6);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(85%, #fff), color-stop(100%, #fff));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 85%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-white', endColorstr='$color-white', GradientType=1 ); } }
@media (max-width: 767px) {
.seconday_carousel.one-items-show {
display: block; } }
.seconday_carousel.one-items-show .swiper-pagination-bullet {
width: 17px;
height: 3px; }
.seconday_carousel.one-items-show .seconday_carousel {
margin-top: 1rem; }
@media (min-width: 767px) and (max-width: 992px) {
.seconday_carousel.three-items-show {
display: block; } }
@media (min-width: 992px) {
.seconday_carousel.four-items-show {
display: block; } }
.seconday_carousel.social-items-show {
display: block; }
.seconday_carousel.social-items-show .carousel_item.social {
width: 100%;
margin: 10px 0px 10px 0; }
@media (min-width: 767px) {
.seconday_carousel.social-items-show .carousel_item.social {
width: calc(33% - 20px);
margin: 10px 20px 10px 0; } }
@media (min-width: 992px) {
.seconday_carousel.social-items-show .carousel_item.social {
width: calc(25% - 20px);
margin: 10px 20px 10px 0; } }
.seconday_carousel.social-items-show .carousel_item.social:nth-child(4n) {
margin: 10px 0 10px 0; }
@media (min-width: 767px) and (max-width: 992px) {
.seconday_carousel.social-items-show .carousel_item.social:nth-child(4n) {
display: none; } }
@media (max-width: 766px) {
.seconday_carousel.social-items-show .carousel_item.social:nth-child(4n) {
display: none; } }
@media (max-width: 766px) {
.seconday_carousel.social-items-show .carousel_item.social:nth-child(3n), .seconday_carousel.social-items-show .carousel_item.social:nth-child(2n) {
display: none; } }
.seconday_carousel.custom-centered .swiper-wrapper {
transform: translate3d(0px, 0px, 0px) !important; }
.seconday_carousel.custom-centered .swiper-wrapper .swiper-slide {
margin: 0 auto !important; }
.seconday_carousel--home-range .seconday_carousel_intro h4 {
font-family: "Kalam", cursive;
font-size: 40px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center; }
.seconday_carousel__above_text {
margin: 20px 0; }
.seconday_carousel__above_text h2,
.seconday_carousel__above_text h3,
.seconday_carousel__above_text h4 {
text-transform: uppercase; }
.seconday_carousel__above_text h4 {
font-family: Nunito;
font-size: 22px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: 3.3px; }
.seconday_carousel__above_text p {
max-width: 633px;
margin: auto; }
.seconday_carousel .carousel_item.social {
position: relative;
padding: 15px;
box-shadow: 0px 0px 26px -5px rgba(0, 0, 0, 0.43); }
.seconday_carousel .carousel_item.social .text {
margin: 10px 0 20px;
word-break: break-all;
text-align: left; }
.seconday_carousel .carousel_item.social .type {
float: right;
position: absolute;
bottom: 15px;
right: 15px;
font-style: italic;
background-repeat: no-repeat;
background-position: center;
background-size: contain; }
.seconday_carousel .carousel_item.social .type.facebook {
display: block;
background-image: url(../img/social_content_board/share-facebook.jpg);
width: 30px;
height: 30px;
text-indent: -99999px; }
.seconday_carousel .carousel_item.social .type.twitter {
display: block;
background-image: url(../img/social_content_board/share-twitter.png);
width: 30px;
height: 30px;
text-indent: -99999px; }
.seconday_carousel .carousel_item.social .type.instagram {
display: block;
background-image: url(../img/social_content_board/instagram_icon.png);
width: 30px;
height: 30px;
text-indent: -99999px; }
.featured_content {
text-align: center;
padding: 0; }
.featured_content .featured_wrapper {
position: relative; }
.featured_content .featured_wrapper::before, .featured_content .featured_wrapper::after {
/* content: ""; */
pointer-events: none; }
.featured_content .featured_wrapper::before {
/* content: ""; */
background-size: 100% 100% !important;
background-position: center center !important;
width: 100%;
height: 150px;
display: block;
top: -1px;
position: absolute;
left: 0; }
@media (max-width: 769px) {
.featured_content .featured_wrapper::before {
/* content: ""; */
height: 50px; } }
.featured_content .featured_wrapper::after {
/* content: ""; */
background-size: 100% 100% !important;
background-position: center center !important;
width: 100%;
height: 150px;
display: block; }
@media (max-width: 769px) {
.featured_content .featured_wrapper::after {
/* content: ""; */
height: 50px; } }
.featured_content .featured_wrapper.home-recipe-secret {
margin-top: -1.625rem; }
.featured_content .featured_wrapper.home-recipe-secret .sub_featured_image_container {
position: relative;
right: -60px; }
@media (max-width: 769px) {
.featured_content .featured_wrapper.home-recipe-secret .sub_featured_image_container {
right: 0; } }
.featured_content .featured_wrapper.home-recipe-secret .main_button {
background: #00a5e2;
color: #fff; }
.featured_content .featured_wrapper.home-recipe-secret .main_button:hover {
color: #00a5e2 !important;
background: #fff !important;
border-color: #00a5e2 !important; }
.featured_content .featured_wrapper.home-recipe-secret::before {
/* content: ""; */
display: none; }
.featured_content .featured_wrapper.home-recipe-secret::after {
/* content: ""; */
height: 100px; }
.featured_content .featured_wrapper.home-backstage::before {
/* content: ""; */
background: url(../img/featured-content/homepage/home-backstage-top.jpg); }
.featured_content .featured_wrapper.home-backstage::after {
/* content: ""; */
background: url(../img/featured-content/homepage/home-backstage-bottom.jpg);
bottom: -65px;
z-index: 1; }
@media (max-width: 769px) {
.featured_content .featured_wrapper.home-backstage::after {
bottom: -40px; } }
.featured_content .featured_wrapper.home-backstage .sub_featured_content--text,
.featured_content .featured_wrapper.home-backstage .featured_content_intro {
text-align: right; }
.featured_content .featured_wrapper.continuous-progress::before {
/* content: ""; */
background: url(../img/featured-content/nutrition/continuous-top.jpg); }
.featured_content .featured_wrapper.continuous-progress::after {
/* content: ""; */
background: #f9e398;
bottom: -80px;
z-index: 0;
height: 100px; }
.featured_content .featured_wrapper.mindful-snacking {
background: url(../img/featured-content/nutrition/grass.jpg) !important;
background-repeat: no-repeat !important;
background-size: 100% 100% !important; }
.featured_content .featured_wrapper.mindful-snacking .sub_featured_image {
background-size: 70% auto !important; }
@media (max-width: 769px) {
.featured_content .featured_wrapper.mindful-snacking .sub_featured_image {
background-size: 70% auto; } }
.featured_content .featured_wrapper.mindful-snacking .sub_featured_content--text .underline {
font-size: 2rem; }
.featured_content .featured_wrapper.care-for-farmers h2, .featured_content .featured_wrapper.care-for-cows-2 h2 {
text-transform: none; }
.featured_content .featured_wrapper.care-for-farmers::before, .featured_content .featured_wrapper.care-for-cows-2::before {
/* content: ""; */
height: 200px;
top: -55px;
background: url(../img/featured-content/backstage/farmers-top.jpg); }
.featured_content .featured_wrapper.nutrition-environment {
/* margin-top: 330px; */
margin-top: 100px;
padding: 70px 0;
}
.featured_content .featured_wrapper.nutrition-environment::before {
/* content: ""; */
height: 200px;
top: -200px;
background: url(../img/featured-content/homepage/nutrition-top.png); }
.featured_content .featured_wrapper.nutrition-environment::after {
/* content: ""; */
height: 200px;
background: url(../img/featured-content/homepage/nutrition-bottom.jpg);
top: 100%; }
.featured_content .featured_wrapper.care-for-cows-2::after {
background: url(../img/featured-content/backstage/cows-bottom.jpg); }
.featured_content .featured_wrapper.care-for-cows {
padding-bottom: 0;
margin-bottom: 100px; }
.featured_content .featured_wrapper.care-for-cows h2 {
text-transform: none; }
.featured_content .featured_wrapper.care-for-cows h4 {
text-transform: none;
margin-bottom: 10px; }
.featured_content .featured_wrapper.care-for-cows::before {
/* content: ""; */
height: 200px;
top: -55px;
background: url(../img/featured-content/backstage/cows-top.jpg); }
.featured_content .featured_wrapper.care-for-cows::after {
/* content: ""; */
height: 196px;
bottom: -55px;
background: url(../img/featured-content/backstage/cows-bottom.jpg); }
.featured_content .featured_wrapper.care-for-cows-2 {
margin-bottom: 0; }
.featured_content .featured_wrapper.care-for-cows-2::after {
/* content: ""; */
height: 196px;
bottom: -140px;
background: url(../img/featured-content/backstage/cows-bottom.jpg); }
.featured_content .featured_wrapper.our-cream {
/* padding-bottom: 50px; */
/* margin: -50px 0;*/
margin: -50px 0 0; }
.featured_content .featured_wrapper.care-for-enviroment-details .sub_featured_content--text {
padding-top: 1rem;
text-align: left; }
.featured_content .featured_wrapper.care-for-enviroment-details .sub_featured_content--text strong {
font-size: 25px;
display: block;
margin-top: 20px; }
.featured_content .featured_wrapper.care-for-enviroment-details .sub_featured_content--text p {
margin: 20px 0; }
.featured_content .featured_wrapper.our-milk {
padding: 70px 0;
}
.featured_content .featured_wrapper.our-milk::before {
background: url(../img/featured-content/milk_top.jpg); }
.featured_content .featured_wrapper.our-milk::after {
background: url(../img/featured-content/milk_bottom.jpg);
bottom: -20px;
z-index: 1;
background-size: 120% 100% !important; }
.featured_content .featured_wrapper.secrets-of-production {
background: #f9e398; }
.featured_content .featured_wrapper.secrets-of-production::before {
background: url(../img/featured-content/our-story/featured-our-story-top.png); }
.featured_content .featured_wrapper.secrets-of-production::after {
background: url(../img/featured-content/our-story/featured-our-story-bottom.png); }
.featured_content .featured_wrapper.our-cream {
padding: 70px 0;
margin-bottom: -50px;
}
.featured_content .featured_wrapper.our-cream::before {
background: url(../img/featured-content/cream_top.jpg); }
.featured_content .featured_wrapper.our-cream::after {
background: url(../img/featured-content/cream_bottom.jpg);
bottom: -20px;
z-index: 1;
background-size: 120% 100% !important; }
@media (max-width: 767px) {
.featured_content .featured_wrapper.our-cream {
padding-bottom: 30px; } }
@media (min-width: 1600px) {
.featured_content .featured_wrapper .container {
max-width: 1400px; } }
@media (min-width: 767px) {
.featured_content .sub_featured_content {
margin-top: 2.1875rem; } }
.featured_content .featured_content_intro {
padding: 0 0.9375rem;
width: 100%;
margin-bottom: 1rem; }
@media (min-width: 767px) {
.featured_content .featured_content_intro {
padding: 1rem 0 0 0;
text-align: left; } }
.featured_content .featured_content_intro h2 {
color: #fff;
text-transform: none; }
.featured_content .featured_content_intro h2::after {
width: 12.45rem; }
.featured_content .sub_featured_content {
position: relative;
width: 100%;
max-width: 550px;
height: 100%;
margin: 0 auto;
padding: 0;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 767px) {
.featured_content .sub_featured_content {
max-width: none;
padding: 0; } }
.featured_content .sub_featured_content .sub_featured_content--text {
-ms-flex-order: 2;
order: 2;
width: 100%;
margin-top: 2.1875rem;
font-size: 0.9375rem;
line-height: 1.5rem; }
.featured_content .sub_featured_content .sub_featured_content--text strong {
font-family: "Kimchi", sans-serif; }
.featured_content .sub_featured_content .sub_featured_content--text .underline {
margin-bottom: 5px; }
@media (max-width: 767px) {
.featured_content .sub_featured_content .sub_featured_content--text .underline {
padding: 0; } }
.featured_content .sub_featured_content .sub_featured_content--text .underline::after {
display: none; }
@media (min-width: 767px) {
.featured_content .sub_featured_content .sub_featured_content--text {
/* padding: 6rem 0 0 3.125rem; */
padding: 0 0 0 3.125rem;
margin-top: 0rem;
width: 50%;
font-size: 1.25rem;
line-height: 1.8rem; } }
@media (max-width: 768px) {
.featured_content .sub_featured_content .sub_featured_content--text {
width: 100%;
text-align: center !important;
padding: 0 0 80px 0;
margin-top: 50px; }
.featured_content .sub_featured_content .sub_featured_content--text h2,
.featured_content .sub_featured_content .sub_featured_content--text h3,
.featured_content .sub_featured_content .sub_featured_content--text h4,
.featured_content .sub_featured_content .sub_featured_content--text .underline,
.featured_content .sub_featured_content .sub_featured_content--text p {
text-align: center !important; } }
.featured_content .sub_featured_content .sub_featured_content--text p:first-child {
margin-top: 0; }
.featured_content .sub_featured_content .sub_featured_content--text p {
margin: 10px auto; }
.featured_content .sub_featured_content .sub_featured_content--text a {
font-size: inherit;
line-height: inherit; }
.featured_content .sub_featured_content .sub_featured_content--text .main_button {
transition: all 0.3s;
font-family: "Oakes", sans-serif;
font-size: 14px;
border-color: #fff !important;
line-height: initial; }
.featured_content .sub_featured_content .sub_featured_content--text .main_button:hover {
color: #fff !important;
background: #00a5e2 !important;
transition: all 0.3s; }
.featured_content .sub_featured_content .sub_featured_content--text .main_button:hover::after {
right: 5px; }
.featured_content .sub_featured_content .sub_featured_content--text .main_button::before {
display: none; }
.featured_content .sub_featured_content .sub_featured_image_container {
-ms-flex-order: 1;
order: 1;
width: 100%;
height: 100%;
width: 50%;
z-index: 2; }
@media (min-width: 769px) {
.featured_content .sub_featured_content .sub_featured_image_container {
width: 50%; } }
@media (max-width: 768px) {
.featured_content .sub_featured_content .sub_featured_image_container {
width: 100%;
height: initial; } }
.featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper {
height: 95%;
margin: 0 auto;
background: none;
display: block; }
@media (min-width: 769px) {
.featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; } }
.featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper.rotate-right {
-ms-transform: rotate(-8deg);
transform: rotate(-8deg); }
.featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper.rotate-left {
-ms-transform: rotate(8deg);
transform: rotate(8deg); }
@media (max-width: 769px) {
.featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper.rotate-left, .featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper.rotate-right {
-ms-transform: rotate(0deg);
transform: rotate(0deg); } }
.featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper .sub_featured_image {
height: 100%;
width: 100%; }
@media (min-width: 769px) {
.featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper .sub_featured_image {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center; } }
@media (max-width: 769px) {
.featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper .sub_featured_image {
width: 100%;
height: auto !important;
display: block; } }
.featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper .sub_featured_image__img {
max-width: 440px; }
@media (max-width: 769px) {
.featured_content .sub_featured_content .sub_featured_image_container .sub_featured_image_wrapper .sub_featured_image__img {
max-width: 320px;
display: block;
margin: auto; } }
.featured_content .link {
margin-top: 1rem; }
.featured_content .image_side_left.home-backstage,
.featured_content .image_side_right.home-backstage {
margin-bottom: 8rem; }
.featured_content .image_side_right .sub_featured_content--text {
-ms-flex-order: 1;
order: 1;
text-align: left; }
.featured_content .image_side_right .sub_featured_content--text .featured_content_intro {
/* padding: 1rem 0 0 0; */
padding: 0 0 0 0;
text-align: left; }
.featured_content .image_side_right .sub_featured_image_container {
-ms-flex-order: 2;
order: 2; }
@media (max-width: 769px) {
.featured_content .sub_featured_image_container {
-ms-flex-order: 1 !important;
order: 1 !important; }
.featured_content .sub_featured_content--text {
-ms-flex-order: 2 !important;
order: 2 !important; }
.featured_content .sub_featured_content--text .underline {
width: 100%; } }
.featured_content_2 {
position: relative;
/*&::before {
content: "";
background: url(../img/common/decor_before.png);
background-size: 100% 100% !important;
background-position: center center !important;
width: 100%;
height: 50px;
display: block;
top: -1px;
position: absolute;
z-index: 1;
}
&::after {
content: "";
background: url(../img/common/decor_after.png);
background-size: 100% 100% !important;
background-position: center center !important;
width: 100%;
height: 50px;
display: block;
bottom: -1px;
position: absolute;
z-index: 1;
}*/ }
.featured_content_2 p {
color: #fff; }
.featured_content_2 .main_button {
margin-top: 2.8125rem; }
.featured_content_2 .featured_content_2_wrapper {
position: relative;
width: 100%;
padding: 3.375rem 0.9375rem;
z-index: 2; }
.featured_content_2 .featured_content_2_wrapper .featured_content_2_content {
width: 100%;
max-width: 824px;
height: 100%;
margin: 0 auto;
display: table;
padding: 4% 5% 10% 5%; }
@media (max-width: 769x) {
.featured_content_2 .featured_content_2_wrapper .featured_content_2_content {
padding: 10% 5% 35% 5%; } }
@media (max-width: 480px) {
.featured_content_2 .featured_content_2_wrapper .featured_content_2_content {
padding: 25% 1% 45% 1%; } }
.featured_content_2 .featured_content_2_wrapper .featured_content_2_content .featured_content_2_inner {
display: table-cell;
text-align: center;
vertical-align: middle; }
.featured_content_2 .featured_content_2_wrapper .featured_content_2_content .featured_content_2_inner .underline {
color: #fff;
margin-bottom: 5px; }
.featured_content_2 .featured_content_2_wrapper .featured_content_2_content .featured_content_2_inner .underline span {
display: block;
color: #fff;
margin-bottom: 1.5em;
font-weight: 500;
letter-spacing: 1px; }
.featured_content_2 .featured_content_2_wrapper .featured_content_2_content .featured_content_2_inner .underline::after {
display: none; }
.featured_content_2 .overlay_wrapper {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
.featured_content_2 .overlay_wrapper .overlay_img {
width: 100%;
height: 100%;
background-size: 100% 100%; }
@media (max-width: 769px) {
.featured_content_2 .overlay_wrapper .overlay_img {
background-size: cover; } }
.featured_content_2 .overlay_wrapper .overlay_colour {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.5; }
.email_social {
position: relative; }
@media (max-width: 767px) {
.email_social {
padding: 2.375rem 0.46875rem 0; } }
.email_social h2 {
margin-top: 0; }
.email_social p {
margin-top: 2px;
margin: 1rem 0 1.875rem;
font-size: 1.25rem;
line-height: 1.7rem;
font-size: 1rem;
line-height: 1.6rem; }
@media (min-width: 768px) {
.email_social p {
font-size: 1.25rem;
line-height: 1.7rem; } }
@media (min-width: 1300px) {
.email_social p {
font-size: 16px; } }
.email_social::after {
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
content: "";
height: 80%;
width: 2px;
background: #c6c6c6; }
@media (max-width: 767px) {
.email_social::after {
display: none; } }
.email_social #email_container, .email_social #social_container {
width: 100%;
text-align: center; }
@media (min-width: 767px) {
.email_social #email_container, .email_social #social_container {
width: 50%;
padding: 0 0.9375rem; } }
@media (min-width: 992px) {
.email_social #email_container, .email_social #social_container {
padding: 0 3%;
width: 50%; } }
.email_social #email_container {
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 768px) {
.email_social #email_container {
-ms-flex-pack: end;
justify-content: flex-end; } }
.email_social #email_container #email_wrapper {
width: 100%; }
@media (min-width: 992px) {
.email_social #email_container #email_wrapper {
width: 87%; } }
@media (max-width: 767px) {
.email_social #email_container form {
padding: 0 7%; } }
.email_social #email_container .input_container {
display: inline-block;
margin-bottom: 0.9375rem;
width: 100%; }
.email_social #email_container .input_container:first-child, .email_social #email_container .input_container:nth-child(2) {
width: 48%;
margin: 0 auto; }
.email_social #email_container .input_container:first-child {
margin-right: 4%;
background-image: none !important; }
.email_social #email_container .input_container:nth-child(3) {
width: 100%;
margin-bottom: 0.9375rem; }
@media (min-width: 768px) {
.email_social #email_container .input_container:nth-child(3) {
margin-bottom: 10px;
margin-top: 10px; } }
.email_social #email_container .input_container.checkbox_container {
width: 100%;
padding: 10px;
text-align: left;
padding-left: 0;
font-size: 14px; }
@media (min-width: 1300px) {
.email_social #email_container .input_container.checkbox_container {
font-size: 16px; } }
.email_social #email_container .input_container.checkbox_container input[type="checkbox"] {
width: 3%;
padding: 10px;
border-radius: 3px;
position: relative;
top: 5px;
margin-right: 15px; }
.email_social #email_container .input_container.checkbox_container input[type="checkbox"]:hover {
cursor: pointer; }
.email_social #email_container .input_container.checkbox_container.checked input[type="checkbox"] {
background: #00a5e2;
border-color: #00a5e2; }
.email_social #email_container .input_container.checkbox_container label {
font-size: 14px; }
.email_social #email_container .input_container.checkbox_container label p {
font-size: 14px;
display: inline; }
@media (min-width: 1300px) {
.email_social #email_container .input_container.checkbox_container label p {
font-size: 16px; } }
.email_social #email_container .input_container.checkbox_container label:hover {
cursor: pointer; }
.email_social #email_container .input_container input {
background: #fff;
width: 100%;
border-radius: 10px;
border: 1px solid #c6c6c6;
padding: 25px;
font-family: "Oakes", sans-serif;
text-align: center;
transition: border .25s linear; }
.email_social #email_container .input_container input.error {
border: 1px solid #d53f44; }
@media (max-width: 767px) {
.email_social #email_container .input_container {
width: 100% !important;
margin: 0 auto !important;
margin-bottom: 10px !important; }
.email_social #email_container .input_container label {
line-height: 30px; } }
.email_social #email_container button {
position: relative;
width: 100%;
background: #00a5e2;
border-radius: 10px;
padding: 25px 0;
color: #fff;
font-size: 1.125rem;
font-family: "Kimchi", sans-serif;
text-transform: uppercase;
transition: background .25s linear; }
.email_social #email_container button:hover {
cursor: pointer;
background: #026cb5; }
.email_social #email_container button .spinner, .email_social #email_container button #success_message {
position: absolute;
visibility: hidden; }
.email_social #email_container button #success_message {
position: absolute;
top: 0;
width: 100%;
line-height: 70px; }
.email_social #email_container .view_privacy_policy {
display: block;
margin-top: 15px;
color: #dde0e1;
font-size: 14px; }
.email_social #email_container .view_privacy_policy a {
color: #00a5e2;
text-decoration: none; }
.email_social #email_container .view_privacy_policy a::before {
background: #00a5e2; }
@media (max-width: 767px) {
.email_social #social_container {
margin-top: 4.6875rem;
padding-left: 5%; } }
.email_social #social_container #social_wrapper {
-ms-flex-flow: column;
flex-flow: column;
width: 100%; }
@media (min-width: 992px) {
.email_social #social_container #social_wrapper {
max-width: 450px8; } }
.email_social #social_container #social_links {
width: 100%;
text-align: center;
margin-top: 1rem;
-ms-flex-pack: center;
justify-content: center; }
.email_social #social_container #social_links a {
display: block;
float: left;
width: 70px;
height: 70px;
margin-right: 25px;
margin-bottom: 25px; }
.email_social #social_container #social_links a:hover {
cursor: pointer; }
.email_social #social_container #social_links a:last-child {
margin-right: 0; }
.email_social.full::after {
display: none; }
.email_social.full.email_social {
max-width: 700px;
margin: 0 auto; }
.email_social.full #email_container, .email_social.full #social_container {
padding: 3.75rem 6%;
width: 100%;
text-align: center; }
@media (min-width: 768px) {
.email_social.full #email_container, .email_social.full #social_container {
width: 100%; } }
.email_social.full .email_social #email_container {
width: 100%; }
.email_social.full #email_wrapper {
width: 100%;
max-width: 500px;
margin: 0 auto; }
.email_social.full .email_social #email_container, .email_social.full .email_social #social_container {
width: 100%;
max-width: 500px;
margin: 0 auto; }
.email_social.full #social_wrapper {
width: 100% !important;
max-width: 600px;
margin: 0 auto; }
@media (min-width: 992px) {
.email_social.full #social_wrapper {
max-width: none; } }
.pinboard_title {
padding: 2.5rem 0 2.5rem 0;
padding-bottom: 1rem; }
.pinboard_below {
padding: 0 0 2.5rem; }
.pinboard {
background: #fbfbfb;
padding: 2.5rem 0;
padding-top: 2rem;
visibility: hidden; }
.pinboard .item {
float: left;
width: 100%;
padding: 5px;
box-shadow: 0px 0px 26px -5px rgba(0, 0, 0, 0.43); }
@media (min-width: 400px) {
.pinboard .item {
width: 50%; } }
@media (min-width: 500px) {
.pinboard .item {
width: 33.33%; } }
@media (min-width: 600px) {
.pinboard .item {
width: 25%; } }
@media (min-width: 992px) {
.pinboard .item {
width: 20%; } }
.pinboard .item a {
display: block; }
.pinboard .item .item_img_wrapper {
position: relative;
width: 100%; }
.pinboard .item .item_img_wrapper .item_img {
width: 100%;
padding-bottom: 100%;
background-image: url("../img/item/item_image_3.jpg"); }
@media (max-width: 400px) {
.pinboard .item .item_img_wrapper .item_img {
padding-bottom: 80% !important; } }
.pinboard .item .item_img_wrapper img {
max-width: 100%;
max-height: 100%;
overflow: hidden; }
.pinboard .item .item_info_wrapper {
background: #fff;
padding: 1.5625rem; }
.pinboard .item .item_info_wrapper h3 {
margin: 0; }
.pinboard .item .item_info_wrapper .social-sharing_wrapper {
margin-top: 15px; }
.pinboard .item .item_info_wrapper .social-sharing_wrapper button {
margin-left: 0;
margin-right: 10px; }
.pinboard .item .social-sharing_wrapper {
background: #fff; }
.pinboard .item.xx-small .item_img {
padding-bottom: 60%; }
.pinboard .item.x-small .item_img {
padding-bottom: 80%; }
.pinboard .item.small_med .item_img {
padding-bottom: 100%; }
.pinboard .item.med .item_img {
padding-bottom: 140%; }
.pinboard .item.med_large .item_img {
padding-bottom: 170%; }
.pinboard .item.large .item_img {
padding-bottom: 200%; }
.pinboard .item.x-large .item_img {
padding-bottom: 220%; }
.pinboard .item.xx-large .item_img {
padding-bottom: 240%; }
.pinboard .item.xxx-large .item_img {
padding-bottom: 260%; }
.section-listicle .listicle-section {
padding-top: 0; }
.section-listicle .listicle-section #article-holder {
width: 100%; }
.section-listicle article {
display: -ms-flexbox;
display: flex;
margin-top: 100px; }
.section-listicle article:first-of-type {
margin-top: 20px; }
@media (max-width: 769px) {
.section-listicle article:first-of-type {
margin-top: 0; } }
.section-listicle article > div {
display: -ms-flexbox;
display: flex;
width: 100%; }
@media (max-width: 769px) {
.section-listicle article > div {
-ms-flex-direction: column;
flex-direction: column; } }
.section-listicle article .article-content {
width: 50%; }
.section-listicle article .article-content h3 {
margin-top: 0;
position: relative; }
.section-listicle article .article-content h3::after {
/* content: ""; */
position: absolute;
bottom: -15px;
left: 0px;
margin: auto;
width: 3.75rem;
height: 5px;
background: #d53f44;
-ms-transform: skewX(-45deg);
transform: skewX(-45deg); }
@media (max-width: 769px) {
.section-listicle article .article-content h3 {
font-size: 1.55rem; } }
.section-listicle article .article-content.article-left {
padding-right: 3rem; }
.section-listicle article .article-content.article-left .listicle-item-buttons {
-ms-flex-pack: start;
justify-content: flex-start; }
.section-listicle article .article-content.article-left .listicle-item-buttons .main_button {
margin-right: 35px;
padding: 0.9375rem 2.2rem; }
.section-listicle article .article-content.article-right img {
width: 100%;
height: auto; }
.section-listicle article .article-content.article-right.video-container {
position: relative;
padding-bottom: 26.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.section-listicle article .article-content.article-right.video-container iframe, .section-listicle article .article-content.article-right.video-container object, .section-listicle article .article-content.article-right.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
@media (max-width: 769px) {
.section-listicle article .article-content.article-right {
-ms-flex-order: 1;
order: 1;
width: 100%; } }
.section-listicle article .article-content.article-text {
width: 100%; }
.section-listicle article .article-content.article-text .listicle-item-buttons {
-ms-flex-pack: center;
justify-content: center; }
.section-listicle article .article-content.article-text .listicle-item-buttons .main_button {
margin-right: 10px; }
@media (max-width: 769px) {
.section-listicle article .article-content {
width: 100%;
padding: 0 !important; }
.section-listicle article .article-content .listicle-item-buttons > div {
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between; }
.section-listicle article .article-content .listicle-item-buttons > div .main_button {
width: 47%;
margin-right: 0 !important; } }
@media (max-width: 769px) {
.section-listicle article {
margin-top: 60px; } }
.section-listicle .commercial_buttons {
width: 100%;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.section-listicle .commercial_buttons > div {
-ms-flex-pack: center;
justify-content: center; }
.section-listicle .commercial_buttons > div .ajax-loader-holder {
width: 100%;
text-align: center;
visibility: hidden; }
.section-listicle .commercial_buttons > div .ajax-loader-holder img {
max-height: 30px; }
.section-listicle .desktop-image, .section-listicle .desktop-video {
width: 100%;
height: 100%;
min-height: 400px;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat; }
@media (max-width: 769px) {
.section-listicle .desktop-image, .section-listicle .desktop-video {
display: none; } }
.section-listicle .desktop-image, .section-listicle .videoWrapper {
box-shadow: 1px 2px 5px 5px #f5f5f5; }
.section-listicle .jsVideoContainer {
min-height: 400px; }
.section-listicle .mobile-image, .section-listicle .mobile-video {
margin-top: 10px;
width: 100%;
height: 100%;
min-height: 300px;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat; }
@media (min-width: 770px) {
.section-listicle .mobile-image, .section-listicle .mobile-video {
display: none; } }
.section-listicle .videoWrapper {
position: relative;
width: 100%;
height: 0;
background-color: #000;
padding-bottom: 70%; }
.section-listicle .videoWrapper43 {
padding-top: 75%; }
.section-listicle .videoWrapper169 {
padding-top: 56%; }
@media (max-width: 769px) {
.section-listicle .videoWrapper {
padding-bottom: 87%; } }
.section-listicle .videoIframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent; }
.section-listicle .videoPoster {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
border: 0;
outline: none;
background-position: 50% 50%;
background-size: 100% 100%;
background-size: cover;
text-indent: -999em;
overflow: hidden;
opacity: 1;
transition: opacity 800ms, height 0s;
transition-delay: 0s, 0s; }
.section-listicle .videoPoster::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
border: 5px solid #fff;
border-radius: 100%;
transition: border-color 300ms; }
.section-listicle .videoPoster::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
margin: -20px 0 0 -10px;
border-left: 40px solid #fff;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
transition: border-color 300ms; }
.section-listicle .videoPoster:hover::before, .section-listicle .videoPoster:focus::before {
border-color: #00a5e2; }
.section-listicle .videoPoster:hover::after, .section-listicle .videoPoster:focus::after {
border-left-color: #00a5e2; }
.section-listicle .videoPoster.videoWrapperActive {
opacity: 0;
height: 0;
transition-delay: 0s, 800ms; }
#nutrition #nutrition_wrapper {
width: 100%; }
#nutrition #nutrition_wrapper #nut_img_wrapper {
width: 100%; }
@media (min-width: 768px) {
#nutrition #nutrition_wrapper #nut_img_wrapper {
width: 38%;
margin-right: 2%; } }
#nutrition #nutrition_wrapper #nut_img_wrapper #nut_img {
width: 100%;
padding-bottom: 84%; }
#nutrition #nutrition_wrapper #nutrition-table {
width: 100%; }
@media (min-width: 768px) {
#nutrition #nutrition_wrapper #nutrition-table {
width: 60%; } }
#nutrition #nutrition_wrapper #nutrition-table h3 {
margin-top: 30px;
margin-bottom: 23px;
font-size: 25px;
font-weight: bold;
text-align: center;
color: #00a5e2; }
#nutrition #nutrition_wrapper #nutrition-table .reference {
font-family: "Nunito", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.9;
text-align: right;
color: #707070;
display: block; }
#nutrition #nutrition_wrapper .nutrition-graphic-information {
margin-top: 20px; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-content {
margin: 15px auto; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell {
-ms-flex-direction: column;
flex-direction: column;
width: 18%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border: 1px solid #000;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-radius: 30px; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell .nutrition-cell-wrapper {
padding: 15px 15px 0 15px; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell p, #nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell span {
color: #000 !important;
text-align: center;
margin-bottom: 5px;
font-size: 1rem; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell p.graphic-percentage-level, #nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell span.graphic-percentage-level {
background: #fff;
text-transform: uppercase;
padding: 0px 8px;
font-weight: 700;
border-radius: 5px;
position: relative;
font-size: 15px; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell p.graphic-daily-intake, #nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell span.graphic-daily-intake {
font-weight: 500;
position: relative;
width: 100%;
margin-top: 10px; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell p.graphic-daily-intake::before, #nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell span.graphic-daily-intake::before {
content: '';
background: #000;
height: 1px;
width: 100%;
position: absolute;
top: -5px;
left: 0; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell p.graphic-value, #nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell span.graphic-value {
font-weight: 700; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell.high-intake {
background: #ff5050; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell.medium-intake {
background: #ffb93f; }
#nutrition #nutrition_wrapper .nutrition-graphic-information .nutrition-cell.low-intake {
background: #00a651; }
#nutrition #table {
font-family: "Kimchi", sans-serif; }
#nutrition #table .table_row {
padding: 7px 0; }
#nutrition #table .table_cell {
width: 33.33%;
padding: 5px 18px;
font-weight: 500;
border-bottom: solid thin #c6c6c6; }
#nutrition #table .table_cell span {
font-family: "Nunito", sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 1.9;
text-align: left;
color: #707070; }
#nutrition #table .first_col {
-ms-flex-positive: 2;
flex-grow: 2; }
#nutrition #table #table_headers div {
border: none; }
#nutrition #table #table_headers span {
font-weight: 800;
font-size: 20px;
font-family: "Nunito", sans-serif;
line-height: 1.5;
text-align: left;
color: #404040; }
#nutrition.no-nutrition-img #nutrition-table {
width: 100% !important; }
#nutrition.no-nutrition-img #nutrition-table .reference {
font-family: "Nunito", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.9;
text-align: right;
color: #707070;
display: block; }
.single_product_page {
margin-bottom: 100px; }
.single_product_page #nutrition .underline::after {
display: none; }
.single_product_page #nutrition .nutrition-graphic-information {
width: 100%; }
@media (min-width: 1200px) {
.single_product_page #nutrition .nutrition-graphic-information {
width: 50%; } }
.single_product_page #nutrition .nutrition-graphic-information .nutrition-cell p, .single_product_page #nutrition .nutrition-graphic-information .nutrition-cell span {
margin: 5px auto;
font-size: 1.2rem; }
#pagination {
position: fixed;
top: 20%;
right: 5%;
z-index: 99; }
#pagination .pag {
display: block;
width: 5px;
height: 30px;
background: rgba(0, 0, 0, 0.7);
margin-bottom: 20px;
-ms-transform: skewY(-45deg);
transform: skewY(-45deg);
transition: all .25s linear;
padding: 0; }
#pagination .pag.active {
background: #d53f44; }
#pagination .pag:hover {
cursor: pointer; }
#model-popup {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 99999999;
text-align: center;
display: none;
padding: 2rem 0;
opacity: 0;
overflow-x: hidden;
overflow-y: auto;
transition: opacity .25s linear; }
#model-popup::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em; }
#model-popup #model-popup_wrapper {
position: absolute;
vertical-align: middle;
background: #fff;
z-index: 1001;
width: 90%;
height: 90%;
top: 50%;
left: 50%;
max-width: 800px;
min-height: 540px;
background: #fff;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-overflow-scrolling: touch;
overflow-y: scroll; }
#model-popup #model-shadow {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7); }
#model-popup iframe {
width: 100%;
height: 100%;
max-width: 800px;
min-height: 540px; }
#model-popup.active {
display: block;
opacity: 1; }
@keyframes rotate {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
#pop-up-spinner {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
z-index: 999;
height: 40px;
width: 40px;
animation: rotate 0.8s infinite linear;
border: 4px solid #0033a0;
border-right-color: transparent;
border-radius: 50%;
display: none; }
.wpcf7 {
margin: 0;
padding: 0; }
.wpcf7 .wpcf7-form {
font-family: "Oakes", sans-serif;
font-weight: 300; }
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap {
display: block;
width: 95%;
margin: 15px auto; }
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap label {
cursor: pointer; }
.wpcf7 .wpcf7-form input[type="text"],
.wpcf7 .wpcf7-form input[type="email"],
.wpcf7 .wpcf7-form input[type="submit"],
.wpcf7 .wpcf7-form input[type="date"],
.wpcf7 .wpcf7-form .wpcf7-select {
border: 1px solid #c6c6c6;
text-align: center;
text-align-last: center;
height: 60px;
line-height: 60px;
border-radius: 10px;
width: 100%;
margin-bottom: 10px;
color: #707070;
font-weight: 300;
font-family: "Oakes", sans-serif; }
.wpcf7 .wpcf7-form input[type="submit"] {
position: relative;
width: 95%;
margin: 0 auto;
display: block;
background: #00a5e2;
border-radius: 10px;
color: #fff;
font-size: 1.125rem;
font-family: "Kimchi", sans-serif;
text-transform: uppercase;
transition: all .25s linear; }
.wpcf7 .wpcf7-form input[type="submit"]:hover {
cursor: pointer;
background: #026cb5; }
.wpcf7 .wpcf7-form textarea {
border: 1px solid #c6c6c6;
width: 100%;
resize: vertical;
border-radius: 10px;
text-align: center;
padding: 12px;
color: #707070;
font-weight: 300;
font-family: "Oakes", sans-serif; }
.wpcf7 .wpcf7-form .upload-holder {
width: 95%;
margin: 0 auto 30px auto;
height: 60px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer; }
.wpcf7 .wpcf7-form .upload-holder .wpcf7-form-control-wrap {
width: 100%;
display: inline-block;
height: 60px;
top: 0;
left: 0;
border: 1px solid #c6c6c6;
border-radius: 10px;
position: absolute;
cursor: pointer;
margin: 0 auto; }
.wpcf7 .wpcf7-form .wpcf7-file {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer !important;
opacity: 0;
filter: alpha(opacity=0);
font-size: 5em;
height: 60px;
width: 100%;
left: 0;
z-index: 1; }
.wpcf7 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item,
.wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item,
.wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item {
position: relative;
width: 100%;
margin: 5px auto;
text-align: left;
padding-left: 30px; }
.wpcf7 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"],
.wpcf7 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item input[type="radio"],
.wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"],
.wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="radio"],
.wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="checkbox"],
.wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"] {
-webkit-appearance: none; }
.wpcf7 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]::before,
.wpcf7 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item input[type="radio"]::before,
.wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]::before,
.wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="radio"]::before,
.wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="checkbox"]::before,
.wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"]::before {
content: '';
width: 20px;
height: 20px;
border: 1px solid #00a5e2;
position: absolute;
left: 0px;
top: 4px;
bottom: 0; }
.wpcf7 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked::before,
.wpcf7 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item input[type="radio"]:checked::before,
.wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked::before,
.wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="radio"]:checked::before,
.wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="checkbox"]:checked::before,
.wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked::before {
background: #00a5e2; }
.wpcf7 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item input[type="radio"]::before,
.wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="radio"]::before,
.wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"]::before {
border-radius: 20px; }
.wpcf7 .wpcf7-form .wpcf7-acceptance {
display: block;
margin-top: -15px; }
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0; }
.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(../../images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle; }
.wpcf7 .ajax-loader.is-active {
visibility: visible; }
.wpcf7 .ajax-loader div.ajax-error {
display: none; }
.wpcf7 .wpcf7-response-output {
margin: 15px auto;
padding: 15px;
width: 95%;
border: 2px solid red; }
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
border: 2px solid #398f14; }
.wpcf7 .wpcf7-response-output.wpcf7-acceptance-missing, .wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
border: 2px solid #f7e700; }
.wpcf7 .wpcf7-response-output.wpcf7-spam-blocked {
border: 2px solid orange; }
div.wpcf7-aborted, div.wpcf7-mail-sent-ng {
border: 2px solid red; }
.wpcf7-form-control-wrap {
position: relative; }
span.wpcf7-not-valid-tip {
color: red;
font-size: 1em;
font-weight: 400;
display: block; }
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid red;
background: #fff;
padding: .2em .8em; }
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em; }
span.wpcf7-list-item-label::after, span.wpcf7-list-item-label::before {
content: " "; }
.wpcf7-display-none {
display: none; }
div.wpcf7 .placeheld {
color: #888; }
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0; }
div.wpcf7 input[type=file] {
cursor: pointer; }
div.wpcf7 input[type=file]:disabled {
cursor: default; }
/*
// @todo style datepickers
#ui-datepicker-div {
.ui-datepicker-header {
background: $color-primary;
.ui-datepicker-title {
.ui-datepicker-month,
.ui-datepicker-year {
color: $color-white;
}
}
}
}*/
.section-three-images {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: -80px;
margin-top: 80px; }
.section-three-images .single-image {
-ms-flex: 1;
flex: 1;
position: relative; }
.section-three-images .single-image .image {
height: 50vh;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important; }
.section-three-images .single-image .item-caption {
position: absolute;
top: -30%;
color: #00a5e2;
font-size: 2rem;
font-family: "Kimchi", sans-serif;
text-align: center;
left: 0;
right: 21px; }
.section-three-images .single-image .item-caption .item-arrow {
width: 100%;
height: 40px;
background-position: center center !important;
background-size: auto 100% !important;
background-repeat: no-repeat !important;
pointer-events: none;
margin-bottom: 10px; }
.section-three-images .single-image .single-image-overlay {
opacity: 0;
position: absolute;
height: 100%;
width: 100%;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
transition: opacity 0.2s; }
.section-three-images .single-image .single-image-overlay--text {
font-family: "Kimchi", sans-serif;
color: #fff;
opacity: 1;
z-index: 1;
margin: 0;
text-align: center;
font-size: 1.4rem;
padding: 40px;
line-height: 120%; }
.section-three-images .single-image .single-image-overlay--colour {
position: absolute;
top: 0;
height: 100%;
width: 100%; }
.section-three-images .single-image:hover .single-image-overlay {
display: -ms-flexbox;
display: flex;
opacity: 1; }
.section-three-images .single-image.article-number-1 .item-caption {
-ms-transform: rotate(15deg);
transform: rotate(15deg); }
.section-three-images .single-image.article-number-1 .item-caption .item-arrow {
background: url("../img/three_image_block/spiral.png"); }
.section-three-images .single-image.article-number-3 .item-caption {
-ms-transform: rotate(-15deg);
transform: rotate(-15deg); }
.section-three-images .single-image.article-number-3 .item-caption .item-arrow {
background: url("../img/three_image_block/arrow.png"); }
@media (max-width: 769px) {
.section-three-images {
-ms-flex-direction: column;
flex-direction: column; }
.section-three-images .single-image {
width: 100%; }
.section-three-images .item-caption {
display: none; } }
.section-infographic .infographic-intro {
text-align: center; }
.section-infographic .infographic-intro h2 {
color: #00a5e2; }
.section-infographic .infographic-intro h3 {
font-weight: 500;
font-family: "Oakes", sans-serif; }
.section-infographic .infographic-holder {
display: -ms-flexbox;
display: flex;
margin: 30px auto;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative; }
@media (max-width: 767px) {
.section-infographic .infographic-holder {
-ms-flex-direction: column;
flex-direction: column; } }
.section-infographic .infographic-holder .infographic {
width: 30%;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column; }
@media (max-width: 767px) {
.section-infographic .infographic-holder .infographic {
width: 100%;
margin: 20px auto; } }
.section-infographic .infographic-holder .infographic .infographic-image {
background: #daebbc;
width: 140px;
height: 140px;
background-size: 42% auto !important;
background-position: center center !important;
background-repeat: no-repeat !important;
border-radius: 50%; }
.section-infographic .infographic-holder .infographic .infographic-image.hub_zone_3 {
background: #000; }
.section-infographic .infographic-holder .infographic .infographic-content {
width: 100%; }
.section-infographic .infographic-holder .infographic .infographic-content h3 {
color: #85bc22;
margin: 10px 0;
font-family: "Kimchi", sans-serif;
font-size: 1.2rem; }
.section-infographic .infographic-holder .infographic .infographic-content p {
margin-top: 0; }
.faq-dropdown {
width: 100%;
margin: 0 auto; }
@media (max-width: 769px) {
.faq-dropdown .faq-dropdown_intro {
width: 90%;
margin: 0 auto; } }
.faq-dropdown .faqs {
max-width: 800px;
margin: 0 auto; }
@media (max-width: 769px) {
.faq-dropdown .faqs {
width: 90%;
margin: 0 auto; } }
.faq-dropdown .faqs .item {
margin-top: 20px; }
.faq-dropdown .faq-dropdown_intro__wrapper {
max-width: 800px;
margin: 0 auto; }
.faq-dropdown .panel {
margin-bottom: 15px;
box-shadow: 1px 2px 4px 4px #f5f5f5;
padding: 15px; }
.faq-dropdown .panel.open {
box-shadow: 1px 5px 5px 5px #ececec; }
.faq-dropdown .panel .panelheader {
position: relative;
cursor: pointer;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 18px; }
@media (min-width: 600px) {
.faq-dropdown .panel .panelheader {
font-size: 22px; } }
.faq-dropdown .panel .panelheader h3, .faq-dropdown .panel .panelheader p {
width: calc(100% - 55px);
margin: 0;
color: #000; }
.faq-dropdown .panel .panelheader h3 {
font-size: 2rem;
line-height: 1;
}
.faq-dropdown .panel .panelheader button {
display: block;
width: 40px;
height: 40px;
line-height: 25px;
background: #fff;
font-size: 16px;
color: #fff;
text-align: center;
border-radius: 7px; }
.faq-dropdown .panel .panelheader button .icon-plus, .faq-dropdown .panel .panelheader button .icon-minus {
display: inline-block;
width: 20px;
height: 10px;
background-size: contain !important;
background-repeat: no-repeat !important; }
.faq-dropdown .panel .panelheader button .fa-chevron-up {
display: inline-block;
width: 20px;
height: 20px;
border-right: 2px solid;
border-bottom: 2px solid;
transform: rotate(-135deg) translate(-5px, -5px) !important;
}
.faq-dropdown .panel .panelheader button .fa-chevron-down {
display: inline-block;
width: 20px;
height: 20px;
border-right: 2px solid;
border-bottom: 2px solid;
transform: rotate(45deg) !important;
}
.faq-dropdown .panel .panelcontent {
overflow: hidden;
height: 0px;
transition: height .25s ease-out;
-webkit-transition: height .25s ease-out;
-moz-transition: height .25s ease-out;
font-size: 18px;
line-height: 1.44; }
.faq-dropdown .panel .panelcontent .panelwrapper {
margin: 8px 0; }
.faq-dropdown .panel .panelcontent .panel-find {
display: none !important;
margin-top: 15px; }
.faq-dropdown .panel .panelcontent .panel-find span, .faq-dropdown .panel .panelcontent .panel-find a {
display: inline-block;
color: #00a5e2;
font-size: .9rem;
line-height: 1.2rem; }
.faq-dropdown .panel .panelcontent .panel-find .answer {
border: 1px solid #00a5e2;
min-width: 40px;
text-align: center;
margin-left: 10px;
padding: 2px 10px; }
.faq-dropdown .panel .panelcontent .panel-find .answer:hover {
cursor: pointer;
background: #00a5e2;
color: #fff; }
.faq-dropdown .panel .panelcontent .panel-find .vote-thankyou {
display: none; }
@media (max-width: 769px) {
.faq-dropdown .panel .panelcontent .panel-find span {
display: block;
margin-bottom: 5px; }
.faq-dropdown .panel .panelcontent .panel-find a:first-of-type {
margin-left: 0; } }
#pinboard_filters {
padding: .75rem 0;
background: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center; }
#pinboard_filters .social-sharing {
-ms-flex-order: 2;
order: 2;
width: 100%;
margin: 13px 0.9375rem; }
@media (min-width: 768px) {
#pinboard_filters .social-sharing {
margin: 0;
width: auto; } }
#pinboard_filters #pinboard_filters_wrapper {
-ms-flex-order: 1;
order: 1;
font-size: 1.2rem;
font-family: "Oakes", sans-serif;
color: #dde0e1;
width: 100%;
margin: 0 0.9375rem;
margin-top: 0; }
@media (min-width: 768px) {
#pinboard_filters #pinboard_filters_wrapper {
margin-top: 0;
width: 100%;
max-width: 800px; } }
@media (min-width: 1400px) {
#pinboard_filters #pinboard_filters_wrapper {
max-width: none; } }
#pinboard_filters #pinboard_filters_wrapper span {
margin: 0 15px; }
@media (max-width: 767px) {
#pinboard_filters #pinboard_filters_wrapper span {
text-align: center; } }
#pinboard_filters #pinboard_filters_wrapper .flex {
-ms-flex-pack: center;
justify-content: center; }
@media (max-width: 767px) {
#pinboard_filters #pinboard_filters_wrapper .flex {
-ms-flex-direction: column;
flex-direction: column; } }
#pinboard_filters #pinboard_filters_wrapper .filter_button {
position: relative;
color: #0033a0;
text-transform: lowercase;
padding: 0 1.875rem 0 0;
font-family: "Kimchi", sans-serif;
text-transform: none;
text-align: left; }
#pinboard_filters #pinboard_filters_wrapper .filter_button:hover {
cursor: pointer; }
#pinboard_filters .show-more {
display: block;
width: 100%;
text-align: center;
font-size: 0.6em;
color: black;
text-transform: lowercase; }
@media (min-width: 768px) {
#pinboard_filters .show-more {
display: none; } }
#pinboard_filters .tlc_dropdown_wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 15px; }
@media (max-width: 767px) {
#pinboard_filters .tlc_dropdown_wrapper {
margin: 15px 0 0; }
#pinboard_filters .tlc_dropdown_wrapper.not-first {
display: none;
width: 100%;
text-align: center; }
#pinboard_filters .tlc_dropdown_wrapper.not-first .filter_button {
margin: 0; } }
#pinboard_filters .filter_options {
position: absolute;
top: 30px;
left: 50%;
background: #00a5e2;
color: #fff;
z-index: 2;
visibility: hidden;
opacity: 0;
transform: translate3d(-50%, 4%, 0);
transition: all .5s ease-in-out; }
@media (min-width: 767px) {
#pinboard_filters .filter_options {
top: 40px; } }
#pinboard_filters .filter_options.active {
visibility: visible;
transform: translate3d(-50%, 0, 0);
opacity: 1; }
#pinboard_filters .filter_options.active.remove {
transform: translate3d(-50%, 4%, 0);
opacity: 0; }
#pinboard_filters .filter_options button {
display: block;
color: inherit;
text-transform: none;
margin: 0.3125rem 0;
text-transform: uppercase;
white-space: nowrap;
width: 100%; }
#pinboard_filters .filter_options button.activated, #pinboard_filters .filter_options button:hover {
background: #fff;
color: #00a5e2; }
#pinboard_filters .filter_options .filter_options_wrapper {
padding: 0.9375rem; }
#pinboard_filters .selected-tags {
width: 100%;
-ms-flex-order: 2;
order: 2;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
max-width: 800px; }
@media (max-width: 769px) {
#pinboard_filters .selected-tags {
width: 90%;
margin: 0 auto;
-ms-flex-direction: column;
flex-direction: column; } }
#pinboard_filters .selected-tags .selected-tag {
background: #0033a0;
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0033a0 0%, #00a5e2 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$$color-headerBackgroundDarker', endColorstr='$color-headerBackground',GradientType=1 );
/* IE6-9 */
color: #ececec;
padding: 8px 3.5rem 8px 10px;
font-size: .8rem;
border-radius: 30px;
margin-right: 10px;
position: relative;
min-width: 100px; }
@media (max-width: 769px) {
#pinboard_filters .selected-tags .selected-tag {
max-width: 60%;
margin: 10px 0; } }
#pinboard_filters .selected-tags .selected-tag a {
position: absolute;
top: 50%;
right: 7px;
display: block;
background-image: url(../img/faq/icon-close.png);
width: 15px;
height: 11px;
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#pinboard_filters .selected-tags .selected-tag a:hover {
cursor: pointer; }
#product_description_intro .social-sharing {
position: initial; }
@media (min-width: 768px) {
#product_description_intro .social-sharing {
position: absolute;
top: 30px;
right: 0.9375rem; } }
.social-sharing-section {
display: block;
margin: 1.6875rem auto 0;
text-align: center; }
@media (min-width: 768px) {
.social-sharing-section {
margin-top: 2.6875rem; } }
.social-sharing {
border: 2px solid #00a5e2;
padding: 10px;
webkit-border-radius: 5px;
border-radius: 5px;
background-color: #f9f9f9; }
@media (max-width: 480px) {
.social-sharing {
width: 100%; }
.social-sharing .social-sharing_wrapper {
-ms-flex-pack: start;
justify-content: flex-start; } }
.social-sharing.social-sharing-inline {
display: inline-block;
border: none;
background: none;
margin: 0 auto;
text-align: left; }
.social-sharing.social-sharing-inline .share-span {
font-size: 2rem; }
@media (max-width: 480px) {
.social-sharing.social-sharing-inline .share-span {
font-size: 1.5rem; } }
.social-sharing.social-sharing-inline button {
width: 40px;
height: 50px; }
@media (max-width: 480px) {
.social-sharing.social-sharing-inline button {
width: 30px;
height: 30px; } }
.social-sharing.social-sharing-product {
margin-top: 30px;
border: none;
background: none;
padding: 10px 0; }
.social-sharing.social-sharing-product .share-span {
font-size: 1.5rem;
margin: 0;
text-transform: uppercase; }
@media (max-width: 480px) {
.social-sharing.social-sharing-product .share-span {
font-size: 1.5rem; } }
.social-sharing.social-sharing-product button {
width: 50px;
height: 50px; }
@media (max-width: 480px) {
.social-sharing.social-sharing-product button {
width: 30px;
height: 30px; } }
.share-button {
display: block;
width: 40px;
height: 40px;
text-indent: -99999px; }
.share-facebook {
background-image: url("../img/social_content_board/share-facebook.png");
background-size: 8px, 19px; }
.share-twitter {
background-image: url("../img/social_content_board/share-twitter.png");
background-size: 23px, 19px; }
.share-instagram {
background-image: url("../img/social_content_board/share-instagram.png");
background-size: 19px, 19px; }
.share-messenger {
background-image: url("../img/social_content_board/share-messenger.png");
width: 30px;
height: 30px; }
@media (max-width: 600px) {
.share-messenger {
display: none; } }
.share-whatsapp {
background-image: url("../img/social_content_board/share-whatsapp.png");
width: 30px;
height: 30px;
display: none; }
@media (max-width: 600px) {
.share-whatsapp {
display: block; } }
.snack-inspiration {
margin-top: 100px;
position: relative;
width: 100%;
margin-bottom: 80px; }
.snack-inspiration__title {
text-align: center;
color: #00a5e2; }
.snack-inspiration__background {
position: absolute;
top: 30%;
bottom: 30%;
width: 100%;
background: #f9e398; }
.snack-inspiration__background::before, .snack-inspiration__background::after {
content: '';
width: 100%;
display: block;
background-repeat: no-repeat;
position: absolute;
left: 0;
right: 0; }
.snack-inspiration__background::before {
background: url(../img/featured-content/homepage/snacks-top.png);
background-size: cover;
background-repeat: no-repeat;
height: 200px;
top: -200px; }
.snack-inspiration__background::after {
background: url(../img/featured-content/homepage/snacks-bottom.png);
background-size: cover;
background-repeat: no-repeat;
height: 240px;
bottom: -240px; }
.snack-inspiration__cards {
margin-bottom: 40px; }
@media (min-width: 768px) {
.snack-inspiration__cards {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.snack-inspiration__cards__card {
margin: 50px;
background: white;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative; }
@media (min-width: 768px) {
.snack-inspiration__cards__card {
width: calc(50% - 100px); } }
.snack-inspiration__cards__card--card-1 {
-ms-transform: rotate(3deg);
transform: rotate(3deg); }
.snack-inspiration__cards__card--card-2 {
-ms-transform: rotate(-3deg);
transform: rotate(-3deg); }
.snack-inspiration__cards__card--card-3 {
-ms-transform: rotate(3deg);
transform: rotate(3deg); }
.snack-inspiration__cards__card--card-4 {
-ms-transform: rotate(-3deg);
transform: rotate(-3deg); }
.snack-inspiration__cards__card__image {
width: 100%;
max-height: 400px; }
.snack-inspiration__cards__card__title {
-ms-flex-item-align: baseline;
align-self: baseline;
font-family: 'Kalam', cursive;
font-weight: bold;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 0;
text-align: center;
width: 100%;
padding: 30px 20px;
text-transform: uppercase; }
.product_card {
position: relative;
display: inline-block;
width: 100%;
margin: 0 0 1.25rem;
color: #fff;
text-align: center;
overflow: hidden; }
@media (min-width: 570px) {
.product_card {
margin: 0 1.34% 0.9375rem 0;
width: 48.25%; } }
@media (min-width: 767px) {
.product_card {
width: 32.1666667%; } }
.product_card a {
text-decoration: none;
color: #fff; }
.product_card h3, .product_card h4 {
margin-top: 0; }
.product_card h3 {
margin: 15px 0 0 0; }
.product_card h4 {
font-size: 1.125rem;
margin-bottom: 0;
text-transform: uppercase;
font-family: sans-serif; }
@media (min-width: 570px) and (max-width: 759px) {
.product_card:nth-child(2n) {
margin-right: 0; } }
@media (min-width: 760px) {
.product_card:nth-child(3n) {
margin-right: 0; } }
.product_card .product-img-container .product-image {
width: 100%;
padding-bottom: 90%; }
.product_card .product_info_wrapper {
position: relative;
z-index: 2;
height: 100%;
margin-bottom: 70px; }
.product_card .product_info_wrapper .product_info_container {
padding: 75px 35px 35px; }
@media (min-width: 570px) {
.product_card .product_info_wrapper .product_info_container {
padding: 3.125rem 2.1875rem 2.1875rem; } }
.product_card .product_info_wrapper .product_info_container--home {
padding-bottom: 0;
padding-top: 1.5rem; }
.product_card .product_info_wrapper .product_info {
margin-top: 0.5rem; }
.product_card .product_info_wrapper .product_info--home {
margin-top: 1.5rem; }
.product_card .card_overlay, .product_card .card_background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
.product_card .card_overlay {
-ms-transform: translateY(-101%);
transform: translateY(-101%);
z-index: 4; }
.product-popup {
position: fixed;
top: 30px;
left: 0px;
width: 100%;
height: 100%;
z-index: 9999;
text-align: center;
padding: 2rem 0;
visibility: hidden;
overflow-x: hidden;
overflow-y: auto;
transition: opacity .25s linear; }
.product-popup::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em; }
.product-popup__wrapper {
position: relative;
display: inline-block;
vertical-align: middle;
background: #fff;
z-index: 3;
width: 100%;
max-width: 855px;
background: #fff;
-webkit-overflow-scrolling: touch; }
@media (min-width: 768px) {
.product-popup__wrapper {
height: 460px; } }
.product-popup__inner {
width: 100%;
height: 100%; }
.product-popup__shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.3); }
.product-popup__preview_tumbs {
width: 100%;
height: 100%;
-ms-flex-order: 2;
order: 2; }
@media (min-width: 768px) {
.product-popup__preview_tumbs {
width: 30%;
height: 100%;
-ms-flex-order: 2;
order: 2; } }
.product-popup__preview_slider {
width: 100%;
height: 100%;
-ms-flex-order: 1;
order: 1; }
@media (min-width: 768px) {
.product-popup__preview_slider {
width: 70%;
height: 100%;
-ms-flex-order: 1;
order: 1; } }
.product-popup__close-button {
position: absolute;
top: 15px;
right: 15px;
width: 26px;
height: 27px;
background-image: url(../img/product-popup/close_button.png);
z-index: 9; }
.product-popup__close-button:hover {
cursor: pointer; }
.product-popup--active {
visibility: visible; }
.product-popup .product-thumbs {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start; }
.product-popup .product-thumbs__img-wrapper {
width: calc(100% / 5);
padding: 6px 3px 6px 3px; }
@media (min-width: 768px) {
.product-popup .product-thumbs__img-wrapper {
width: 100%;
width: calc(100% / 5);
padding: 15px 15px 7.5px 15px; } }
.product-popup .product-thumbs__img-wrapper:last-child {
padding-bottom: 15px; }
@media (max-width: 768px) {
.product-popup .product-thumbs__img-wrapper:last-child {
padding-bottom: 0; } }
.product-popup .product-thumbs__img-wrapper:hover {
cursor: pointer; }
.product-popup .product-thumbs__img {
padding-bottom: 86%;
background-size: contain; }
@media (min-width: 768px) {
.product-popup .product-thumbs__img {
height: 100%;
width: 100%;
padding-bottom: 0; } }
.product-popup .product-thumbs__img.active {
background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#496178), to(#2E4960)); }
.product-popup .popup-slider__img {
background-size: contain; }
@media (min-width: 768px) {
.product-popup .popup-slider .swiper-container,
.product-popup .popup-slider .swiper-wrapper,
.product-popup .popup-slider .swiper-slide {
height: 100%; } }
.product-popup .popup-slider .swiper-button-next, .product-popup .popup-slider .swiper-button-prev {
margin-top: 0; }
.product-popup .popup-slider .swiper-slide {
padding-bottom: 0; }
@media (max-width: 768px) {
.product-popup .popup-slider .swiper-slide {
padding-bottom: 80%; } }
.product-popup_4 .product-thumbs__img-wrapper {
height: 25%; }
.product-popup_3 .product-thumbs__img-wrapper {
height: 33.33%; }
.popup-slider__img {
background-size: contain; }
.popup-slider .swiper-button-next, .popup-slider .swiper-button-prev {
margin-top: 0; }
.open-product-popup {
display: none; }
@media (min-width: 768px) {
.open-product-popup {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 9999; } }
.open-product-popup .open-product-popup_icon {
width: 27px;
height: 27px;
margin-bottom: 10px;
background-image: url("../img/product-popup/zoom.png");
background-repeat: no-repeat; }
.open-product-popup:hover {
cursor: pointer; }
.product-pre-popup {
display: block; }
.product-pre-popup::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em; }
.product-pre-popup__wrapper {
position: relative;
display: inline-block;
vertical-align: middle;
background: #fff;
z-index: 3;
width: 100%;
max-width: 950px;
padding: 15px;
background: #fff;
-webkit-overflow-scrolling: touch;
border-radius: 4px;
box-shadow: 0px 3px 25.4px 1.6px rgba(17, 17, 17, 0.23);
background-color: #f6f6f6; }
@media (min-width: 768px) {
.product-pre-popup__wrapper {
margin-top: -15px; } }
.product-pre-popup__inner {
width: 100%;
height: 100%; }
.product-pre-popup__shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9); }
.product-pre-popup__preview_tumbs {
width: 100%;
height: 100%;
-ms-flex-order: 2;
order: 2; }
.product-pre-popup__preview_slider {
width: 100%;
margin: auto;
-ms-flex-order: 1;
order: 1;
padding-bottom: 10px; }
.product-pre-popup .swiper-container {
padding-bottom: 30px; }
.product-pre-popup--active {
visibility: visible; }
.product-pre-popup_4 .product-thumbs__img-wrapper {
height: 25%; }
.product-pre-popup_3 .product-thumbs__img-wrapper {
height: 33.33%; }
.product-thumbs {
position: relative;
background-color: rgba(250, 250, 250, 0.65);
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start; }
.product-thumbs__img-wrapper {
width: calc(100% / 5);
padding: 10px 3px 10px 3px;
position: relative; }
.product-thumbs__img-wrapper:hover {
cursor: pointer; }
.product-thumbs__img-overlay {
display: none;
background-color: rgba(250, 250, 250, 0.65);
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px; }
.product-thumbs__img-overlay.active {
display: block; }
.product-thumbs__img {
padding-bottom: 86%;
background-size: contain; }
.popup-slider__img {
background-size: contain; }
.popup-slider .swiper-container img,
.popup-slider .swiper-wrapper img,
.popup-slider .swiper-slide img {
visibility: hidden; }
.popup-slider .swiper-button-next, .popup-slider .swiper-button-prev {
margin-top: 0; }
.popup-slider .swiper-slide {
border-top-left-radius: 0;
border-bottom-right-radius: 0; }
.open-product-pre-popup {
width: 60px;
height: 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 9999; }
.open-product-pre-popup .open-product-pre-popup_icon {
width: 27px;
height: 27px;
background-image: url("../img/product-popup/zoom.png"); }
.open-product-pre-popup:hover {
cursor: pointer; }
.product-range h3 {
color: #202020 !important;
font-family: "Kimchi", sans-serif;
font-size: 1.1rem;
line-height: 1.5rem;
margin-bottom: 0; }
@media (min-width: 767px) {
.product-range h3 {
font-size: 1.5rem;
line-height: 2rem; } }
.product-range .product_info_wrapper {
visibility: visible !important; }
.product-range .commercial_buttons--mt {
margin-top: 1.5rem; }
@media (min-width: 767px) {
.product-range.items_per_row_2 .product_card {
width: 42.166667%;
margin: 0 auto !important;
margin-bottom: 3rem !important; } }
.product__category {
margin-bottom: 80px; }
@media (min-width: 767px) {
.product__category {
display: -ms-flexbox;
display: flex;
margin-bottom: 50px; }
.product__category > * {
width: 50%;
}
.product__category a img {
width: 100%;
}
}
.product__category--reverse {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.product__category__details {
margin-bottom: 30px; }
@media (min-width: 767px) {
.product__category__details {
margin-bottom: 0; } }
.product__category__details__h2 {
color: #00a5e2;
text-transform: none; }
.product__category__details__p {
margin-bottom: 30px; }
@media (min-width: 767px) {
.product__category__details--reverse {
text-align: right;
margin-left: 50px; } }
@media (min-width: 767px) {
.product__category__details--no-reverse {
text-align: left;
margin-right: 50px; } }
.social-pinboard {
padding: 1.6875rem 0 0;
overflow: hidden; }
.social-pinboard__social-pinboard__wrapper {
margin: 0 0 20px 0; }
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder {
width: 25%;
height: 43vh;
padding: 0;
position: relative;
text-decoration: none; }
@media (max-width: 769px) {
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder {
width: 100%;
padding: 6%; } }
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder .pinterest-item {
width: 100%;
height: 100%; }
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder .pinterest-item .pinterest-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 165, 226, 0.75);
opacity: 0;
transition: opacity 0.3s ease-in; }
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder .pinterest-item .pinterest-overlay:hover {
transition: opacity 0.3s ease-in;
opacity: 1; }
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder .pinterest-item .pinterest-image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder .pinterest-item .pinterest-logo {
position: absolute;
top: 15px;
left: 15px;
width: 11%;
height: 11%;
opacity: 0;
background: url("../img/social_feed/pinterest-icon-white.png");
background-size: contain;
background-repeat: no-repeat; }
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder .pinterest-item .note {
font-family: "Oakes", sans-serif;
text-align: left !important;
width: 100%;
margin: 0 auto;
padding: 10px;
max-width: none;
text-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff;
display: -ms-flexbox;
display: flex;
opacity: 0;
transition: opacity 0.3s ease-in; }
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder .pinterest-item .note p {
font-size: 14px !important;
line-height: 20px !important;
color: #fff !important; }
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder .pinterest-item:hover .note,
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder .pinterest-item:hover .pinterest-logo,
.social-pinboard__social-pinboard__wrapper .pinterest-article-holder .pinterest-item:hover .pinterest-overlay {
opacity: 1; }
.social-pinboard__intro__copy {
width: 100%;
max-width: 700px;
margin: 0 auto;
text-align: center; }
.social-pinboard__intro--content {
text-align: center; }
.social-pinboard__social-pinboard {
margin-top: 50px; }
.social-pinboard .social-feed__row {
width: 100%; }
.social-pinboard .social-pinboard__wrapper {
padding: 30px 0; }
.social-pinboard .social-feed-item {
position: relative;
width: calc(100% / 2);
height: calc(100vw / 2);
color: #fff; }
@media (min-width: 640px) {
.social-pinboard .social-feed-item {
width: calc(100% / 3);
height: calc(100vw / 3); } }
@media (min-width: 768px) {
.social-pinboard .social-feed-item {
width: 25%;
height: calc(100vw / 4); } }
@media (min-width: 992px) {
.social-pinboard .social-feed-item {
width: 20%;
height: calc(100vw / 5); } }
.social-pinboard .social-feed-item a {
display: block;
width: 100%;
height: 100%; }
.social-pinboard .social-feed-item a:hover .social-feed-item__overlay {
opacity: 1;
transition: background-color 0.3s ease-in, opacity 0.3s ease-in; }
.social-pinboard .social-feed-item__wrapper {
display: block; }
.social-pinboard .social-feed-item img {
max-height: calc(100vw / 2); }
@media (min-width: 640px) {
.social-pinboard .social-feed-item img {
max-height: calc(100vw / 3); } }
@media (min-width: 768px) {
.social-pinboard .social-feed-item img {
max-height: calc(100vw / 4); } }
@media (min-width: 992px) {
.social-pinboard .social-feed-item img {
max-height: calc(100vw / 5); } }
.social-pinboard .social-feed-item img.landscape {
width: auto; }
.social-pinboard .social-feed-item img.portrait {
width: 100%; }
.social-pinboard .social-feed-item__overlay {
opacity: 0;
transition: background-color 0.3s ease-in, opacity 0.3s ease-in;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1; }
@media (max-width: 768px) {
.social-pinboard .social-feed-item__overlay {
display: none; } }
.social-pinboard .social-feed-item__overlay__inner {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 15px; }
.social-pinboard .social-feed-item__overlay__shadow {
width: 100%;
height: 100%;
background-image: url("../img/social_feed/overlay.png");
opacity: 0.80; }
.social-pinboard .social-feed-item__logo {
position: absolute;
top: 15px;
left: 15px;
width: 15%;
height: 15%; }
.social-pinboard .social-feed-item .logo-instagram {
background-image: url("../img/social_feed/instagram-icon.png"); }
.social-pinboard .social-feed-item .logo-twitter {
background-image: url("../img/social_feed/share-twitter.png"); }
.social-pinboard .social-feed-item .logo-facebook {
background-image: url("../img/social_feed/share-facebook.png"); }
.social-pinboard .social-feed-item__content {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 15px; }
.social-pinboard .social-feed-item__content p {
color: #fff;
font-size: 10px;
line-height: 16px;
word-break: break-word;
margin-top: 5px; }
@media (min-width: 768px) {
.social-pinboard .social-feed-item__content p {
font-size: 12px;
line-height: 18px; } }
@media (min-width: 992px) {
.social-pinboard .social-feed-item__content p {
font-size: 14px;
line-height: 20px; } }
.social-pinboard .social-feed-item-instagram {
cursor: pointer; }
.social-pinboard .social-feed-item-facebook {
background-color: #f2f2f2; }
.social-pinboard .social-feed-item-facebook P {
color: #777777; }
.social-pinboard .social-feed-item-twitter {
height: auto;
padding: 10px; }
.social-pinboard .social-feed-item-twitter p {
color: #dde0e1; }
.social-pinboard .social-feed-item-twitter .social-feed-item__wrapper {
background-color: #f2f2f2;
height: 100%; }
.social-pinboard .social-feed-item-twitter .social-feed-item__content {
position: relative;
padding: 10px; }
.social-pinboard .social-feed-item-twitter .social-feed-item__image, .social-pinboard .social-feed-item-twitter .social-feed-item__video {
width: 100%;
height: calc( 100vh / 4);
background-size: cover;
background-position: center center; }
.social-pinboard .social-feed-item-twitter .social-feed-item__no-media {
height: calc(100vh / 4); }
.adimo-iframe-outer {
position: relative;
height: 0px;
overflow: hidden;
margin-top: 70px; }
.adimo-iframe-inner {
max-width: 1200px;
margin: 0 auto;
background-color: #fff;
position: relative;
height: 0px; }
.adimo-iframe-inner #adimo-iframe {
width: 100%;
display: block;
border: none; }
.image-product-hightlight {
font-family: "Kimchi", sans-serif;
position: relative;
background: #f8de8c;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border: solid 3px;
border-color: #fdd258;
border-radius: 20px;
padding: 30px 20px;
max-width: 730px;
margin: 50px auto;
text-align: center; }
@media (max-width: 769px) {
.image-product-hightlight {
display: block; } }
.image-product-hightlight__image, .image-product-hightlight__text {
width: 100%; }
.image-product-hightlight__image::after {
content: '=';
color: #202020;
font-size: 2.8rem; }
@media (min-width: 769px) {
.image-product-hightlight__image::after {
position: absolute;
width: 30px;
height: 30px;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0; } }
@media (max-width: 769px) {
.image-product-hightlight__image::after {
width: 100%;
display: block; } }
.image-product-hightlight__text {
color: #202020;
margin: 0 30px; }
@media (max-width: 769px) {
.image-product-hightlight__text {
margin: 20px 0; } }
.image-product-hightlight__text__content {
display: block;
margin: auto;
font-family: "Kimchi", sans-serif;
text-transform: uppercase;
font-size: 1.7rem;
font-weight: 900;
line-height: 140%;
text-align: center;
max-width: 250px; }
.video-player {
position: relative;
overflow: hidden;
max-height: 200px; }
@media (min-width: 768px) {
.video-player {
min-height: 500px; } }
.video-player__overlay {
position: absolute;
background-size: cover;
background-position: center;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: transform 0.5s; }
.video-player__overlay::before {
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
position: absolute;
z-index: 2; }
.video-player__overlay:hover {
-ms-transform: scale(1.04);
transform: scale(1.04); }
.video-player__overlay:hover .video-player__overlay__play {
-ms-transform: scale(1.1);
transform: scale(1.1); }
.video-player__overlay__play {
width: 100px;
height: 100px;
background-image: url("../img/common/play.png");
background-size: contain;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
transition: transform 0.4s; }
.video-player__overlay__play:hover {
cursor: pointer; }
.video-player__player {
width: 100%; }
.world-swiper {
position: relative;
z-index: 4; }
@media (max-width: 768px) {
.world-swiper--desktop {
display: none; } }
@media (min-width: 768px) {
.world-swiper--mobile {
display: none; } }
.world-swiper__container::-webkit-scrollbar {
display: none; }
@media (min-width: 768px) {
.world-swiper__container__wrapper {
-ms-flex-align: center;
align-items: center; } }
.world-swiper__mobile-nav {
position: relative;
z-index: 4;
text-align: center; }
.world-swiper__mobile-nav__list {
list-style: none;
margin: 0;
padding: 0; }
.world-swiper__mobile-nav__list__item {
margin: auto; }
.world-swiper__mobile-nav__heading {
color: inherit;
margin: 5px 20px;
font-size: 18px;
text-transform: uppercase; }
.world-swiper__slide {
padding: 20px 0;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 100px; }
@media (min-width: 768px) {
.world-swiper__slide {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row;
flex-direction: row; } }
.world-swiper__slide__content {
text-align: center;
max-width: 500px;
margin: auto; }
@media (min-width: 768px) {
.world-swiper__slide__content {
margin: 0;
margin-left: 80px;
text-align: left;
max-width: 400px; } }
.world-swiper__slide__content__heading {
margin-top: 0;
text-transform: uppercase;
color: #00a5e2;
font-size: 28px; }
@media (min-width: 768px) {
.world-swiper__slide__content__heading {
font-size: 40px; } }
.world-swiper__slide__content p {
font-family: Nunito;
line-height: 1.4;
color: #666666;
font-size: 18px; }
@media (min-width: 768px) {
.world-swiper__slide__content p {
font-size: 20px; } }
.world-swiper__slide__image {
max-width: 250px;
-ms-flex-item-align: center;
align-self: center;
margin: 30px 0; }
@media (min-width: 768px) {
.world-swiper__slide__image {
-ms-transform: rotate(3deg);
transform: rotate(3deg);
max-width: 300px;
margin: 0; } }
.world-swiper__slide__image img {
width: 100%; }
.notFound {
margin-top: 100px; }
#hub {
padding-bottom: 50px; }
#hub h4 {
font-size: 1.125rem;
line-height: 1.75rem; }
@media (min-width: 768px) {
#hub h4 {
font-size: 1.7rem;
line-height: 2.1rem; } }
#hub .home-section {
position: relative;
padding: 60px 0;
text-align: center; }
#hub #pinboard_page {
margin-top: 0;
padding: 0 !important; }
#hub #featured_content {
text-align: center; }
#hub #featured_content .read_more {
color: #d53f44; }
#hub #featured_content .sub_featured_content {
margin-top: 2.1875rem; }
#hub #featured_content .featured_content_intro {
padding: 0 3rem;
text-align: center;
width: 100%; }
#hub #featured_content .featured_content_intro p {
font-size: 1.625rem;
line-height: 2rem;
margin-bottom: 0; }
#hub #featured_content .sub_featured_content--text {
width: 60%;
text-align: left;
padding-right: 1.25rem; }
#hub #featured_content .sub_featured_content--text p {
font-size: 1.375rem;
line-height: 2rem;
margin-top: 0; }
#hub #featured_content .sub_featured_image_container {
width: 40%; }
#hub #featured_content .sub_featured_image_container .sub_featured_image {
background-image: url("../img/hub/home_featured_image.jpg");
padding-bottom: 58%;
width: 100%; }
#hub #featured_carousel {
position: relative;
overflow: hidden; }
#hub #featured_carousel #featured_carousel_intro {
text-align: center; }
#hub #featured_carousel #featured_carousel_intro .underline::after {
width: 100px; }
#hub #featured_carousel .swiper-container {
position: relative;
left: -12.5%;
width: 125%;
margin-top: 2.1875rem; }
#hub #featured_carousel .swiper-container .swiper-slide {
padding: 0 3.125rem;
opacity: 0.5;
transition: opacity 0.15s linear; }
#hub #featured_carousel .swiper-container .swiper-slide-active {
opacity: 1; }
#hub #featured_carousel .swiper-container .swiper-pagination {
position: relative;
margin-top: 3.125rem; }
#hub #featured_carousel .featured_img_wrapper {
padding: 0 25px; }
#hub #featured_carousel .featured_img_wrapper .featured_img {
width: 100%;
padding-bottom: 100%;
background-image: url("../img/hub/featured_carosoul_dummy_image.jpg"); }
#hub #featured_carousel .description {
text-align: center;
margin-top: 15px; }
#hub #featured_carousel .description h4 {
font-size: 1.7rem;
line-height: 2.1rem;
color: #404040;
font-family: "Oakes", sans-serif; }
.our-products {
position: relative;
width: 100%; }
.our-products .commercial_buttons {
-ms-flex-pack: center;
justify-content: center; }
@media (max-width: 768px) {
.our-products .commercial_buttons {
width: 100%; }
.our-products .commercial_buttons #link_group {
-ms-flex-pack: center;
justify-content: center; } }
.our-products .commercial_buttons button {
margin-right: 1.25rem;
max-width: 100%;
margin-bottom: 1.25rem; }
@media (max-width: 768px) {
.our-products .commercial_buttons button {
margin: 0 0.15rem 1.25rem; } }
.our-products .commercial_buttons--home {
margin-top: 2.5rem; }
.our-products #sub_nav nav {
width: 100%;
padding: 3.75rem 0 5.9375rem 0; }
.our-products #sub_nav .sub_nav_item {
position: relative;
width: 31.3333333%;
margin-right: 3%;
padding-bottom: 60px; }
@media (min-width: 767px) {
.our-products #sub_nav .sub_nav_item {
padding-bottom: 100px; } }
.our-products #sub_nav .sub_nav_item:hover {
cursor: pointer; }
.our-products #sub_nav .sub_nav_item:nth-child(3n) {
margin-right: 0; }
.our-products #sub_nav .sub_nav_item .sub_nav_image {
width: 100%;
padding-bottom: 50%; }
.our-products #sub_nav .sub_nav_item .sub_nav_item_info {
text-align: center;
margin-top: 2.5rem;
display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-positive: 1;
flex-grow: 1; }
.our-products #sub_nav .sub_nav_item .sub_nav_item_info h3 {
position: absolute;
bottom: 60px;
width: 100%;
display: none; }
@media (min-width: 768px) {
.our-products #sub_nav .sub_nav_item .sub_nav_item_info h3 {
display: block; } }
.our-products #sub_nav .sub_nav_item .sub_nav_item_info p {
font-size: 0.9rem;
line-height: 1.4rem;
margin: 0.5rem 0;
display: none; }
@media (min-width: 768px) {
.our-products #sub_nav .sub_nav_item .sub_nav_item_info p {
font-size: 1.125rem;
line-height: 1.6rem;
display: block; } }
.our-products #sub_nav .sub_nav_item .sub_nav_item_info h3 {
color: #00a5e2;
margin: 0; }
.our-products #sub_nav .sub_nav_item .scroll-to-section-button {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
display: block;
width: 50px;
height: 50px;
padding: 0;
border-radius: 100%;
border: 2px solid #00a5e2;
text-align: center;
line-height: 50px;
transition: background .25s ease-in-out;
-ms-flex-item-align: end;
align-self: flex-end; }
.our-products #sub_nav .sub_nav_item .scroll-to-section-button .arrow {
display: block;
width: 20px;
height: 14px;
background-image: url("../img/our-products/sub_nav_button_arrows.png");
margin: 0 auto; }
.our-products #sub_nav .sub_nav_item:hover .scroll-to-section-button {
background: #00a5e2; }
.our-products #sub_nav .sub_nav_item:hover .scroll-to-section-button .arrow {
background-image: url("../img/our-products/sub_nav_button_arrows_white.png"); }
.our-products #sub_nav .sub_nav_item.elements_2 {
width: 47%; }
.our-products #product_type_sections {
position: relative;
width: 100%; }
.our-products #product_type_sections.home {
margin-top: 2.5rem; }
.our-products #product_type_sections .product_type_section {
margin-bottom: 6.25rem; }
.our-products #product_type_sections .product_type_section .product_type_section_wrapper {
text-align: center; }
.our-products #product_type_sections .product_type_section .product_type_section_products {
margin-top: 1.875rem; }
.our-products #product_type_sections .product_type_section .product_type_section_nav {
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 2.8125rem; }
.our-products #product_type_sections .main_button {
display: inline-block; }
.our-products #product_type_sections .main_button_wrapper button {
margin-bottom: 1.25rem; }
@media (min-width: 768px) {
.our-products #product_type_sections .main_button_wrapper button {
margin-right: 1.25rem; } }
.our-products #product_type_sections .main_button_wrapper button:last-child {
margin-right: 0; }
.our-products #product_type_sections .back-to-top {
padding-right: 50px; }
.our-products #product_type_sections .back-to-top::after {
position: absolute;
content: "";
top: 21px;
right: 15px;
width: 20px;
height: 11px;
background-image: url("../img/our-products/scroll_up_arrow_white.png");
background-size: contain;
background-position: center; }
.our-products #product_type_sections .back-to-top:hover::after {
background-image: url("../img/our-products/scroll_up_arrow_blue.png"); }
@media (max-width: 767px) {
.our-products #product_type_sections .main_button_wrapper, .our-products #product_type_sections .back_to_top_wrapper {
width: 100%; } }
.our-products #product_type_sections .back_to_top_wrapper {
text-align: right;
float: right; }
@media (max-width: 767px) {
.our-products #product_type_sections .back_to_top_wrapper {
width: 100%;
float: none;
text-align: center; } }
.our-products .product_card {
position: relative;
display: inline-block;
width: 100%;
margin: 0 0 1.25rem;
color: #fff;
text-align: center;
overflow: hidden; }
@media (min-width: 570px) {
.our-products .product_card {
margin: 0 1.34% 0.9375rem 0;
width: 48.25%; } }
@media (min-width: 767px) {
.our-products .product_card {
width: 32.1666667%; } }
.our-products .product_card a {
text-decoration: none;
color: #fff; }
.our-products .product_card h3, .our-products .product_card h4 {
margin-top: 0; }
.our-products .product_card h3 {
margin: 15px 0 0 0;
color: #fff; }
.our-products .product_card h4 {
color: #fff;
font-size: 1.125rem;
margin-bottom: 0; }
@media (min-width: 570px) and (max-width: 759px) {
.our-products .product_card:nth-child(2n) {
margin-right: 0; } }
@media (min-width: 760px) {
.our-products .product_card:nth-child(3n) {
margin-right: 0; } }
.our-products .product_card .product-img-container .product-image {
width: 100%;
padding-bottom: 90%; }
.our-products .product_card .product_info_wrapper {
position: relative;
z-index: 2;
visibility: hidden;
height: 100%; }
.our-products .product_card .product_info_wrapper .product_info_container {
padding: 75px 35px 35px; }
@media (min-width: 570px) {
.our-products .product_card .product_info_wrapper .product_info_container {
padding: 3.125rem 2.1875rem 2.1875rem; } }
.our-products .product_card .product_info_wrapper .product_info_container--home {
padding-bottom: 0;
padding-top: 1.5rem; }
.our-products .product_card .product_info_wrapper .product_info {
margin-top: 2.5rem; }
.our-products .product_card .product_info_wrapper .product_info--home {
margin-top: 1.5rem; }
.our-products .product_card .card_overlay, .our-products .product_card .card_background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
.our-products .product_card .card_overlay {
-ms-transform: translateY(-101%);
transform: translateY(-101%);
z-index: 4; }
.our-products .product_card .card_background {
visibility: hidden; }
.firefox .sub_nav_image {
width: 100%;
padding-bottom: 50%; }
.firefox .sub_nav_image::after {
content: '';
display: block;
/* intrinsic aspect ratio */
padding-bottom: 56.25%;
height: 0; }
.single_item p {
color: #707070; }
.single_item .spacer {
display: none; }
.single_item #content {
margin-top: 40px;
-ms-flex-align: start;
align-items: flex-start; }
.single_item #content ul,
.single_item #content ol {
padding-left: 18px; }
.single_item #content ul li,
.single_item #content ol li {
font-size: 0.9375rem;
line-height: 1.5rem; }
@media (min-width: 767px) {
.single_item #content ul li,
.single_item #content ol li {
font-size: 1rem;
line-height: 1.8rem; } }
.single_item #content a {
text-decoration: underline;
color: #00a5e2; }
.single_item #content__content-wrapper {
width: 100%;
-ms-flex-order: 1;
order: 1; }
@media (min-width: 768px) {
.single_item #content__content-wrapper {
width: 60%;
padding-right: 4%;
-ms-flex-order: 1;
order: 1; } }
.single_item #content__content-wrapper h1 {
font-size: 40px;
font-weight: bold;
text-align: left;
color: #00a5e2;
margin-top: 0 !important;
margin-bottom: 0; }
.single_item #content__content-wrapper h3 {
font-family: "Nunito", sans-serif;
font-size: 22px;
font-weight: bold;
line-height: 3.41;
letter-spacing: 3.3px;
text-align: left;
color: #333333; }
.single_item #content__content-wrapper strong {
font-weight: 800;
line-height: 1.63;
text-align: left;
color: #666666; }
.single_item #content__content-wrapper ul,
.single_item #content__content-wrapper ol {
padding-left: 18px; }
.single_item #content__content-wrapper ul li,
.single_item #content__content-wrapper ol li {
/*font-size: 0.9375rem;
line-height: 1.5rem;*/ }
@media (min-width: 767px) {
.single_item #content__content-wrapper ul li,
.single_item #content__content-wrapper ol li {
/*font-size: 1rem;
line-height: 1.8rem;*/ } }
.single_item #content__img-wrapper {
position: relative;
width: 100%;
max-width: 600;
margin: 0 auto;
-ms-flex-order: 2;
order: 2; }
@media (min-width: 768px) {
.single_item #content__img-wrapper {
position: relative;
width: 40%;
-ms-flex-order: 2;
order: 2;
max-width: none; } }
.single_item #content__img-wrapper img {
width: 100%;
height: auto;
max-height: 346px;
max-width: 280px; }
.single_item #content__img-wrapper .open-product-popup {
float: right; }
.single_item .section-adimo-iframe {
margin: -55px auto 0 auto;
max-width: 1000px; }
.single_item #ingredients {
padding: 0 0 1.5625rem 0; }
@media (min-width: 768px) {
.single_item #ingredients {
padding: 0 0 1.75rem 0; } }
.single_item #ingredients h2 {
font-size: 34px;
font-weight: bold;
text-align: center;
color: #00a5e2; }
.single_item #ingredients p {
/*font-family: "Nunito", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.5;*/
text-align: center;
/*color: #707070;*/ }
.single_item .product_info {
padding: 1.5625rem 0; }
@media (min-width: 768px) {
.single_item .product_info {
padding: 3.75rem 0 1.75rem 0; } }
.single_item .product_info .product_info_wrapper {
overflow: hidden; }
.single_item .product_info h3 {
margin: 0; }
.single_item .product_info .find-container {
margin-top: 2rem; }
@media (max-width: 480px) {
.single_item .product_info .find-container #link_group {
width: 100%; } }
.single_item .product_info .share-find-container {
margin-top: 20px;
color: #dde0e1;
font-size: 14px;
font-family: "Kimchi", sans-serif; }
.single_item .product_info #link_group button {
margin-right: 0.75rem;
margin-bottom: 1.5rem;
padding: 0.2375rem 0.5625rem; }
.single_item .product_info #link_group button:last-child {
margin-right: 0; }
.single_item .product_info #product_description_wrapper {
-ms-flex-align: start;
align-items: flex-start; }
.single_item .product_info #product_description_wrapper .product-description-video {
margin: 50px 0;
position: relative; }
.single_item .product_info #product_description h1::after {
margin: 0; }
@media (max-width: 600px) {
.single_item .product_info #product_description .underline {
padding-left: 0;
padding-right: 0; } }
.single_item .ingredients_nutrition_container .intro {
text-align: center; }
.single_item .ingredients_nutrition_container .intro h3 {
margin-top: 0; }
.single_item .ingredients_nutrition_container .ingredients_nutrition {
margin-top: 1.5625rem; }
@media (min-width: 768px) {
.single_item .ingredients_nutrition_container .ingredients_nutrition {
margin-top: 3.75rem; } }
.single_item .ingredients_nutrition_container .ingredients_nutrition #ingredients {
display: inline-block;
width: 100%; }
@media (min-width: 768px) {
.single_item .ingredients_nutrition_container .ingredients_nutrition #ingredients {
width: 80%;
padding-right: 25px; } }
.single_item.single_recipes #content {
margin-top: 0; }
.single_recipes {
padding-bottom: 0; }
@media (max-width: 769px) {
.single_recipes {
padding-top: 28px !important; } }
.single_recipes section {
padding: 1.5rem 0; }
@media (max-width: 769px) {
.single_recipes section {
padding: 1rem 0; } }
.single_recipes p {
margin-top: 0; }
.single_recipes a {
color: #00a5e2; }
.single_recipes a.main_button {
color: #fff; }
.single_recipes a.main_button:hover {
color: #00a5e2; }
.single_recipes .carousel_button_holder {
-ms-flex-align: center;
align-items: center; }
.single_recipes .carousel_button_holder .adimo-buy-online {
margin-right: 20px; }
@media (max-width: 421px) {
.single_recipes .carousel_button_holder .adimo-buy-online {
width: 100%;
margin-right: 0;
margin-bottom: 20px; } }
@media (max-width: 421px) {
.single_recipes .carousel_button_holder {
width: 100%; } }
.single_recipes .single-recipe {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.single_recipes .single-recipe ol {
list-style: none;
counter-reset: tlc-counter;
padding-left: 2px; }
.single_recipes .single-recipe ol li {
counter-increment: tlc-counter;
padding-left: 40px;
margin-bottom: 10px;
position: relative; }
@media (max-width: 481px) {
.single_recipes .single-recipe ol li {
padding-left: 25px; } }
.single_recipes .single-recipe ol li::before {
position: absolute;
left: 0;
top: 0px;
content: counter(tlc-counter) ". ";
color: #00a5e2;
font-weight: bold;
font-size: 1.6rem; }
@media (max-width: 481px) {
.single_recipes .single-recipe ol li::before {
font-size: 1rem;
top: 0; } }
.single_recipes .single-recipe .left-column,
.single_recipes .single-recipe .right-column {
width: 50%;
height: 100vh;
font-family: "Oakes", sans-serif; }
@media (max-width: 769px) {
.single_recipes .single-recipe .left-column,
.single_recipes .single-recipe .right-column {
width: 100%;
height: auto; } }
.single_recipes .single-recipe .left-column {
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
@media (max-width: 769px) {
.single_recipes .single-recipe .left-column {
height: 45vh; } }
.single_recipes .single-recipe .right-column {
overflow: auto; }
.single_recipes .single-recipe .right-column .recipe-tags {
font-size: 1.1rem;
font-weight: 600;
color: #bdbdbd; }
.single_recipes .single-recipe .right-column .recipe-tags .bullet {
font-size: 1.1rem;
color: #bdbdbd; }
.single_recipes .single-recipe .right-column .recipe-tags .bullet:last-of-type {
display: none; }
@media (min-width: 768px) {
.single_recipes .single-recipe .right-column .underline {
margin: 0 0 1.8125rem; } }
.single_recipes .single-recipe .right-column .underline::after {
right: 100%;
bottom: -10px; }
@media (max-width: 769px) {
.single_recipes .single-recipe .right-column .underline {
padding-left: 0; } }
.single_recipes .single-recipe .right-column h3.underline {
font-size: 2rem; }
.single_recipes .single-recipe .right-column h3.underline::after {
width: 100%; }
@media (max-width: 769px) {
.single_recipes .single-recipe .right-column h3.underline {
margin-bottom: 20px;
padding-left: 0; } }
.single_recipes .single-recipe .right-column .recipe-description,
.single_recipes .single-recipe .right-column .zone-holder {
width: 100%;
overflow: auto;
padding: 30px 40px; }
.single_recipes .single-recipe .right-column .recipe-description .recipe-description-intro,
.single_recipes .single-recipe .right-column .zone-holder .recipe-description-intro {
padding: 0; }
.single_recipes .single-recipe .right-column .recipe-details {
display: -ms-flexbox;
display: flex; }
@media (max-width: 1000px) {
.single_recipes .single-recipe .right-column .recipe-details {
-ms-flex-direction: column;
flex-direction: column;
padding: 0.5rem 0 0 0; } }
.single_recipes .single-recipe .right-column .recipe-details .serving,
.single_recipes .single-recipe .right-column .recipe-details .suitable-for,
.single_recipes .single-recipe .right-column .recipe-details .cooking-method {
width: auto;
min-width: 20%;
margin-right: 25px;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: left center !important;
font-size: 1.1rem;
color: #dde0e1;
padding-left: 30px;
font-weight: 600;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.single_recipes .single-recipe .right-column .recipe-details .serving p,
.single_recipes .single-recipe .right-column .recipe-details .suitable-for p,
.single_recipes .single-recipe .right-column .recipe-details .cooking-method p {
margin-top: 5px;
padding-left: 10px; }
@media (max-width: 1140px) {
.single_recipes .single-recipe .right-column .recipe-details .serving p,
.single_recipes .single-recipe .right-column .recipe-details .suitable-for p,
.single_recipes .single-recipe .right-column .recipe-details .cooking-method p {
font-size: 1rem; } }
@media (max-width: 1000px) {
.single_recipes .single-recipe .right-column .recipe-details .serving p,
.single_recipes .single-recipe .right-column .recipe-details .suitable-for p,
.single_recipes .single-recipe .right-column .recipe-details .cooking-method p {
font-size: 0.975rem;
margin-top: 1px;
padding-left: 20px; } }
@media (max-width: 481px) {
.single_recipes .single-recipe .right-column .recipe-details .serving p,
.single_recipes .single-recipe .right-column .recipe-details .suitable-for p,
.single_recipes .single-recipe .right-column .recipe-details .cooking-method p {
font-size: 0.9375rem; } }
@media (max-width: 769px) {
.single_recipes .single-recipe .right-column .recipe-details .serving,
.single_recipes .single-recipe .right-column .recipe-details .suitable-for,
.single_recipes .single-recipe .right-column .recipe-details .cooking-method {
margin-bottom: 10px; } }
@media (max-width: 1100px) {
.single_recipes .single-recipe .right-column .recipe-details .serving,
.single_recipes .single-recipe .right-column .recipe-details .suitable-for,
.single_recipes .single-recipe .right-column .recipe-details .cooking-method {
font-size: 0.9375rem;
padding-left: 25px;
margin-bottom: 15px; } }
.single_recipes .single-recipe .right-column .recipe-details .serving {
background: url(../img/recipe/serving.png); }
.single_recipes .single-recipe .right-column .recipe-details .suitable-for {
background: url(../img/recipe/suitable.png); }
.single_recipes .single-recipe .right-column .recipe-details .cooking-method {
background: url(../img/recipe/method.png); }
.single_recipes .single-recipe .right-column .share-find-container {
margin-top: 0;
padding: 30px 0; }
.single_recipes .single-recipe .right-column .share-find-container .social-sharing {
margin-left: 0; }
.single_recipes .single-recipe .right-column .share-find-container .social-sharing .share-span {
color: #000 !important; }
.single_recipes .single-recipe .right-column .ingredients ul {
padding-left: 20px; }
.single_recipes .single-recipe .right-column .ingredients ul li {
margin-bottom: 5px; }
.single_recipes .single-recipe .right-column .cost {
font-weight: 600;
font-size: 1.1rem; }
.single_recipes .single-recipe .right-column .cost.cost--strong {
color: #000; }
@media (max-width: 769px) {
.single_recipes .single-recipe .right-column .cost {
font-size: 0.9375rem; } }
@media (max-width: 321px) {
.single_recipes .single-recipe .right-column .cost {
font-size: 0.8rem; } }
.single_recipes .single-recipe .right-column #nutrition_wrapper {
padding-left: 0; }
.single_recipes .single-recipe .right-column #nutrition_wrapper #nutrition-table #table {
padding-top: 30px; }
.single_recipes .single-recipe .right-column #nutrition_wrapper #nutrition-table .table_row {
border: none; }
.single_recipes .single-recipe .right-column #nutrition_wrapper #nutrition-table .table_cell {
padding: 5px 18px;
font-weight: 500; }
@media (max-width: 769px) {
.single_recipes .single-recipe .right-column #nutrition_wrapper #nutrition-table .table_cell {
padding: 5px 10px; } }
.single_recipes .single-recipe .right-column #nutrition_wrapper #nutrition-table .table_cell span {
font-size: 1.1rem; }
@media (max-width: 1025px) {
.single_recipes .single-recipe .right-column #nutrition_wrapper #nutrition-table .table_cell span {
font-size: 0.9375rem; } }
@media (max-width: 481px) {
.single_recipes .single-recipe .right-column #nutrition_wrapper #nutrition-table .table_cell span {
font-size: 0.8375rem; } }
.single_recipes .single-recipe .right-column #nutrition_wrapper #nutrition-table #table_headers {
background: #00a5e2; }
.single_recipes .single-recipe .right-column #nutrition_wrapper #nutrition-table #table_headers .table_cell span {
color: #fff; }
.single_recipes .single-recipe .right-column .video-container {
position: relative;
padding-bottom: 26.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.single_recipes .single-recipe .right-column .video-container iframe,
.single_recipes .single-recipe .right-column .video-container object,
.single_recipes .single-recipe .right-column .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.single_recipes .single-recipe .right-column .desktop-image,
.single_recipes .single-recipe .right-column .desktop-video {
width: 100%;
height: 100%;
min-height: 400px;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat; }
@media (max-width: 769px) {
.single_recipes .single-recipe .right-column .desktop-image,
.single_recipes .single-recipe .right-column .desktop-video {
display: none; } }
.single_recipes .single-recipe .right-column .desktop-image,
.single_recipes .single-recipe .right-column .videoWrapper {
box-shadow: 1px 2px 5px 5px #f5f5f5; }
.single_recipes .single-recipe .right-column .jsVideoContainer {
min-height: 400px; }
.single_recipes .single-recipe .right-column .mobile-image,
.single_recipes .single-recipe .right-column .mobile-video {
margin-top: 10px;
width: 100%;
height: 100%;
min-height: 300px;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat; }
@media (min-width: 770px) {
.single_recipes .single-recipe .right-column .mobile-image,
.single_recipes .single-recipe .right-column .mobile-video {
display: none; } }
.single_recipes .single-recipe .right-column .videoWrapper {
position: relative;
width: 100%;
height: 0;
background-color: #000;
padding-bottom: 70%; }
.single_recipes .single-recipe .right-column .videoWrapper43 {
padding-top: 75%; }
.single_recipes .single-recipe .right-column .videoWrapper169 {
padding-top: 56%; }
@media (max-width: 769px) {
.single_recipes .single-recipe .right-column .videoWrapper {
padding-bottom: 87%; } }
.single_recipes .single-recipe .right-column .videoIframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent; }
.single_recipes .single-recipe .right-column .videoPoster {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
border: 0;
outline: none;
background-position: 50% 50%;
background-size: 100% 100%;
background-size: cover;
text-indent: -999em;
overflow: hidden;
opacity: 1;
transition: opacity 800ms, height 0s;
transition-delay: 0s, 0s; }
.single_recipes .single-recipe .right-column .videoPoster::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
border: 5px solid #fff;
border-radius: 100%;
transition: border-color 300ms; }
.single_recipes .single-recipe .right-column .videoPoster::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
margin: -25px 0 0 -12px;
border-left: 40px solid #fff;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
transition: border-color 300ms; }
.single_recipes .single-recipe .right-column .videoPoster:hover::before, .single_recipes .single-recipe .right-column .videoPoster:focus::before {
border-color: #00a5e2; }
.single_recipes .single-recipe .right-column .videoPoster:hover::after, .single_recipes .single-recipe .right-column .videoPoster:focus::after {
border-left-color: #00a5e2; }
.single_recipes .single-recipe .right-column .videoPoster.videoWrapperActive {
opacity: 0;
height: 0;
transition-delay: 0s, 800ms; }
.single_recipes .single-recipe .right-column .zone-holder .underline::after {
right: 0 !important; }
@media (max-width: 1025px) {
.single_recipes .single-recipe .right-column .zone-holder .recipe_inspiration .top,
.single_recipes .single-recipe .right-column .zone-holder .recipe_inspiration .middle,
.single_recipes .single-recipe .right-column .zone-holder .recipe_inspiration .bottom {
width: 100%;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 25px !important; }
.single_recipes .single-recipe .right-column .zone-holder .recipe_inspiration .middle {
padding-top: 25px; }
.single_recipes .single-recipe .right-column .zone-holder .recipe_inspiration .recipe {
width: 100% !important;
left: 0 !important;
right: 0 !important; }
.single_recipes .single-recipe .right-column .zone-holder .recipe_inspiration .recipe .asset_container {
margin-bottom: 50px !important; }
.single_recipes .single-recipe .right-column .zone-holder .recipe_inspiration .recipe .recipe_info {
left: 0 !important; } }
.single_recipes .single-recipe .right-column .zone-holder #email_container {
padding-top: 0 !important; }
#landing {
width: 100%;
background-image: url("../img/product_wooden_panel_background.jpg");
background-size: contain;
background-repeat: repeat-y; }
#landing #intro #intro_wrapper {
padding: 60px 9%;
text-align: center; }
#landing #intro #intro_wrapper #down_arrow {
display: block;
width: 32px;
height: 18px;
background-image: url("../img/landing/intro_down_arrow.png");
margin: 0 auto; }
#landing #landing-products {
position: relative; }
#landing #landing-products #landing-products-wrapper {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 80px; }
#landing #landing-products .product_card {
width: 32%;
margin-right: 2%;
color: #404040;
box-shadow: 0px 0px 30px -3px rgba(0, 0, 0, 0.75);
text-align: center; }
#landing #landing-products .product_card:last-child {
margin-right: 0; }
#landing #landing-products .product_card .product_card_info {
background: #fff;
padding: 15px 20px; }
#landing #landing-products .product_card .product_card_info p {
margin: 0; }
#landing #landing-products .product_card .product_img {
width: 100%;
padding-bottom: 100%; }
#landing #landing-products #landing-products-shadow {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 119, 200, 0.8); }
#landing #landing-products .main_button {
margin: 50px auto 0; }
#landing #landing-recipes {
padding: 80px 0; }
#landing #landing-recipes .main_button {
margin: 50px auto 0; }
#landing #landing-recipes #landing-recipes-intro h2 {
font-size: 2.125rem;
line-height: 2.5rem;
width: 100%;
max-width: 400px;
text-align: center;
margin: 0 auto; }
#landing #landing-recipes #recipe-feed {
margin-top: 30px; }
#landing #landing-recipes #recipe-feed .recipe_level {
margin-bottom: 100px; }
#landing #landing-recipes #recipe-feed .recipe_featured {
width: 100%;
padding-bottom: 100%; }
#landing #landing-recipes #recipe-feed .bottom {
margin-top: 100px; }
#landing #landing-recipes #recipe-feed .top,
#landing #landing-recipes #recipe-feed .bottom {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start; }
#landing #landing-recipes #recipe-feed .recipe {
position: relative;
float: left;
box-shadow: 0px 0px 30px -3px rgba(0, 0, 0, 0.75); }
#landing #landing-recipes #recipe-feed .recipe .recipe_info {
position: absolute;
bottom: -25px;
left: -25px;
background: #fff;
padding: 15px;
width: 200px;
text-align: center; }
#landing #landing-recipes #recipe-feed #recipe_1 {
width: 30%; }
#landing #landing-recipes #recipe-feed #recipe_2 {
width: 50%;
margin-top: 10%;
left: -8%; }
#landing #landing-recipes #recipe-feed #recipe_3 {
width: 42%;
left: 7%; }
#landing #landing-recipes #recipe-feed #recipe_4 {
width: 30%;
margin-top: 3%; }
#recipes_page #recipes_filters {
padding: 3.125rem 0; }
#recipes_page #recipes_filters #recipes_filters_wrapper {
-ms-flex-pack: center;
justify-content: center;
font-size: 1.375rem;
font-family: "Oakes", sans-serif;
color: #dde0e1; }
#recipes_page #recipes_filters #recipes_filters_wrapper button {
position: relative;
color: #0033a0;
text-transform: lowercase; }
#recipes_page #recipes_filters #recipes_filters_wrapper button::after {
content: '';
position: absolute;
top: 6px;
right: -17px;
width: 15px;
height: 11px;
background-image: url("../img/recipes/recipes_down_arrow.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
#recipes_page #recipes_feed #recipes_feed_wrapper_container {
column-count: 5;
column-gap: 0.9375rem; }
@media (min-width: 768px) {
#recipes_page #recipes_feed #recipes_feed_wrapper_container {
column-count: 4; } }
@media (min-width: 992px) {
#recipes_page #recipes_feed #recipes_feed_wrapper_container {
column-count: 5; } }
#recipes_page #recipes_feed .recipe {
display: inline-block;
margin-bottom: 0.9375rem; }
#recipes_page #recipes_feed .recipe .recipe_wrapper {
box-shadow: 0px 0px 25px -4px rgba(0, 0, 0, 0.75); }
#recipes_page #recipes_feed .recipe .img_wrapper .img {
width: 100%;
padding-bottom: 100%;
background-image: url("../img/recipe_image_1.jpg"); }
#recipes_page #recipes_feed .recipe .recipe_content {
padding: 0.625rem;
background: #fff; }
#recipes_page #recipes_feed .recipe:nth-child(5n) {
margin-right: 0; }
#recipes_page #recipes_feed .recipe.large .img {
padding-bottom: 200%; }
#recipes_page #recipes_feed .recipe.med .img {
padding-bottom: 150%; }
#pinboard_page {
background: #fbfbfb;
padding-top: 2rem;
margin-top: 60px; }
#pinboard_page #pinboard_filters {
padding: 0.75rem 0;
background: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center; }
#pinboard_page #pinboard_filters .social-sharing {
-ms-flex-order: 2;
order: 2;
width: 100%;
margin: 13px 0.9375rem; }
@media (min-width: 768px) {
#pinboard_page #pinboard_filters .social-sharing {
margin: 0;
width: auto; } }
#pinboard_page #pinboard_filters #pinboard_filters_wrapper {
-ms-flex-order: 1;
order: 1;
font-size: 1.2rem;
font-family: "Oakes", sans-serif;
color: #dde0e1;
width: 100%;
margin: 0 0.9375rem;
margin-top: 0; }
@media (min-width: 768px) {
#pinboard_page #pinboard_filters #pinboard_filters_wrapper {
margin-top: 0;
width: auto; } }
#pinboard_page #pinboard_filters #pinboard_filters_wrapper span {
margin: 0 15px; }
@media (max-width: 767px) {
#pinboard_page #pinboard_filters #pinboard_filters_wrapper span {
text-align: center; } }
#pinboard_page #pinboard_filters #pinboard_filters_wrapper .flex {
-ms-flex-pack: center;
justify-content: center; }
@media (max-width: 767px) {
#pinboard_page #pinboard_filters #pinboard_filters_wrapper .flex {
-ms-flex-direction: column;
flex-direction: column; } }
#pinboard_page #pinboard_filters #pinboard_filters_wrapper .filter_button {
position: relative;
color: #0033a0;
text-transform: lowercase;
padding: 0 1.875rem 0 0;
font-family: "Kimchi", sans-serif;
text-transform: none;
text-align: left; }
#pinboard_page #pinboard_filters #pinboard_filters_wrapper .filter_button:hover {
cursor: pointer; }
#pinboard_page #pinboard_filters .show-more {
display: block;
width: 100%;
text-align: center;
font-size: 0.6em;
color: black;
text-transform: lowercase; }
@media (min-width: 768px) {
#pinboard_page #pinboard_filters .show-more {
display: none; } }
#pinboard_page #pinboard_filters .tlc_dropdown_wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 15px; }
@media (max-width: 767px) {
#pinboard_page #pinboard_filters .tlc_dropdown_wrapper {
margin: 15px 0 0; }
#pinboard_page #pinboard_filters .tlc_dropdown_wrapper.not-first {
display: none;
width: 100%;
text-align: center; }
#pinboard_page #pinboard_filters .tlc_dropdown_wrapper.not-first .filter_button {
margin: 0; } }
#pinboard_page #pinboard_filters .filter_options {
position: absolute;
top: 30px;
left: 50%;
background: #00a5e2;
color: #fff;
z-index: 2;
visibility: hidden;
opacity: 0;
transform: translate3d(-50%, 4%, 0);
transition: all 0.5s ease-in-out; }
@media (min-width: 767px) {
#pinboard_page #pinboard_filters .filter_options {
top: 40px; } }
#pinboard_page #pinboard_filters .filter_options.active {
visibility: visible;
transform: translate3d(-50%, 0, 0);
opacity: 1; }
#pinboard_page #pinboard_filters .filter_options.active.remove {
transform: translate3d(-50%, 4%, 0);
opacity: 0; }
#pinboard_page #pinboard_filters .filter_options button {
display: block;
color: inherit;
text-transform: none;
margin: 0.3125rem 0;
text-transform: uppercase;
white-space: nowrap;
width: 100%; }
#pinboard_page #pinboard_filters .filter_options button.activated, #pinboard_page #pinboard_filters .filter_options button:hover {
background: #fff;
color: #00a5e2; }
#pinboard_page #pinboard_filters .filter_options .filter_options_wrapper {
padding: 0.9375rem; }
#pinboard_page #scroll_to_load_more {
margin-top: 2rem; }
#pinboard_page #scroll_to_load_more #scroll_to_load_more_wrapper {
-ms-flex-pack: center;
justify-content: center;
font-size: 1.375rem;
line-height: 1.7rem;
color: #dde0e1; }
.social.pinterest {
display: none;
position: absolute;
z-index: 9999; }
.social.pinterest span {
cursor: pointer;
display: inline-block;
box-sizing: border-box;
box-shadow: inset 0 0 1px #888;
height: 20px;
border-radius: 2px;
text-indent: 20px;
padding: 0 4px 0 0;
text-align: center;
font: 11px/20px 'Helvetica Neue', Helvetica, sans-serif;
font-weight: bold;
color: #fff;
background: #bd081c url("../img/pinit.svg") 3px 50% no-repeat;
background-size: 14px 14px;
-webkit-font-smoothing: antialiased; }
#blank {
color: #707070; }
#blank h1,
#blank h2,
#blank h3,
#blank h4,
#blank h5,
#blank h6 {
color: #000; }
#blank #blank_content {
max-width: 750px;
width: 100%;
margin: 0 auto;
padding-top: 50px; }
#blank #blank_content a {
color: #00a5e2;
text-decoration: underline;
font-family: inherit; }
.page-news__swiper-container {
background: #99dbf3;
position: relative;
margin: 200px 0; }
.page-news__swiper-container::before, .page-news__swiper-container::after {
content: "";
position: absolute;
left: 0;
right: 0;
background-size: cover; }
.page-news__swiper-container::before {
top: -100px;
height: 200px;
background-image: url(../img/featured-content/news/news-posts-top.png); }
.page-news__swiper-container::after {
bottom: -100px;
height: 200px;
background-image: url(../img/featured-content/news/news-posts-bottom.png); }
.page-news__posts__intro {
text-align: center;
margin: 20px 0;
color: #333; }
.page-news__posts__intro__h3 {
font-family: "Nunito";
font-size: 22px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: 3.3px; }
.page-news__posts__intro__h2 {
font-family: Kalam;
font-size: 40px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal; }
.page-news__posts__intro p {
max-width: 450px;
margin: auto; }
.page-news__posts__container {
margin-top: 40px; }
.page-news__posts__container__post {
text-align: center;
margin: 10px 15px 0 0;
max-width: 950px;
margin: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between; }
.page-news__posts__container__post__img {
max-width: 400px;
position: relative;
-ms-transform: rotate(3deg);
transform: rotate(3deg); }
.page-news__posts__container__post__details {
margin: 20px 0;
text-align: left; }
.page-news__posts__container__post__details--h3 {
font-family: Kalam;
font-size: 45px;
font-weight: bold; }
.page-news__posts__container__post__details p {
max-width: 458px;
font-size: 20px;
line-height: 1.4;
font-family: Nunito; }
.page-news__spinnerContainer {
width: 30px;
height: 30px;
position: relative;
margin: auto; }
.page-news__spinnerContainer__spinner {
display: none;
background: url("../img/spinner.png");
background-size: cover;
width: 100%;
height: 100%; }
.page-news__loadMore {
text-align: center;
margin: 20px 0 60px; }
.page-news__loadMore a {
display: inline-block; }
@keyframes fadeInUp {
from {
transform: translateY(30px);
opacity: 0; }
to {
transform: translateY(0);
opacity: 1; } }
.single_article .aritcle_wrapper {
padding: 2.6875rem 15px;
max-width: 750px;
width: 100%;
margin: 0 auto; }
@media (min-width: 768px) {
.single_article .aritcle_wrapper {
padding: 3.6875rem 15px; } }
@media (min-width: 992px) {
.single_article .aritcle_wrapper {
padding: 4.6875rem 15px; } }
.single_article .article_intro {
text-align: center; }
.single_article .article_intro .underline {
margin-left: 1rem;
margin-right: 1rem; }
.single_article .article_content a {
font-size: inherit;
line-height: inherit;
font-family: inherit;
color: #00a5e2;
text-decoration: underline; }
.single-recipes {
position: relative;
color: #666666; }
.single-recipes__category {
font-family: Nunito;
text-transform: uppercase;
font-weight: bold;
color: #333333;
font-size: 18px;
letter-spacing: 3.3px; }
@media (min-width: 767px) {
.single-recipes__category {
font-size: 22px;
line-height: 3.41; } }
.single-recipes__title {
font-family: "Kimchi", sans-serif;
font-weight: bold;
color: #333333;
font-size: 30px;
line-height: 1; }
@media (min-width: 767px) {
.single-recipes__title {
font-size: 40px; } }
.single-recipes__summary {
max-width: 400px; }
.single-recipes__container {
margin-top: 50px;
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: solid thin #d7d7d7; }
@media (min-width: 600px) {
.single-recipes__container {
display: -ms-flexbox;
display: flex; } }
.single-recipes__left, .single-recipes__right {
width: 100%; }
@media (min-width: 600px) {
.single-recipes__left, .single-recipes__right {
width: 50%; } }
.single-recipes__h3 {
text-transform: uppercase; }
.single-recipes__h3--margin {
margin-left: 61px; }
.single-recipes__details {
font-family: Nunito;
font-size: 16px; }
.single-recipes__details__container {
margin-top: 60px; }
@media (min-width: 768px) {
.single-recipes__details__container {
margin-top: 0;
max-width: 500px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.single-recipes__details__container__cell {
margin: 20px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.single-recipes__details__container__cell {
width: 50%; } }
.single-recipes__details__container__cell--bold {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px; }
.single-recipes__details__container__cell__icon {
width: 70px;
margin-right: 20px;
text-align: center; }
@media (min-width: 600px) {
.single-recipes__ingredients {
width: 30%; } }
.single-recipes__ingredients__ol {
list-style: none;
padding-left: 0;
margin-bottom: 60px; }
.single-recipes__ingredients__ol__li {
margin-bottom: 4px; }
.single-recipes__ingredients__ol__li--kiri-product {
color: #00a5e2;
font-weight: bold; }
@media (min-width: 600px) {
.single-recipes__method {
width: 70%; } }
@media (min-width: 600px) {
.single-recipes__method__legend {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end; } }
.single-recipes__method__legend__span {
font-size: 18px;
color: #00a5e2;
margin-left: 10px; }
.single-recipes__method__icon {
width: 51px;
height: 43px;
display: block;
-ms-transform: translateY(-40%);
transform: translateY(-40%); }
@media (max-width: 767px) {
.single-recipes__method__icon {
display: none;
}
}
.single-recipes__method__icon--kid {
background: url(../img/recipe/kids-oven-glove.png); }
.single-recipes__method__ol {
list-style: none;
counter-reset: item;
padding-left: 0; }
.single-recipes__method__ol__li {
counter-increment: item;
margin-bottom: 30px;
margin-left: 10px;
/* display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start; */
width: calc(100% - 61px);
flex: 1;
position: relative;
padding-left: 50px; }
@media (max-width: 768px) {
.single-recipes__method__ol__li {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
@media (max-width: 768px) {
.single-recipes__method__ol__li img {
margin: 20px 0; } }
.single-recipes__method__ol__li p {
/*margin-top: -5px;*/
margin-top: 0.1em;
line-height: 1.5;
/* width: 100px; */ }
.single-recipes__method__ol__li ol {
/* flex: 1; */
padding-left: 15px;
}
.single-recipes__method__ol__li::before {
margin-right: 20px;
content: counter(item, decimal-leading-zero);
border-radius: 100%;
color: #333333;
width: 1.2em;
text-align: center;
display: inline-block;
font-family: "Kimchi", sans-serif;
font-size: 25px;
font-weight: bold;
position: absolute;
left: 0; }
.single-recipes__method__ol__li--kid::before {
content: counter(item, decimal-leading-zero);
color: #00a5e2; }
.map-button {
fill: #b2e4f6;
transition: fill .2s; }
.map-button:hover {
fill: rgba(0, 157, 223, 0.5);
cursor: pointer; }
.map-button.active {
fill: #009DDF;
color: #009DDF; }
.our-story-page__intro {
margin-top: 50px;
margin-bottom: -10px; }
.our-story-page__history {
position: relative;
margin: 100px 0 120px; }
.our-story-page__history::before, .our-story-page__history::after {
content: '';
position: absolute;
width: 100%;
pointer-events: none; }
@media (min-width: 769px) {
.our-story-page__history__flex {
display: -ms-flexbox;
display: flex;
margin: 50px 0; } }
.our-story-page__history__flex:first-child {
margin-top: 0px; }
.our-story-page__history__text {
max-width: 500px;
margin: auto;
text-align: center; }
@media (min-width: 769px) {
.our-story-page__history__text--left {
text-align: right;
margin-left: 100px; } }
@media (min-width: 769px) {
.our-story-page__history__text--right {
text-align: left;
margin-right: 100px; } }
@media (min-width: 769px) {
.our-story-page__history__text--middle {
max-width: 600px; } }
.our-story-page__history__text--title {
margin-top: 8px;
font-size: 28px; }
.our-story-page__history__text--date {
margin-bottom: 5px;
font-size: 40px; }
.our-story-page__history__text--button {
display: inline-block;
margin-top: 20px; }
.our-story-page__history__image {
max-width: 300px;
margin: auto; }
@media (min-width: 769px) {
.our-story-page__history__image {
min-height: 500px;
max-width: 400px; } }
.our-story-page__history__image__img {
width: 100%;
z-index: 1;
position: relative; }
@media (min-width: 769px) {
.our-story-page__history__image__img--left {
-ms-transform: rotate(-3deg);
transform: rotate(-3deg); } }
@media (min-width: 769px) {
.our-story-page__history__image__img--right {
-ms-transform: rotate(3deg);
transform: rotate(3deg); } }
.our-story-page__history__button-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: justify;
justify-content: space-between; }
.our-story-page__history__button-container__arrow {
text-align: center;
color: #00a5e2;
font-family: "Kalam", cursive;
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
max-width: 50%;
position: relative; }
.our-story-page__history__button-container__arrow::after {
content: "";
position: absolute;
width: 47px;
height: 51px;
background: url(../img/icn-arrow-curved.png);
bottom: -100%;
right: 0;
-ms-transform: rotate(-45deg) scale(1, -1);
transform: rotate(-45deg) scale(1, -1); }
@media (max-width: 769px) {
.our-story-page__history__button-container__arrow::after {
bottom: -40px; } }
.our-story-page__history__lineholder {
position: relative; }
@media (max-width: 769px) {
.our-story-page__history__lineholder {
margin: 70px auto; } }
@media (min-width: 769px) {
.our-story-page__history__lineholder--1 {
margin-top: 190px; } }
.our-story-page__history__lineholder--2 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
@media (min-width: 769px) {
.our-story-page__history__lineholder--2 {
margin-top: 60px;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 769px) {
.our-story-page__history__lineholder--3 {
margin-top: 220px; } }
.our-story-page__history__lineholder--4 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
@media (min-width: 769px) {
.our-story-page__history__lineholder--4 {
margin-top: 60px;
-ms-flex-direction: row;
flex-direction: row; } }
.our-story-page__history__lineholder__line {
display: none; }
@media (min-width: 769px) {
.our-story-page__history__lineholder__line {
display: initial;
position: absolute;
background-size: contain;
background-repeat: no-repeat; } }
@media (min-width: 769px) {
.our-story-page__history__lineholder__line::before, .our-story-page__history__lineholder__line::after {
content: '';
position: absolute;
width: 12px;
height: 12px;
background-size: contain;
background-repeat: no-repeat; } }
.our-story-page__history__lineholder__line--1 {
background-image: url("../img/our-story/shape-1.png");
width: 446px;
height: 201px;
top: -250px;
left: 50%; }
.our-story-page__history__lineholder__line--1::before {
top: 0;
right: -5px;
background-image: url("../img/our-story/ellipse-big.png");
width: 22px;
height: 22px; }
.our-story-page__history__lineholder__line--1::after {
bottom: -20px;
left: -8px;
background-image: url("../img/our-story/ellipse-small.png"); }
.our-story-page__history__lineholder__line--2 {
background-image: url("../img/our-story/shape-2.png");
width: 222px;
height: 178px;
top: -10px;
left: 400px; }
.our-story-page__history__lineholder__line--2::before {
top: -20px;
right: -5px;
background-image: url("../img/our-story/ellipse-small.png"); }
.our-story-page__history__lineholder__line--2::after {
bottom: -5px;
left: -15px;
background-image: url("../img/our-story/ellipse-small.png"); }
.our-story-page__history__lineholder__line--3 {
background-image: url(../img/our-story/shape-3.png);
top: -230px;
left: -140px;
width: 439px;
height: 196px; }
.our-story-page__history__lineholder__line--3::before {
top: -20px;
left: -2px;
background-image: url("../img/our-story/ellipse-small.png"); }
.our-story-page__history__lineholder__line--3::after {
bottom: -5px;
right: -10px;
background-image: url("../img/our-story/ellipse-big.png");
width: 22px;
height: 22px; }
.our-story-page__history__lineholder__line--4 {
-ms-transform: scaleX(-1);
transform: scaleX(-1);
background-image: url("../img/our-story/shape-2.png");
width: 222px;
height: 178px;
top: -10px;
left: 400px; }
.our-story-page__history__lineholder__line--4::before {
top: -20px;
right: -5px;
background-image: url("../img/our-story/ellipse-small.png"); }
.our-story-page__history__lineholder__line--4::after {
bottom: -5px;
left: -15px;
background-image: url("../img/our-story/ellipse-small.png"); }
#error #error_wrapper {
padding-top: 3.125rem;
padding-bottom: 3.125rem; }
#error #error_message {
width: 100%;
max-width: 500px;
text-align: center; }
.page-better-nutrition .section-infographic .infographic-image {
background-color: #f9e397 !important; }
.page-better-nutrition .section-infographic .infographic-content h3 {
color: #ffd863 !important; }
@media (max-width: 480px) {
.page-better-nutrition .featured_content #mindful-snacking .sub_featured_content .sub_featured_image_container {
padding-top: 140px; } }
@media (max-width: 769px) {
.page-better-nutrition .h2_section#nutrition-mindful-snacking {
padding-top: 0;
margin-top: -60px; } }
.page-our-commitments .hub_zone_1_featured_content_2 {
padding: 50px 0px; }
.page-our-commitments .hub_zone_1_featured_content_2 h2,
.page-our-commitments .hub_zone_1_featured_content_2 p {
text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7); }
@media (max-width: 769px) {
.page-our-commitments .featured_content_hub_zone_1 {
padding-top: 0; } }
.page-our-commitments .h2_section_hub_zone_3 {
padding: 50px 0px; }
@media (max-width: 769px) {
.page-our-commitments .h2_section_hub_zone_3 {
padding-bottom: 0; } }
.page-our-commitments .section-three-images .single-image .item-caption {
text-transform: uppercase;
font-weight: bold;
font-size: 1.4rem;
padding: 0px 20% 20px 20%;
top: -40% !important; }