article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
a:focus {
    outline: thin dotted
}
a:active,
a:hover,
a:focus {
    outline: 0
}
h1 {
    margin: .67em 0
}
h2, h3, h4{
    text-align: center !important;
}
abbr[title] {
    border-bottom: 1px dotted
}
dfn {
    font-style: italic
}
hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}
pre {
    white-space: pre-wrap
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

p{
    text-align: left !important;
}
small {
    font-size: 80%
}
sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
fieldset {
    margin: 0 2px
}
legend {
    border: 0;
    padding: 0
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}
button,
input {
    line-height: normal
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}

.box-shadow {
    box-shadow: 0 17px 22px 3px rgba(99, 69, 0, 0.27);
    z-index: 1000;
}

.top-margin {
    margin-top: 1.2em !important;
}
.red-bg{
  background: #e11640;
  color: #ffdc62;
}

.yellow-bg{
  background: #ffdc62;
  color: #e11640;
}
.animated {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.slideDown {
    -webkit-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown
}
.animated.slideUp {
    -webkit-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp
}
.animated.swingInX {
    -webkit-transform-origin: top;
    -ie-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: swingInX;
    -o-backface-visibility: visible!important;
    -o-animation-name: swingInX;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: swingInX
}
.animated.swingOutX {
    -webkit-transform-origin: top;
    -webkit-animation-name: swingOutX;
    -webkit-backface-visibility: visible!important;
    -o-animation-name: swingOutX;
    -o-backface-visibility: visible!important;
    animation-name: swingOutX;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important
}
.animated.flipInX {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInX;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipInX
}
.animated.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible!important;
    animation-name: flipOutX;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important
}
.animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}
.animated.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-4em)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-o-keyframes slideDown {
    0% {
        -o-transform: translateY(-4em)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-4em);
        -ms-transform: translateY(-4em);
        -o-transform: translateY(-4em);
        transform: translateY(-4em)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-4em)
    }
}
@-o-keyframes slideUp {
    0% {
        -o-transform: translateY(0)
    }
    100% {
        -o-transform: translateY(-4em)
    }
}
@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-4em);
        -ms-transform: translateY(-4em);
        -o-transform: translateY(-4em);
        transform: translateY(-4em)
    }
}
@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(-90deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg)
    }
}
@-o-keyframes swingInX {
    0% {
        -o-transform: perspective(400px) rotateX(-90deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg)
    }
}
@keyframes swingInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(-90deg);
        -ms-transform: perspective(400px) rotateX(-90deg);
        -o-transform: perspective(400px) rotateX(-90deg);
        transform: perspective(400px) rotateX(-90deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }
}
@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(-90deg)
    }
}
@-o-keyframes swingOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(-90deg)
    }
}
@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(-90deg);
        -ms-transform: perspective(400px) rotateX(-90deg);
        -o-transform: perspective(400px) rotateX(-90deg);
        transform: perspective(400px) rotateX(-90deg)
    }
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-200px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }
    80% {
        -o-transform: translateY(-10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        -o-transform: translateY(-200px);
        transform: translateY(-200px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }
}
@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0)
    }
    30% {
        opacity: 1;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-200px)
    }
}
@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        -o-transform: translateY(-200px);
        transform: translateY(-200px)
    }
}
.visually-hidden {
    position: absolute!important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px)
}
.disable-hover,
.disable-hover * {
    pointer-events: none!important
}
@font-face {
    font-family: gibsonbold;
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-bold-eot.eot);
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-bold-eot.eot?#iefix) format("embedded-opentype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-bold-woff.woff) format("woff"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-bold-ttf.ttf) format("truetype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-bold-webfont-svg.svg#gibsonbold) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: gibsonbold_italic;
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-bolditalic-eot.eot);
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-bolditalic-eot.eot?#iefix) format("embedded-opentype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-bolditalic-woff.woff) format("woff"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-bolditalic-ttf.ttf) format("truetype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-bolditalic-webfont-svg.svg#gibsonbold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: gibsonitalic;
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-italic-eot.eot);
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-italic-eot.eot?#iefix) format("embedded-opentype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-italic-woff.woff) format("woff"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-italic-ttf.ttf) format("truetype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-italic-webfont-svg.svg#gibsonitalic) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: gibsonlight;
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-light-eot.eot);
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-light-eot.eot?#iefix) format("embedded-opentype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-light-woff.woff) format("woff"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-light-ttf.ttf) format("truetype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-light-webfont-svg.svg#gibsonlight) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: gibsonlight_italic;
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-lightit-eot.eot);
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-lightit-eot.eot?#iefix) format("embedded-opentype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-lightit-woff.woff) format("woff"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-lightit-ttf.ttf) format("truetype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-lightit-webfont-svg.svg#gibsonlight_italic) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: gibsonregular;
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-regular-eot.eot);
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-regular-eot.eot?#iefix) format("embedded-opentype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-regular-woff.woff) format("woff"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-regular-ttf.ttf) format("truetype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-regular-webfont-svg.svg#gibsonregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: gibsonsemibold;
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-semibold-eot.eot);
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-semibold-eot.eot?#iefix) format("embedded-opentype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-semibold-woff.woff) format("woff"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-semibold-ttf.ttf) format("truetype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-semibold-webfont-svg.svg#gibsonsemibold) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: gibsonsemibold_italic;
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-semiboldit-eot.eot);
    src: url(/~/media/Marabou/Fonts/canada_type_-_gibson-semiboldit-eot.eot?#iefix) format("embedded-opentype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-semiboldit-woff.woff) format("woff"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-semiboldit-ttf.ttf) format("truetype"), url(/~/media/Marabou/Fonts/canada_type_-_gibson-semiboldit-webfont-svg.svg#gibsonsemibold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: casionpro;
    src: url(/~/media/Marabou/Fonts/ACaslonPro-SemiboldItalic-eot.eot);
    src: url(/~/media/Marabou/Fonts/ACaslonPro-SemiboldItalic-eot.eot?#iefix) format("embedded-opentype"), url(/~/media/Marabou/Fonts/ACaslonPro-SemiboldItalic-woff.woff) format("woff"), url(/~/media/Marabou/Fonts/ACaslonPro-SemiboldItalic-ttf.ttf) format("truetype"), url(/~/media/Marabou/Fonts/ACaslonPro-SemiboldItalic-webfont-svg.svg#casionpro) format("svg");
    font-weight: 400;
    font-style: normal
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: gibsonbold, sans-serif;
    font-weight: 400;
    margin-top: 0
}
.hero {
    font-size: 85px;
    font-size: 5.3125rem;
    line-height: 1.5;
    margin-bottom: 0;
    font-family: gibsonbold, sans-serif;
    letter-spacing: 1px
}
@media only screen and (max-width: 57em) {
    .hero {
        font-size: 70px;
        font-size: 4.375rem
    }
}
@media only screen and (max-width: 45.5em) {
    .hero {
        max-width: 90%;
        margin: 0 auto;
        line-height: 1.1
    }
}
@media only screen and (max-width: 43em) {
    .hero {
        font-size: 50px;
        font-size: 3.125rem
    }
}
.hero-container .alpha,
.hero-container h1 {
    font-size: 92px;
    font-size: 5.75rem;
    margin-bottom: .1em;
    line-height: 1.1
}
@media only screen and (min-width: 80em) {
    .hero-container .alpha,
    .hero-container h1 {
        font-size: 100px;
        font-size: 6.25rem
    }
}
@media only screen and (max-width: 57em) {
    .hero-container .alpha,
    .hero-container h1 {
        font-size: 78px;
        font-size: 4.875rem
    }
}
@media only screen and (max-width: 45.5em) {
    .hero-container .alpha,
    .hero-container h1 {
        font-size: 68px;
        font-size: 4.25rem
    }
}
@media only screen and (max-width: 43em) {
    .hero-container .alpha,
    .hero-container h1 {
        font-size: 34px;
        font-size: 2.125rem
    }
}
.alpha,
h1 {
    font-size: 82px;
    font-size: 5.125rem;
    margin-bottom: .1em;
    line-height: 1.1
}
@media only screen and (max-width: 57em) {
    .alpha,
    h1 {
        font-size: 70px;
        font-size: 4.375rem
    }
}
@media only screen and (max-width: 45.5em) {
    .alpha,
    h1 {
        font-size: 58px;
        font-size: 3.625rem
    }
}
@media only screen and (max-width: 43em) {
    .alpha,
    h1 {
        font-size: 34px;
        font-size: 2.125rem
    }
}
.beta,
h2 {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 1.3;
    margin-bottom: .6em
}
@media only screen and (max-width: 43em) {
    .beta,
    h2 {
        font-size: 28px;
        font-size: 1.75rem
    }
}
.gamma,
h3 {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.2;
    margin-bottom: .8em
}
@media only screen and (max-width: 43em) {
    .gamma,
    h3 {
        font-size: 24px;
        font-size: 1.5rem
    }
}
.delta,
h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.1;
    margin-bottom: 1.33em;
    font-family: gibsonsemibold, sans-serif
}
@media only screen and (max-width: 43em) {
    .delta,
    h4 {
        font-size: 16px;
        font-size: 1rem
    }
}
.epsilon,
h5 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    margin-bottom: 1.67em
}
.zeta,
h6 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 2.33em
}
p {
    margin-top: 0;
    margin-bottom: 2em
}
.preamble,
.preamble a {
    font-family: gibsonbold, sans-serif
}
.block-heading {
    text-align: center;
    margin-bottom: 1em;
}
.block-heading-small {
    text-align: center
}
em,
i {
    font-family: gibsonitalic, sans-serif;
    font-weight: 400
}
b,
strong {
    font-family: gibsonsemibold, sans-serif;
    font-weight: 400
}
mark {
    background: #e11640;
    color: #ffdc62;
}
a {
    text-decoration: none;
    color: inherit;
    font-family: gibsonbold, sans-serif;
}
.block p,
.intro p,
.main .block ul {
    max-width: 60%;
    margin: 0 auto 2em
}
@media only screen and (max-width: 57em) {
    .block p,
    .intro p,
    .main .block ul {
        max-width: 100%
    }
}
.block .paragraph-full-width {
    max-width: none;
    width: 100%;
    margin: 0 0 1em
}
.block .row-centered-container p {
    max-width: 100%
}
p a {
    color: inherit;
    font-family: gibsonsemibold, sans-serif;
    text-decoration: underline
}
a[href^=tel] {
    text-decoration: none
}
@media only screen and (max-width: 43em) {
    .main blockquote {
        margin: 1em 0
    }
}
.main blockquote p {
    font-family: gibsonitalic, sans-serif;
    font-size: 45px;
    font-size: 1.8125rem;
    line-height: 1.3;
    margin-bottom: .5em;
    max-width: 100%
}
@media only screen and (max-width: 43em) {
    .main blockquote p {
        font-size: 20px;
        font-size: 1.25rem
    }
}
.main blockquote footer {
    font-family: gibsonbold, sans-serif;
    font-size: 20px;
}
@media only screen and (max-width: 43em) {
    .main blockquote footer {
        font-size: 16px;
        font-size: 1rem
    }
}
.row-equal--large .column,
.row-equal--medium .column,
.row-medium .column,
.row-small .column,
.row-small .column.column-large,
.row-small .column.column-small {
    float: left
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}
html {
    font-size: 100%
}
body {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: gibsonregular, sans-serif;
    line-height: 1.6;
    width: 100%;
    height: 100%;
    background-color: #ffdc62;
    color: #e11640;
    -webkit-text-size-adjust: 100%;
    position: relative
}
body p {
    line-height: 1.7;
    font-size: 20px;
}
@media only screen and (max-width: 45.5em) {
    body p {
        font-size: 18px;
        font-size: 1.125rem
    }
}




.main {
    padding-top: 66px
}
@media only screen and (max-width: 43em) {
    .main {
        padding-top: 0
    }
}
.touch .main {
    padding-top: 0
}
::selection {
    background: #e11640;
    color: #ffdc62;
}
::-moz-selection {
    background: #e11640;
    color: #ffdc62
}
.container {
    *zoom: 1;
    max-width: 1140px;
    margin: 0 auto
}
.container:before {
    content: " ";
    display: table
}
.container:after {
    content: " ";
    display: table;
    clear: both
}
.container-small {
    *zoom: 1;
    max-width: 60%;
    padding: 0 1em;
    margin: 0 auto
}
.container-small:before {
    content: " ";
    display: table
}
.container-small:after {
    content: " ";
    display: table;
    clear: both
}
.container.container-products{
    padding:1em;
}
@media only screen and (max-width: 45.5em) {
    .container-small {
        max-width: 100%
    }
}
.lt-ie9 .search .search-query {
    padding-top: 10px!important;
    background-image: url(/~/media/Marabou/Images/Icons/search.png)!important;
    background-position: left center!important;
    -webkit-background-size: 40px 40px!important;
    background-size: 40px 40px!important;
    padding-left: 50px!important
}
.lt-ie9 .row-small {
    width: 100%
}
.lt-ie9 .video-trigger span {
    background: url(/~/media/Marabou/Images/Icons/play_btn_fallback.png) no-repeat
}
.lt-ie9 .video-trigger span:hover {
    background: url(/~/media/Marabou/Images/Icons/play_btn_hoover_fallback.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}
.lt-ie9 .video-trigger:hover span {
    background: url(/~/media/Marabou/Images/Icons/play_btn_hoover_fallback.png) no-repeat
}
.lt-ie9 .cookie-notification .cookie-notification-container p {
    width: 95%
}
.lt-ie9 .cookie-notification .button-notification-close span {
    margin-top: -20px
}
.lt-ie9 .button-repeat {
    z-index: 30
}
.lt-ie9 .search .search-query {
    background: url(/~/media/Marabou/Images/Icons/search_white_fallback.png) no-repeat
}
.lt-ie9 .search-trigger img {
    margin-top: -28px
}
.ie9 .button-video-trigger {
    border: 3px solid rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .1)url(/~/media/Maraboupremium/se/Images/Icons/premium/play-premium_fallback.png) no-repeat;
    -webkit-background-size: 14px 20px;
    background-size: 14px 20px;
    background-position: 32px center;
    padding: 1.3em 3em 1.3em 4em;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.ie9 .button-video-trigger:hover {
    background: rgba(255, 255, 255, .2)url(/~/media/Maraboupremium/se/Images/Icons/premium/play-premium_fallback.png) no-repeat;
    -webkit-background-size: 14px 20px;
    background-size: 14px 20px;
    background-position: 32px center
}
@media only screen and (max-width: 43em) {
    .ie9 .button-video-trigger {
        padding: 1em 1.5em 1em 2em
    }
}
.block {
    *zoom: 1;
    padding: 0 1em 3em;
    margin: 0 0 2em 0;
    position: relative
}
.block:before {
    content: " ";
    display: table
}
.block:after {
    content: " ";
    display: table;
    clear: both
}
@media only screen and (max-width: 57em) {
    .block {
        padding: 1em 3em 1.5em;
    }
}
@media only screen and (max-width: 43em) {
    .block {
        padding: .8em;
        margin: 1em 0
    }
}
.block p:last-child {
    margin-bottom: 0
}
.block p:first-child {
    margin-top: 0
}
.block.content-primary .beta,
.block.content-primary h3,
 {
    text-align: center
}
.block.content-primary .row-content .beta,
.block.content-primary .row-content h3 {
    text-align: left
}

/*.block img,
.block img.block-image-small {
    width: 100%;
    height: auto
}*/
@media only screen and (max-width: 45.5em) {
    .block img.block-image-small {
        width: 60%;
        height: auto;
        margin: 0 auto;
        display: block
    }
}
.block img.block-adjusted-image {
    width: 85%;
    display: block;
    margin: 0 auto
}
@media only screen and (max-width: 57em) {
    .block img.block-adjusted-image {
        width: 100%
    }
}
.block [class*=row] {
    margin-top: 0
}
.indented-top {
    position: relative;
    top: 45px
}
@media only screen and (max-width: 57em) {
    .indented-top {
        top: 30px
    }
}
@media only screen and (max-width: 43em) {
    .indented-top {
        top: 20px
    }
}
.block-last {
    margin-bottom: 0;
    padding-bottom: 0
}
.block-media {
    display: table;
    width: 100%;
    border-collapse: collapse
}
.block-media .b-inner {
    display: table-row;
    vertical-align: top;
    overflow: hidden
}
.block-media .b-thumb {
    display: table-cell;
    vertical-align: top;
    width: 30%;
    max-width: 10em
}
.block-media .b-thumb img {
    display: block;
    width: 100%;
    height: auto
}
.block-media .b-text {
    display: table-cell;
    width: 70%;
    padding: 0 1em
}
.row-centered-container {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 48%;
    margin-right: 3%
}
@media only screen and (max-width: 62em) {
    .row-centered-container {
        width: 100%;
        margin-right: 0
    }
}
.row-centered-container:last-of-type {
    margin-right: 0
}
.row-centered-container .row-content:first-of-type {
    float: left;
    width: 100%
}
@media only screen and (max-width: 62em) {
    .row-centered-container .row-content:first-of-type {
        float: none
    }
}
.row-centered-container .row-content:last-of-type {
    float: right;
    width: 100%
}
@media only screen and (max-width: 62em) {
    .row-centered-container .row-content:last-of-type {
        float: none
    }
}
.block-full {
    width: 100%
}
.block-full-height {
    margin: 0 auto;
    padding: 1em 2em !important;
}
.block-hero {
    background: #ffdc62!important
}
@media only screen and (max-width: 43em) {
    .block-hero {
        margin-bottom: -1em
    }
}
.block-hero .container {
    padding: 5em 7em
}
@media only screen and (max-width: 57em) {
    .block-hero .container {
        padding: 3em 4em
    }
}
@media only screen and (max-width: 45.5em) {
    .block-hero .container {
        padding: 3em
    }
}
@media only screen and (max-width: 43em) {
    .block-hero .container {
        padding: 2em 1em
    }
}
.block-indented {
    margin: 2em 0 0
}
@media only screen and (max-width: 43em) {
    .block-indented {
        margin: 1em 0 0
    }
}
.block-full-with-media {
    padding: 0;
    background: 0 0
}
.block-full-with-media img {
    width: 100%;
    height: auto
}


@media only screen and (max-width: 45.5em) {
    .video-container {
        padding: 0 1em
    }
}
@media only screen and (max-width: 43em) {
    .column-large .alpha {
        font-size: 16px;
        font-size: 1rem;
        text-align: center
    }
}
.block-image-contained {
    max-width: 100%;
    margin: 0 auto;
    display: block
}
@media only screen and (min-width: 80em) {
    .block-image-contained {
        max-width: 60%
    }
}
@media only screen and (max-width: 62em) {
    .block-image-contained {
        max-width: 70%
    }
}
@media only screen and (max-width: 43em) {
    .block-image-contained {
        max-width: 80%
    }
}
@media only screen and (max-width: 45.5em) {
    .block-preservable {
        padding: 1em
    }
    .block-preservable .gamma {
        text-align: center
    }
    .block-preservable img {
        max-width: 40%;
        margin: 0 auto;
        display: block
    }
    .block-preservable .button {
        max-width: 230px;
        width: fit-content;
        display: block
    }
    .block-preservable .row-center {
        padding-top: 0
    }
}
@media only screen and (max-width: 43em) {
    .block-preservable img.block-image-small {
        display: none
    }
    .block-preservable .button {
        font-size: 15px;
        font-size: .9375rem;
        margin: 0 auto;
    }
}
.block-bg-img {
    padding: 5em;
    position: relative;
    overflow: hidden
}
@media only screen and (max-width: 57em) {
    .block-bg-img {
        padding: 4em 1em
    }
}
@media only screen and (max-width: 45.5em) {
    .block-bg-img {
        padding: 3em 1em
    }
}
@media only screen and (max-width: 43em) {
    .block-bg-img {
        padding: 2em 1em
    }
}

.img-small{
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
}

.img-small img {
    max-width:200px !important;
    margin: 0 auto;
}


.block-bg-factory .block-bg-factory-bg-first,
.block-bg-factory .block-bg-factory-bg-second {
    position: absolute;
    top: -15px;
    right: -15px;
    left: -15px;
    bottom: -15px;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    z-index: -1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.full-width-img{
    max-width: none;
    width: 100%;
    margin: 0 0 1em;
    max-height:70%;
}

.full-width-img img {
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
}

.content-primary {
    background: #ffdc62;
    color: #e11640;
}
.content-secondary {
    background: #ffdc62;
    color: #e11640;
}

.content-quinary{
    background: #ffdc62;
    color: #e11640;
}

.content-tertiary {
    background: #e11640;
    color: #ffdc62;
}
.content-quaternary {
    background: #e11640;
    color: #ffdc62;
}
.content-senary {
    background: #e11640;
    color: #ffdc62;
}
.content-septenary {
    background: #ffdc62;
    color: #e11640;
}
.content-premium {
    background: #e11640;
    color: #ffdc62;
}
.content-rainforest {
    background: #e11640;
    color: #ffdc62;
}

.text-primary {
    color: #e11640
}
.cookie-notification .cookie-notification-container {
    background: #e11640;
    color: #ffdc62
}
.cookie-notification .button-notification-close {
    color: #ffdc62;
    background: #e11640;
    border-left: 1px solid #ffdc62
}
@media only screen and (max-width: 45.5em) {
    .cookie-notification .button-notification-close {
        border-bottom: 1px solid #ffdc62
    }
}
.cookie-notification .button-notification-close.touch,
.cookie-notification .button-notification-close:hover {
    background: #c5200b
}
.button {
    display: inline-block;
    line-height: 1;
    padding: .83333em 2em;
    text-align: center;
    text-decoration: none;
    font-family: gibsonbold, sans-serif;
    -webkit-appearance: none;
    border: none;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
@media only screen and (max-width: 43em) {
    .button {
        width: auto;
        padding: 1em;
        font-size: 18px;
        font-size: 1.125rem
    }
}
.button-primary {
    background: #e11640;
    color: #ffdc62
}
.button-primary:active,
.button-primary:focus,
.button-primary:hover {
    background: #c31d3f
}
.button-primary--inverted {
    background: #ffdc62;
    color: #e11640;
}
.button-primary--inverted:active,
.button-primary--inverted:focus,
.button-primary--inverted:hover {
    background: #fff670
}
.button-primary--inverted-dark {
    background: #e11640;
    color: #ffdc62;
}
.button-primary--inverted-dark:active,
.button-primary--inverted-dark:focus,
.button-primary--inverted-dark:hover {
    box-shadow: 0 17px 22px 3px rgba(99, 69, 0, 0.27);
}
.button-secondary {
    background: #e11640;
    color: #ffdc62
}
.button-secondary:active,
.button-secondary:focus,
.button-secondary:hover {
    background: #c31d3f
}
.button-tertiary {
    background: #ffdc62;
    color: #e11640
}
.button-tertiary:active,
.button-tertiary:focus,
.button-tertiary:hover {
    background: #fff670
}
.button-quaternary {
    background: #e11640;
    color: #ffdc62;
    border: 3px solid #ffdc62
}
.button-quaternary:active,
.button-quaternary:focus,
.button-quaternary:hover {
    background: #c31d3f
}
.button-quaternary--inverted {
    border: 3px solid #e11640;
    color: #e11640
}
.button-disabled {
    background: #e3e3e3;
    color: #969696
}
.button-disabled:active,
.button-disabled:focus,
.button-disabled:hover {
    cursor: default
}
.button-small {
    padding: .5em 1em;
    font-size: 12px;
    font-size: .75rem
}
.button-repeat {
    font-family: gibsonsemibold_italic, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    display: none
}
.button-campaign {
    display: none;
    margin-top: 1.5em;
    padding: 1.2em
}
@media only screen and (max-width: 43em) {
    .button-campaign {
        width: 80%
    }
}
.button-huge {
    padding: 1.5em 3em
}
button,
button:active,
button:focus,
button:hover {
    outline: 0
}
.button-center-container {
    margin: 0;
    text-align: center !important;
}
.button-center-container.button-container-view-more {
    margin-top: 4em
}
@media only screen and (max-width: 43em) {
    .button-center-container.button-container-view-more {
        margin-top: 2em
    }
}
.videoController {
    border: none;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0
}
fieldset {
    padding: 0;
    border: none
}
fieldset ul {
    list-style: none;
    padding: 0
}
.field-container {
    margin-bottom: 1em
}
label {
    display: block;
    padding-bottom: .25em
}
input[type=number],
input[type=search],
input[type=text],
input[type=url],
textarea {
    -webkit-appearance: none
}
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
    outline: 0
}
input,
textarea {
    width: 100%;
    border: 1px solid #f3f3f3;
    padding: .5em .33333em
}
video {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden
}
.cookie-notification {
    width: 100%;
    position: fixed;
    z-index: 999;
    bottom: 0;
    display: none
}
.cookie-notification .cookie-notification-container {
    position: relative;
    max-width: 1400px;
    margin: 0 auto
}
.cookie-notification .cookie-notification-container p {
    font-size: 15px;
    font-size: .9375rem;
    margin: 0;
    padding: 1em 4em 1em 2em;
    line-height: 1.1;
    max-width: 95%
}
@media only screen and (max-width: 43em) {
    .cookie-notification .cookie-notification-container p {
        font-size: 11px;
        font-size: .6875rem;
        padding: 1em 4em 1em 1em
    }
}
.cookie-notification .button-notification-close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 1.5;
    width: 80px;
    font-size: 45px;
    font-size: 2.8125rem;
    -webkit-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    font-weight: 100
}
@media only screen and (max-width: 45.5em) {
    .cookie-notification .button-notification-close {
        bottom: auto;
        height: 50px;
        width: 50px
    }
}
.cookie-notification .button-notification-close span {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    line-height: 1;
    left: 50%;
    margin-left: -15px;
    width: 30px
}
@media only screen and (max-width: 45.5em) {
    .cookie-notification .button-notification-close span {
        margin-top: -23px
    }
}

.carousel-item {
    box-shadow: 0 7px 22px 3px rgba(99, 69, 0, 0.27);
    width: 30%;
    display: inline-block;
    margin: 1%;
    height: 400px;
}

.carousel-item h2 {
    font-size: 3vw !important;
  margin-top: 5% !important;
  margin-bottom: 5% !important;
  color:#e11640;
}

.row-medium .carousel-item .column {
    margin-right: 0;
    width: 100%;
}

.row-medium .carousel-item .module-teaser {
    min-height: 100%;
}

.module-teaser {
    position: relative;
    padding: 1.5em;
    text-align: center;
    -webkit-transition: background .4s;
    -ms-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
    min-height: 516px
}
@media only screen and (max-width: 57em) {
    .module-teaser {
        min-height: 400px
    }
}
@media only screen and (max-width: 43em) {
    .module-teaser {
        margin-bottom: 1em;
        min-height: 300px
    }
    .module-teaser:last-of-type {
        margin-bottom: 0
    }
}
.module-teaser .module-teaser--header {
    padding-bottom: 3em
}
@media only screen and (max-width: 57em) {
    .module-teaser .module-teaser--header h2 {
        font-size: 90%
    }
}
.module-teaser .module-teaser--header p {
    margin-bottom: 0
}
.module-teaser .module-teaser--header img {
    max-width: 90%;
    height: auto;
    margin: 0 auto
}
@media only screen and (max-width: 43em) {
    .module-teaser .module-teaser--header {
        padding-bottom: 0
    }
}
.module-teaser figure {
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0
}
@media only screen and (max-width: 62em) {
    .module-teaser figure {
        bottom: 10%
    }
}
@media only screen and (max-width: 57em) {
    .module-teaser figure {
        bottom: 15%
    }
}
@media only screen and (max-width: 43em) {
    .module-teaser figure {
        position: relative
    }
}
.module-teaser figure.figure-up {
    bottom: 17%
}
@media only screen and (max-width: 62em) {
    .module-teaser figure.figure-up {
        bottom: 12%
    }
}
@media only screen and (max-width: 57em) {
    .module-teaser figure.figure-up {
        bottom: 17%
    }
}
.module-teaser .module-teaser--footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5em 0
}
.module-teaser .module-teaser--footer h3 {
    color: #e11641;
    margin-bottom: 0
}
@media only screen and (max-width: 57em) {
    .module-teaser .module-teaser--footer h3 {
        font-size: 75%
    }
}
@media only screen and (max-width: 45.5em) {
    .module-teaser .module-teaser--footer {
        padding: 1em 0
    }
}
.module-teaser.module-teaser-tagline .module-teaser--header {
    padding-top: 15%
}
@media only screen and (max-width: 43em) {
    .module-teaser.module-teaser-tagline .module-teaser--header {
        padding-top: 0
    }
    .module-teaser.module-teaser-tagline .module-teaser--header img {
        margin-top: 1em
    }
}
.module-teaser.content-primary .module-teaser--footer h3,{
    color: #e11640
}

.module-teaser:hover.content-primary {
    background: #fff789
}
.no-touch .module-item:hover .module-item-figure img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}
.module-item {
    padding: 1em;
    margin-bottom: 4%;
    position: relative;
    overflow: hidden;
    height: 240px;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.module-item:hover{
    transform: scale(1.2);
    box-shadow: 0 17px 22px 3px rgba(99, 69, 0, 0.27);
    transition: .6s;
    z-index: 2000;
}
@media only screen and (max-width: 45.5em) {
    .module-item {
        height: 220px
    }
}
@media only screen and (max-width: 43em) {
    .module-item {
        height: 140px
    }
}
.module-item .module-item-figure img {
    width: 100%;
    height: auto;
    position: relative;
    -webkit-transition: -webkit-transform .8s;
    -ms-transition: -ms-transform .8s;
    -o-transition: -o-transform .8s;
    transition: transform .8s
}
.module-item .module-item-container {
    display: table;
    height: 100%
}
.module-item .module-item-figure {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
.module-item .module-item--footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}
.module-item .module-item--footer h4 {
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: .3em;
    padding: .5em
}
@media only screen and (max-width: 43em) {
    .module-item .module-item--footer h4 {
        padding: .5em .33333em;
        font-size: 13px;
        font-size: .8125rem
    }
}
@media only screen and (max-width: 45.5em) {
    .module-item {
        padding: .5em
    }
}
.module-item.content-primary .module-item--footer h4,
.module-item .module-item--footer h4 {
    color: #e11640
}
.module-product-image {
    padding: 2em;
    text-align: center;
    position: relative
}
.module-product-image.column {
    min-height: 300px
}
@media only screen and (max-width: 57em) {
    .module-product-image.column {
        min-height: 200px
    }
}
@media only screen and (max-width: 45.5em) {
    .module-product-image.column {
        min-height: 150px
    }
}
@media only screen and (max-width: 43em) {
    .module-product-image.column {
        padding: 0;
        margin-bottom: 1em
    }
    .module-product-image.column:last-of-type {
        margin-bottom: 0
    }
}
.module-product-image img {
    width: 80%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
@media only screen and (max-width: 43em) {
    .module-product-image img {
        height: 100%;
        width: auto;
        padding: 1em 0
    }
}
.module-product-image.module-product-image-large img {
    width: 38%
}
@media only screen and (max-width: 43em) {
    .module-product-image.module-product-image-large img {
        width: auto;
        height: 100%
    }
}
.module-campaign {
    padding: 1em;
    text-align: center;
    height: 360px;
    position: relative;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s

}
@media only screen and (max-width: 57em) {
    .module-campaign {
        height: 40%;
        }
}
@media only screen and (max-width: 43em) {
    .module-campaign {
        width: 80%!important;
        height: 335px;
        margin-bottom: 1em;
        transform: translate(11%);
    }
    .module-campaign:last-of-type {
        margin-bottom: 0
    }
}
.module-campaign figure {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.module-campaign figure figcaption {
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: gibsonbold, sans-serif;
    bottom: -2em
}


@media only screen and (max-width: 43em) {
    .module-campaign figure figcaption {
        bottom: -1em;
        font-size: 16px;
        font-size: 1rem
    }
}
.module-campaign figure img {
    max-width: 60%;
    margin: 0 auto
}

.module-campaign:hover.content-primary {
    background: #fff789
}

.module-campaign--footer,
.module-campaign--header {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 1.8em .4em
}

.content-block .module-campaign--header h3 {
    font-size: 2vw;
    margin: 0
}
@media only screen and (max-width: 43em) {
    .module-campaign--footer,
    .module-campaign--header {
        padding: 1em .5em !important
    }
}
.module-campaign--header {
    top: 0
}
.module-campaign--footer {
    bottom: 0
}
.module-campaign--footer h3 {
    margin: 0
}
.content-block .module-campaign--header {
    line-height: 1.1;
    font-family: gibsonsemibold, sans-serif
}
@media only screen and (max-width: 43em) {
.content-block .module-campaign--header h3 {
    font-size: 1.45rem;
    margin: 0
    }
    .row-small .column.social {
        margin: 3% 0 !important;
        height: 300px;
    }
    .content-block figure img {
        width: 150px !important;
    }
}

.content-block .module-campaign--footer h4 {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0em;
}

.content-block figure {
    top: 58%;
    padding:1em;
}
.content-block figure img {
    width:200px;
}
@media only screen and (max-width: 43em) {
    .content-block figure img {
        width: 200px
    }
}
@media only screen and (max-width: 35em) {
    .content-block figure img {
        width: 120px;
    }
}

.row-small .column.three-row {
    position: relative;
    width: 25%;
}
.row-small .column.three-row img {
    width: 60%;
}
.row-small .column.middle-row {
    position: relative !important;
    width: 50% !important;
    text-align: center;
}

#phmaincontent_2_contentdiv {
    text-align: center;
    margin-bottom: 2em;
}

#m-img {
    display: none;
}


@media only screen and (max-width: 43em){
    #d-img{
        display: none;
    }

    #m-img{
        display: block;
        width: 200px;
        margin: 0 auto;
    }

    .row-small .column.three-row {
        width:100%;
    }
    .row-small .column.middle-row {
        width: 100% !important;
        margin: 0 auto;
    }

}

.data-container {
    max-height: 100%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
    -webkit-transition: max-height 1s, opacity 1s;
    -o-transition: max-height 1s, opacity 1s;
    transition: max-height 1s, opacity 1s;
    *zoom: 1
    margin-top: 1em;
}
.data-container:before {
    content: " ";
    display: table
}
.data-container:after {
    content: " ";
    display: table;
    clear: both
}
.data-container.is-hidden {
    opacity: 0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: max-height 1s, opacity 1s;
    -o-transition: max-height 1s, opacity 1s;
    transition: max-height 1s, opacity 1s;
    max-height: 0;
    overflow: hidden;
    margin-top: 0
}
.data-container .separator {
    opacity: 1;
    -webkit-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}
.is-hidden .data-container .separator {
    -webkit-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s;
    opacity: 0
}
.module_product {
    padding: 1em
}
.module_product img {
    width: 100%;
    height: auto
}
.row-equal,
.row-medium,
.row-small {
    *zoom: 1;
    margin: 2em 0 0
}
.row-equal:before,
.row-large:before,
.row-medium:before,
.row-small:before {
    content: " ";
    display: table
}
.row-equal:after,
.row-large:after,
.row-medium:after,
.row-small:after {
    content: " ";
    display: table;
    clear: both
}
@media only screen and (max-width: 43em) {
    .row-equal,
    .row-large,
    .row-medium,
    .row-small {
        margin: 1em 0 0
    }
}
.row-full,
.row-full .column {
    width: 100%
}
.row-large .column {
    float: left;
    width: 22%;
    margin-right: 4%
}
.row-large .column:nth-child(4n) {
    margin-right: 0
}
@media only screen and (max-width: 57em) {
    .row-large .column {
        width: 30.66%;
        margin-right: 4%
    }
    .row-large .column:nth-child(4n) {
        margin-right: 4%
    }
    .row-large .column:nth-child(3n) {
        margin-right: 0
    }
}
@media only screen and (max-width: 43em) {
    .row-large .column {
        width: 48%;
        margin-right: 4%
    }
    .row-large .column:nth-child(3n),
    .row-large .column:nth-child(4n) {
        margin-right: 4%
    }
    .row-large .column:nth-child(2n) {
        margin-right: 0
    }
}
.row-medium .column {
    width: 30.66667%;
    margin-right: 4%;
    box-shadow: 0 7px 22px 3px rgba(99, 69, 0, 0.27);
}

.row-medium .column.third,
.row-medium .column:nth-child(3n) {
    margin-right: 0
}
@media only screen and (max-width: 43em) {
    .row-medium .column {
        width: 100%;
        float: none;
        display: block
    }
}
.row-small .column.social {
    width: 29%;
    margin: 2%;
    box-shadow: 0 17px 22px 3px rgba(99, 69, 0, 0.27);
}
.row-small .column p {
    max-width: 100%;
    margin-bottom: 2em;
}
.row-small .column.column-large {
    width: 65.33333%;
    margin-right: 4%;
    margin-right: 0
}
@media only screen and (max-width: 43em) {
    .row-small .column.column-large {
        width: 100%!important;
        margin: 0
    }
}
@media only screen and (max-width: 57em) {
    .row-small .column.column-large {
        width: 65.33333%
    }
}
.row-small .column.column-small {
    width: 30.66667%;
    margin-right: 4%
}
.row-small .column.column-small.third,
.row-small .column.column-small:nth-child(3n) {
    margin-right: 0
}
@media only screen and (max-width: 57em) {
    .row-small .column.column-small {
        width: 30.66667%
    }
}
@media only screen and (max-width: 43em) {
    .row-small .column.column-small {
        width: 100%!important;
        margin: 0
    }
}

.row-equal {
    height: 100%
}
.row-equal .module_product {
    height: 100%;
    position: relative
}
.row-equal .module_product img {
    position: absolute;
    top: 50%
}
.row-equal--large .column {
    width: 22%;
    margin-right: 4%
}
.row-equal--large .column.fourth,
.row-equal--large .column:nth-child(4n) {
    margin-right: 0
}
.row-equal--medium .column {
    width: 30.66667%;
    margin-right: 4%
}
.row-equal--medium .column.third,
.row-equal--medium .column:nth-child(3n) {
    margin-right: 0
}
@media only screen and (max-width: 43em) {
    .row-small .column-large.vertical-align {
        position: relative!important;
        margin-top: 0!important;
        top: 0!important
    }
}
.row-center {
    display: inline-block;
    vertical-align: middle
}
@media only screen and (max-width: 45.5em) {
    .row-center {
        padding-top: 1em
    }
}
.row-center__large {
    width: 66%
}

.row-center__large .middle {
    width: 50%
}

.row-center__large .middle p {
    margin: 0 !important;
}

@media only screen and (max-width: 45.5em) {
    .row-center__large {
        width: 100%;
        display: block
    }
}
.row-center__small {
    width: 33%
}

.row-center__small .left {
    width: 25% !important;
    float:left;
}

.row-center__small .left img {
    width: auto !important;
}
@media only screen and (max-width: 45.5em) {
    .row-center__small {
        width: 100%;
        display: block
    }
}
.column-center {
    float: right;
    width: 100%
}
@media only screen and (max-width: 45.5em) {
    .column-center {
        float: none
    }
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid grey;
    width: 100%
}
th {
    text-align: left;
    border: 1px solid grey;
    padding: .2em
}
td {
    border: 1px solid grey;
    padding: .2em
}
.intro {
    padding: 3em 2em 0;
    margin: 0
}
@media only screen and (max-width: 45.5em) {
    .intro {
        padding: 1.5em 1em 0
    }
}
@media only screen and (max-width: 43em) {
    .intro {
        padding: 1.5em .5em 0
    }
}
.intro.intro-large {
    padding: 4em 0 2em
}
.copy {
    text-transform: uppercase;
    font-family: gibsonsemibold, sans-serif
}
@media only screen and (max-width: 57em) {
    .copy {
        display: block
    }
}
.error {
    color: #e11640
}
.valid {
    color: #4a825c
}
.warning {
    color: #e11640
}
.information {
    color: #06f
}
abbr[title=Required] {
    color: #e11640
}
[aria-hidden=true] {
    speak: none
}
.separator {
    text-align: center;
    margin: 0;
    padding: 1em
}
@media only screen and (max-width: 43em) {
    .separator {
        padding: .5em 0
    }
}
.masthead {
    padding: 3em
}
@media only screen and (max-width: 43em) {
    .masthead {
        padding: 4em 1em 1em
    }
}
.masthead.masthead-full {
    padding: 66px 0 0
}
@media only screen and (max-width: 43em) {
    .masthead.masthead-full {
        padding: 0;
        margin-top: 0
    }
}
.touch .masthead-full {
    padding: 0
}
.touch .masthead-product {
    margin-top: 0
}
.masthead-product {
    margin-top: 66px
}
@media only screen and (max-width: 57em) {
    .masthead-product {
        padding: 2em
    }
}
@media only screen and (max-width: 43em) {
    .masthead-product {
        padding: 1em 0;
        margin-top: 0
    }
}
.masthead-product div[class*=row] {
    display: table;
    margin: 0
}
.masthead-product div[class*=row] .column {
    display: table-cell;
    vertical-align: middle;
    float: none
}
@media only screen and (max-width: 45.5em) {
    .masthead-product div[class*=row] .column:nth-child(odd) {
        margin-bottom: 1em
    }
}
@media only screen and (max-width: 57em) {
    .masthead-product div[class*=row] {
        display: block
    }
    .masthead-product div[class*=row] .column {
        display: block;
        text-align: center
    }
    .masthead-product div[class*=row] .column img {
        margin: 0 auto
    }
}
.masthead-product h2 {
    text-align: center;
    max-width: 90%;
    margin: 0 auto .3em;
    font-size: 57px;
    font-size: 3.5625rem
}
@media only screen and (max-width: 57em) {
    .masthead-product h2 {
        font-size: 42px;
        font-size: 2.625rem
    }
}
@media only screen and (max-width: 45.5em) {
    .masthead-product h2 {
        font-size: 32px;
        font-size: 2rem
    }
}
@media only screen and (max-width: 43em) {
    .masthead-product h2 {
        margin: 0 0 .3em;
        max-width: 100%
    }
}
.masthead-product h3 {
    text-align: center;
    max-width: 65%;
    margin: 0 auto
}
.masthead-product img {
    max-width: 100%;
    height: auto;
    width: 100%
}
.masthead-product.content-secondary h3 {
    color: #fff
}
.hero-container {
    color: #fff;
    z-index: 5;
    display: block;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 4s;
    -o-transition: -o-transform 4s;
    transition: -ms-transform 4s;
    transition: transform 4s
}
.hero-container.is-hidden {
    -webkit-transform: translate(0, -9999px);
    -ms-transform: translate(0, -9999px);
    -o-transform: translate(0, -9999px);
    transform: translate(0, -9999px)
}
@media only screen and (max-width: 43em) {
    .hero-container {
        padding: 0
    }
    .hero-container img {
        max-width: 100%
    }
}
.hero-container a {
    color: #fff
}
.hero-container .hero-image {
    height: 230px;
    width: auto
}
@media only screen and (max-width: 43em) {
    .hero-container .hero-image {
        margin-top: 5%;
        height: auto;
        width: 100%;
        max-width: 60%
    }
}
.masthead-full {
    overflow: hidden;
    width: 100%
}
.masthead-full .masthead-full--container {
    overflow: hidden;
    position: relative
}
.masthead-full .masthead-full--container img,
.masthead-full .masthead-full--container video {
    display: block;
    position: relative
}

.video-trigger .icon-play {
    margin: 1em auto 0;
    width: 4em;
    height: auto;
    display: block
}
.video-trigger span {
    background: url(/~/media/Marabou/Images/Icons/play_btn.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%
}
.video-trigger span:hover {
    background: url(/~/media/Marabou/Images/Icons/play_btn_hoover.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}
.video-trigger p {
    margin-bottom: 0;
    font-family: gibsonitalic, sans-serif
}
.video-trigger:hover span {
    background: url(/~/media/Marabou/Images/Icons/play_btn_hoover.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}
.masthead-full-container {
    position: relative;
}

.masthead-full-container.masthead-full-container--video video {
    position: absolute;
    bottom: 0;
    right: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
}

.masthead-full-container iframe,
.masthead-full-container img {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 1.5s;
    -ms-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s;
    z-index: 0
}
.masthead-full-container img.is-hidden {
    opacity: 0
}
.masthead-product-full .container {
    position: relative;
    *zoom: 1
}
.masthead-product-full .container:before {
    content: " ";
    display: table
}
.masthead-product-full .container:after {
    content: " ";
    display: table;
    clear: both
}
.masthead-product .product-header-content {
    position: absolute;
    height: 100%
}
@media only screen and (max-width: 43em) {
    .masthead-product .product-header-content {
        position: relative;
        padding-bottom: .66667em
    }
}
.masthead-product .product-header-headings {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 70%
}
@media only screen and (max-width: 43em) {
    .masthead-product .product-header-headings {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        max-width: 100%;
        display: block
    }
}
.masthead-product .product-header-headings h2,
.masthead-product .product-header-headings h3 {
    max-width: 100%;
    margin: 0
}
.masthead-product .product-header h2 {
    letter-spacing: .4em
}
@media only screen and (max-width: 43em) {
    .masthead-product .product-header h2 {
        margin-bottom: .5em
    }
}
.masthead-product .product-header h3 {
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: .3em;
    line-height: 36px
}
@media only screen and (max-width: 43em) {
    .masthead-product .product-header h3 {
        line-height: 1
    }
}
.masthead-product .product-image {
    float: right;
    width: 23%
}
@media only screen and (max-width: 43em) {
    .masthead-product .product-image {
        float: none;
        display: block;
        width: 100%;
        text-align: center
    }
    .masthead-product .product-image img {
        max-width: 50%
    }
}
.masthead-product .product-excerpt {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    max-width: 70%;
    font-family: casionpro, serif;
    font-size: 18px;
    font-size: 1.125rem
}
@media only screen and (max-width: 43em) {
    .masthead-product .product-excerpt {
        max-width: 100%;
        padding-top: 1em;
        position: relative
    }
}
@media only screen and (max-width: 35em) {
    .masthead-product .product-excerpt {
        font-size: 12px;
        font-size: .75rem
    }
}
.main ul {
    margin: 0 0 2em
}
@media only screen and (max-width: 43em) {
    .main ul {
        padding-left: 1em
    }
}
.main ul li {
    margin-bottom: 1em
}
@media only screen and (max-width: 43em) {
    .main ul li {
        font-size: 18px;
        font-size: 1.125rem
    }
}
.list-inline {
    padding: 0
}
.list-inline li {
    display: inline-block;
    margin-right: 1em
}
.list-inline li:last-child {
    margin-right: 0
}
.list-inline li:last-child:after {
    content: "";
    display: none
}
.list-inline li:after {
    margin-left: 1em;
    content: "|";
    display: inline-block
}

.container-faq {
    padding: 3em 1em;
    background: #ffdc62 !important;
    color: #e11540 !important;
}
@media only screen and (max-width: 43em) {
    .container-faq {
        padding: 1em .5em 0
    }
}
.container-faq h2 {
    margin-top: 1em
}
@media only screen and (max-width: 57em) {
    .container-faq h2 {
        margin-top: 0
    }
}
.list-faq {
    padding: 0
}
.list-faq li {
    list-style: none;
    margin-bottom: 0!important
}
.list-faq li:nth-child(2n) article {
    background: #ffdc62
}
.list-faq li:last-of-type article {
    border-bottom: 1px solid #e11440
}
.list-faq article {
    border-top: 1px solid #e11440;
    background: #ffdc62
}
@media only screen and (max-width: 45.5em) {
    .list-faq article {
        font-size: 75%
    }
}
.list-faq .trigger-faq {
    font-family: gibsonsemibold, sans-serif;
    padding: 1em .5em;
    display: block;
    width: 100%;
    color: #e11640;
    line-height: 1
}
.list-faq .faq-content {
    margin: 0;
    max-height: 0;
    overflow: hidden;
    color: #e11540;
    font-size: 20px;
    font-size: 1.25rem;
    max-width: 55%
}
.list-faq .faq-content a {
    font-family: gibsonsemibold, sans-serif;
    color: #e11640
}
.list-faq .faq-content.is-visible {
    max-height: 800px;
    padding: 0 0 1em .5em
}
@media only screen and (max-width: 45.5em) {
    .list-faq .faq-content {
        max-width: 100%;
        font-size: 16px;
        font-size: 1rem
    }
}
.list-footer {
    list-style: none;
    margin: 0;
    padding: 0
}
.list-footer li {
    text-align: center;
    display: inline-block;
    width: 23%;
    vertical-align: top
}

.list-footer p {
    text-align: center !important;
    line-height: initial;
    margin: .4em 0 !important;
    font-size: .6em;
}
@media only screen and (max-width: 43em) {
    .list-footer {
        text-align: center !important;
        margin: .7em 0;
    }
    .list-footer li {
        width: 35%
    }

}
.list-footer li h4 {
    font-size: 13px!important;
    margin-top: 1em
}
@media only screen and (max-width: 43em) {
    .list-footer li h4 {
        margin-top: 0
    }
}
.list-footer li img {
    width: 63px;
    height: auto
}
.list-footer a {
    color: #fff
}
#ctl11_contentdiv {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 2em
}
@media only screen and (max-width: 57em) {
    #ctl11_contentdiv {
        width: 85%;
        margin: 0;
        padding: 0 0 0 .5em
    }
}
.search {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 0;
    height: 66px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    background: #00a8e1;
    -webkit-transition: max-height 1s ease;
    -ms-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease
}
.search .container {
    position: relative
}
.search.is-expanded {
    max-height: 200px;
    z-index: 10
}
.search.is-expanded .search-query {
    display: block
}
@media only screen and (max-width: 57em) {
    .search.is-expanded .search-query {
        font-size: 24px;
        font-size: 1.5rem
    }
}
.search .search-query {
    width: 76%;
    border: none;
    color: #fff;
    font-family: gibsonlight, sans-serif;
    height: 66px;
    background: url(/~/media/Marabou/Images/Icons/search_white.svg) no-repeat;
    background-position: left center;
    display: none;
    font-size: 40px;
    font-size: 2.5rem;
    padding: 0 0 0 1.5em
}
@media only screen and (min-width: 80em) {
    .search .search-query {
        width: 81%
    }
}
@media only screen and (max-width: 62em) {
    .search .search-query {
        width: 73%
    }
}
@media only screen and (max-width: 57em) {
    .search .search-query {
        width: 84%
    }
}
@media only screen and (max-width: 43em) {
    .search .search-query {
        width: 67%
    }
}
.search .icon-search {
    left: 1em;
    position: absolute;
    top: 50%;
    margin-top: -19.5px
}
@media only screen and (max-width: 57em) {
    .search .icon-search {
        left: .5em
    }
}
.search .search-trigger-container {
    position: absolute;
    top: 0;
    right: 1em
}
@media only screen and (max-width: 57em) {
    .search .search-trigger-container {
        right: 0
    }
}
.search .search-cancel {
    position: absolute;
    right: 0;
    top: 0;
    height: 66px;
    width: 99px;
    -webkit-appearance: none;
    border: none;
    padding: 1em;
    background: #ffdc62;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}
.search .search-cancel:hover {
    background: #ffe910
}
.search .search-cancel img {
    height: 40.3px;
    width: 40.3px;
    position: absolute;
    top: 50%;
    margin-top: -20.15px;
    left: 50%;
    margin-left: -20.15px
}
@media only screen and (max-width: 57em) {
    .search .search-cancel {
        width: 66px
    }
}
.search .search-submit {
    position: absolute;
    top: 0;
    right: 99px;
    height: 66px;
    width: 132px;
    background: 0 0;
    -webkit-appearance: none;
    border: none;
    color: #ffdc62;
    font-family: gibsonsemibold, sans-serif;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    border-left: 1px solid #ffdc62
}
.search .search-submit:hover {
    background: #0082ae
}
@media only screen and (max-width: 57em) {
    .search .search-submit {
        width: 66px;
        right: 66px;
        font-size: 20px;
        font-size: 1.25rem
    }
}
@media only screen and (max-width: 45.5em) {
    .search .search-submit {
        font-size: 18px;
        font-size: 1.125rem
    }
}
.slick-slider {
    height: fit-content;
    margin-top: 4em;
    margin-bottom: 4em;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (max-width: 45.5em) {
    .slick-slider {
        margin-top: 2em;
        margin-bottom: 2em;
    }
}
.slick-slider:hover {
    cursor: move
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-loading .slick-list {
    background: #fff url(./ajax-loader.gif) center center no-repeat
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slide,
.slick-slide img,
.slick-slider .slick-list,
.slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1
}
.slick-track:before {
    content: "";
    display: table
}
.slick-track:after {
    content: "";
    display: table;
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}
.slick-slide img {
    display: block;
    max-width: -webkit-fill-available;
}
.slick-slide img.slick-loading {
    padding-bottom: 100%
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: 0
}
.slick-next:focus,
.slick-prev:focus {
    outline: 0
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}
.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-prev {
    left: -25px
}
.slick-prev:before {
    content: "\2190"
}
.slick-next {
    right: -25px
}
.slick-next:before {
    content: "\2192"
}
.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}
.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    outline: 0
}
.slick-dots li button:focus {
    outline: 0
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
    opacity: .75
}
.slideshow-large {
    padding: 3em 0 0 0
}
@media only screen and (max-width: 43em) {
    .slideshow-large {
        padding: 0
    }
}
.slideshow-large--container {
    height: 350px;
    background: url(/~/media/Marabou/Images/Om-marabou/marabou-product-slider.jpg) repeat-x;
    -webkit-animation-name: WuTangClan;
    -o-animation-name: WuTangClan;
    animation-name: WuTangClan;
    -webkit-animation-duration: 260s;
    -o-animation-duration: 260s;
    animation-duration: 260s;
    -webkit-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    width: 10000px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}
@media only screen and (max-width: 43em) {
    .slideshow-large--container {
        background: 0 0;
        display: none
    }
}
.slideshow-large--container:hover {
    -webkit-animation-play-state: paused
}
.slideshow-large--container:hover .slideshow-content {
    opacity: 0
}
.block-slideshow {
    overflow: hidden
}
.slideshow-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
@-webkit-keyframes WuTangClan {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}
@-o-keyframes WuTangClan {
    0% {
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }
    50% {
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    100% {
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }
}
@keyframes WuTangClan {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }
    50% {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }
}
.cssanimations.csstransforms.no-touch .animated-element {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .6s;
    -o-transition: -o-transform .6s;
    transition: -ms-transform .6s;
    transition: transform .6s
}
.cssanimations.csstransforms.no-touch .animated-element.is-animated {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.box {
    -webkit-perspective: 1500px;
    position: relative;
    width: 40%;
    margin: 2em auto
}
@media only screen and (max-width: 57em) {
    .box {
        width: 60%
    }
}
@media only screen and (max-width: 43em) {
    .box {
        width: 85%
    }
}
.box .front {
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transform-origin: 8px 8px;
    -ms-transform-origin: 8px 8px;
    -o-transform-origin: 8px 8px;
    transform-origin: 8px 8px;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 2
}
.box .tile {
    width: 97%;
    height: 100%;
    position: absolute
}
.box .outside {
    background: url(/~/media/Marabou/Images/Om-marabou/lock.png)
}
.cssanimations .box .inside {
    background: url(/~/media/Marabou/Images/Om-marabou/lock-oppen.png)
}
.box .front .inside {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    bottom: 35%
}
.box .front .outside {
    top: 0
}
.box .front .inside,
.box .front .outside {
    position: absolute;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}
.box .bottom {
    position: static;
    z-index: 1;
    width: 100%;
    height: auto
}
.box.is-visible .front {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}
.marabou-svg-logo {
    max-width: 600px;
    height: 255px;
    margin: 0 auto
}

.marabou-svg-logo svg {
    width: 100%;
}

@media only screen and (max-width: 45.5em) {
    .marabou-svg-logo {
        height: 150px;
        margin-bottom: 1em
    }
}
.marabou-svg-logo path {
    -webkit-transition: fill 1s;
    -o-transition: fill 1s;
    transition: fill 1s;
    fill: #ffdc62
}
.marabou-svg-logo.is-filled path {
    fill: #e11640
}
#header {
    width: 100%;
    background-color: #ffdc62;
    height: 66px;
    position: fixed;
    z-index: 15;
    top: 0;
}
@media only screen and (max-width: 43em) {
    #header {
        position: relative;
        z-index: 3000;
    }
}
.no-boxshadow #header {
    border-bottom: 1px solid #c5200b
}
.touch #header {
    position: relative
}
#header .logo {
    height: 28px;
    width: auto;
    display: inline-block;
    position: absolute;
    left: 1em;
    top: 17px;
    z-index: 3000;
}
@media only screen and (max-width: 57em) {
    #header .logo {
        left: .66667em
    }
}
#header .logo img {
    height: 100%;
    width: 96px;
    max-width: 96px
}
.search-trigger {
    display: none;
    position: absolute;
    right: 1em;
    top: 0;
    height: 66px;
    width: 99px;
    -webkit-appearance: none;
    border: none;
    padding: 1em;
    background: #e11640;
    border-right: 1px solid #fff9a3;
    border-left: 1px solid #fff9a3
}
.search-trigger.is-active {
    background: #00a8e1;
    border-right: 1px solid #00a8e1;
    border-left: 1px solid #00a8e1
}
.search-trigger img {
    height: 40.3px;
    width: 40.3px;
    position: absolute;
    top: 50%;
    margin-top: -20.15px;
    left: 50%;
    margin-left: -20.15px
}
@media only screen and (max-width: 43em) {
    .search-trigger img {
        height: 31px;
        width: 31px;
        position: absolute;
        top: 50%;
        margin-top: -15.5px;
        left: 50%;
        margin-left: -15.5px
    }
}
@media only screen and (max-width: 767px) {
    .search-trigger {
        height: 66px;
        width: 66px;
        top: 0;
        right: 66px;
        padding: 0
    }
}
.nav-trigger-container {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 66px;
    width: 66px;
    overflow: hidden;
    -webkit-appearance: none;
    border: none;
    background: inherit;
    text-transform: uppercase;
    padding: 0;
    color: #fff;
    -webkit-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    font-size: 16px;
    font-size: 1rem
}
@media only screen and (max-width: 767px) {
    .nav-trigger-container {
        display: block
    }
}

.nav-trigger-container img {
    height: 31px;
    width: 31px;
    position: absolute;
    top: 50%;
    margin-top: -15.5px;
    left: 50%;
    margin-left: -15.5px
}
.header-container {
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
    padding: .58824em .83333em
}
.main_navigation {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    *zoom: 1
}
.main_navigation:before {
    content: " ";
    display: table
}
.main_navigation:after {
    content: " ";
    display: table;
    clear: both
}
.main_navigation ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

.main_navigation a {
    font-family: gibsonsemibold, sans-serif;
    font-size: 18px;

}
/*@media only screen and (max-width: 767px) {
    .main_navigation ul {
        background: #f22b11;
        display: block;
        width: 100%
    }
}*/
.main_navigation li {
    display: inline-block;
    margin: 0 1.5em;
}
.is-searching .main_navigation li {
    display: none
}
/*@media only screen and (max-width: 767px) {
    .main_navigation li {
        display: block;
        width: 100%
    }
    .main_navigation li:nth-child(odd) {
        background: #c5200b
    }
}
.main_navigation li.current a {
    color: #fff
}
.main_navigation a {
    text-decoration: none;
    color: #e11640;
    text-transform: uppercase;
    font-family: gibsonsemibold, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    -webkit-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}
.main_navigation a:hover {
    color: #fff
}
@media only screen and (max-width: 767px) {
    .main_navigation a {
        width: 100%;
        display: block;
        padding: 1em 1.4em
    }
}
@media only screen and (max-width: 43em) {
    .main_navigation a {
        padding: 1em
    }
}*/
.main-navigation {
    display: inline-block;
}
.main-navigation.is-expanded {
    max-height: 100vh;
    min-height: 100vh;
    height:100vh;
    background: rgb(255,220,98,.9);
    position: fixed;
    display: block;
    top: 0;
}
@media only screen and (max-width: 767px) {
    .main-navigation {
        overflow: hidden;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        display: none;
    }

    .main-navigation ul {
        top:110px;
    }

    .main-navigation li {
        margin: .6em 1.5em;
    }
    .main-navigation a {
        font-size: 7vw;
        font-family: gibson-bold, sans-serif;
    }
}
.secondary_navigation {
    *zoom: 1;
    margin-top: -webkit-calc(66px + 2em);
    margin-top: calc(66px + 2em);
    padding-top: 1em;
    margin-bottom: 0
}
.secondary_navigation:before {
    content: " ";
    display: table
}
.secondary_navigation:after {
    content: " ";
    display: table;
    clear: both
}
@media only screen and (max-width: 43em) {
    .secondary_navigation {
        position: relative;
        margin-top: 0
    }
}
.secondary_navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center
}
@media only screen and (max-width: 57em) {
    .secondary_navigation ul {
        text-align: center;
    }
}
.secondary_navigation li {
    display: inline-block;
    margin: 0 1em 1em 0
}
.secondary_navigation li:last-child {
    margin-right: 0
}
@media only screen and (max-width: 57em) {
    .secondary_navigation li {
        margin: 0 .66667em .66667em 0
    }
}
@media only screen and (max-width: 43em) {
    .secondary_navigation li {
        margin: 0 .33333em .33333em 0
    }
}
.secondary_navigation li a {
    font-family: gibsonregular, sans-serif;
    color: #e11640;
    background-image: linear-gradient(to bottom, #ffdd6d, #fcc73f);
    padding: .33333em 1em;
    border-radius: 1.3em;
    position: relative;
    display: inline-block
}
.secondary_navigation li a.active:after {
    content: "\00d7";
    font-weight: 700;
    color: #ffdc62;
    display: inline-block;
    position: absolute;
    right: .8em;
    top: .4em
}
@media only screen and (max-width: 57em) {
    .secondary_navigation li a.active:after {
        top: .35em
    }
}
.secondary_navigation li a.active {
    padding-right: 2em
}
.secondary_navigation li a.active,
.secondary_navigation li a:hover {
    background: #e11640;
    color: #fdd361
}
@media only screen and (max-width: 57em) {
    .secondary_navigation li a {
        padding: .25em 1em
    }
}
@media only screen and (max-width: 43em) {
    .secondary_navigation li a {
        font-size: 16px;
        font-size: 1rem;
        padding: .33333em 1em
    }
}
.touch .secondary_navigation {
    margin-top: 1em
}
@media only screen and (max-width: 43em) {
    .touch .secondary_navigation {
        margin-top: 0
    }
}
.secondary-nav-trigger {
    display: none
}
@media only screen and (max-width: 45.5em) {
    .secondary-nav-trigger {
        display: block;
        color: #e11640;
        text-transform: uppercase;
        background: #fff9a3;
        font-size: 16px;
        font-size: 1rem;
        padding: .5em 1em;
        border-bottom: 1px solid #e11640;
        text-align: center
    }
    .secondary-nav-trigger.active {
        border-bottom: none
    }
    .secondary-nav-trigger.active span:before {
        background: url(/~/media/Marabou/Images/Icons/filter-minus.svg) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }
    .secondary-nav-trigger span {
        position: relative;
        display: inline-block;
        margin-left: 25px
    }
    .secondary-nav-trigger span:before {
        content: "";
        display: block;
        height: 25px;
        width: 25px;
        background: url(/~/media/Marabou/Images/Icons/filter.svg) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        position: absolute;
        left: -2em
    }
}

#footer{
    margin-top: 3em;
}

.main_footer h2 {
    text-align: left !important;
}
.main_footer {
    margin-top: 0;
    background: #e11640;
    color: #ffdc62
}
.main_footer .row-small {
    padding: 3em 0 5em
}
.main_footer .column {
    width: 50%;
}
@media only screen and (max-width: 57em) {
    .main_footer .row-small {
        padding: 2em 0 0;
        margin: 0
    }
}
@media only screen and (max-width: 57em) {
    .main_footer .row-small .column:first-of-type {
        margin-bottom: 2em
    }
}
@media only screen and (max-width: 57em) {
    .main_footer .contact-phone p {
        margin: 0
    }
}
.main_footer .phone-number img {
    width: 26px;
    height: auto;
    margin-right: .5em
}
@media only screen and (max-width: 43em) {
    .main_footer .column {
        width: 100%;
        padding: 1em 2em;
    }
}
.main_footer .phone-number a {
    font-size: 60px;
    font-size: 3.75rem;
    font-family: gibsonlight, sans-serif;
    position: relative;
    margin-bottom: 1em;
    color: #fff9a3
}
@media only screen and (max-width: 43em) {
    .main_footer .phone-number a {
        font-size: 40px;
        font-size: 2.5rem;
        margin-left: .33333em
    }
}

.page-home .main_footer {
    margin-top: -2em
}
.page-product .main_footer {
    margin-top: 4em
}
@media only screen and (max-width: 43em) {
    .page-product .main_footer {
        margin-top: 2em
    }
    .page-home .main_footer {
      margin-top: -1em;
    }
}
.masthead-preservable {
    background: url(/~/media/Marabou/Images/Masthead/masthead-hallbarhet-large.jpg?v1) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    display: table;
    width: 100%;
    height: 525px;
    -webkit-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s
}
@media only screen and (max-width: 45.5em) {
    .masthead-preservable {
        background: url(/~/media/Marabou/Images/Masthead/masthead-hallbarhet-small.jpg?v1) no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }
}
@media only screen and (max-width: 43em) {
    .masthead-preservable {
        height: 300px;
        padding: 1em
    }
}
@media only screen and (min-width: 80em) {
    .masthead-preservable {
        height: 60vh
    }
}
.masthead-preservable .alpha {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .1em
}
.masthead-preservable .delta {
    color: #fff9a3
}
.masthead-preservable .block:last-of-type {
    background: #ffdc62
}
.masthead-preservable .masthead-banner {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
.masthead-about {
    background: url(/~/media/Marabou/Images/Masthead/masthead-hallbarhet-new-large.jpg?v1) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    display: block;
    width: 100%;
    height: 525px;
    -webkit-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s
}
@media only screen and (max-width: 45.5em) {
    .masthead-about {
        background: url(/~/media/Marabou/Images/Masthead/masthead-hallbarhet-new-small.jpg?v1) no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }
}
@media only screen and (max-width: 43em) {
    .masthead-about {
        height: 300px;
        padding: 1em
    }
}
@media only screen and (min-width: 80em) {
    .masthead-about {
        height: 60vh
    }
}
.masthead-about .alpha {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .1em
}
.masthead-about .delta {
    color: #fff9a3
}
.masthead-about .block:last-of-type {
    background: #ffdc62
}
.masthead-about .masthead-banner {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
.video-container iframe {
    margin: 1em 0
}
img.sigvard {
    height: 77px;
    width: 77px;
    position: relative;
    top: 28px
}
@media only screen and (max-width: 45.5em) {
    img.sigvard {
        top: 0
    }
}
p.sigvard {
    text-align: center;
    line-height: 1
}
p.sigvard span {
    margin: 0 0 0 30px
}
@media only screen and (max-width: 45.5em) {
    p.sigvard span {
        display: block;
        margin: 0;
        padding-top: 1em
    }
}
.module-teaser.content-primary .module-teaser--header h2 {
    padding-top: 0;
    margin-bottom: 2.8em
}

.campaign-homeaway {
    margin-bottom: 0
}
.campaign-homeaway .alpha {
    font-size: 100px;
    font-size: 6.25rem
}
@media only screen and (max-width: 43em) {
    .campaign-homeaway .alpha {
        margin: .2em 0;
        font-size: 45px;
        font-size: 2.8125rem
    }
}
.campaign-homeaway h3 {
    margin-bottom: 0;
    font-size: 34px;
    font-size: 2.125rem
}
.campaign-homeaway .button-center-container {
    margin-top: 1em
}
.campaign-soffan {
    background: #e11640;
    width: 100%;
    padding: 2em 0;
}
.campaign-soffan p {
    font-family: gibsonsemibold, sans-serif;
    color: #FEEF68;
    font-size: 30px;
    line-height: 1.3;
    text-align: center;
}
@media only screen and (max-width: 57em) {
    .campaign-soffan {
        padding: 1em 0;
    }
    .campaign-soffan p {
        font-size: 20px;
        margin-bottom: 1em;
    }
}

.mbcs #header, .mbcs #footer {
  display: none; }

.mbcs {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mbcs .contentBody {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
}

.mbcs__logotype {
  width: 100%;
  height: auto;
  margin: 0 0 10% 0; }

.mbcs__container {
  position: relative;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  max-width: 780px; }

.mbcs__title {
  text-align: center;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  font-size: 40px;
  color: #AF0D2B;
  font-family: gibsonsemibold;
  font-size: 2.5rem; }
  @media only screen and (max-width: 45.5em) {
    .mbcs__title {
      font-size: 24px;
      font-size: 1.5rem; } }
  @media only screen and (max-width: 43em) {
    .mbcs__title {
      font-size: 18px;
      font-size: 1.125rem; } }

.mbcs__selector {
  list-style: none;
  padding: 3% 0 0 0;
  margin: 0;
  overflow: hidden;
  width: 70%;
  margin: 0 auto; }
  @media only screen and (max-width: 45.5em) {
    .mbcs__selector {
      width: 100%; } }
  .mbcs__selector li {
    width: 33%;
    height: 33%;
    padding: 3%;
    float: left; }
    .mbcs__selector li a {
      display: block; }
    .mbcs__selector li img {
      width: 100%;
      height: auto; }

/* ===========================================
   START - Marabou shop
   =========================================== */

.module-promo-maraboushop .module-teaser--header {
    text-transform: uppercase;
}

.marabou-shop-button {
    background: #e11640;
    color: #ffe37a !important;
    text-transform: uppercase;
    font-size: 20px;
    display: inline-block;
    padding: 5px 10px;
    font-family: gibsonsemibold, sans-serif;
}

.module-promo-maraboushop .module-teaser--footer {
    padding: 1.25em 0;
}

.module-promo-maraboushop .module-teaser--header img {
    max-width: 100%;
}

@media only screen and (max-width: 57em) {
    .marabou-shop-button {
        font-size: 75%;
    }
    .module-promo-maraboushop .module-teaser--footer {
        padding: 1em 0;
    }
}

@media only screen and (max-width: 43em) {
    .module-promo-maraboushop .module-teaser--header img {
        max-width: 90%;
    }
    .module-promo-maraboushop .module-teaser--footer {
        padding: 0.5em 0 0 0;
        position: relative;
    }
}

/* ===========================================
   END Marabou shop
   =========================================== */

@-webkit-keyframes popUp {
  0% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%); }
  60% {
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  80% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes popUp {
  0% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%); }
  60% {
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  80% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.cssanimations.csstransforms .mbcs__selector li img {
  -webkit-animation-name: popUp;
          animation-name: popUp;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform: translateY(150%);
      -ms-transform: translateY(150%);
          transform: translateY(150%); }

.cssanimations.csstransforms .mbcs__selector li:nth-child(1) img {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; }

.cssanimations.csstransforms .mbcs__selector li:nth-child(2) img {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s; }

.cssanimations.csstransforms .mbcs__selector li:nth-child(3) img {
  -webkit-animation-delay: 1.0s;
          animation-delay: 1.0s; }

.container--spacing {
    margin-top: 1em;
}

.block-image--full-width {
  margin-bottom: 2em;
  max-width: 100%;
}
@media only screen and (max-width: 43em) {
  .block-image--full-width {
    margin-bottom: 1em;
  }
}

/* -------------------------- CAROUSEL START ------------------------------- */

  .carousel-wrap {
  height: 320px;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  display: flex;
  vertical-align: center;
  align-items: center;
}
  .owl-carousel{
    width: 100% !important;
    margin: 0 auto;
    height: 100% !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    color: #e11640;
    }

  .owl-stage-outer {
    height: 100% !important;
    margin: 0 auto;
  }

  .owl-stage {
    margin: 0 auto;
    height: 100% !important;
    display: flex;
    align-items: center;
  }

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden;
  width: 100%;
  box-shadow: 0 7px 14px 1px rgba(99, 69, 0, 0.27);
  text-align: center;
  /*display: flex;
  flex-direction: column;*/
  padding: .4rem;
  text-align: center;
  align-items: center;
  background-image: linear-gradient(to bottom, #ffdd6d, #fcc73f);
/*  display: inline-block;*/
  vertical-align: middle;
  display:inline-grid;
  overflow: hidden;
}

.owl-carousel .item img {
    width: 100%;
    object-fit: contain;
    max-height:15vw;
}

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
  .owl-carousel .item img {
    width: 100%;
    height: inherit;
    }
}


@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media {
        .safari6 .owl-carousel .item img { 
            width: 190px;
            height: inherit;
        }
    }
}

@media not all and (min-resolution:.001dpcm) { 
    @media {
        .safari10 .owl-carousel .item img  { 
            width: 190px;
            height: inherit;
        }
    }
}

.owl-item{
  max-width: 300px;
  min-width: 100px;

}

.owl-item.active.center {
  transform: scale(1.5);
  transition: transform .5s;
  z-index: 1000;
  margin: 0 auto;
  /*display: flex;*/
  width: auto;
  /*max-width: 250px;*/
 }

 .owl-carousel .item h3 {
  font-size: 15px !important;
  margin-top: 5% !important;
  margin-bottom: 5% !important;
}
.owl-carousel .item.fi h3{
    font-size: 12px !important;
}

 .owl-carousel .item p {
  font-size: 2vw;
  margin: 0;
  text-align: center !important;
  font-family: gibsonregular, sans-serif;
  line-height: 1;
  padding: .5em 0;
}

 .owl-carousel .btn-carousel {
  background-color: #e11640;
  color: #ffdc62;
  border:none;
  padding: .3em;
  font-size: .4em !important;
  margin-top: 0;
  margin-bottom: .7em !important;
  width: 88%;
  margin: 0 auto;
}

.owl-carousel .btn-carousel a {
    font-family: gibsonregular, sans-serif;
}

.owl-carousel .btn-carousel:hover{
  background: #b71536;
}

@media (min-width: 576px){

    .carousel-wrap {
        height:70vw;
    }

    .owl-carousel .item img {
        max-height:110px;
        object-fit: scale-down;
    }
.owl-carousel .item.fi h3{
    font-size: 20px !important;
}

  .owl-carousel .item {
    padding: 1rem;
    height:38vw;
    box-shadow: 0 7px 14px 1px rgba(99, 69, 0, 0.27);
  }
  .owl-item.active.center {
  transform: scale(1.5);
 }

 .owl-carousel .btn-carousel {
  padding: .3em;
  font-family: gibsonregular, sans-serif;
  }
}

.owl-carousel .owl-nav{
    display: flex;
    width: 100%;
    position: absolute;
    justify-content: center;
    bottom: 0;
    top:98%;
}

.owl-carousel .owl-nav .owl-prev{
    width:35px;
    height:35px;
    background-color: rgb(225, 22, 64);
    border-radius: 50px;
    position: relative;
}

.owl-carousel .owl-nav .owl-prev:after{
    left: 13.5px;
    top: 11.5px;
    width: 10px;
    height: 10px;
    border: solid #ffdd61;
    border-width: 0 3px 3px 0;
    content: '';
    position: absolute;
    -webkit-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg);
}
  .owl-carousel .owl-nav .owl-next{
    width:35px;
    height:35px;
    background-color: rgb(225, 22, 64);
    border-radius: 50px;
    position: relative;
    margin-left: 18px;
}
.owl-carousel .owl-nav .owl-next:after{
    left: 9px;
    top: 11.5px;
    width: 10px;
    height: 10px;
    border: solid #ffdd61;
    border-width: 0 3px 3px 0;
    content: '';
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
 .owl-carousel .item img {
    object-fit: scale-down;
    max-height: 130px;
    }

.carousel-wrap {
  height: 640px;  
}

  .owl-item.active.center {
  transform: scale(1.3);
 }

 .owl-item{
  margin: 1vw !important;
  margin-right: 0 !important;
}


  .owl-carousel .btn-carousel {
    width: 150px;
    font-size: .7em !important;
    line-height: 1;
    font-family: gibsonregular, sans-serif;
}

   .owl-carousel .item p {
      font-size: 1rem;
      font-family: gibsonregular, sans-serif;
    }

  .owl-carousel .item h3 {
    font-size: 26px !important;
    margin-top: 2% !important;
  }

  .owl-item{
      margin: 3vw !important;
  } 
  .owl-carousel .item {
    padding: 1.5rem;
    height:320px;
  }

  .owl-carousel .owl-nav{
    width: 100%;
    position: absolute;
    justify-content: space-between;
    top: 50%;
    bottom: auto;
    }

    .owl-carousel .owl-nav .owl-prev{
        margin-left: 14px;
    }

  .owl-carousel .owl-nav .owl-next{
    margin-right: 5px;
    }

}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
  .col-md-3 {
    padding: 1rem;
  }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .owl-item.active.center{
    margin: initial;
    transform: scale(1.5);
  }

  .owl-carousel .item {
    max-width: 270px;
    padding: 1rem;
  }

  .owl-carousel .owl-stage {
    margin: 0 auto;
  }

  .owl-carousel .owl-nav .owl-prev{
    margin-left: -18px;
  }
  .owl-carousel .owl-nav .owl-next{
    margin-right: -28px;
  }

}



  /* -------------------------- CAROUSEL END ------------------------------- */

.mw-center {
    text-align: center;
}
.mw-center p {
    max-width: 550px;
}

.social-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 2em 0 0;
}

.social-container .social{
    max-height: 360px;
}

.social-container .module-campaign--header{
    padding: 1.5em .9em;
}

.social-container .module-campaign--header h3 {
    font-size: 27px;
}
.social-container .module-campaign--footer h4 {
    font-size: 16px;
}

@media (max-width: 768px){
    .social-container .social {
        max-height: 270px;
        left: 10% !important;
        transform: translate(0);
        margin: 0 auto;
    }
}

@media only and screen(min-width: 57em){
    .social-container .module-campaign--footer h4 {
    font-size: 18px;
}
.social-container .module-campaign--header h3 {
    font-size: 30px;
}

}

#animated-icon{
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin: 0 auto;
    z-index: 3000;
  }

  #animated-icon span {
    background-color: #e11640;
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  #animated-icon span:nth-child(1) {
    top: 0px;
  }

  #animated-icon span:nth-child(2), #animated-icon span:nth-child(3) {
    top: 10px;
  }

  #animated-icon span:nth-child(4) {
    top: 20px;
  }

  #animated-icon.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
  }

  #animated-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #animated-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #animated-icon.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
  }

  #main-navigation.open {
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: rgb(255, 219, 98);
    background-color: rgb(255, 219, 98, .95);

    z-index: 2000;
    width: 100vw;
    height:100vh;
    top: 0;
    left:0;
    position: fixed;
  }

  #main-navigation.open ul{
    top:15%;
    font-size: 7vw;
    width: 70%;
    margin: 0 auto;
  }

  #main-navigation.open li {
    margin: 0 auto;
    padding: 1rem;
    margin-right: auto !important;
  }

  #main-navigation.open li a {
    font-family: gibson-bold, sans-serif;
  }

   #dd-sec-1, #dd-sec-2 {
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: 0;
    overflow: hidden;
  }

  .quote {
    padding: 1em;
    max-width: 1140px;
  }

  .quote img {
    position: absolute;
    padding-left: 1em;
    top: 50%;
    transform: translate(-50%, -50%) !important;
  }

  @media only screen and (max-width: 688px) {
    .quote img {
        position: relative;
        transform: translate(0) !important;
        padding-left: 0;
    }
  }

  div[role=main] { 
    background: #e11641;
    color: #ffdc62; 
    min-width: 100vw !important;
  }